/* Static page and 404 page styles for the aboutinsider theme */

/* ===================== Static page ===================== */
.opla-page-section {
    padding: 32px 0 48px;
}

.opla-page-h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 26px;
    font-weight: 700;
    color: var(--opla-text);
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--opla-primary);
}

#opla-page-content {
    font-size: 16px;
    line-height: 1.85;
    color: var(--opla-text);
}

#opla-page-content h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    font-weight: normal;
    color: var(--opla-text);
    margin: 24px 0 12px;
}

#opla-page-content h3 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    font-weight: normal;
    color: var(--opla-text);
    margin: 18px 0 10px;
}

#opla-page-content p {
    margin: 0 0 16px;
}

#opla-page-content ul,
#opla-page-content ol {
    padding-left: 24px;
    margin-bottom: 16px;
}

#opla-page-content ul {
    list-style: disc;
}

#opla-page-content ol {
    list-style: decimal;
}

#opla-page-content a {
    color: var(--opla-primary);
    text-decoration: underline;
}

#opla-page-content a:hover {
    color: var(--opla-primary-dark);
    opacity: 1;
}

/* ===================== 404 page ===================== */
.opla-error-page {
    text-align: center;
    padding: 80px 20px;
}

.opla-error-code {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 100px;
    font-weight: 700;
    color: var(--opla-primary);
    line-height: 1;
    margin-bottom: 16px;
}

.opla-error-h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--opla-text);
    margin-bottom: 14px;
}

.opla-error-desc {
    font-size: 15px;
    color: var(--opla-text-muted);
    line-height: 1.7;
    margin-bottom: 32px;
}

.opla-error-btn {
    display: inline-block;
    padding: 11px 32px;
    background: var(--opla-primary);
    color: #ffffff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease;
}

.opla-error-btn:hover {
    background: var(--opla-primary-dark);
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

.opla-error-btn:active {
    background: #a01e17;
}
@media(max-width:1200px){
    .opla-page-section{
        padding:32px 16px 48px;
    }
}
@media(max-width:1024px){
    .opla-page-section{
        padding:32px 0 48px;
    }
}