.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.tw{background:#000;}
.fb{background:#1877f2;}
.lk{background:#0a66c2;}
.ins{background:#c32aa3;}
.pin{background:#bd081c;}
.yt{background:#FF0000;}

.white-bg{background-color:#fff;}
.light-grey-bg{background-color:#f0f2f7;}
.pink-bg{background-color:#ff9c93;}
.green-bg{background-color: #006a58;}
.sage-bg{background-color: #a1c8b5;}
.yellow-bg{background-color: #fac63b;}
.black-bg{background-color: #171717;}

.white-text-color{color:white;}
.default-text-color{color:#171717;}
.pink-text-color{color:#ff9c93;}
.green-text-color{color: #006a58;}
.sage-text-color{color: #a1c6b5;}
.yellow-text-color{color: #fac63b;}

body, html {margin: 0; padding: 0; height: 100%; font-family: 'Poppins', sans-serif; scroll-behavior: smooth; font-size: 17px; line-height:1.8rem; color:#171717; font-weight: 400;}
body {background: #006a58;  outline: 0; overflow-x:hidden;}
.hidden{display: none;}
a img, button {border: none;}
.center-align{margin:0 auto; display:block;}
a img { display: block;}
a, a.text-link { text-decoration: underline; color:#171717;}
a:hover, a.text-link:hover{text-decoration: none;}
a.no-underline, a:hover {text-decoration: none;}
img { max-width: 100%; height: auto; display:block;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
:focus { outline: 0!important; -webkit-box-shadow: none; box-shadow: none;}
p{margin:0 0 15px 0;}
p{font-size:1rem; line-height:1.8em;}
ul, ol{margin:15px 0;}
h1{margin: 0 0 15px 0; font-size: 2.2rem; line-height: 2.75rem; font-weight: 500; font-family: "DM Serif Text", serif; }
h2{margin: 0 0 15px 0; font-size: 1.9rem; line-height: 2.65rem; font-weight: 500; font-family: "DM Serif Text", serif; }
h3{margin:0 0 15px 0; font-size: 1.6rem; line-height: 2.45rem; font-weight: 500; font-family: "DM Serif Text", serif; }
h4{margin:0 0 10px 0; font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: "DM Serif Text", serif; }
h5{margin:0 0 10px 0; font-size: 1.2rem; line-height: 1.7rem; font-weight:500; }
.center-text{text-align: center;}
figure{margin:12px 0;}
.flex{display:flex;}
.flex-col{display:flex; flex-direction: column;}
.flex1{flex:1;}
button{font-family: 'Poppins', sans-serif;}
.mob-show, .mob-show-flex{display:none;}
.tablet-show{display:none;}
.hidden{display:none;}
.full-width{width:100%;}

.narrow{max-width: 940px;}

li{margin:12px 0;}

.uppercase{text-transform:uppercase;}
.italic{font-style:italic;}

.font-poppins{font-family: 'Poppins', sans-serif;}
.font-montserrat{font-family: "Montserrat", sans-serif;}

.site-wrapper {padding: 0 20px;  zoom: 1; scroll-margin-top: 80px;}
.site-container {max-width: 1400px; min-width: 225px; width:100%; margin: 0 auto; padding: 0;}
.site-container.narrow{max-width: 1080px; }
.relative{position: relative;}

.cms-right-sidebar, .cms-left-sidebar{ display:flex; flex-direction:row; flex-wrap:wrap;}
.main-container{flex:1;}
.cms-right-sidebar .main-container{margin-right:35px;}
.cms-left-sidebar .main-container{margin-left:35px; order:2}
.sidebar-container{max-width:400px; width:100%;}
.cms-left-sidebar .sidebar-container{order:1;}

.card{border-radius: 14px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .08);}

/* === STAR RATING === */
.star-rating{display:flex; padding:0; margin:0;justify-content: center; align-items: center;} 
.star-rating i{font-size: 17px; line-height: 1em; color: #f68a0c; margin: 0 1px 0 0;}
.star-rating.rating-4 i:nth-of-type(n+5){color:#bfbfbf;}
.star-rating.rating-3 i:nth-of-type(n+4){color:#bfbfbf;}
.star-rating.rating-2 i:nth-of-type(n+3){color:#bfbfbf;}
.star-rating.rating-1 i:nth-of-type(n+2){color:#bfbfbf;}

.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}
.padding-60{padding:60px;}
.padding-70{padding:70px;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-60{padding-top:60px;}
.padding-top-70{padding-top:70px;}
.padding-top-80{padding-top:80px;}
.padding-top-90{padding-top:90px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-70{padding-bottom:70px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-bottom-90{padding-bottom:90px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-left-60{padding-left:60px;}
.padding-left-70{padding-left:70px;}
.padding-left-80{padding-left:80px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}
.padding-right-60{padding-right:60px;}
.padding-right-70{padding-right:70px;}
.padding-right-80{padding-right:80px;}

.padding-y-10{padding-top:10px; padding-bottom:10px}
.padding-y-20{padding-top:20px; padding-bottom:20px}
.padding-y-30{padding-top:30px; padding-bottom:30px}
.padding-y-40{padding-top:40px; padding-bottom:40px}
.padding-y-50{padding-top:50px; padding-bottom:50px}
.padding-y-60{padding-top:60px; padding-bottom:60px}

.padding-x-10{padding-left:10px; padding-right:10px}
.padding-x-20{padding-left:20px; padding-right:20px}
.padding-x-30{padding-left:30px; padding-right:30px}
.padding-x-40{padding-left:40px; padding-right:40px}
.padding-x-50{padding-left:50px; padding-right:50px}
.padding-x-60{padding-left:60px; padding-right:60px}

.margin-0{margin:0;}
.margin-10{margin:10px;}
.margin-20{margin:20px;}
.margin-30{margin:30px;}
.margin-40{margin:40px;}
.margin-50{margin:50px;}
.margin-60{margin:60px;}
.margin-70{margin:70px;}
.margin-top-0{margin-top:0px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-bottom-0{margin-bottom:0px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-25{margin-bottom:25px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-60{margin-bottom:60px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;} 

/* === JS ALERT === */
.js-alert{padding: 12px 20px; background: #d85f5f; position: fixed; top:0; left:0; width:100%; z-index: 9999999999999;}
.js-alert p.heading{font-size: 20px; line-height: 25px; margin: 0 0 5px 0; font-weight: 100; font-family:'Poppins', sans-serif;}
.js-alert p{color:white; margin:0; font-weight: 400; font-family:'Poppins', sans-serif; line-height: 20px;}

input {padding: 12px}
input, select { background: #fff; border-radius: 6px; border: 1px solid #d1d1d1; width: 100%; height: 40px; margin-bottom: 15px; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400}
select {padding: 0 12px}
textarea { background: #fff; border-radius: 6px; border: 1px solid #d1d1d1; width: 100%; padding: 12px 15px; margin-bottom: 15px; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400}
button, input[type=submit] { border: none; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400;}
input:focus, textarea:focus {border-color: #ba0328;}
.button {padding:5px 15px; min-height: 40px; border-radius: 6px; text-transform:uppercase; font-size:0.93rem; letter-spacing:3px; font-weight: 600; line-height: 1em; align-items: center; justify-content: center; text-decoration: none; transition: 200ms all linear; display: inline-flex; cursor: pointer;}

.solid-button{padding: 5px 20px; min-height: 42px; font-size: 1.05rem; text-transform: uppercase; text-align:center; font-weight: 500; line-height: 1em; align-items: center; justify-content: center; text-decoration: none; transition: 200ms all linear; display: inline-flex; outline:  solid 1px; outline-offset: 3px;}
.solid-button.white{background:white; color: #000d44;}
.solid-button.peach{color:#3f1b16; background:#f3ada2;  outline-color:#f3ada2;}
.solid-button.peach:hover{color:#3f1b16; background:#fdc1b9;}
.solid-button.pink{color:white; background:#eb6d70; outline-color:#eb6d70;}
.solid-button.pink:hover{color:white; background:#ff888b;}
.solid-button.yellow{color:white; background:#fac63b; outline-color:#fac63b;}
.solid-button.yellow:hover{color:white; background:#ffda73;}
.solid-button.sage{color:white; background:#a1c8b5; outline-color:#a1c8b5;}
.solid-button.sage:hover{color:white; background:#c0e0cf;}
.solid-button.small{min-height: 30px; padding:3px 12px; font-size: 0.85em;}
.solid-button.large{ padding:17px 15px; }

.white-bg{background-color:#fff;}
.light-grey-bg{background-color:#f0f2f7;}
.pink-bg{background-color:#ff9c93;}
.green-bg{background-color: #006a58;}
.sage-bg{background-color: #a1c8b5;}
.light-sage-bg{background-color: #edf6ee;}
.yellow-bg{background-color: #fac63b;}
.black-bg{background-color: #171717;}


.border-button{border:1px solid #737373; outline: #171717 solid 1px; outline-offset: 3px; background:transparent; text-align:center; padding: 5px 20px; min-height: 42px; text-transform:uppercase; font-size:1.05rem; font-weight: 500; line-height: 1em; align-items: center; justify-content: center; text-decoration: none; transition: 200ms all linear; display: inline-flex; cursor: pointer;}
.border-button:hover{color:white; background:#171717;}
.border-button.white{border-color:white; color: white;}
.border-button.white:hover{background:white; color: #000d44;}
.border-button.peach{border-color:#fdc1b9; color: #fdc1b9;}
.border-button.peach:hover{background:#fdc1b9; color: #fff;}
.border-button.sage{border-color:#a1c8b5; color: #a1c8b5;}
.border-button.sage:hover{background:#a1c8b5; color: #fff;}
.border-button.pink{border-color:#eb6d70; color: #eb6d70;}
.border-button.pink:hover{background:#eb6d70; color: #fff;}
.border-button.yellow{border-color:#fac63b; color: #fac63b;}
.border-button.yellow:hover{background:#fac63b; color: #fff;}
.border-button.small{min-height: 31px; padding:4px 12px; font-size: 0.9em;}

.social-links{display:flex; align-items:center;}
.social-links .social{border-radius:100%; display:flex; align-items:center; justify-content:center; width:34px; height:34px; color:white; text-decoration:none; margin:0 3px;}

.top-header{padding-top:6px; padding-bottom:6px;}
.top-header .site-container{display:flex; align-items:center; justify-content:space-between;}
.top-header .social-links .social{display: flex;  align-items: center; justify-content: center;  color: white; text-decoration: none; font-size: 1.1rem; background: none; margin: 0 0 0 10px; width: 22px; height: 22px;}

.main-header.sticky{padding-top:6px; padding-bottom:6px; position:fixed; left:0; top:-90px; width:100%; pointer-events: none;  transition:250ms all linear; z-index:10; background-color: rgba(255, 255, 255, 0.8);  backdrop-filter: blur(16px) saturate(1.5);  -webkit-backdrop-filter: blur(16px) saturate(1.5);}
.main-header.sticky .logo{width: 70px;}
.main-header.stuck{top:0; pointer-events: auto;}

.main-header{position:relative; background:white; z-index:2;  padding-top:10px; padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.08);}
.main-header .site-container{display:flex; align-items:center; justify-content:space-between;}
.main-header .logo{width:95px;}
.main-header .social-links{border-left:1px solid #d1d1d1; padding-left:10px;}
.main-header .social-links .social{margin:0 0 0 8px;}

.nav-wrapper{display:flex; align-items:center;}

nav.desktop  {padding: 0; display: flex;}
nav.desktop > a {font-size: 1rem; line-height: 24px; padding: 3px 8px; margin: 0  0 0 13px;  text-decoration: none;  display: block; font-weight:500; transition: all linear 250ms; border-radius:6px;}

.drop-link > .trigger{text-decoration:none; margin: 0 20px 0 0 ; font-weight:500; font-size: 1rem; line-height: 24px; padding: 3px 6px; transition: all linear 250ms; display: flex; align-items: center; border-radius:6px;}
.drop-link > .trigger i{font-size: 15px; margin: 0 0 0 2px; line-height: 1em; }
.drop-link > p.trigger{cursor:default;}
.main-header nav.desktop > a:hover, .drop-link:hover > .trigger{background: rgba(0,0,0,0.05);}

.drop-menu-wrapper{visibility:hidden; opacity:0; z-index:3; min-width:200px; pointer-events: none; display: block;  position: absolute; margin:0 0 0 -25px; padding: 8px 0 0 0; transition: all linear 250ms; }
.drop-menu{margin:0; padding: 8px 10px; background: white; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); border-radius: 6px;}
.drop-menu a{padding:0; font-weight:500; color:#11111f; padding: 4px 8px; width:100%; text-align:left; text-decoration:none; display:flex; align-items:center; justify-content:flex-start; font-size:1rem; border-radius:6px; transition: all linear 250ms;}
.drop-menu a:hover{background:rgba(0,0,0,0.05);}
.main-header .drop-link:hover > .drop-menu-wrapper{visibility:visible; opacity:1; pointer-events: auto;}


/* === MOB MENU === */
.hamburger-menu{font-size: 1.6rem; display:none; cursor:pointer; background:none; border:none; display:none; align-items:center; justify-content:center;}
.sliding-navbar{ position: fixed;  top:0;  left:-380px;  height: 100vh;  width: 320px; background: #fff; transition: left 0.3s ease-in-out; z-index: 4600; }
.sliding-navbar .close{position:absolute; top:10px; right:10px; font-size:0.9rem;}
.sliding-navbar--open{ left: 0px;}
.mask{ position:fixed; top: 0px; left:0px; height: 100vh; width:100%; background: rgba(0,0,0,0.5);  z-index: 4500; opacity:0; backdrop-filter: blur(2px); pointer-events: none; transition: opacity 0.3s ease-in-out;}
.mask.show{ opacity:1; pointer-events: auto;}
.navbar--items{display:flex; flex-direction:column; margin-top:40px; border-top:1px solid #e5e5e5; }
.navbar--item{margin:0; border-bottom: 1px solid #e5e5e5; padding: 10px 15px; font-weight: 500; text-decoration: none; font-size: 1rem; line-height:1.3rem; width:100%; display: flex; align-items: center;}
.navbar--item i{margin:0 14px 0 0; font-size: 1.47rem; display: flex; align-items: center; justify-content:center;}
navbar .accordion{border:none; }
navbar .accordion .heading{ padding: 10px 15px ; border-bottom: 1px solid #e5e5e5; font-weight: 500; font-size: 1rem; line-height:1.3rem; display:flex; align-items:center; justify-content:space-between;}
navbar .accordion .heading i{font-size: 1rem; display: flex; align-items: center;}
navbar .accordion .expandable{display:flex; flex-direction:column; padding:0; background:rgba(0,0,0,0.05);}
.menu-opened:before { bottom: 3px;  transition: bottom 0.3s ease-in-out;}
.menu-opened:after { top: 3px; transition: top 0.3s ease-in-out;}

.slick-dots { margin: 20px 0 5px 0; padding: 0; text-align: center; display:flex; align-items:center; justify-content:center;}
.slick-dots li { list-style: none; display: inline-block; zoom: 1; margin:0;}
.slick-dots li button { text-indent: -999999px; background: transparent; border: 2px solid #ff9c93; cursor: pointer; width: 12px; height: 12px; display: block; border-radius: 100%; padding: 0; margin: 0 3px;}
.slick-dots li.slick-active button { background: #ff9c93; width: 16px; height: 16px;}

/* === BANNER === */
.banner-wrapper{display:flex; align-items:center; justify-content:center; background-size: cover; min-height: 320px; background-position: 50% 50%; background-repeat: no-repeat; position:relative;}
.banner-wrapper:after{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:rgba(0,0,0,0.22);}
.banner-wrapper .site-container{z-index:1; position:relative;}
.banner-wrapper.homepage{min-height: 540px;}
.banner-content{margin-top: -20px; display:flex; flex-direction:column; align-items:center;}
.banner-content-text{color:white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18); max-width:900px;}
.banner-content-text h1{font-size: 3.4rem; line-height: 3.65rem;}
.banner-content-text h1, .banner-content-text h2{font-weight: 500; font-family: "DM Serif Text", serif; font-style: italic; margin:0 0 15px 0;}
.banner-content-text p{font-size: 1.15rem; line-height: 1.7rem;}
.banner-wrapper .button-container{margin-top:25px;}

.cat-tile, .slick-slide.cat-tile{display:flex; align-items:center; justify-content:center; height: 300px; position:relative; margin:0 15px; cursor: pointer; overflow: hidden;}
.cat-tile img{width: 100%; height: 100%; object-fit: cover; transition: all 600ms ease-in-out; z-index:0;}
.cat-tile:hover img{scale: 1.075;}
.cat-tile .title{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:flex; align-items:center; justify-content:center;}
.cat-tile p{padding:8px 28px; font-weight:500; text-transform: uppercase; text-align:center; background:rgba(255,255,255,0.8);  position:relative; outline: rgba(255,255,255,0.8) solid 1px; outline-offset: 3px;}

.split-article-container{display:flex; width:100%; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .08);}
.split-article-container .text-container, .split-article-container .img-container{flex:1;}
.split-article-container .img-container{overflow: hidden; position:relative;}
.split-article-container .img-container img{width: 100%; height: 100%; object-fit: cover; transition: all 600ms ease-in-out; z-index:0;}
.split-article-container .text-container{padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.split-article-container .text-container .tagline{letter-spacing: 3px; text-transform: uppercase; font-weight: 500; margin:0 0 10px 0;}
.split-article-container .text-container .title{font-weight: 500; font-family: "DM Serif Text", serif;  margin: 0 0 20px 0; text-decoration:none;}
.split-article-container .text-container .title a{ text-decoration:none;}
.split-article-container .text-container .border-button{margin-top:10px;}

.article-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}
.article-card {text-decoration:none;}
.article-card .img-container{overflow: hidden; position:relative; height:300px;}
.article-card .img-container img{width: 100%; height: 100%; object-fit: cover; transition: all 600ms ease-in-out; z-index:0;}
.article-card .img-container:hover img{scale: 1.075;}
.article-card .content{padding:15px 5px 0 5px;}
.article-card .content .title{font-weight: 500;font-family: "DM Serif Text", serif; margin: 0 0 12px 0; font-size: 1.35rem; line-height: 2rem;}
.article-card .border-button{margin:4px 0 0 4px;}

.quote-wrapper{min-height:360px; display:flex; align-items:center; justify-content:center;}
.quote-wrapper .site-container{display:flex; align-items:center; justify-content:center;}
.quote-container{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; max-width:660px;}
.quote-container .quote-symbol{opacity:0.35; margin:-15px 0 25px 0;}
.quote-container .quote{font-weight: 500; font-family: "DM Serif Text", serif;  margin: 0; font-size: 1.8rem; line-height: 2.8rem; font-style: italic;}

.blog-article img{width:100%; margin:15px 0;}
.article-meta{display:flex; align-items:center; justify-content:space-between; margin:12px 0 15px 0;}
.timestamp{display:flex; align-items:center;}
.timestamp p{margin:0 ; font-size:0.95rem; font-style:italic; line-height:1rem; color:#4d4d4d;}

.blog-article h1{font-size: 2.2rem; line-height: 2.75rem; margin-bottom:20px;}
.blog-article h2{ font-size: 1.9rem; line-height: 2.65rem;}
.blog-article h3{font-size: 1.6rem; line-height: 2.45rem;}


.blog-article .social-links .social{width: 30px; height: 30px; font-size: 0.95rem;}

.share{display:flex; align-items:center;}
.share p{margin:0 4px 0 0 ;}
.share a{text-decoration:none; margin-left:6px; }

.share-block{display:flex; align-items:center; margin-bottom:25px; padding:8px 10px;}
.share-block p{margin:0 4px 0 0 ; flex:1;}

.category-block{margin-bottom:35px;}
.category-block .title{font-size: 1.4rem; line-height: 1.8rem; font-weight: 500; font-family: "DM Serif Text", serif; padding-bottom:7px; border-bottom:1px dashed #ff9c93; margin-bottom:5px;}
.category-block .content{display:flex; flex-direction:column;}
.category-block .content a{padding:6px 0;  border-bottom: 1px solid #dddddd; text-decoration: none; transition: all 200ms linear;}
.category-block .content a.selected{color:#ff9c93; font-weight:500; cursor:default;}
.category-block .content a:hover{color:#ff9c93;}

.recent-posts-block .title{font-size: 1.4rem; line-height: 1.8rem; font-weight: 500; font-family: "DM Serif Text", serif; padding-bottom:7px; border-bottom:1px dashed #ff9c93; margin-bottom:8px;}
.recent-post{padding:10px 0; display:flex; align-items:center;}
.recent-post a{text-decoration:none;}
.recent-post .post-title{flex:1; margin:0 0 0 10px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; font-family:"Poppins", sans-serif;}
.recent-post img{width:80px;}

.blog-index .blog-row{display:flex; align-items:center; gap:35px; text-decoration:none; padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #dddddd;}
.blog-index .blog-row a{text-decoration:none;}
.blog-index .blog-row .img-container{max-width:300px;}
.blog-index .blog-row .content{flex:1;}
.blog-index .blog-row .border-button{margin:10px 0 0 0;}

.blog-index .blog-row .article-categories{display:flex; flex-wrap:wrap; justify-content:flex-start; row-gap: 7px; column-gap: 15px; margin-bottom:10px;}
.blog-index .blog-row .article-categories .category-link{text-transform:uppercase; border-bottom:1px solid #006a58; color:#006a58; font-weight:500; font-size:0.95rem; transition:all 150ms linear; }
.blog-index .blog-row .article-categories .category-link:hover{border-color:transparent;}

.splt-section{display:flex; align-items:center; justify-content:space-between; gap:50px;}
.splt-section.about .text-container{flex:1;max-width:600px;}
.splt-section.about .border-button{margin-top:20px;}
.splt-section.about img{max-width:400px;}

.pagination{display:flex; align-items:center; margin:5px 0 20px 0;}
.pagination span{flex:1;}
.pagination .solid-button{padding: 5px 15px;}
.pagination .solid-button i{font-size:1.3rem; display: flex; align-items: center; justify-content: center;}
.pag-prev i{margin:0 5px 0 0;}
.pag-next i{margin:0 0 0 5px;}

.about-heading{text-align:center; margin:20px auto 70px auto; font-style:italic; line-height: 2.8rem; font-size: 2rem; max-width:900px;}
.about-img{margin-bottom:50px;}

/* === ACCORDION === */
.accordion-wrapper{background:white; border-radius: 14px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .09), 0 4px 6px -4px rgb(0 0 0 / .08); padding:10px 25px;}
.accordion-wrapper .accordion:last-of-type{border:none;}
.accordion {border-bottom:1px solid #e5e5e5; padding:0; margin:0;}
.accordion .heading{display:flex; align-items: center; padding:14px 0; cursor: pointer; transition:all 200ms linear;}
.accordion .heading:hover{background:rgba(0,0,0,0.02);}
.accordion .heading h3, .accordion .heading h4{flex:1; margin:0 8px 0 0; font-size:1.08rem; line-height: 1.7rem; font-weight: 500; transition: all 150ms linear; font-family: 'Poppins', sans-serif;}
.accordion .heading i{font-size:24px; transition: all 150ms linear; display: flex; align-items: center; justify-content: center; color:#ba0328;}
.accordion .heading.open i{ -webkit-transform: rotate(45deg); -webkit-transform-origin: 50% 50%; transform: rotate(45deg);}
.accordion .heading.open, .accordion .heading h3:hover, .accordion .heading h4:hover {color:#000d44;}
.accordion .expandable{padding:5px 0 5px 0;}


/* === FOOTER === */
footer{padding-top:40px; padding-bottom:25px; color:white;}

footer .logo-container{ display: flex;  flex-direction: column; align-items:center;}
footer .logo-container .logo{width:110px; margin:0 0 18px 0;}
footer .logo-container p{margin:10px 0 0 0; font-style:italic; color:rgba(255,255,255,0.8); font-size: 0.9rem;}

footer  .social-links .social{background:transparent; border:1px solid white; margin: 0 5px; transition:200ms linear all;}
footer  .social-links .social:hover{background:white; color:#006a58;}

footer .links-container{border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); margin:35px 0; padding:15px 0;}
footer .links-container .links{display:flex; align-items:center; flex-wrap:wrap; justify-content:center; column-gap: 25px; row-gap: 5px;}
footer .links-container .links a {color:white; text-decoration:none; border-bottom:1px solid transparent; transition:200ms linear all;  font-size: 0.93rem;}
footer .links-container .links a:hover{border-color:white;}

.footer-legals{text-align:center; font-size: 0.85rem; color:rgba(255,255,255,0.8);}
.footer-legals p{margin-bottom:10px;}
.footer-legals p, .footer-legals a{font-size: 0.85rem; color:rgba(255,255,255,0.8);}
.footer-legals .links{display:flex; align-items:center; justify-content:center; gap: 12px;}
.footer-legals a{text-decoration:none; border-bottom:1px solid transparent; transition:200ms linear all; }
.footer-legals a:hover{border-color:rgba(255,255,255,0.8);}