@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900&display=swap");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

@font-face {
    font-family: "marydale";
    src: url("https://use.typekit.net/af/2f1a2e/00000000000000003b9b14fb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2f1a2e/00000000000000003b9b14fb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2f1a2e/00000000000000003b9b14fb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-weight: 900;
    font-display: swap;
}

@import url("https://use.typekit.net/jwq5tbp.css");

*,
::after,
::before {
    box-sizing: border-box;
}



:root {
    --blue-medium: rgba(127, 182, 206, 1);
    --blue-dark: rgba(28, 48, 63, 1);
    --blue-light: rgba(209, 234, 245, 1);
    --blue-lighter: #EAF1F4;
    --teal: rgba(48, 165, 160, 1);
    --hero-gradient: linear-gradient(272deg, #ADD261 19.82%, #22878E 62.77%, #094F6F 79.06%); mix-blend-mode: multiply;
    --green-gradient: linear-gradient(90deg, #ADD261 0%, #77B336 100%);
    --green: rgba(172, 212, 89, 1);
    --green-light: rgba(172, 212, 89, .15);
    --green-dark: rgba(128, 188, 0, 1);
    --link: rgba(5, 98, 139, 1);
    --link-underline: rgba(5, 98, 139, 0.5);
    --draft-blue: none;
    --text: rgba(126, 129, 129, 1);
    --black: rgba(70, 70, 70, 1);
    --white: rgba(255, 255, 255, 1);
    --green-dark: rgba(128, 188, 0, 0);
    --padding-inside: 1.250em;
    --padding-hero: 5.00em;
    --padding: 5.00em;
    --padding-12: 0.750rem;
    --padding-24: 1.500rem;
    --padding-32: 1.500rem;
    --padding-40: 2.500rem;
    --padding-64: 3.750rem;
    --padding-80: 5.000rem;
    /*--padding: 2.50em;*/
    --padding-small: 0.375em;
    --bg-grey: rgba(246, 246, 246, 1);
    --bg-blue: rgba(5, 98, 139, 1);
    --beige: rgba(243, 238, 224, 1);
    --purple: rgba(126, 83, 169, 1);
    --purple-dark: rgba(90, 76, 163, 1);
    --h1: 48px;
    --h2: 32px;
    --h3: 24pxem;
    --h4: 21px;
    --p:  18px;
    --green: #ADD261;
    --grey-dark: rgba(70, 70, 70, 1);
    --grey-light: rgba(112, 112, 112, 1);
    --grey-lighter: rgba(246, 246, 246, 1.0);
    --blue: rgba(5, 98, 139, 1);
    --shadow: 0px 4px 12px rgb(0 0 0 / 10%);
    --shadow-text: 0px 2px 5px rgb(0 0 0 / 25%);
    --font-fancy: "marydale";
    --font-normal: 1.125em;
    --line-height: 150%;
    --border-radius: 11px;
    --border-radius-large: 15px;
    --border-radius-small: 7px;
    --border-radius-xlarge: 21px;
    --wrap: max-width: 1200px;
    --fancy:marydale;
}
html {
    font-size: 16px;
    scroll-behavior: smooth;
}



body {
    font-family: marydale;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.125px;
    /*background-color: rgba(173, 216, 230, 0.33);*/
}


.test-this {}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    color: var(--black);
    margin-top: 19px;
    margin: 0;
}

h1 { font-size: var(--h1)}
h2 { font-size: var(--h2)}
h4 {
    font-size: var(--h4);
    line-height: 30px;
    font-weight: 600;
}

p {
    line-height: 26px;
}



.fancy {
    font-family: var(--fancy);
}
sup {
    font-size: 13px;
    color: var(--grey);
    font-style: italic;
    margin-left: 6px;
    font-weight: 600;
    top: -4px;
    position: relative;
}

h2  {
    margin-top: 40px;
}

h2 + p {
    margin-top: 0;
}

p strong {
    font-weight: 800;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-style: normal;
}
.btn-footer-hide {
    display: none;
}

.btn-footer-show {
    display: block;
    transition: ease-in-out all .3s;
    transform: translate(0);
}

iframe.chat-move-up {
    transition: ease-in-out all .3s;
    transform: translateY(0);
}

div#sched-form {
    margin-top: 1.25em;
}

.form-mobile {
    display: none;
}

.form-desktop {
    display: block;
}

.single-common-conditions .conditions .container {
    padding-top: 0;
    padding-bottom:0;
}

.wrap.col {
    display: flex;
    gap:2em;
    /*border:1px salmon solid;*/
}

.wrap.cols{
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 7.25em;
}

.col-left{
    border:0 salmon solid;
    flex-basis: 500px;
    flex-grow: 99999;
}
.col-right{
    border:0 salmon solid;
    flex-basis: 414px;
    flex-grow: 1;
}
.grid {
    display: grid;
    gap:2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(1rem, 100%), 1fr));
}

/*.container {*/
/*    border: 1px dashed lightblue;*/
/*    }*/

section {
    width: 100%;
    padding: 92px 0;
    /*border: 1px dashed lightblue;*/
}


.single-common-conditions h1 {
    font-size: var(--h1);
    color: var(--white);
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 50px;
    padding-bottom: var(--padding-12);
}
.single-common-conditions h2 {
    padding-bottom: var(--padding-32);
}

/*-- HERO ---*/

section.hero.conditions .col-left{
    padding-top: 86px;
}

section.hero.conditions .col-right{
    padding-top: var(--padding-64);
    z-index: 1;
}

section.hero.conditions {
    color: var(--white)!important;
}

.hero h1 span {
    font-family: var(--fancy);
    font-weight: inherzit;
    font-size: 50px;
    color: var(--white);
}

.hero.conditions h2 {
    font-weight: 400;
    color: var(--white);
    margin-top: 0;
}
.hero.conditions h4 {
    font-weight: 400;
    color: var(--white);
}
.hero.conditions p {
    color: var(--white);
}

.hero.conditions {
    background: var(--hero-gradient);
    height: 446px;
    padding:0;
}

.conditions .form-header {
    background: var(--teal);
    color: var(--white);
    padding: 31px 32px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.wrap-price{
    display: flex;
}

.conditions .form-header.cols {
    display: flex;
}

.conditions .form-header .price {
    padding-right:var(--padding-12);
}

.conditions .form-header .wrap-price .price {
    font-size: 92px;
    font-weight: 900;
    line-height: 58px;
    text-shadow: var(--shadow-text);
}

.conditions .form-header .wrap-price .pound {
    font-size: 32px;
    font-weight: 800;
    margin-top:-8px;
    text-shadow: var(--shadow-text);
}
.form-header .offer {
    font-size: var(--p);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
}

.form-header  .exclusions {
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    opacity: 85%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
    top: -2px;
    position: relative;
    font-family: "Nunito Sans";
}

.form {
        height: 1185px;
        background-color: var(--white);
        border-radius: var(--border-radius);
        box-shadow: var(--shadow);
    }

#schApp {
    height: 1060px;
    width: 100%!important;
    border: 0;
}

/*-- HERO END ---*/

.conditions h2 {
    font-size: var(--h2);
    font-weight: 900;
	 letter-spacing: normal;
}

.conditions h3 {
    font-size: var(--h3);
    color: var(--grey-light);
    font-weight: 600;
    margin: 2px 0 22px 0;
    line-height: var(--line-height);
}

/*-- OVERVIEW ---*/

.overview {
    background: var(--bg-grey);
    color: var(--black);
    min-height: 965px;
}

.overview span {
    font-family: var(--fancy);
    font-weight: 900;
    color: var(--teal);
    font-size: 25px;
}

.overview h2 {
    padding-bottom: var(--padding-12);
}

.overview h2 span {
    font-family: var(--fancy);
    font-weight: 900;
    color: var(--green);
    font-size: 35px;
}

.overview h4 {
    margin-bottom:40px;
    margin-top:0;
}

.flex-small {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: var(--pad-40);
}

.flex-small.list p {
    margin-top: 0;
}

.flex-small.list{
    margin-top: var(--padding-32);
}



img.icon-why-chiro {
    margin-right: var(--padding-12);
    max-width: 62px;
}
/*-- OVERVIEW END---*/

/*-- QUOTE ---*/

.quote {
    background: var(--teal);
    color: var(--white);
}

.wrap-quote .wrap.col {
    margin:auto;
    width: 100%;
}

.wrap-quote .percentage {
    font-size: 68px;
    font-weight: 800;
    text-shadow: var(--shadow-text);

}

.wrap-qoute-per {
    display: flex;
    gap: 0.25em;
    padding:0 12px;
}

.wrap-quote .desc {
    font-size:18px;
    font-weight: 800;
    text-shadow: var(--shadow-text);
    letter-spacing: 1px;
    padding-top: 6px;
}

.wrap-quote .percent {
    font-size:40px;
    font-weight: 700;
    text-shadow: var(--shadow-text);
}

h2.quote {
    font-family: var(--fancy);
    font-size: 28px;
    letter-spacing: 0.5px;
    font-weight: 900;
    line-height: 42px;
    margin:0;
    color: var(--white);
    padding-bottom: var(--padding-12);

}
h2.quote-name {
    font-family: var(--fancy);
    font-size: 21px;
    letter-spacing: 0.5px;
    font-weight: 800;
    line-height: 37px;
    margin:0;
    color: var(--white);
}

.wrap-qoute-num {
    text-align: center;
}

img.reviews-stars-sched {
    width: 95%;
    padding-top: var(--padding-12);
}



/*-- QUOTE END---*/




/*-- CTA ------*/
.wrap-cta {
    border-radius: var(--border-radius);
    border-top: 5px solid var(--green);
    background: #FFF;
    box-shadow: var(--shadow);
    padding: 48px;
    max-width: 600px;
}
.wrap-cta p {

}

section.value-prop h2 {
    margin-top:0;
    text-align: center;
    padding-bottom:16px;
}

section.value-prop .wrap-video-info h4 + p {
    padding: var(--padding-12) 0;
}

.wrap-video-info {
    text-align: center;
    padding: var(--padding-24) 0;
    max-width: 300px;
    margin: auto;
}




.wrap-video-info h4 {
    font-weight: 900;
}

section.value-prop h2.fancy {
    color:var(--green);
    font-size: 38px;
    letter-spacing: 1px;
}
section.value-prop p.cta-sub,
section.value-prop p {
    padding: var(--padding-32) 0;
    text-align: center;
    font-weight: 500;
    max-width: 360px;
    line-height: 26px;
    margin: auto;
}

section.value-prop p.contact {
    width: 100%;
    text-align: center;
    display: flex;
    margin: auto;
    padding:var(--padding-32) 0;
    max-width: 520px;
    font-size: 16px;
}

.icon-phone {
    max-width:17px;
    margin-right: 8px;
}
.contact a {
    color: var(--blue);
    text-decoration: none;
    border-bottom: 0.5px solid var(--blue-light);
    transition: ease-in-out all .2s;
    margin-right: 8px;
}

section.value-prop ul {
    margin: auto;
    max-width: 420px;
    padding-bottom: var(--padding-40);

}
section.value-prop li {
    font-weight: 700;
    padding-bottom: 16px;
    line-height: 21px;
    list-style: none;
    display: flex;
    letter-spacing: .5px;
}

section.value-prop li::before {
    content: url(/wp-content/uploads/2023/10/icon-bullet-disk-blue.svg);
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    position: relative;
}

section.value-prop li:last-of-type {
    padding-bottom: 0;
}

.btn-conditions {
    width: 100%;
    padding: 21px 32px;
    text-align: center;
    font-size: 21px;
}

.video-wrap {
    aspect-ratio: 16 / 9;
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

/*-- CTA END ------*/

/*-- Blog ------*/

.wrap-blogs {
    margin-top: var(--padding-40);
}

.blog h2, .blog h4  {
   color: var(--white);
   text-align: center;
}
.excerpt p {
color: var(--blue);
text-transform: uppercase;
font-family: "Nunito Sans";
font-size: var(--font-small);
font-weight: 700;
margin-bottom: 10px;
}


section.blog  h2 {
   font-family: var(--fancy);
   font-size: 38px;
   margin-top:18px;
}


section.blog {
    background-color: var(--blue);
}
.articles {
    padding: 20px 0;
    display: flex;
    gap: 40px;

}
.articles a {
    display: block;
}

.articles .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    background: var(--white);
    border-radius: var(--border-radius);
    box-shadow: 0 20px 15px -20px rgb(0 0 0 / 65%);
    width: 100%;
}

.articles .item img {
    width: 100%;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.articles .blog-info {
    padding: var(--padding-24);
}


/* -- Homepage Card --*/

img.cover-img.wp-post-image {
    width: 100%;
    height: auto;
}
/* -- End Homepage Card --*/


.articles .blog-info h3 {

    font-family: "Nunito Sans";
    font-weight: 900;
    font-size: var(--p);
    line-height: 24px;
    margin-top: 3px;
    color: var(--black)
}

.articles .blog-date {
    padding: 0;
    margin: auto 0 0;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: "Nunito Sans";
    font-weight: 400;
    color: var(--grey-light);
}

.articles .blog-date .fa {
    color: #fff;
    background: var(--green-gradient);
    font-size: 14px;
    font-weight: 100;
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
}

.articles .blog-date .fa::before {
    margin: auto;
}


.articles .item .excerpt {
    position: relative;
    min-height: 170px;
}

.btn-more-articles {
    background: var(--green-gradient);
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 16px 32px;
    font-weight: 700;
    font-size: 18px;
    max-width: 250px;
    margin: auto;
    transition: ease-in- all .2s;
}

.btn-more-articles:hover {
    color:var(--blue);
    background: var(--white);
}


/*-- Blog End------*/

@media screen and (max-width: 1250px) {

    main {
        margin-top: 92px;
    }

    .articles {
        display: block;
        max-width: 100%;
        margin: auto;
    }

    .articles .item {
        display: block;
        width: 60%;
        margin: auto;
        margin-bottom: var(--padding-64);
    }

    .overview {
        min-height: auto;
    }



}

@media screen and (max-width: 1130px) {

    :root {
        --hero-gradient: linear-gradient(307deg, #ACD459 5.29%, #22878E 31.98%, #094F6F 59.67%);
    }


    .form-mobile {
        display: block;
        background-color: var(--bg-grey);
    }

    .form-desktop {
        display: none;
    }

    .wrap-cta {
        margin: auto;
    }

    .wrap.cols {
        display: block;
    }

    .wrap-video {
        margin:auto;
        max-width: 600px;
    }

    .form {
        max-width: 414px;
        margin: auto;
    }

    .wrap-video {
    padding: 64px 0 0 0;
    }

    section.value-prop p.contact {
        display: block;
    }

    .icon-phone {
        position: relative;
        top: 5px;
        margin-right: 2px;
}

.contact a {
    margin-right: 4px;
}
}

@media screen and (max-width: 1024px) {
    .wrap.col {
        display: block;
    }

    .wrap-qoute-per {
        width: fit-content;
        margin: auto;
    }

    img.reviews-stars-sched {
        width: 200px;
    }

    h2.quote {
        text-align: center;
        line-height: 42px;
        margin-top: var(--padding-32);
        margin-bottom: var(--padding-32);
    }

    h2.quote-name {
        text-align: center;
    }
}

@media screen and (max-width: 900px) {
    .articles .item {
        width: 100%;
        margin-bottom: 40px;
    }
}


@media screen and (max-width: 650px) {

    :root {
        --h1: 34px;
        --h2: 24px;
        --h3: 21px;
        --h4: 18px;
        --p:  16px;
        --padding: 5.00em;
        --padding-6: 0.375em;
        --padding-12: 0.750rem;
        --padding-16: 1.0rem;
        --padding-20: 1.250em;
        --padding-24: 1.500rem;
        --padding-32: 1.500rem;
        --padding-40: 2.500rem;
        --padding-64: 3.750rem;
        --padding-80: 5.000rem;
    }
    section {
        padding: 64px 0 72px 0;
    }

    .single-common-conditions h2 {
        padding-bottom: 0;
    }

    .single-common-conditions .conditions .container {
        padding: 0 20px;
    }
    .single-common-conditions h1 {
        line-height: 48px;
    }
    section.hero.conditions .col-left {
        padding: var(--padding-40)  0 var(--padding-64);
    }
.hero.conditions h2
    .hero.conditions {
        height: auto;
    }

    .hero.conditions h2 {
        line-height: 24px;
        margin-bottom: var(--padding-12);
    }

    .hero h1 span {
        font-family: var(--fancy);
        font-weight: inherzit;
        font-size: 38px;
        color: var(--white);
    }

    h1 {
       font-size: var(--h1);
    }
    h2 {
        font-size: var(--h2);

    }

    h4 {
    font-size: var(--h4);
    line-height: 25px;
}

.hero.conditions {
    height: auto;
}

.flex-small {
    align-items: start;
}

.overview h2 {
    padding-bottom: var(--padding-6);
    line-height: 25px;
}

.overview h2 span {
    font-size: 27px;
}

.overview h4 {
    margin-bottom: 32px;
}

.overview span {
    font-size: 21px;
}

img.icon-why-chiro {
    max-width: 55px;
}

.wrap.cols {
    display: block;
    gap:unset
}

h2.quote {
    font-family: var(--fancy);
    font-size: var(--h3);
    line-height: 28px;
}


section.value-prop h2 {
    padding-bottom: 8px;
}

section.value-prop p.cta-sub {
    padding: var(--padding-24) 0;
}

section.value-prop p.contact {
    display: block;
}

section.value-prop h2.fancy {
    font-size: 32px;
}
.conditions .form-header .wrap-price .price {
    font-size: 72px;
    padding-left:4px;
}
.btn-conditions {
    padding: 18px 24px;
    font-size: 18px;
}

    /* -- Chat box fixes On Desktop --*/
    .ie-div-position-customer-chat {
        z-index: 1!important; /* Layers chat box above heder. This overwrites style in main.min.css */
    }

    .chat-iframe-wrap {
        right: 1px!important;
    }
    /* -- End Chat box fixes --*/

}

@media screen and (max-width: 500px) {

    .conditions .form-header {
        border-radius: 0;
        padding: 32px 18px;
    }

    .conditions .form-header .wrap-price .pound {
        font-size: 28px;
        margin-top: -2px;
    }

    .wrap-cta {
        padding: var(--padding-40) var(--padding-24);
    }

    .single-common-conditions .form-mobile.conditions .container{
        padding:0
    }

    .btn-footer-hide {
        transition: ease-in-out all .4s;
        transform: translateY(110px);
    }

    iframe.chat-move-up {
        transition: ease-in-out all .3s;
        transform: translateY(-94px);
    }

    .chat-move-up-02 {
        transition: ease-in-out all .3s;
        transform: translateY(0);
    }

    .btn-schedule {
        background: linear-gradient(90deg, #ACD459 1.94%, #80BC00 98.54%);
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 25px;
        font-weight: 700;
        font-size: 21px;
    }
        #sticky-footer {
            padding: 0;
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: white;
            padding: 16px;
            border-radius: 15px 15px 0 0;
            box-shadow: 0 0 12px 6px rgb(0 0 0 / 15%);
            z-index: 1;
        }

        .chat-move-up {
            margin-top:-100px;
        }

}
