.article {
    display: block;
    justify-content: center; /* Center the article horizontally */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.entry-header {
    text-align: center; /* Center the text within entry-header */
}

.entry-title {
    margin-top: 1rem;
    margin-bottom: 10px;
    font-size: 2rem;
    
}

.entry-meta,
.entry-meta * {
    margin-bottom: 20px;
    line-height: 1.45;
    color: #f26f08;
}

.blog-content {
    max-width: 1000px; /* Set a maximum width for the blog content */
    width: 100%;
    margin: 0 auto; /* Center the blog content horizontally */
    text-align: left; /* Keep the text left-aligned within the blog-content */
    margin-bottom: 5rem;
}

a, .page-title {
    color: #f26f08;
}

/* Reset default browser styles */
p {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    line-height: 1.6; /* Set line height for better readability */
    color: #333; /* Default text color */
}

/* Style links within paragraphs */
p a {
    color: #007bff; /* Link color */
    text-decoration: underline; /* Underline on hover */
}

/* Style paragraphs with large font for emphasis */
p.emphasize {
    font-size: 1.1rem;
    font-weight: bold;
}

/* Style paragraphs for quotes */
p.quote {
    font-style: italic;
    color: #666;
}

.footer-bottom p {
    margin-bottom: 10px; /* Add specific margin for footer paragraphs */
    line-height: 1.4; /* Adjust line height for footer paragraphs */
    color: #666; /* Adjust color for footer paragraphs */
}

.highlight-link {
    color: var(--primary);
}

li {
    margin: 10px 0;
  }
  
.subheading {
    margin-top: 48px;
    margin-bottom: 18px;
    font-size: 2rem;
    font-weight: normal;
}

.blogImg {
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    
  
}

.success-alert {
    background: #4CAF50;
    color: white;
    padding: 20px;
    text-align: center;
    border-radius: 1rem;
}


.success-error {
    background: #f44336;
    color: white;
    padding: 20px;
    text-align: center;
    border-radius: 1rem;
}

blockquote {
    margin: 1em 10px;
    padding: 0.5em 10px;
    border-left: 5px solid #ccc;
    color: #666;
    font-style: italic;
}
form {
    margin-top: 20px;
}
form input[type="text"], form input[type="date"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}
form input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
form input[type="submit"]:hover {
    background-color: #45a049;
}

@media screen and (max-width: 950px) {
    .article{
        margin-top: 3rem;
    }

}