/*==========================================================
        SEO "READ MORE" SECTION
        Shared by every page that carries an expandable SEO
        block. Collapsed by default; assets/js/read-more.js
        handles the expand / collapse.
==========================================================*/

.service-seo-more-mg{

    margin-top:55px;

    padding-top:45px;

    border-top:1px solid #ececec;

}

/* h2 size is set site-wide in typography.css */
.service-seo-more-mg h2{

    margin:0 0 18px;

    font-weight:800;

    color:#111111;

    line-height:1.25;

}

.seo-more-content-mg p{

    font-size:15px;

    line-height:1.9;

    color:#666666;

    margin:0 0 18px;

}

.seo-more-content-mg a{

    color:#b83330;

    text-decoration:underline;

    text-underline-offset:3px;

}

.seo-more-content-mg a:hover{

    color:#92221f;

}


/*=========================================
        COLLAPSIBLE PANEL
=========================================*/

.seo-more-extra-mg{

    max-height:0;

    overflow:hidden;

    visibility:hidden;

    transition:max-height .45s ease, visibility 0s linear .45s;

}

.seo-more-extra-mg.open{

    visibility:visible;

    transition:max-height .45s ease, visibility 0s;

}

.seo-more-extra-mg h3{

    font-size:19px;

    font-weight:700;

    color:#111111;

    line-height:1.4;

    margin:24px 0 10px;

}

.seo-more-extra-mg h3:first-child{

    margin-top:4px;

}

.seo-more-extra-mg ul{

    list-style:none;

    margin:0 0 18px;

    padding:0;

}

.seo-more-extra-mg ul li{

    position:relative;

    padding-left:22px;

    font-size:15px;

    line-height:1.9;

    color:#666666;

    margin-bottom:6px;

}

.seo-more-extra-mg ul li::before{

    content:"";

    position:absolute;

    left:0;

    top:12px;

    width:7px;

    height:7px;

    border-radius:50%;

    background:#b83330;

}


/*=========================================
        TOGGLE BUTTON
=========================================*/

.seo-read-more-btn-mg{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:none;

    border:none;

    padding:6px 0;

    font-family:inherit;

    font-size:14px;

    font-weight:700;

    color:#b83330;

    cursor:pointer;

    letter-spacing:.2px;

}

.seo-read-more-btn-mg i{

    font-size:12px;

    transition:transform .35s ease;

}

.seo-read-more-btn-mg:hover{

    color:#92221f;

}

.seo-read-more-btn-mg:focus-visible{

    outline:2px solid #b83330;

    outline-offset:4px;

    border-radius:4px;

}

.seo-read-more-btn-mg.active i{

    transform:rotate(180deg);

}


/*=========================================
        STANDALONE WRAPPER
        (homepage / about page, where the block
        is not inside a service-page content column)
=========================================*/

.seo-more-section-mg{

    padding:70px 0;

    background:#ffffff;

    border-top:1px solid #ececec;

}

.seo-more-inner-mg{

    max-width:920px;

    margin:0 auto;

    padding:0 24px;

}

.seo-more-section-mg .service-seo-more-mg{

    margin-top:0;

    padding-top:0;

    border-top:none;

}


/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:992px){

    .service-seo-more-mg{

        margin-top:45px;

        padding-top:36px;

    }

}

@media(max-width:576px){

    .seo-more-extra-mg h3{

        font-size:17px;

    }

    .seo-read-more-btn-mg{

        padding:13px 0;

    }

    .seo-more-section-mg{

        padding:48px 0;

    }

    .seo-more-inner-mg{

        padding:0 18px;

    }

}

@media (prefers-reduced-motion:reduce){

    .seo-more-extra-mg,
    .seo-more-extra-mg.open,
    .seo-read-more-btn-mg i{

        transition:none;

    }

}