/*
Theme Name: Windsor Medical
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk/
Description: Another custom theme for a happy customer!
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.1
Requires at least: 5.2
Requires PHP: 7.0
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:none}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* BASE */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #0B233B;
    box-sizing: border-box;
    font-family: "proxima-nova", sans-serif;
    /*outline: 1px solid red !important;*/
}

html{
    overflow-x: hidden !important;
  }
  
body{
    overflow-x: hidden !important;
    display: grid;
  }


@media only screen and (max-width: 1100px) {}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 760px) {}
@media only screen and (max-width: 660px) {}
@media only screen and (max-width: 560px) {}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {
    body, header, main, section, footer {
    width: 320px;
    }
}


/* LAYOUT */

section, article, main, nav, header {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}

footer {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}




/* BUTTON LINKS */
.all-button, input[type=submit] {
    justify-self: center;
    font-family: "montserrat", sans-serif;
    font-size: 0.938em;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-align: center;
    padding: 1em;
    min-width: 220px;
    text-transform: uppercase;
    align-self: center;
}

.green-button {
    background-color: #e5ebf1;
    color: #3024FA;
    border: 3px solid #e5ebf1;
}

.blue-button {
    background-color: #3024FA;
    border: 3px solid #3024FA;
    color: #fff;
}

.clear-button {
    background-color: transparent;
    border: 3px solid #e5ebf1;
    color: #fff;
}



/* TEXT */
h1, h2, h3, h4, h5, h6{
    color:#fff;
    font-family: "montserrat", sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

h1{
    font-size: 3.75em;
    font-weight: 600;
}

h1 span, h2 span {
    color: #e5ebf1;
}

h2{
    color: #2A2D30;
    font-size: 3.125em;
    font-weight: 600;
}

h3{
    font-size: 2.5em;
    font-weight: 600;
}

h4{
    font-size: 1em;
    font-weight: 600;
}

p  {

    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5;
    font-family: "proxima-nova", sans-serif;
}

li {
    margin-bottom: 0;
    font-family: "proxima-nova", sans-serif;
    line-height: 1.5;
}

label{
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;  
    color: #e5ebf1;
    font-family: "proxima-nova", sans-serif;
}

img {
    width: 100%;
}

ul.main-nav{
  padding: 0;
}

ol{
  list-style-type: decimal;
}

strong {
  font-weight: 700;
  color: #0B233B;
}

em {
  font-style: italic;
}

a{
  cursor: pointer !important;
  text-decoration: none;
  font-family: "proxima-nova", sans-serif;

}

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

    h1{
        font-size: 40px;
        font-weight: 600;
    }
    
    h2{
        font-size: 1.875em;
        font-weight: 600;
    }
    
    h3{
        font-size: 1.875em;
        font-weight: 600;
    }
    
    h4{
    }
        
    p , li{
        font-size: 1.125em;
        font-weight: 300;
    }   
    
    label {
       
    }

}








/* MENU BAR DESKTOP VIEW */

.grid-header-section {
    display: grid;      
    z-index: 2;
    background-color: #fff;
}

@media only screen and (min-width: 1350px) {

    #hamburger-input:checked, #hamburger-menu #sidebar-menu{
        display: none;
    }

    .grid-header-section {
        display: grid;      
        z-index: 2;
    }

    .grid-header-outer {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-column: 1 / 17;
        align-items: center;
        padding: 1em 2em;
        gap: 1em;
    }

    .grid-header-outer a img{
        max-width: 250px;
        width: 100%;
        display: grid;
    }

    .header-menu {
        display: flex;
        flex-direction: column;
    }

    .header-menu ul{
        display: flex;
        justify-content: end;
        gap: 1.5em;
    }

    .header-menu ul li {
        list-style: none;
        align-self: start;
        text-align: center;
    }

    .menu-item a span{
        font-family: "proxima-nova", sans-serif;
        text-transform: uppercase;
        color: #3024FA;
        font-weight: 600;
        font-size: 0.938em;
        letter-spacing: 1.5px;
    }
   
    #hamburger-input, .overlay, #hamburger-menu, #sidebar-menu, .header-bar  {
        display: none;
    }

    .menu-item-has-children {
        position: relative;
    }

    .menu-item-has-children > a:after {
        content: '\f0dd';
        display: block;
        margin-left: 5px;
        font-family: "Font Awesome 5 Pro"; 
        font-weight: 900;
        font-size: 2em;
        color: #e5ebf1;
        text-align: center;
        margin-top: -0.6em; 
        margin-bottom: -1em;    
    }


/* SUB MENU ***************************************************************************/

    .menu-item .sub-menu {
        display: none;
    }

    /* .menu-item .sub-menu { */
    .menu-item:hover .sub-menu {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5em;
        background-color: transparent;    
        text-align: center;
        z-index: 50 !important;
        position: absolute;
        min-width: 400px;
        margin-top: 2em;
    }

    .menu-item .sub-menu .menu-item a {
        font-family: "proxima-nova", sans-serif;
        text-transform: uppercase;
        color: #3024FA;
        font-weight: 600;
        font-size: 0.938em;
        letter-spacing: 1.5px;
        background-color: #e5ebf1;
        border: 2px solid #EDF6F1;
        padding: 0.5em 1em;
        width: 100%;
        display: grid;
    }

    .reg-menu-link a {
        background: #3024FA;
        border: 3px solid #3024FA;
        padding: 0.7em 2em;
    }

    .reg-menu-link a span {
        color: #FFF;
    }

}


    

/* RESPONSIVE MENU UNCLICKED */
@media only screen and (max-width: 1350px) {

    /* Unclicked Mobile Menu */
    .grid-header-outer, .outer-banner-message-outer{
        display: none;
    }

    .header-bar {
        display:grid;
        grid-template-columns: 1fr auto;
        grid-column:  2 / 16;
        gap: 1em;
        align-self: center;
        margin: 1em 0;
        z-index: 20;
    }

    .header-bar a {
        justify-self: left;
    }
    
    .header-bar img{
        max-width: 190px;
        width: 100%;
        object-fit: contain;
    }

    .responsive-menu {
        align-self: center;
    }

    .menu-icon {
        width: 40px;
        height: 4px;
        background-color: #e5ebf1;
        margin: 3px 0;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
        background: #F4F0F0;
    }
    
    #hamburger-input{
        display: none;
    }
    
    #hamburger-menu {
        display: flex;
        align-items: end;
        flex-direction: column;
    }

    #hamburger-menu #sidebar-menu {
        grid-template-columns: 1fr;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        background-color: #fff;
        transition: 0.3s;
        box-sizing: border-box;
        z-index: 20;
        padding: 2em;
    }

    #hamburger-menu ul {
        margin: 1em 0;
        width: 100%;
    }

    #hamburger-menu ul .sub-menu{
        margin: 1em 0 2em 0;
        width: auto;
    }

    #hamburger-menu ul .sub-menu li {
        border-bottom: none;
    }

    #hamburger-menu li {
        list-style-type: none;
        padding: 0.5em 0;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

    #hamburger-menu a {
        text-decoration: none;
        transition: transform 0.5s;
        align-items: center;
        /* display: flex; */
        padding: 0.5em 0;
        justify-content: center;
    }

    #hamburger-menu i {
        font-size: 1.75em;
    }

    #hamburger-menu a:active{
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(3px);
    }

    /* Scroll Side Menu */
    #sidebar-menu {
        position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background-color: #EDF6F1;
    transition: right 0.3s ease;
    }


    /* Active Mobile Menu */

    #hamburger-input:checked + #hamburger-menu #sidebar-menu {
        visibility: visible;
        right: 0;
        overflow-y: auto;
    }

    .sub-menu.hidden {
        display: none;
    }

    .mobile-icon img {
        max-width: 80px;
    }

    .toggle-icon::before {
        content: '\f0dd';
        font-family: "Font Awesome 5 pro";
        font-weight: 900;
        font-size: 1.5em;
        color: #e5ebf1;
        cursor: pointer;
    }

    .menu-item-has-children > a .toggle-icon.open::before {
        content: '\f0de'; 
    }

    .open {
        margin-top: 0.8em !important;
    }

    #hamburger-menu li .sub-menu .menu-item {
        list-style-type: none;
        padding: 0.5em 0;
        border-bottom: 1px solid #fff;    
    }

    #hamburger-menu li .sub-menu .menu-item:nth-last-child(1) {
        border-bottom: none;
    }

    #hamburger-menu li:nth-last-child(1) {
        border-bottom: none;
    }

    #sidebar-menu ul li a span,
    #sidebar-menu ul li ul li a,
    #sidebar-menu ul li a  {
        font-family: "proxima-nova", sans-serif;
        text-align: center;
        color: #3024FA;
        font-size: 1.125em;
        letter-spacing: 1.8px;
        font-weight: 600;
    }

    #hamburger-menu .reg-menu-link {
        background-color: #3024FA;
        border: 3px solid #e5ebf1;
    }

    #hamburger-menu .reg-menu-link a span{
        color: #fff;
    }

    .side-menu-inner {
        display: grid;
        align-content: center;
    }

    .mobile-icon {
        justify-self: center !important;
    }


}








/* MAIN BANNER */
.main-banner {
    background-color: #3024FA;
    position: relative;
}

.outer-main-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2 / 17;
    gap: 2em;
    text-align: center;
    align-self: center;
    justify-items: center; 
}

.outer-main-banner-content {
    text-align: left;
    padding-top: 8em;
    padding-bottom: 18em;
    display: grid;
    gap: 1em;
    align-content: start;
    position: relative;
}

.outer-main-banner-content p {
    margin: 0;
}

.outer-main-banner-content a {
    justify-self: start;
}

.outer-main-banner h1 {
    color: white;
}

.outer-main-banner p {
    color: white;
    max-width: 800px;
    font-family: "proxima-nova", sans-serif;
}

.cross-clear, .cross-full {
    position: absolute;
    width: 200px;
    height: 200px;
}

.cross-clear {
    justify-self: end;
    top: -3em;
    opacity: 0.2;
}

.cross-full {
    justify-self: end;
    align-self: center;
    margin-top: 10em;
    margin-right: -5em;
    opacity: 0.1;
}


/* ABOUT MAIN BANNER */
.about-main-banner, .team-banner {
    background-color: #e5ebf1;
    padding: 3em 0;
    gap: 1em;
}

.about-main-banner h1, .team-banner h2, .about-main-banner p {
    text-align: center;
    grid-column: 2 / 16;
    color: #3024FA;
}

.about-main-banner p {
    font-size: 1.125em;
    max-width: 800px;
    display: grid;
    justify-self: center;
}


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

    .about-main-banner, .team-banner {
        background-color: #e5ebf1;
        padding: 1.5em 0;
    }
    
    .outer-main-banner {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        gap: 2em;
        text-align: center;
        align-self: center;
        justify-items: center;
    }

    .outer-main-banner-content {
        text-align: left;
        padding-top: 8em;
        padding-bottom: 18em;
        display: grid;
        gap: 1em;
        align-content: start;
        padding: 4em 0 0 0;
        text-align: center;
    }

    .outer-main-banner-content a {
        justify-self: center;
    }

    .cross-clear, .cross-full {
        width: 186px;
        height: 186px;
    }

    /* .cross-clear {
        margin-right: -8em;
    } */

    .cross-full {
        justify-self: start;
        margin-left: -8em;
    }

    .outer-main-banner-image {
        display: none;
    }

    .main-banner-links {
        position: relative;
        background-color: #3024FA;
        padding: 2em 0;
    }

    .inner-main-banner-links {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        gap: 1em;
    }

    .outer-main-banner-image-mobile {
        display: block;
        grid-column: 1 / 17;
        margin-top: 1em;
    }

    .about-main-banner h1 {
        font-size: 1.875em;
        grid-column: 1/17;
    }

}





/* MAIN BANNER LINKS */

.main-banner-links {
    position: absolute;
    bottom: 0;
    width: 100%;
    align-self: end;
}

.inner-main-banner-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column: 2 / 16;
    background-color: #e5ebf1;
    padding: 1em 0;
}

.banner-link-box a {
    padding: 2em;
    display: grid;
    text-align: center;
    gap: 1em;
}

.banner-link-box a i:hover{
    color: #fff;
}

.banner-link-box {
    border-right: 3px solid rgb(237, 246, 241, 0.5);
}

.banner-link-box:nth-last-child(1) {
    border: none;
}
 
.banner-link-box a {
    color: #3024FA;
    font-size: 1.25em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.banner-link-box i {
    font-size: 4.188em;
    color: #3024FA;
}

.outer-main-banner-image-mobile {
    display: none;
}

.outer-main-banner-image img {
    height: 100%;
    object-fit: cover;
}


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

    .inner-main-banner-links {
        grid-template-columns: 1fr;
    }

    .main-banner-links {
        background-color: #3024FA;
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 2em 0;
    }

    .outer-main-banner-links {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        gap: 1em;
    }

    .outer-main-banner-image-mobile {
        display: grid;
    }

    .banner-link-box {
        border-bottom: 3px solid rgb(237, 246, 241, 0.5);
        border-right: none;
        width: 80%;
        justify-self: center;
    }
    
}






/* FIFTY FIFTY CTA */

.fifty-fifty-cta {
    align-items: center;
    justify-content: space-between;
}

.inner-fifty-fifty-cta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 1 / 17;
}

.info-text {
    display: grid;
    gap: 1em;
    text-align: center;
    padding: 1em 8em;
    align-content: center;
}

.outofhours-info-text {
    text-align: left;
    padding: 2em 5em;
}

.outofhours-info-text p, .outofhours-info-text p strong {
    font-size: 1.25em;
}
/* 
.info-text h2 {
    color: #3024FA;
} */

.info-text p a {
    font-weight: 600;
    color: #e5ebf1;
}

.info-img {
    max-height: 800px;
    /* align-self: center; */
}

.info-img img {
    object-fit: cover;
    height: 100%;
    /* aspect-ratio: 1/1; */
}

.left .inner-fifty-fifty-cta .info-img, .right .inner-fifty-fifty-cta .info-text {
    order: 1;
}

.right .inner-fifty-fifty-cta .info-img, .left .inner-fifty-fifty-cta .info-text {
    order: 2;
}


/* ABOUT PAGE */

.blue-info-text {
    background-color: #3024FA;
}
.white-info-text {
    background-color: #fff;
}
.green-info-text {
    background-color: #e5ebf1;
}
.light-green-info-text {
    background-color: #e5ebf1;
}

.left .inner-fifty-fifty-cta .about-info-text h2 {
    color: #fff;
}

.left .inner-fifty-fifty-cta .about-info-text p {
    color: #fff;
}

.about-info-text p {
    font-size: 1.125em;
}

.about-info-text p strong{
    font-weight: 600;
}

.about-info-text h2 {
    font-size: 2.5em;
}

.about-icon {
    max-width: 100px;
    Justify-self: center;
}


/* CANNABIS PAGE */

.cannabis-info-text {
    background-color: #3024FA !important;
    text-align: left;
}

.cannabis-info-text h2 {
    color: #fff;
}

.cannabis-info-text p {
    color: #fff !important;
}

.cannabis-info-text .about-icon {
    justify-self: start;
}

.cannabis-info-text a {
    justify-self: start;
}

.service-fees {
    position: relative;
}

.down-arrow {
    position: absolute;
    rotate: 180deg;
    max-width: 170px;
    align-self: end;
    bottom: -6em;
    left: 8em;
}


@media only screen and (max-width: 1150px) {
    .down-arrow {
        display: none;
    }
    
}

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

    .info-img {
        align-self: auto;
    }

    .inner-fifty-fifty-cta {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 1 / 17;
    }

    .info-text {
        padding: 4em 1em;
        gap: 0.5em;
    }

    .left .inner-fifty-fifty-cta .info-img, 
    .right .inner-fifty-fifty-cta .info-img  {
        order: 1;
    }
    
   
    .left .inner-fifty-fifty-cta .info-text,
    .right .inner-fifty-fifty-cta .info-text {
        order: 2;
    }

    .left .inner-fifty-fifty-cta .about-info-img {
        order: 2;
    }

    .left .inner-fifty-fifty-cta .about-info-text {
        order: 1;
    }

     .right .inner-fifty-fifty-cta .about-info-text {
        order: 1;
    }
    
    .right .inner-fifty-fifty-cta .about-info-img  {
        order: 2;
    }

    .cannabis-info-text {
        text-align: center;
    }

    .cannabis-info-text .about-icon {
        justify-self: center;
    }
    
    .cannabis-info-text a {
        justify-self: center;
    }
    
    .cannabis-info-img img {
        display: none;
    }
    
}









/* BOOK ONLINE CTA */

.book-online-cta {
    background-color: #3024FA;
    position: relative;
    overflow: hidden;
}

.outer-book-online-cta {
    display: grid;
    grid-column: 2 / 16;
    text-align: center;
    padding: 4em 0;
    gap: 2em;
}

.outer-book-online-cta h2 {
    max-width: 800px;
    justify-self: center;
    font-size: 3.75em;
    line-height: 1;
    color: #fff;
}

.outer-book-online-cta p {
    max-width: 800px;
    justify-self: center;
    color: #fff;
}


.book-online-cta-button {
    display: flex;
    justify-content: center;
}

.book-online-cta-button1 {
    margin-right: 1em;    
}

.book-online-cta-button2 {
    margin-left: 2em;    
}

.cross-full-booking {
    margin-right: 0;
    margin-top: 16em;
}

.cross-clear-booking {
    top: auto;
    justify-self: start;
    margin-top: -8em;
}


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

    .outer-book-online-cta {
        padding: 4em 0;
        gap: 1em;
    }

    .outer-book-online-cta h2 {
        font-size: 2.813em;
    }

    .cross-clear-booking {
        justify-self: end;        
    }

    .cross-full-booking {
        margin-top: 7em; 
        margin-right: 0 !important;
    }

    .book-online-cta-button {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .book-online-cta-button1 {
        margin-right: 0;    
    }
    
    .book-online-cta-button2 {
        margin-left: 0;    
    }

}










/* FIFTY FIFTY CONTACT DETAILS */

.inner-fifty-fifty-contact-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 1 / 17;    
}

.contact-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
    text-align: center;
    justify-items: center;
    padding: 4em 0;
    align-content: center;
}

.contact-details img, .contact-details p, .contact-details a {
    max-width: 500px;
    justify-items: center;
}

.contact-details:nth-child(2) {
    background-color: #e5ebf1;
}

.contact-details img {
    max-width: 82px;
    max-height: 82px;
    justify-content: center;
}

.contact-details p {
    margin: 0;
}

.contact-details a p {
    font-weight: 700;
}

.contact-details-links {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 9px;
    padding: 0.5em 1em;
    width: 100%;
}

.contact-details:nth-child(1) .contact-details-links {
    background-color: rgba(229, 235, 241, .5);
}

.contact-details-links i {
    color: #3024FA;
    font-size: 1.175em;
    margin-right: 0.5em;
}

.contact-details:nth-child(2) .contact-details-icon {
    background-color: #fff;
}

.contact-details:nth-child(2) .contact-details-icon i {
    color: #e5ebf1;
}

.contact-details-links {
    font-size: 1.6em;
    color: #0B233B;
    font-weight: 500;
}

.contact-details-icon {
    background-color: #e5ebf1;
    border-radius: 50%;
    aspect-ratio: 1/1;
    padding: 1em;
}

.contact-details-icon i {
    color: #fff;
    font-size: 4em;
}


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

    .inner-fifty-fifty-contact-details {
        grid-template-columns: 1fr;  
    }

    .contact-details-links {
        padding: 0.5em 0;
        font-size: 1.25em;
    }

    .contact-details-links i {
        color: #e5ebf1;
        font-size: 1.25em;
        margin-right: 0;
    }

    .contact-details {
        padding: 2em 1em;
    }

    .contact-details-icon i {
        font-size: 2em;
    }
}





/* FOOTER */
footer {
    background-color: #3024FA;
}

.footer-areas {
    display: grid;
    grid-template-columns: 20% 15% 15% 15% 1fr;
    grid-column: 2 / 16;
    padding: 5em 0;
    gap: 2em;
}

.footer-box p {
    color: #fff;
    font-size: 1.125em;
}

.footer-box h3 {
    color: #e5ebf1;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.footer-box li {
    color: #fff;
    font-size: 1.125em;
    font-family: "proxima-nova", sans-serif;
}

.footer-box a img {
    max-width: 249px;
    height: auto;
    object-fit: contain;
    padding-bottom: 2em;
}

.company-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
}

.company-details span, .company-details a  {
    color: #fff; 
    font-weight: 900;   
}

.lower-footer {
    display: flex;
    grid-column: 2 / 16;
    text-align: center;
    border-top: 1px solid #e5ebf1;
    padding: 1em 0;
}

.lower-footer li{
    display: inline;
    margin-right: 16px;
}

.lower-footer p {
    color: #e5ebf1;
    font-size: 1.125em;
}

.footer-box a span {
    color: #fff;
    text-transform: none;
    font-weight: 300;
}

@media only screen and (max-width: 1100px) {
 
    .footer-areas {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 2em 0;
        gap: 3em;
    }

    .lower-footer ul{
        display: grid;
    }

    .footer-box-ul ul {
        display: none;
    }

    .lower-footer p {
        margin-bottom: 1em;
    }
  
}



/* TEAM */

.team {
    background-color: #e5ebf1;
    position: relative;
}

.team-cross-full, .team-cross-clear {
    position: absolute;
}

.team:nth-child(even) .team-cross-full {
    display: grid;
    width: 168px;
    height: 168px;
    justify-self: end;
    top: 2em;
    opacity: 0.2;
}

.team:nth-child(even) .team-cross-clear {
    display: none;
}

.team:nth-child(odd) .team-cross-clear {
    display: grid;
    width: 266px;
    height: 266px;
    justify-self: start;
    top: 2em;
    opacity: 0.7;
}

.team:nth-child(odd) .team-cross-full {
    display: none;
}


.inner-team {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column: 2 / 16;
    padding: 5em 0;
    gap: 4em;
    z-index: 1;
}

.team-box-img  {
    /* background-color: #e5ebf1; */
    border-radius: 50%;
    max-height: 420px;
    max-width: 420px;
    justify-self: center;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    align-self: center;
}

.team-box-img img {
    position: absolute;
    border-radius: 50%;
    min-height: 450px;
    min-width: 450px;
    top: -2em;
    left: -1em;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.team-box-content {
    display: grid;
    gap: 1em;
    align-content: center;
}

.inner-team {
    border-bottom: 3px solid #fff;
}

.team-box-content h3 {
    color: #0B233B;
}

.team-box-content label {
    color:#0B233B;
}

.team-box-content p {
    font-size: 1.125em;
}

.team-box-content p span, .team-box-content a {
    color: #3024FA;
}



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

    .team-box-img img {
        min-height: 100%;
        min-width: 100%;
        top: 0;
        left: 0;
    }

}


@media only screen and (max-width: 1000px) {
    .inner-team {
        grid-template-columns: 1fr;
        padding: 4em 0;
    }

    .team-box-content {
        text-align: center;
    }

    .team-box-img {
        max-width: 231px;
        justify-self: center;
    }

    .team-box-content p {
        font-size: 1em;
    }

    .team-cross-clear, .team-cross-full {
        display: none !important;
    }
 
}






/* RECEPTION TEAM */

.reception-team {
    padding: 5em 0;
}

.reception-team h2 {
    grid-column: 2/ 16;
    color: #3024FA;
    text-align: center;
    margin-bottom: 1em;
}

.inner-reception-team {
    display: flex;
    grid-column: 2 / 16;
    gap: 3em;
    margin-bottom: 4em;
    justify-content: center;
}

.reception-team p {
    grid-column: 2/ 16;
    text-align: center;
    font-size: 1.125em;
    padding-bottom: 1em;
    justify-self: center;
    max-width: 800px;
}

.reception-team p label {
    color: #3024FA;
    text-transform: none;
}

.recep-box-img {
    max-height: 300px;
    max-width: 300px;
}

.recep-box-img img{
    min-height: 330px;
    min-width: 330px;
}

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

    .recep-box-img img{
        min-height: auto;
        min-width: auto;
        top: 0;
        left: 0;
    }
}

@media only screen and (max-width: 900px) {
    .inner-reception-team {
        flex-direction: column;
    }
}









/* NEW PATIENT FORM */

.inner-new-patient-form {
    display: grid;
    grid-column: 5 / 13;
    text-align: center;
    gap: 1em;
    padding: 3em 0;
}

.inner-new-patient-form h2 {
    color: #3024FA;
    font-size: 2.5em;
}

.inner-new-patient-form p {
    font-size: 1.125em;
}

.patient-form {
    display: grid;
    grid-column: 2 / 16;
}

.patient-form form {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}

form input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    cursor: pointer;
 }

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5em;
    margin-bottom: 10px;
}

.form-item {
    display: flex;
    flex-direction: column;
}

.form-item-title {
    flex-direction: row;
    padding-top: 2em;
    align-items: center;
}

.form-item-title p span {
    color: #3024FA;
    font-size: 1.25em;
    margin-left: 0.5em;
    font-weight: 400;
}

.form-item h3 {
    color: #3024FA;
    font-size: 1.25em;
    text-transform: none;
    font-weight: 900;
    font-family: "proxima-nova", sans-serif;
}

.form-item label, .form-item span{
    color: #3024FA;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 400;
}

.lowercase-label p {
    line-height: 1 !important;
}

.lowercase-label p label {
    text-transform: none !important;
}

.lowercase-label-strong p label {
    font-weight: 900;
}

.full-width {
    grid-column: span 2; 
}

.label-spacing {
    padding: 1.5em 0 0.5em 0;
}

.label-spacing p label {
    text-transform: none !important;
}

.label-spacing p {
    line-height: 1;
}

.label-space {
    font-weight: 900 !important;
}

.form-item select::after {
    content: '\f078'; /* Font Awesome code for chevron-down */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1em;
}

.patient-form form input[type=text], 
.patient-form form input[type=tel],
.patient-form form input[type=email],
.patient-form form input[type=date],
.patient-form form input[type=number],
.patient-form form textarea, 
.patient-form form select {
    width: 100%;
    padding: 0.6em;
    border: none;
    margin-bottom: 1em;
    resize: vertical;
    color: #2A2D30;
    border-radius: 9px;
    border: 3px solid #e5ebf1;
    font-size: 1em;
    color: #3024FA;
    text-transform: none;
    font-family: "proxima-nova", sans-serif;
}

.patient-form form input[type=checkbox] {
   width: auto;
   transform: scale(1.5);
}

.checkbox {
    padding: 0.6em;
    margin-bottom: 1em;     
}

.wpcf7-list-item {
    margin: 0 2em 0 0;
}

.patient-form form input[type=text]:hover, 
.patient-form form input[type=tel]:hover,
.patient-form form input[type=email]:hover,
.patient-form form input[type=date]:hover,
.patient-form form input[type=number]:hover,
.patient-form form input[type=checkbox]:hover,
.patient-form form textarea:hover, 
.patient-form form select:hover {
    background-color: #EDF6F1;
    border: 3px solid #e5ebf1 !important;
}

.patient-form form input[type=text]::placeholder,
.patient-form form input[type=email]::placeholder,
.patient-form form input[type=tel]::placeholder,
.patient-form form input[type=date]::placeholder,
.patient-form form input[type=number]::placeholder,
.patient-form form input[type=checkbox]::placeholder,
.patient-form form textarea::placeholder,
.patient-form form select::placeholder {
    font-size: 1em;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color:#2A2D30;
}


/* FORM SUBMIT BUTTON */
.patient-form form input[type=submit] {
    justify-self: center;
    font-family: "proxima-nova", sans-serif;
    font-size: 0.938em;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-align: center;
    padding: 1em;
    min-width: 220px;
    text-transform: uppercase;
    align-self: center;
    background-color: #3024FA;
    border: 3px solid #e5ebf1;
    color: #fff;
}


@media only screen and (max-width: 800px) {
    .inner-new-patient-form {
        grid-column: 2 / 16;
        padding: 4em 0;
    }

    .form-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    .form-item-title {
        flex-direction: column;
        display: grid;
    }

    .form-item-title h3, .form-item-title p {
        text-align: left;
    }

    .form-item-title p span {
        margin: 0;
    }
    
}






/* PATIENT CHARTER */

.inner-patient-charter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 1 / 17;
    text-align: center;
}

.patient-charter-box h2 {
    color: #0B233B;
    font-weight: 300;
    font-size: 2.5em;
}

.patient-charter-box {
    display: grid;
    gap: 2em;
    padding: 4em;
    align-content: start;
}

.patient-charter-box:nth-child(4n-3),
.patient-charter-box:nth-child(4n) {
    background-color: #EDF6F1;
}

.patient-charter-box-label {
    background-color: #e5ebf1;
    border-radius: 50%;
    justify-self: center;
    padding: 1em 1.5em;
    aspect-ratio: 1 / 1;
}

.patient-charter-box-label:hover {
    background-color: #3024FA;
}

.patient-charter-box-label:hover label {
    color: #e5ebf1;
}

.patient-charter-box label {
    color: #0B233B;
    font-size: 2.5em;
    max-height: 74px;
    max-width: 74px;
}

.patient-charter-box p {
    font-size: 1.125em;
}


@media only screen and (max-width: 1000px) {
    .inner-patient-charter {
        grid-template-columns: 1fr;
    }

    .patient-charter-box:nth-child(4n-3), .patient-charter-box:nth-child(4n) {
        background-color: transparent;
    }

    .patient-charter-box:nth-child(odd) {
        background-color: #EDF6F1;
    }

    .patient-charter-box h2 {
        font-size: 1.875em;
    }

    .patient-charter-box {
        padding: 2em;
    }
}











/* PATIENT CHARTER RESPONSIBILITY YOU */

.patient-charter-res-you:nth-child(odd) {
    background-color: #e5ebf1;
}

.patient-charter-res-you:nth-child(even) {
    background-color: #fff;
}

.inner-patient-charter-res-you {
    display: grid;
    grid-column: 4 / 14;
    padding: 4em 0;
}

.inner-patient-charter-res-you h2 {
    color: #0B233B;
    font-size: 2.5em;    
}

.inner-patient-charter-res-you ul li{
    font-size: 1.125em;
}

.inner-patient-charter-res-you ul li:before {
    content: "\f14a";
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900;
    color: #e5ebf1;
    font-size: 2em;
    padding-right: 0.5em;
}

.inner-patient-charter-res-you ul {
    list-style-position: outside;
}

.inner-patient-charter-res-you ul li {
    padding: 0.5em 0;
    color: #0B233B;
    text-indent: -53px;
    padding-left: 53px;
}

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

    .inner-patient-charter-res-you{
        grid-column: 2 / 16;
    }


    .inner-patient-charter-res-you h2 {
        font-size: 1.875em;    
        text-align: center;
    }
    
}









/* MEDICAL CANNIBIS */


.medical-cannabis {
    background-color: #e5ebf1;
    padding: 1em 0;
}

.medical-cannabis label {
    color: #3024FA;
}

.medical-cannabis h2 span {
    color: #fff;
}





/* MEDICAL CANNIBIS - FIFTY FIFTY TEXT */

.fifty-fifty-med-can {
    background-color: #EDF6F1;
}


.inner-fifty-fifty-med-can {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: 1 / 17;
    position: relative;
}

.info-img-med-can img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}

.info-text-med-can {
    display: grid;
    gap: 1em;
    text-align: left;
    padding: 4em 2em;
    align-content: center;
}

.info-text-med-can h2 {
    color: #3024FA;
    z-index: 3;
}

.info-text-med-can a {
    justify-self: start;
    z-index: 3;
}

.info-text-med-can p {
    font-size: 1.25em;
    z-index: 3;
}

.cross-full-med {
    position: absolute;
    align-self: end;
    margin-right: 0;
    opacity: 0.3;
    justify-self: end;
    margin-top: 10em;
    width: 200px;
    height: 200px;
    z-index: 2;
}


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

    .inner-fifty-fifty-med-can {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 1 / 17;
        position: relative;
    }

    .info-text-med-can {
        text-align: center;
        padding: 3em 1em;
    }

    .info-text-med-can a {
        justify-self: center;
    }

    .info-text-med-can p {
        font-size: 1.25em;
    }
    
}



/* STAGES */

.stages {
    padding: 5em 0;
}

.stages h2 {
    grid-column: 2 / 16;
    color: #3024FA;
    font-size: 2.5em;
    text-align: center;
}

.inner-stages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column: 2 / 16;
    gap: 1em;
    padding: 5em 0 3em 0;
}

.stage-box {
    background-color: #EDF6F1;
    padding: 3em 2em 2em;
    display: grid;
    align-content: start;
    position: relative;
}

.stage-box-label {
    position: absolute;
    top: -2em;
    display: grid;
}

.stage-box label {
    color: #3024FA;
    align-self: center;
}

.stage-box p {
    font-size: 1.25em;
    text-align: center;
}

.stage-link {
    grid-column:  2 / 16;
}


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

    .inner-stages {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 4em;   
    }
}

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

    .inner-stages {
        grid-template-columns: 1fr;
        row-gap: 4em;   
    }

    .stage-box {
        padding: 3em 1em 1em;
    }

    .stages h2 {
        font-size: 1.875em;
    }

    .stages {
        padding: 3em 0;
    }


}












/* BOOK APPOINTMENT CTA */

.book-app-cta {
    background-color: #3024FA;
}

.inner-book-app-cta {
    grid-template-columns: 40% 1fr;
}

.info-book-app-cta h2, .info-book-app-cta p {
    color: #fff;
}

.info-book-app-cta {
    padding: 4em 4em 4em 15em;
    position: relative;
}

.info-book-app-cta h3 {
    font-size: 2.188em;
    text-transform: none;
}

.info-book-app-cta h3 span {
    color: #e5ebf1;
}

.book-app-badge {
    position: absolute;
    background-color: #e5ebf1;
    border-radius: 50%;
    aspect-ratio: 1/1;
    display: grid;
    max-width: 364px;
    left: -11.5em;
    margin-top: 2em;
}

.book-app-badge label {
    color: #3024FA;
    align-items: center;
    display: grid;
    font-size: 2.5em;
    text-align: center;
}


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


    .inner-book-app-cta {
        grid-template-columns: 1fr;
    }

    .info-book-app-cta {
        padding: 10em 2em 2em;
        position: relative;
        text-align: center;
    }
    
    .book-app-badge {
        max-width: 250px;
        left: auto;
        justify-self: center;
        margin-top: -8em;
    }

    .info-book-app-cta a {
        justify-self: center;
    }

    .book-app-badge label {
        font-size: 1.563em;
    }

    .info-book-app-cta h3 {
        font-size: 1.875em;
    }

    .info-book-app-cta p {
        font-size: 1.25em;
    }
    

}







/* TESTIMONIALS SLIDER*/

.full-testimonial {
    background-color: #EDF6F1;
    position: relative;
    overflow: hidden;
}

.outer-testimonial-slider {
    align-self: center;
    white-space: pre-wrap;
    word-spacing: 9999px;
    display: block;
}

.testimonial-slider {
    display: grid;
    grid-template-columns: 20% 1fr;
    grid-column: 3 / 16;
    gap: 2em;
    margin: 3em 0;
}

.testimonial-slider h2 {
    text-align: left;
    color: #3024FA;
    font-size: 3.75em;
    line-height: 86px;
}

.inner-testimonial-slider {
    display: grid;
    grid-template-columns: 3em auto 3em;
    overflow: visible; 
}

.chev-arrows {
    display: grid;
    grid-template-columns: 1fr;
}

.testimonial-slider-arrows {
    display: flex;
    justify-content: center;
    align-self: center;
}

.testimonial-slider-arrows i {
    color: #3024FA;
}
    
.prev-arrowc, .prev-arrowcc {
    margin-right: 10px;
}
  
.next-arrowc, .next-arrowcc {
    margin-left: 10px;
}
  
.prev-arrowc, .prev-arrowcc, .next-arrowc, .next-arrowcc {
    font-size: 2.063em;
    cursor: pointer;
}
  
.testimonial-test-slider {
    overflow-x: hidden;
    position: relative;
    display: flex;  
    padding: 6em 0 5em 0;  
}

.testimonial-test-slider-container {
    display: flex;
    flex: 0 0 25%;
    transition: transform 0.5s ease-in-out;
    position: relative; 
    z-index: 3;
}

.testimonialslider {
    margin-right: 10px;
    width: 430px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em 0 0.5em 0;
    min-height: 584px;
    border-radius: 46px;
    position: relative;
    background-color: #e5ebf1;
    z-index: 1;
    border: 1px solid #707070;
}
    
.testimonialslider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.66);
    z-index: -1;
    border-radius: 46px;
}

.inner-testimonialslider {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    gap: 2em;
    padding: 2em;
}

.testimonialslider h3 {
    font-size: 2.375em;
    font-weight: 600;
    color: #3024FA;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-stroke: 1px #707070;
}

.testimonialslider p {
    text-align: left;
    color: #3024FA;
    font-size: 1.563em;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    -webkit-text-stroke: 1px #707070;
}

.testimonial-slider-grid {
    display: none;
}

.testimonial-slider a, .releasetestimonial a {
    display: grid;
    grid-column: 2 / 16;
    justify-self: center;
    margin: 2em 0;
}

.test-cross-full, .test-cross-clear {
    position: absolute;
    max-width: 359px;
}

.test-cross-full {
    top: 2em;
    opacity: 30%;
    left: -5em;
}

.test-cross-clear {
    align-self: end;
    bottom: -5em;
    left: 8em;
}


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

    .testimonial-test-slider {
        overflow-x: hidden;
        position: relative;
        display: flex;  
        padding: 1em 0 5em 0;  
    }
    
    .outer-testimonial-slider {
        word-spacing:normal;
    }  

    .testimonial-slider-grid {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .testimonial-slider-outer {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        padding: 0 .2em;
    }
    
    .testimonial-test-slider-container {
        flex: 0 0 100%;
    }

    .inner-testimonial-slider {
        padding: 0;
        grid-template-columns: 2em auto 2em;
    }

    .testimonialslider {
        width: 340px;
        padding: 0;
    }

    .testimonial-slider {
        grid-template-columns: 1fr;
        grid-column: 1 / 17;
        gap: 0;
        margin: 1em 0 0 0;
    }

    .chev-arrows {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .testimonial-slider h2 {
        text-align: center;
    }

    .inner-testimonialslider {
        align-self: start;
        padding: 1em;
    }

    .test-cross-full, .test-cross-clear {
        max-width: 150px;
        z-index: 0;
    }
    
    .test-cross-full {
        top: 2em;
        opacity: 30%;
        left: -5em;
    }
    
    .test-cross-clear {
        align-self: end;
        bottom: -3em;
        justify-self: end;
        left: auto;
    }
    
}


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

    .testimonialslider {
        width: 240px;
        padding: 0;
    }

    .testimonial-slider h2 {
        font-size: 2.5em;
        line-height: 50px;
    }

    .testimonialslider p {
        font-size: 1.25em;
    }

    .testimonialslider h3 {
        font-size: 1.875em;
    }

    .testimonialslider {
        margin-right: 5px;
        min-height: 381px;
    }

    .prev-arrowc, .prev-arrowcc {
        margin-right: 0;
    }
      
    .next-arrowc, .next-arrowcc {
        margin-left: 0;
    }
}






/* CLIENTS LIST */

.clients-list {
    gap: 1em;
    margin: 5em 0;
}

.clients-list h2, .clients-list p {
    grid-column: 2 / 16;
    text-align: center;
    color: #3024FA;
}

.clients-list p {
    font-size: 1.25em;
}

.inner-clients-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column: 2 / 16;
    gap: 1em;
    /* margin: 4em 0; */
    justify-content: center;
}

.inner-clients-list img {
    max-width: 350px;
    object-fit: contain;
}




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

    .clients-list {
        margin: 2em 0;
    }

    .inner-clients-list {
        grid-template-columns: 1fr 1fr;
        margin: 1em 0;
        justify-self: center;
    }

    .inner-clients-list img {
        width: 100%;
        max-width: 158px;
        object-fit: contain;
    }

}




/* FAQS */

.tabs-mobile {
    display: none !important;
}

.tabs {
    display: grid;
    margin: 2em 0;
}

.tab {
    overflow: hidden;
    justify-self: center;
    display: grid;
    grid-column: 2 / 16;
    justify-items: center;
    width: 100%;
    height: 360px;
    grid-template-columns: 1fr 1fr 1fr;
}

.tab button {
    max-height: 360px;
    max-width: 360px;
    font-size: 1.875em;
    font-weight: 600;
    width: 100%;
    height: 100%;
    background-color: #e5ebf1;
    border: none;
}

.button {
    width: 100%;
    height: 100%;
}

.tab button:hover {
    background-color: #3024FA;
}

.tab button.active {
    background-color: #3024FA;
}

.tabcontent {
    display: none; 
    grid-column: 2 / 16;
    padding: 2em;
    text-align: center;
    margin: 2em 0 0 0;
    position: relative;
}

.tabcontent h3 {
    margin-bottom: 1em;
    font-size: 2.5em;
    font-weight: 600;
}

.tabcontent p {
    max-width: 800px;
    justify-self: center;
}

.tabcontent .arrow-up {
    width: 0; 
    height: 0; 
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #B4926E;
    position: absolute;
    top: -30px;
    transform: translateX(-50%);
}



@media only screen and (max-width: 1250px) {
   
    .tabs {
        display: none !important;
    }

    .tabs-mobile {
        display: grid !important;
    }

    .tab {
        height: 100%;
        gap: 0.5em;
        grid-template-columns: 1fr 1fr;
    }

    .tab button {
        padding: 1em;
        aspect-ratio: 1 / 1;
    }
    
}


@media only screen and (max-width: 900px) {
   
    .tab button {
        font-size: 1em;
        max-width: 140px;
        max-height: 140px;
        word-wrap: break-word;
    }

    .tab {
        grid-column: 1 / 17;
    }

    .tabcontent h3 {
        font-size: 1.25em;
    }

    .tabcontent .arrow-up {
        transform: translateX(-60%);
    }

    .tabcontent {
        margin: 2em 1em;
    }

    
}










/* TEXT */

.plain-text {
    background-color: #e5ebf1;
    display: grid;
    gap: 1em;
    padding: 5em 0;
}

.plain-text-info {
    background-color: #fff;
}

.plain-text-text {
    background-color: #fff;
    padding: 0 0 5em 0;
}

.plain-text-text h2, .plain-text-text p {
    text-align: left !important;
}

.plain-text-text p {
    font-size: 1.25em;
}

.inner-plain-text {
    display: grid;
    grid-template-columns: 1fr 40%;
    grid-column: 2 / 16;
    gap: 2em;
}

.plain-text-box {
    padding: 2em;
    text-align: left;
    display: grid;
    gap: 1em;
    align-content: start;
}

.plain-text-box:nth-child(odd) {
    background-color: #EDF6F1;
}

.plain-text-box:nth-child(even) {
    background-color: #e5ebf1;
}

.plain-text h2 {
    font-size: 2.5em;
}

.plain-text h2, .plain-text p, .plain-text a , .plain-text label, .plain-text h3 {
    grid-column: 3 / 15;
    color: #0B233B;
    text-align: center;
    gap: 1em;
}

.plain-text a {
    color: #fff;
}

.plain-text p a {
    font-weight: 600;
    color: #e5ebf1;
}


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

    .inner-plain-text {
        grid-template-columns: 1fr;
        grid-column: 1 / 17;
        gap: 0;
        margin: 0;
    }

    .plain-text-text h2, .plain-text-text p {
        text-align: center !important;
    }
    
    .plain-text-box     {
        padding: 3em 1em;
        gap: 0;
        row-gap: 1em;
    }

    .plain-text-text {
        padding: 0;
    }

}


@media only screen and (max-width: 900px) {
  
.plain-text h2, .plain-text p {
    grid-column: 2 / 16;
}

 .plain-text p {
    font-size: 1.25em;
 }

}











/* CONTACT */

.contact-banner {
    background-color: #3024FA;
}

.contact-banner h1 {
    color: #fff;
}

.inner-contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/17;    
}

.contact-box {
    padding: 4em 8em;
    display: grid;
    gap: 1em;
}

.contact-box h2 {
    color: #3024FA;
}

.contact-map {
    display: grid;
}

.contact-map .acf-map{
    width: 100%;
    min-height: 540px;
}

.acf-map img {
   max-width: inherit !important;
}





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

    .inner-contact {
        grid-template-columns: 1fr;   
    }
    
    .contact-box {
        padding: 2em;
    }

    .contact-map {
        order: 2;
    }

    .contact-content {
        order: 1;
        text-align: center;
    }

}






/* USEFUL INFO BANNER */

.alert-banner {
    background-color: #3024FA;
    overflow: hidden;
}

.inner-alert-banner {
    text-align: center;
    position: relative;
    white-space: nowrap;
    padding: 1em 0;
}

.inner-alert-banner label {
    color: #fff;
    white-space: nowrap;
    font-size: 1.875em;
}

/* Media query to hide the banner on smaller screens */
@media only screen and (max-width: 768px) {
    .inner-alert-banner label {
        font-size: 0.938em;
    }
    
}


.info-info-text {
    background-color: #fff !important;
}

.info-info-text h2, .info-info-text p {
    color: #3024FA !important;
}

.info-info-img {
    background-color: #EDF6F1 !important;
}

.info-main-banner {
    grid-column: 4 / 14;
    text-align: center;
    position: relative;
    display: grid;
}

.info-main-banner h2 {
    color: #3024FA;
    margin-bottom: 0.5em;
}

.info-main-banner p {
    text-align: center;
    grid-column: auto;
    grid-column: 2/16;
}

.info-main-banner::after {
    content: '';
    position: absolute;
    bottom: -75px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 2em solid #e5ebf1;
    width: 0;
    height: 0;
    overflow: visible;
}

 




/* USEFUL INFO REPEATER */

.useful-info {
    padding: 5em 0;
}

.outer-useful-info {
    grid-column: 2/16;
}

.useful-info:nth-child(even) {
    background-color: #fff;
}

.useful-info:nth-child(odd) {
    background-color: #EDF6F1;
}

.useful-info h3, .useful-info p, .useful-info label {
    color: #3024FA;
    text-align: center;
    margin-bottom: 0.5em;
}

.useful-info h3 {
    font-size: 3.125em;
}

.inner-useful-info {
    display: flex;
    flex-wrap: wrap;
    padding: 3em 0;
    justify-content: space-evenly;
    row-gap: 1em;
}

.useful-info-box p,  .useful-info p {
    text-align: center;
    font-size: 1.563em;
}

.useful-info-box {
    display: grid;
    gap: 1em;
    max-width: 591px;
}

.apps-box {
    text-align: center;
}

.apps-box-content {
    display: grid;
    row-gap: 1em;
    padding: 1em 0;
}

@media only screen and (max-width: 1000px) {
    .info-main-banner {
        grid-column: 2 / 16;
    }

    .info-main-banner::after {
        bottom: -50px;
    }


}


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

    .inner-useful-info {
        gap: 2em;       
    }

    .useful-info-box p, .useful-info p {
        font-size: 1.25em;
    }
        
}






/* OPTIONAL ADDITIONAL USEFUL INFO */

.add-useful-info {
    background-color: #EDF6F1;
    padding: 3em 0;
}

.outer-add-useful-info {
    grid-column: 3/15;
}

.add-useful-info h2 {
    text-align: center;
    color: #3024FA;
    margin: 1em 0;
}

.inner-add-useful-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3em;
}

.add-useful-info-box {
    display: grid;
    background-color: #fff;
    gap: 2em;
    text-align: center;
    padding: 4em;
}

.add-useful-info-box label {
    color: #3024FA;
    font-size: 1.563em;
    text-transform: none;
}

.useful-info-box img {
    max-height: 337px;
    aspect-ratio: 1/1;
    object-fit: cover;
}


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

    .add-useful-info h2 {
        grid-column: 2/16;
    }

    .inner-add-useful-info {
        grid-template-columns: 1fr;
        grid-column: 2/16;
        gap: 1em;
    }

    .add-useful-info-box {
        padding: 2em 1em;
    }

    .add-useful-info-box label {
        color: #3024FA;
        font-size: 1.25em;
        line-height: 1.5;
    }

    .useful-info-box {
        display: grid;
        gap: 1em;    
    }

    .useful-info-box img {
        max-height: 225px;
    }
}











/* TABS */

.condition-tabs {
    display: grid;
    gap: 1em;
    padding: 5em 0;
    background-color: #EDF6F1;
    position: relative;
}

.treat-cond:nth-child(even) {
    background-color: #fff;
}

.treat-cond:nth-child(odd) {
    background-color: #EDF6F1;
}

.treat-cond h2 {
    font-size: 1.875em;
    text-transform: none;
}

.condition-tabs h2 {
    grid-column: 2 / 16;
    text-align: center;
    color: #3024FA;
}

.inner-condition-tabs {
    display: grid;
    grid-column: 2 / 16;
    padding: 2em 0 0;
}

.tab-con {
    overflow: visible;
    display: flex;
    justify-content: space-between;
    padding: 1em 0 0;
}

.tab-con button {
    background-color: #e5ebf1;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 2em 1em;
    transition: 0.3s;
    font-size: 1.063em;
    margin: 0 0.5em 0 0;
    width: 100%;
    position: relative; /* This is needed to properly position the arrow */
}

.tab-con button h3 {
    color: #3024FA;
    font-size: 1.563em;
}

.tab-con button.active,
.tab-con button:hover {
    background-color: #3024FA;
    transition: 0s;
}

.tab-con button.active h3,
.tab-con button:hover h3 {
    color: #fff;
}

/* Arrow Styling */
.tab-con button.active::after,
.tab-con button:hover::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 2em solid #3024FA;
    width: 0;
    height: 0;
    overflow: visible;
}

.tabcontent-con-info {
    background-color: #fff;
    margin-top: 2em;
    padding: 3em 5em;
}

.tabcontent-con-info p {
    margin-bottom: 0.3em;
}

.tab-con button:hover {
    background-color: #3024FA;
    z-index: 2;
}

.tab-con button:nth-last-child(1) {
    margin: 0;
}

.treat-cond:nth-child(even) .tabcontent-con {
    display: none;
    padding: 3em;
    background-color: #EDF6F1;
    margin: 2em 0 0;
}

.treat-cond:nth-child(odd) .tabcontent-con {
    display: none;
    padding: 3em;
    background-color: #fff;
    margin: 2em 0 0;
}

.tabcontent-con p {
    text-align: center !important;
    font-size: 1.25em;
}

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

    .inner-condition-tabs {
        grid-column: 2 / 16;
        padding: 0;
    }
 
    .tab-con {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .tabcontent-con {
        padding: 1em !important;
    }

    .tab-con button {
        margin: 0;
    }

    .condition-tabs {
        padding: 3em 0;
    }

    .treat-cond h2 {
        font-size: 1.563em;
    }

    /* .tabcontent-con p {
        padding: 1em;
    } */
}










/* PRESCRIPTIONS */

.prescriptions {
    background-color: #EDF6F1;
    padding: 5em 0;
}

.prescriptions h2, .prescriptions .prescriptions-title {
    grid-column: 2 / 16;
    justify-self: center;
}

.prescriptions h2 {
    color: #3024FA;
    font-size: 2.5em;
    text-align: center;
    padding: 1em 0;
    max-width: 800px;
}

.prescriptions .prescriptions-title p {
    font-size: 1.125em;
    color: #3024FA;
    text-align: center;
    max-width: 800px;
}

.prescription-form {
    padding: 4em 0;
}

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

    .prescriptions {
        padding: 2em 0;
    }

    .prescription-form {
        display: block;
    }

}







  /* BLOG */

.outer-main-banner-blog h1 {
    color: #78B596 !important;
}

.blog-sub-page-banner {
    background-color: #025A50;
}

.blog-sub-page-banner h1 {
    color: #fff;
}

.blog-area {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 2 / 16;
    gap: 5em;
    margin: 4em 0;
}

.blog-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    margin-top: 4em;
}

.blog-box {
    background-color: #e5ebf1;
    align-content: start;
    height: 100%;
    display: grid;
}

.blog-box:nth-child(even) {
    margin-top: 4em;
}

.blog-content {
    display: grid;
    gap: 1em;
    padding: 3em 2em;
    background-color: #e5ebf1;
    text-align: center;
}

.blog-content a {
    display: grid;
    gap: 1em;
}

.blog-content h3 {
    font-size: 1.875em;
    text-transform: uppercase;
    color: #3024FA;
}

.blog-content p {
    color: #3024FA;
    font-size: 1.25em;
}

.outer-blog-boxes {
    display: grid;
    justify-content: center;
}

.blog-button {
    grid-column-start: span 2;
    justify-self: center;
    margin: 2em 0;
}

.blog-box-img {
    display: grid;
    text-align: center;
}

.blog-box-img img{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    position: relative;
    max-height: 569px;
    object-position: top;
}

.blog-box-img label {
    position: absolute;
    align-self: end;
    justify-self: center;
    background-color: #3024FA;
    padding: 0.5em 1.5em;
    margin-bottom: -1em;
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
}

.blog-filters {
    display: grid;
    gap: 2em;
}

.outer-blog-categories ul {
    display: flex;
    gap: 1em;
    text-align: center;
    justify-content: space-between;
}

div.outer-blog-categories ul li, ul.post-categories li{
    list-style: none;
    background: #3024FA;
    width: 100%;
}

.blog-categories ul li {
    border-right: 1px #fff solid;
    padding: 1em;
    position: relative;
}

/* Arrow Styling for Hover and Active States */
.outer-blog-categories ul li:hover::after,
.outer-blog-categories ul li.active::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 2em solid #e5ebf1;
    width: 0;
    height: 0;
    overflow: visible;
}

.outer-blog-categories ul li:hover,
.outer-blog-categories ul li.active {
    background-color: #e5ebf1;
}

.outer-blog-categories ul li:hover a,
.outer-blog-categories ul li.active a {
    color: #3024FA;
}


.blog-categories ul li a {
    text-transform: uppercase;
    color: #fff; 
    display: inline-block;
    position: relative;
    z-index: 1; 
    font-size: 1.563em;
    font-weight: 600;
}

.blog-deatil-box {
    border-bottom: 2px solid #fff;
    padding: 1em 0;
}

.blog-deatil-box h4 {
    color: #373838;
    font-size: 1.563em;
    font-weight: 800;
    text-transform: capitalize;
}



@media only screen and (max-width: 1000px) { 
    .blog-boxes {
        grid-template-columns: 1fr;
        margin: 0;
    }

    .blog-box:nth-child(even), .blog-box:nth-child(odd) {
        margin: 0;
    }

    .blog-area {
        grid-template-columns: 1fr;
        gap: 2em;
        margin: 0;
    } 

    div.site-search {
        grid-column: auto !important;
        padding: 0 !important;
    }

    .outer-blog-categories ul {
        /* flex-wrap: wrap; */
        gap: 0.5em;
    }

    .blog-categories h3{
        padding: 0;
    }
    
    .blog-content {
        padding: 3em 1em 2em 1em;
    }

    .blog-categories {
        padding: 1em 0;
    }

    .blog-box-img label {

        padding: 0.5em;
        margin-bottom: -1em;
        font-size: 1.125em;
    }

    .blog-categories ul li {
        padding: 2em 1em;
    }
    
}






/* SINGLE POST */

.inner-single-post {
    display: grid;
    grid-column: 2 / 16;
    max-width: 800px;
    width: 100%;
    justify-self: center;
    margin: 4em 0;
}

.single-blog-details {
    display: flex;
    background-color: #e5ebf1;
    padding: 0.5em 0;
    margin-bottom: 2em;
}

.single-blog-details, .single-blog-details .date-blog, .single-blog-details .category-blog a, .single-blog-details .category-blog{
    color: white;
    padding-left: 0.5em;
    align-items: center;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.125em;
}

.single-blog-details label, .single-blog-details a i{
    color: #fff;
}

.inner-single-post li{
    list-style: disc;
}

.category-blog .post-categories li{
    list-style: none;
    background-color: transparent;
}

.post-categories, .post-categories li {
    margin: 0 !important;
    display: flex;
}


.inner-single-post .wp-block-image {
    margin: 2em 0;
}

.inner-single-post li{
    font-family: "proxima-nova", sans-serif;
    font-size: 1.875em;
    font-weight: 400;
    margin-left: 1em;
    color: #3024FA;
}

.inner-single-post p {
    word-break: break-word;
}

@media only screen and (max-width: 900px) { 
    .category-blog .post-categories {
        display: grid;
        margin: 0;
    }
}





/* VIDEO */

.video-container {
    grid-column: 4/14;
    display: grid;
    justify-content: center;
}

.video-container video {
    width: 100%;
    max-width: 634px;
    justify-self: center;
}


@media only screen and (max-width: 900px) { 
    .video-container {
        grid-column: 2/16;
    }
}







/* 404 PAGE */

section.error{
    min-height: 60vh;
    align-content: center;
    grid-column: 2 / 16;
}

section.error h1{
    color: #313537;
    text-align: center;
    grid-column: 2 / 16;
}

section.error p{
    text-align: center;
    grid-column: 2 / 16;
}







/* WP CONTENT */
.wp-content-section {
    grid-column: 3 / 15;
    grid-template-columns: 1fr;
    display: grid;
    gap: 2em;
    margin: 5em 0;
}

.wp-block-heading {
    color: #3024FA;
}

.wp-content-section a {
    color: #3024FA;
    font-weight: 600;
}

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

    .wp-content-section {
        grid-column: 2/16;
    }

}