/*general*/

@font-face {
    font-family: 'Marcellus';
    src: url('../fonts/Marcellus-Regular.woff2') format('woff2'),
        url('../fonts/Marcellus-Regular.woff') format('woff'),
        url('../fonts/Marcellus-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*#FAF6EA*/

:root {
    --h1: 56px; /*35*/
    --h2: 32px; /*28*/
    --h3: 24px;
    --h4: 22px;
    --h5: 20px;
    --h6: 18px;
    --text:16px;
    --primaryFont: 'Marcellus', serif;
    --SecondaryFont: 'Montserrat', sans-serif;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --softwhite: 244, 249, 249;
    --primary: 33, 58, 57;
    --secondary: 65, 160, 156;
    --ternary:113, 211, 209;
    --accent: 213, 122, 99;
    --h1-responsive: 48px; /*35*/
    --h2-responsive: 28px; /*28*/
    --h3-responsive: 22px;
    --h4-responsive: 20px;
    --h5-responsive: 18px;
    --h6-responsive: 16px;
    --text-responsive:16px;
}


html,body{
    font-family: var(--SecondaryFont);
    font-weight: normal;
    font-style: normal;
    font-size: var(--text);
    color: rgba(var(--primary), 1);
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
    display:block;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*Color*/
#content .black-text{
    color: rgba(var(--black), 1);
}
#content .white-text{
    color: rgba(var(--white), 1);
}
#content .softwhite-text{
    color: rgba(var(--softwhite), 1);
}
#content .primary-text{
    color: rgba(var(--primary), 1);
}
#content .secondary-text{
    color: rgba(var(--secondary), 1);
}
#content .ternary-text{
    color: rgba(var(--ternary), 1);
}
#content .accent-text{
    color: rgba(var(--accent), 1);
}
#content .bg-black{
    background-color: rgba(var(--black), 1);
}
#content .bg-white{
    background-color: rgba(var(--white), 1);
}
#content .bg-primary{
    background-color: rgba(var(--primary), 1);
}
#content .bg-secondary{
    background-color: rgba(var(--secondary), 1);
}
#content .bg-ternary{
    background-color: rgba(var(--ternary), 1);
}
#content .bg-accent{
    background-color: rgba(var(--accent), 1);
}
/*End color*/

/*typography*/
#content .title-font h1,
#content .title-font h2,
#content .title-font h3,
#content .title-font h4,
#content .title-font h5,
#content .title-font h6,
#content .title-font{
    font-family: var(--primaryFont) !important;
}
 h1{
    color: rgba(var(--white), 1) !important;
    text-align: left;
 }
 .titleColor{
    color: rgba(var(--white), 1);

 }
 /* h2, h3, h4, h5, h6{
    color: rgba(var(--white), 1);
} */

.text-font h1,
.text-font h2,
.text-font h3,
.text-font h4,
.text-font h5,
.text-font h6,
#content .text-font h1,
#content .text-font h2,
#content .text-font h3,
#content .text-font h4,
#content .text-font h5,
#content .text-font h6,
.text-font,
#content .text-font{
    font-family: var(--SecondaryFont) !important;
}

.testimonial-carousel {
    align-items: stretch;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
h1, h2, h3, h4, h5, h6{
    font-family:var(--primaryFont);
    font-weight: 400;
    line-height: 1.6;
}
#content h1, 
#content .header-1 h1,
#content .header-1 h2,
#content .header-1 h3,
#content .header-1 h4,
#content .header-1 h5,
#content .header-1 h6,
h1{
    font-size: var(--h1);
    line-height: 1.3;
    text-transform: uppercase;
}
#content .header-2,
#content .header-2 h1,
#content .header-2 h2,
#content .header-2 h3,
#content .header-2 h4,
#content .header-2 h5,
#content .header-2 h6,
#content h2,
h2{
    font-size: var(--h2);
}
#content .header-3,
#content .header-3 h1,
#content .header-3 h2,
#content .header-3 h3,
#content .header-3 h4,
#content .header-3 h5,
#content .header-3 h6,
#content h3,
h3{
    font-size: var(--h3);
}
#content .header-4,
#content .header-4 h1,
#content .header-4 h2,
#content .header-4 h3,
#content .header-4 h4,
#content .header-4 h5,
#content .header-4 h6,
#content h4,
h4{
    font-size: var(--h4);
}
#content .header-5,
#content .header-5 h1,
#content .header-5 h2,
#content .header-5 h3,
#content .header-5 h4,
#content .header-5 h5,
#content .header-5 h6,
#content h5,
h5{
    font-size: var(--h5);
}
#content .header-6,
#content .header-6 h1,
#content .header-6 h2,
#content .header-6 h3,
#content .header-6 h4,
#content .header-6 h5,
#content .header-6 h6,
#content h6,
h6{
    font-size: var(--h6);
}
p,
#content .header-p,
#content .header-p h1,
#content .header-p h2,
#content .header-p h3,
#content .header-p h4,
#content .header-p h5,
#content .header-p h6,
#content .header-p h6{
    font-size: var(--text);
    font-family: var(--SecondaryFont);
}




#content .regular h1,
#content .regular h2,
#content .regular h3,
#content .regular h4,
#content .regular h5,
#content .regular h6,
#content .regular h6,
#content .regular{
    font-weight:400 !important;
}
#content .semi h1,
#content .semi h2,
#content .semi h3,
#content .semi h4,
#content .semi h5,
#content .semi h6,
#content .semi h6,
#content .semi{
    font-weight:500 !important;
}
#content .bold h1,
#content .bold h2,
#content .bold h3,
#content .bold h4,
#content .bold h5,
#content .bold h6,
#content .bold h6,
#content .bold{
    font-weight:600 !important;
}
#content .black h1,
#content .black h2,
#content .black h3,
#content .black h4,
#content .black h5,
#content .black h6,
#content .black h6,
#content .black{
    font-weight:700 !important;
}
#content .margin-0 h1,
#content .margin-0 h2,
#content .margin-0 h3,
#content .margin-0 h4,
#content .margin-0 h5,
#content .margin-0 h6,
#content .margin-0 p,
.margin-0{
    margin:0;
}
.font-montserrat,
.font-montserrat h2,
.font-montserrat h3,
.font-montserrat h4,
.font-montserrat h5,
.font-montserrat h6,
.font-montserrat p{
    font-family: var(--SecondaryFont) !important;
}

.font-marcellus,
.font-marcellus h2,
.font-marcellus h3,
.font-marcellus h4,
.font-marcellus h5,
.font-marcellus h6,
.font-marcellus p{
    font-family: var(--primaryFont) !important;
}

a{
    transition: all 0.3s;
}

.elementor-post__title a:hover{
    color: rgba(var(--accent), 0.5) !important;
}

.twilightrecoverycenter-section{
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    width: 100%;
}
.twilightrecoverycenter-container{
    margin: auto;
    width: 100%;
    max-width: 1280px;
}
/*buttons*/
.post-section a.wp-block-button__link,
.twilightrecoverycenter-button {
    border-radius: 4px;
    width: fit-content;
    display: block;
    background: transparent;
    color: rgb(var(--accent));
    border: 2px solid rgb(var(--accent));
    padding: 12px 24px;
    font-weight: 700;
    transition: 0.3s;
    text-transform: uppercase;
}

a.twilightrecoverycenter-button:hover, a.twilightrecoverycenter-button:focus,
.post-section a.wp-block-button__link:hover,
.twilightrecoverycenter-button a:hover,
.twilightrecoverycenter-button:hover,
.twilightrecoverycenter-button button:hover {
   
   background: rgb(var(--accent)) !important;
    color: rgb(var(--white));
}

.twiligth-button-normal-carousel{
    font-size: 15px !important;
}

.twilightrecoverycenter-button-reverse a, .single-post-body div div > a,
.twilightrecoverycenter-button-reverse, a.twiligth-button-normal-carousel{
    background: rgb(var(--accent)) !important;
    color: rgb(var(--white));
    border-radius: 4px;
    width: fit-content;
    display: block;
    border: 1px solid rgb(var(--accent));
    padding: 12px 24px;
    font-weight: 500;
    transition: 0.3s;
    text-transform: uppercase;
}

.twilightrecoverycenter-button-reverse a:hover, .single-post-body div div > a:hover,
.twilightrecoverycenter-button-reverse:hover, a.twiligth-button-normal-carousel:hover{
    background: transparent !important;
    color: rgb(var(--accent)) !important;
}

.twilightrecoverycenter-button-normal a, .twilightrecoverycenter-button-inverted a, button.member-info{
    border-radius: 4px !important;
    width: fit-content;
    display: block;
    padding: 12px 16px;
    font-weight: 600 !important;
    transition: 0.3s;
    text-transform: uppercase !important;
}

.twilightrecoverycenter-button-normal a{
    background: rgb(var(--accent)) !important;
    color: rgb(var(--white)) !important;
    border: 1px solid rgb(var(--accent)) !important;
}

.twilightrecoverycenter-button-normal a:hover{
    background: rgb(var(--white)) !important;
    color: rgb(var(--accent)) !important;
}

.twilightrecoverycenter-button-inverted a, button.member-info{
    background: rgb(var(--white)) !important;
    color: rgb(var(--accent)) !important;
    border: 1px solid rgb(var(--accent)) !important;
}

.twilightrecoverycenter-button-inverted a:hover, button.member-info:hover{
    background: rgb(var(--accent)) !important;
    color: rgb(var(--white)) !important;
}

/*End buttons*/

/*Hero*/
.hero-banner{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    min-height: 450px;
    text-align: center;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--FAF6EA));
}
.text-center{
    text-align: center;
}
.uppercase{
    text-transform: uppercase;
}
.hero-text-container {
    max-width: 1280px;
    margin: auto;
    width: 100%;
}
.hero-text-container h1{
    color:rgba(var(--3A3831), 1);
}
section#list {
    padding-bottom: 60px;
}
.term-accordeom-body {
    transition: .5s;
    height: 0;
    overflow: hidden;
    width: 100%;
}
h3.term-accordeom-title {
    font-size: var(--h5) !important;
    padding-top: 11px;
    padding-bottom: 10px;
    font-family: var(--SecondaryFont) !important;
}

h3.term-accordeom-title:hover{
    cursor: pointer;
    color: rgba(var(--3A3831));
}

.term-list-item.active,
.term-list-item:hover {
    background: rgba(var(--ternary),1);
    color: rgba(var(--primary)) !important;
}
.term-list-items {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.term-list {
    padding-bottom: 30px;
}
article.getpost-card a img {
    object-fit: cover;
    aspect-ratio: 16/10;
    object-position: bottom;
}

.post-list.grid-design.grid-col-3 {
    display: grid;
    column-gap: 24px;
    row-gap: 48px;
}
.grid-design-blog-ama article.getpost-card p.getpost-text a{       
    color: rgba(var(--primary));
}
.grid-design-blog-ama article.getpost-card p.getpost-text a:hover{       
    color: rgba(var(--accent)) !important;
}
.grid-design-blog-ama article.getpost-card{       
    border-radius: 8px;
    background-color: rgba(var(--F7F7F7), 1);
}
.grid-design-blog-ama article.getpost-card div.post-card-container{
    display: flex;
    flex-direction: column; 
    gap: 20px;
    align-items: stretch;
    justify-content: space-between;
}
.grid-design-blog-ama article.getpost-card a img {
    border-radius: 4px;
}
.grid-design-blog-ama article.getpost-card div.post-card-container div.getpost-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.grid-design-blog-ama .twilightrecoverycenter-button{
    margin-top: 20px;
}
.term-list-item {
    background: rgba(var(--softwhite),1);
    padding: 5px 25px;
    border-radius: 30px;
    color: rgba(var(--3A3831),1);
    transition: 0.3s;
}
.breadcumb-content {
    padding-top: 24px;
    padding-bottom: 10px;
}
h2.term-list-title {
    padding-bottom: 16px;
    color: rgba(var(--primary), 1 );
}
.breadcumb-content a{
    color: rgba(var(--primary), 1);
    transition: all 0.3s;
}
.breadcumb-content a:hover{
    color: rgba(var(--accent), 1);
}
.breadcumb-content #crumbs span.current{
    color: rgba(var(--secondary));
}
/*End hero*/
/*Post cards*/
article.getpost-card {
    /* padding: 16px; */
    display: flex !important;
    flex-direction: column;
    gap: 25px;
    align-items: stretch;
    justify-content: space-between;
}
ul.slick-dots {
    position: relative;
    bottom: -65px;
}

.ama-next-slick.slick-arrow, .ama-prev-slick.slick-arrow{
    top: 100%;
    position: absolute;
}

.ama-next-slick.slick-arrow:hover, .ama-prev-slick.slick-arrow:hover{
    cursor: pointer;
}

.ama-prev-slick.slick-arrow{
    left: 0%;
}

.ama-next-slick.slick-arrow{
    left: 90%
}
.getpost-date {
    color: rgb(var(--3A3831));
}
.slick-dots li button:before{
    display: none;
}

.getpost-metadata {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.slick-initialized .testimonial-slide {
    padding: 0 15px;
    display: flex;
    align-items: stretch;
}
.testimonial-slide .testitmoniai-container{
    padding:20px;
    background: rgb(var(--F7F7F7));
    border-radius: 8px;
}
.testimonial-slide .testitmoniai-container h3{
    color: rgb(var(--2D2D2D));
}
.slick-dots li button{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
	padding:4px;
   border: 2px solid rgb(var(--black));
    transition: 0.3s;
   
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-active button{
        background:  rgb(var(--black)) !important;
}

.slick-dots-container > ul li button:hover{
    background-color: transparent !important;
}
.getpost-date{
    margin-top: 20px;
}

.our-team-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.member-modal-background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(var(--5A4A3F), 0.8);
    z-index: 99;
    display: none;
    padding: 8% 15px;
    align-items: center;
    justify-content: center;
}
.member-modal-background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.5);
    z-index: 99;
    display: none;
    padding: 8% 15px;
    align-items: center;
    justify-content: center;
}
h3.member-modal-title{
    color:  rgb(var(--primary));
    margin: 0;
    padding: 0 0 10px 0px;
}
p.member-modal-position{
    color: rgb(var(--primary));
    margin: 0;
    margin-bottom: 5px;
}
.member-modal {
    position: relative;
    padding: 16px;
    background:rgba(var(--softwhite), 1);
    display: flex;
    gap: 20px;
    border-radius: 4px;
    border: 2px solid rgba(0,0,0, 0.1);
    width: 100%;
    max-width: 850px;
}
.member-image{
    width: 100%;
    object-fit: cover;
}

.member-image img{
    border-radius: 4px;
    width: 100%;
}
.member-modal-background .modal-member-image img {
    margin: auto;
    display: block;
    max-width: 250px;
    border-radius: 4px;
}
.modal-member-content {
    width: 100%;
    max-height: 250;
}

.modal-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}
.modal-body {
    width: 100%;
    position: relative;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 0px;
    border-top: 2px solid rgb(var(--ternary));
}

.modal-body p{
    margin: 1rem 0 !important;
}
button.close-modal {
    padding: 7px;
    border-radius: 60px !important;
    display: flex;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transition: 0.3s;
    background: transparent;
    border: 2px solid rgb(var(--3A3831));
}
button.close-modal svg path{
    transition: 0.3s;

}
button.close-modal:hover svg path{
    fill: rgb(var(--secondary));
}
button.close-modal:hover {
    border-radius: 60px !important;
    background:  rgb(var(--3A3831));
}
.team-member-card {
    margin: auto;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    background:  rgb(var(--white));
    position: relative;
    height: 100%;
            width: 100%;
}
h3.member-title {
    color:  rgb(var(--primary));
    margin: 0;
    padding: 10px 0 15px 0px;
    font-size: 24px !important;
    line-height: 1.5;
    letter-spacing: 0px;
}
p.member-position {
    color: rgb(var(--primary));
    margin: 0;
    margin-bottom: 20px;
}
.member-info {
    display: flex;
    position: relative;
    width: 100%;
    /* height: 100%; */
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.modal-button-container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

/*End post cards*/
/*responsive*/
@media( max-width: 1090px){
     .grid-design-blog-ama article.getpost-card a img {
        max-width: 100%;
        width: 100%;
        height: auto;
     }
    .grid-design-blog-ama article.getpost-card div.post-card-container{
    flex-direction: column; 
}
}
@media (max-width: 767px){
    #content h1, 
    #content .header-1 h1,
    #content .header-1 h2,
    #content .header-1 h3,
    #content .header-1 h4,
    #content .header-1 h5,
    #content .header-1 h6,
    h1{
        font-size: var(--h1-responsive);
        line-height: 1.3;
    }
    #content .header-2,
    #content .header-2 h1,
    #content .header-2 h2,
    #content .header-2 h3,
    #content .header-2 h4,
    #content .header-2 h5,
    #content .header-2 h6,
    #content h2,
    h2{
        font-size: var(--h2-responsive);
    }
    #content .header-3,
    #content .header-3 h1,
    #content .header-3 h2,
    #content .header-3 h3,
    #content .header-3 h4,
    #content .header-3 h5,
    #content .header-3 h6,
    #content h3,
    h3{
        font-size: var(--h3-responsive);
    }
    #content .header-4,
    #content .header-4 h1,
    #content .header-4 h2,
    #content .header-4 h3,
    #content .header-4 h4,
    #content .header-4 h5,
    #content .header-4 h6,
    #content h4,
    h4{
        font-size: var(--h4-responsive);
    }
    #content .header-5,
    #content .header-5 h1,
    #content .header-5 h2,
    #content .header-5 h3,
    #content .header-5 h4,
    #content .header-5 h5,
    #content .header-5 h6,
    #content h5,
    h5{
        font-size: var(--h5-responsive);
    }
    #content .header-6,
    #content .header-6 h1,
    #content .header-6 h2,
    #content .header-6 h3,
    #content .header-6 h4,
    #content .header-6 h5,
    #content .header-6 h6,
    #content h6,
    h6{
        font-size: var(--h6-responsive);
    }
    p,
    #content .header-p,
    #content .header-p h1,
    #content .header-p h2,
    #content .header-p h3,
    #content .header-p h4,
    #content .header-p h5,
    #content .header-p h6,
    #content .header-p h6{
        font-size: var(--text-responsive) !important;
    }
    html,body{
        font-size: var(--text-responsive);
    }
    .member-info h3,  .member-info p {
        text-align: center;
    }
    buttton.member-info {
        width: 50%;    }
}
@media (min-width:768px){
    .grid-design-blog-ama{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .post-list.grid-design.grid-col-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .our-team-container {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:992px){
    .grid-design-blog-ama{
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .post-list.grid-design.grid-col-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .our-team-container {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width:1280px){
    .our-team-container {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }
}