@charset "UTF-8";

/* Interior Pages and Posts CSS */

:root {
    --i-h1-font-size: clamp( 32px, 2.5vw, 48px );
    --i-h2-font-size: clamp( 28px, 1.875vw, 36px );
}

#header, #header:hover {
    position: relative;
    background-color: var(--white);
    box-shadow: none;
}

#header .header-holder {
    background-color: transparent;
}

#header .social a {
    color: var( --primary-color );
}

.header-holder .headAdd .fas,
.header-holder .phoneBlock .fa {
    color: var( --light-blue );
}

.btn.btn-orange.booking-opener,
#header .btn.btn-orange {
    color: var( --white );
    outline-color: var( --primary-color );
    background-color: var( --primary-color );
}

.main-frame {
    background-color: var( --white );
    color: var( --black );
}

.page-id-15656 .main-frame {
    background-color: var( --alt-bg-color );
}

.page-id-15656 .main-frame .offers-list li h4 a ,
.page-id-15656 .main-frame .offers-list li .h4 a{
    text-decoration: none;
}

.page-id-15656 .main-frame .offers-list li h4 a:hover ,
.page-id-15656 .main-frame .offers-list li .h4 a:hover{
    text-decoration: underline;
}

.entry.entry-add h4 a:hover ,
.entry.entry-add .h4 a:hover{
    color: var( --black );
}

.main-frame .container #content {
    position: relative;
    width: min( 95%, 1088px );
    padding: clamp(30px, 4.167vw, 80px ) 0;
    margin: 0 auto;
    overflow: visible;
}

.breadcrumb {
    padding: 5px 0 0;
}

.bar.bar-title {
    background: var( --tan );
    border: none;
    padding: 0;
    background-size: 100vw;
    background-repeat: no-repeat;
}

.promo.bar.bar-title {
    position: relative;
    height: clamp( 250px, 29.17vw, 560px );
    overflow: visible; /* let the offer card overhang the banner bottom edge */
}

.promo .pImg {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    width: 42.4%;
    height: 100%;
    z-index: 0;
}

.tWrap {
    width: 100%;
    max-width: calc( 57.6vw - 180px );
    text-align: left;
}

.promo .pImg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    /* filter: brightness(0.6); */
}

.bar.bar-title::after {
    display: none;
}

.bar.bar-title .container {
    position: relative;
    z-index: 2;
    color: var( --black );
}

.promo.bar.bar-title .container.flex.col-reverse {
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px 0 56px;
}

.bar.bar-title .container::before,
.bar.bar-title .container::after {
    display: none;
}

.promo.bar.bar-title .tWrap h1,
.promo.bar.bar-title .tWrap h2 {
    color: var( --black );
    font-size: var( --i-h1-font-size );
    line-height: 1.15;
    font-family: var( --heading-font );
    font-weight: var( --heading-font-weight );
    text-transform: none;
    margin: 0;
}

.bar.bar-title a {
    color: var( --black );
}

.breadcrumbs-block {
    font-weight: 400;
    color: var( --black );
    float: none;
    width: auto;
    text-align: left;
    flex: 0 0 auto;
    font-size: 14px;
    font-family: var( --body-font );
}

.bar.bar-title h1,
.bar.bar-title h2 {
    color: var( --black );
    font-weight: 400;
    font-family: var( --body-font );
    text-transform: capitalize;
}

.tWrap h1 {
    color: var( --black );
}

.bar.bar-title h1::after {
    display: none;
}

.page-scrolled div#main {
    margin-top: min( 7.81vw, 150px );
}

#inner-content {
    margin-bottom: clamp(40px, 4.167vw, 80px) ;
}

.page-template-flexible #inner-content {
    padding: 0;
}

.page-template-flexible #inner-content .container {
    width: 100%;
    padding: 0;
}

.int_video {
    position: relative;
    width: 100%;
    height: clamp( 200px, 31.875vw, 612px );
    overflow: hidden;
    margin-bottom: clamp( 30px, 3.125vw, 60px );
}

.int_video .bgImg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.int_video .bgImg img {
    position: relative;
    display: block;
    box-shadow: none;
    object-fit: cover;
}

.int_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.int_video a.popVideo {
    display: grid;
    position: absolute;
    width: clamp(40px, 2.292vw, 44px);
    height: clamp(40px, 2.292vw, 44px);
    right: min(1.667vw, 32px);
    bottom: min(3.125vw, 60px);
    z-index: 8;
    text-align: center;
    font-size: clamp(14px, 0.833vw, 16px);
    color: var( --white );
    text-decoration: none;
    border: 2px solid;
    border-radius: 50%;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    letter-spacing: clamp(-4px, -0.208vw, -2px);
}

a.popVideo:hover {
    text-decoration: none;
}

.entry {
    padding-top: 0;
}

.entry.entry-add h3,
.entry.entry-add .h3 {
    font-weight: 500;
    font-size: clamp(24px, 1.67vw, 32px);
    line-height: var( --heading-line-height );
}

/* Special Offers page card titles — match the homepage offers section (.box-offers .h4) */
.page-id-15656 .main-frame .offers-list li h4,
.page-id-15656 .main-frame .offers-list li .h4 {
    font-family: var( --expanded-font );
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.25;
    margin: 0 0 16px;
}

.page-id-15656 .main-frame .offers-list li .spcImg img {
    box-shadow: none;
}

.entry.entry-add h3 ,
.entry.entry-add .h3{
    font-family: var( --heading-font );
    font-weight: var( --heading-font-weight );
    font-size: clamp( 24px, 1.5vw, 28px );
    line-height: 1.15;
    text-transform: none;
    letter-spacing: normal;
}

.entry.entry-add > ul > li a {
    text-decoration: underline;
}

.entry.entry-add .specWrap a {
    text-decoration: none;
}

.page-template-special-offers .entry-add .row.flex {
    padding: clamp( 50px, 5.208vw, 100px ) 0;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    gap: 0;
}

.page-template-special-offers .servCard {
    width: 33%;
    padding: clamp( 20px, 2.08vw, 40px );
    border-right: 2px solid var( --black )26;
}

.page-template-special-offers .servCard:nth-of-type(3n) {
    border-right: none;
}

.page-id-15597 form > p input {
    padding: min(15px, 0.781vw) min(32px, 1.667vw);
    text-shadow: none;
    color: var( --white );
    border: 0;
    margin: 0;
    background-color: var( --primary-color );
    border-radius: 28px;
    z-index: 1;
    font-size: clamp(16px, 0.938vw, 18px);
    font-family: var( --body-font );
    letter-spacing: clamp(0.87px, 0.09vw, 1.74px);
    line-height: clamp(24px, 1.25vw, 24px);
}

.entry-add .int_head h1.itty,
.entry-add .int_head h2.itty {
    font-size: clamp( 14px, 0.833vw, 16px );
    letter-spacing: clamp( 0.52px, 0.080vw, 1.54px );
    line-height: clamp( 22px, 1.250vw, 24px );
    font-weight: 600;
    text-transform: uppercase;
}

.entry.entry-add h1, .entry.entry-add h2 {
    font-family: var( --heading-font );
    font-size: var( --i-h2-font-size );
    font-weight: var( --heading-font-weight );
    text-transform: none;
    letter-spacing: normal;
    line-height: var( --h2-line-height );
    color: var( --black );
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    margin: clamp( 40px, 4.167vw, 80px ) 0 24px;
}

.page-template-blog .title h2 {
    font-size: 32px;
    line-height: normal;
    margin-top: 24px;
}

.entry.entry-add .post h2 {
    font-size: 28px;
}

.beefy {
    font-weight: 600;
}

.entry.entry-add h4 ,
.entry.entry-add .h4{
     font-size: clamp(20px, 1.146vw, 22px);
}

.main-frame h4 ,
.main-frame .h4{
    font-weight: 500;
}

.entry-add h2,
.fullContent.entry-add h2 {
    color: var( --primary-color );
    font-family: var( --heading-font );
    font-size: clamp(26px, 1.771vw, 34px);
    font-weight: 400;
    text-transform: none;
    letter-spacing: clamp( .34px, 0.035vw, .68px );
    line-height: clamp(36px, 2.083vw, 40px);
}

.entry.entry-add .page-offer h2,
.bar.bar-title .page-offer h2,
#content .page-offer h2,
.page-offer h2 {
    display: block;
    float: none;
    margin: 0;
    color: inherit;
    font-family: var( --expanded-font );
    font-size: var( --h3-font-size );
    font-weight: var( --h3-font-weight );
    line-height: 1.25;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    max-width: 812px;
}

.page-offer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin: 32px 0;
    padding: 80px 56px;
    background-color: var( --primary-color );
    color: var( --white );
    text-align: center;
    border-radius: 80px 0 0 0;
    box-shadow: 0 40px 50px rgba( 0, 0, 0, 0.05 ), 0 20px 30px rgba( 0, 0, 0, 0.10 );
    z-index: 3;
}

/* Banner offer → positioned card, bottom-right overhang (matches sandbox source).
   Scoped to the banner so the in-content offer keeps its block layout. */
.bar.bar-title .page-offer {
    position: absolute;
    display: block;
    width: clamp( 360px, 37vw, 535px );
    left: 0;
    top: 96px;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: clamp( 32px, 3.9vw, 56px );
    border-radius: 0;
    box-shadow: 0 40px 40px #0000001a;
    z-index: 2;
}

.bar.bar-title .page-offer h2 {
    margin-bottom: 24px;
}

/* Clamp the body copy; :not(:has(img)) keeps the hidden image <p> hidden */
.bar.bar-title .page-offer p:not( :has( > img ) ) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
}

/* Offer pages hold enough hero height for the tucked card to clear the title
   at every desktop width (below 1024 the card goes back in-flow). */
.promo.bar.bar-title:has( .page-offer ) {
    min-height: clamp( 540px, 29.17vw, 560px );
}

.page-offer img,
.page-offer p:has( > img ) {
    display: none;
}

.entry.entry-add .page-offer p,
.bar.bar-title .page-offer p,
.page-offer p {
    color: inherit;
    font-family: var( --body-font );
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    max-width: 812px;
}

.entry.entry-add p,
.entry.entry-add ul li {
    font-size: clamp(16px, 0.938vw, 18px);
    line-height: clamp(24px, 1.667vw, 26px);
    letter-spacing: normal;
    color: var( --black );
}

/* Cherry financing widget — recolor its periwinkle (#596FD4) buttons to brand
   navy. Cherry uses CSS-module classes with volatile hash suffixes, so match
   the stable prefixes. Scoped by the customButton class so site .btn is safe. */
[class*="button-customButton-"][class*="button-filled-"] {
    background-color: var( --primary-color ) !important;
    border-color: var( --primary-color ) !important;
}

[class*="button-customButton-"][class*="button-outlined-"] {
    color: var( --primary-color ) !important;
    border-color: var( --primary-color ) !important;
}

/* Cherry calculator — orange payment-plan cards → brand navy + white text. */
[class*="calculator-month_option_container-"] {
    background-color: var( --primary-color ) !important;
}

[class*="calculator-month_option_container-"],
[class*="calculator-month_option_container-"] * {
    color: var( --white ) !important;
}

.entry img {
    border-radius: 0;
    box-shadow: 0 50px 60px rgba( 0, 0, 0, 0.05 ), 0 30px 40px rgba( 0, 0, 0, 0.10 );
    max-width: 100%;
    height: auto;
    display: block;
}

.entry img.alignleft,
.entry img.alignright {
    border-radius: 0;
}

.entry img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.page-template-blog img.post-feat-img {
    aspect-ratio: 32 / 25;
    object-fit: cover;
}

/** SIDEBAR STUFF **/

.rtSide {
    position: relative;
    display: block;
    background-color: var( --secondary-color );
    color: var( --white );
    padding: 20px 15px;
    border-radius: 0;
    margin-bottom: 80px;
    box-shadow: none;
    overflow: visible;
    z-index: 10;
}

#sidebar .no-pad.row {
    margin: 0 -15px 15px;
}

.widget {
    padding: 30px 0 0;
    margin: 0;
}

.widget.widget-location, .widget.widget-choose {
    padding: 30px 28px;
}

.cInfo form input:not([type=submit]), 
.cInfo form textarea,
.wrap-form-question form input:not([type=submit]),
.wrap-form-question form textarea {
    font-size: 16px;
    border-bottom: none;
}

.widget.widget-form form .top label, .widget.widget-form form .top span {
    font-size: 16px;
}

.personal-info {
    padding: 0 20px;
    text-align: center;
}

.personal-info .img {
    float: right;
    margin-left: 3px;
}

.personal-info h5,
.widget.widget-form .head,
.widget.widget-location h4,
.widget.widget-location .h4,
.widget.widget-choose h3 ,
.widget.widget-choose .h3{
    color: var( --black );
    font-family: var( --body-font );
    text-transform: unset;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: clamp(24px, 1.354vw, 26px);
    text-align: center;
}

.widget.widget-form .head {
    padding: 10px 10px 0;
    margin: 0;
}

.widget.widget-choose h3 ,
.widget.widget-choose .h3{
    margin: 0 0 24px;
}

.personal-info h5 a {
    color: var( --black );
}

.personal-info h5{
    width: fit-content;
    margin: 0 0 24px;
    text-align: left;
}

.widget.widget-form .head p::after,
.widget.widget-location h4::after,
.widget.widget-location .h4::after,
.widget.widget-choose h3::after,
.widget.widget-choose .h3::after,
.personal-info h5::after {
    content: '';
    display: none;
    width: 40px;
    height: 3px;
    margin: 12px auto 16px;
    border-bottom: 0;
    background-color: var( --primary-color );
}

.personal-info h5::after {
    margin: 8px 0 16px;
    display: none;
}

.personal-info .description {
    text-align: left;
    width: 100%;
}

.widget.widget-form .personal-info .description p { /* JRF */
    font-size: 16px;
    line-height: 24px;
    color: var( --black );
    margin-bottom: 38px;
}

.widget.widget-form form {
    background-color: transparent;
    color: var( --black );
}

.widget.widget-form form .top {
    color: var( --black );
    margin-left: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}

.wrap-form-question form .top p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.widget.widget-form .wrap-form-question input[type="submit"] {
    background-color: transparent;
    color: var( --black );
    font-size: 16px;
    font-weight: 600;
    padding: 16px 24px;
    line-height: normal;
    margin: 10px auto;
    border-radius: 0;
}

.widget.widget-form .wrap-form-question input[type="submit"]:hover {
    background-color: var( --black );
    color: var( --white );
    /* margin: 5px auto 15px; */
}

.widget.widget-location h4 ,
.widget.widget-location .h4{
    text-align: center;
    margin-bottom: 24px;
}

.map-block.widget-map {
    height: 565px;
}

.widget-location .row-location {
    text-align: center;
}

.widget-location .row-location a {
    color: var( --black );
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
    display: block;
}

.widget .box {
    background-color: var( --white );
    border: none;
    border-radius: 0;
}

.list-check li {
    padding-left: 26px;
    font-size: 16px;
}

.list-check li a {
    color: inherit;
}

.list-check li::before {
    color: var( --primary-color );
    font-size: 14px;
}

.personal-info .img img {
    border: none;
}

.entry.entry-add ul {
    margin-bottom: 0;
}

.entry.entry-add ul.offers-list {
    padding: 0;
    overflow: visible;
}

.entry.entry-add ul li {
    margin-bottom: 24px;
}

.entry.entry-add ul.offers-list li {padding-left: 0;}

.entry ul > li::before {
    background-color: var( --primary-color );
    top: 8px;
}

.entry ul.offers-list > li::before {
    display: none;
}

/* SERVICES PAGE */
.servBlock.row.flex.wrap {
    padding: clamp( 50px, 5.208vw, 100px ) 0;
    /* gap: clamp( 40px, 4.167vw, 80px ); */
    align-items: stretch;
    align-content: stretch;
    justify-items: center;
    overflow: visible;
    gap: 40px;
}

.servBlock .servCard {
    padding: clamp( 20px, 2.083vw, 40px );
    /* border: 2px solid #00000026; */
    background-color: var( --alt-bg );
    width: 28%;
    box-shadow: var( --shadyMid );
}

.servBlock .servCard:nth-of-type(3n) {
    /* border-right: 0; */
}

.servBlock .servCard:nth-last-of-type(-n+3) {
    /* border-bottom: 0; */
}

.servCard h3 ,
.servCard .h3{
    display: block; /* .h3 span was inline → margin-bottom ignored; block restores title→services gap */
    margin: 0 0 16px;
}

.servCard h3 span.smaller ,
.servCard .h3 span.smaller{
    display: block;
    font-size: 16px;
}

.servBlock .servCard p {
    font-size: 16px;
    line-height: 24px;
}

.conForm {
    background-color: var( --black );
    padding: clamp( 60px, 6.25vw, 120px ) 0;
}

.conForm h2,
.conForm .h2 {
    color: var( --white );
}

/* Contact form sits on the dark .conForm bg — navy radios + red focus ring
   disappear there. Recolor to white / light blue (scoped so the white-bg
   Book Now popup keeps its navy radios). */
.conForm .wpcf7-radio input[type="radio"] {
    border-color: var( --white );
}

.conForm .wpcf7-radio input[type="radio"]:checked::before {
    background: var( --white );
}

.conForm :focus-visible {
    outline-color: var( --light-blue ) !important;
}

.formWrap {
    width: min(100%, 960px);
    margin: 0 auto;
}

.formWrap textarea, .formWrap input[type=text],
.formWrap input[type=email], .formWrap input[type=tel] {
    width: 100%
}

.formWrap form .top {
    color: var( --white );
}

.formWrap .wpcf7-radio label {
    display: flex;
    align-items: center;
}

.formWrap input[type=radio] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.conForm input[type="submit"].btn-orange {
    background-color: var( --white );
    background-image: linear-gradient( to right, var( --tan ) 0 50%, var( --white ) 50% 100% );
    background-size: 200% 100%;
    background-position: 100% 0;
    color: var( --black );
    border: 0;
    transition: background-position 0.75s ease-in-out, color 0.3s ease;
}

.conForm input[type="submit"].btn-orange:hover {
    background-position: 0 0;
    background-color: var( --tan );
    color: var( --black );
}

.formWrap form .top .flexWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.formWrap form .top .flexWrap p {
    margin: 0;
}

.posts-list.row.flex {
     flex-wrap: wrap;
     align-items: stretch;
     justify-content: center;
 }

.navigation .al,
.navigation .ar,
.navigation .next,
.navigation .prev,
.navigation-comments .al,
.navigation-comments .ar,
.navigation-comments .next,
.navigation-comments .prev,
.pagination .al,
.pagination .ar,
.pagination .next,
.pagination .prev,
.navigation .page-numbers,
.navigation-comments .page-numbers,
.pagination .page-numbers {
    background-color: var( --primary-color );
    color: var( --white );
}

.navigation .page-numbers.current,
.navigation-comments .page-numbers.current,
.pagination .page-numbers.current,
.navigation .page-numbers:hover,
.navigation-comments .page-numbers:hover,
.pagination .page-numbers:hover {
    background-color: var( --primary-hover );
    color: var( --white );
}

@media ( max-width: 1366px ) {
    .rtSide {
        width: 30%;
        margin-left: 3.3333333%;
    }
}

@media ( max-width: 1024px ) {
    .promo.bar.bar-title {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .promo .pImg {
        position: relative;
        left: auto;
        right: auto;
        width: 100%;
        height: 240px;
    }

    .promo.bar.bar-title .container.flex.col-reverse {
        display: block;
        height: auto;
        padding: 80px 32px 32px;
    }

    .tWrap {
        max-width: 100%;
    }

    .breadcrumbs-block {
        display: none;
    }
    
    #mobLogo {
        /* display: none; */
    }

    .page-offer {
        margin: 56px 0;
        padding: 56px 32px;
        gap: 16px;
        border-radius: 50px 0 0 0;
        box-shadow: 0 20px 30px rgba( 0, 0, 0, 0.05 ), 0 5px 15px rgba( 0, 0, 0, 0.10 );
    }

    /* Banner offer card returns to normal block flow on narrow screens */
    .bar.bar-title .page-offer {
        position: relative;
        width: 100%;
        left: unset;
        top: unset;
        right: unset;
        bottom: unset;
        margin: 0;
        border-radius: 50px 0 0 0;
    }

    .promo.bar.bar-title:has( .page-offer ) {
        min-height: 0;
    }

    .btn.btn-orange.booking-opener,
    #header .btn.btn-orange {
        color: var( --white );
    }

    .rtSide::after {
        display: none;
    }
    
    .bar.bar-title {
        padding: 30px 15px;
    }

    #rSlider {
        overflow: hidden;
    }

    .rtSide {
        width: 100%;
        margin-left: 0;
        margin-top: 80px;
    }

    .personal-info h5, .widget.widget-form .head, .widget.widget-location h4,
 .widget.widget-location .h4, .widget.widget-choose h3 ,
 .widget.widget-choose .h3{
        font-size: 24px;
        letter-spacing: 0.48px;
        line-height: 36px;
    }

    .personal-info .img img {
        width: 115px;
    }

    .page-template-special-offers .entry-add .row.flex {
        flex-direction: column;
    }

    .page-template-special-offers .servCard {
        width: 90%;
        margin: 0 auto;
    }

    .servBlock.row.flex.wrap {
        flex-direction: column;
    }

    .servBlock .servCard,
    .servBlock .servCard:nth-of-type(4),
    .servBlock .servCard:nth-of-type(5),
    .servBlock .servCard:nth-of-type(6) {
        border: 0;
        /* border-radius: clamp( 40px, 4.17vw, 80px ) 0 clamp( 40px, 4.17vw, 80px ) 0; */
        border-bottom: 2px solid #00000026;
        width: 90%;
        margin: 0 auto;
    }
}

@media ( max-width: 768px ) {
    .widget.widget-diff .row.flex {
        flex-wrap: wrap;
        row-gap: 40px;
    }

    .formWrap form .row.flex {
        flex-wrap: wrap;
    }
}

@media ( max-width: 567px ) {
    .entry.entry-add .alignright {
        margin: 0 0 20px 0px;
    }

    .page-id-15597 form > p input {
        padding: 16px 24px;
        font-size: 16px;
        font-weight: 600;
    }

    .widget.widget-diff .row.flex {
        flex-direction: column;
    }
}

.single-post section.page-data {
    display: none;
}

/* Imported DoctorGenius blog artifacts */
.single-post .entry .divider-solid {
    height: 0;
    border: 0;
    border-top: 1px solid rgba( 3, 24, 37, .12 );
    margin: 32px 0;
}

.single-post .entry .call-out {
    background-color: var( --alt-bg );
    padding: 32px 40px;
    border-radius: var( --card-border-rad );
    margin: 32px 0;
}

.single-post .entry .call-out.center-align {
    text-align: center;
}

.single-post .entry .svg-icon {
    display: block;
    width: 44px;
    height: auto;
    margin: 0 auto 12px;
    color: var( --primary-color );
}

.single-post .entry .btn-tertiary {
    display: none;
}