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

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
/*font-family: 'Poppins', sans-serif;*/

@font-face {
  font-family: 'Trajan Pro Bold';
  src: url('../fonts/Trajan Pro Bold.ttf') format('truetype');
}

.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-100 {width: 100%;}

.cx-h-50 {height: 50px;}

body {
  font-family: 'Poppins', sans-serif;
  font-size: .9em;
  font-weight: normal;
}

h1 {font-size: 56px; line-height: 1.5em; margin-bottom: 1.2em; font-family: 'Trajan Pro Bold', serif; font-weight: 700;}
h2 {font-size: 45px; line-height: 1.2em; margin-bottom: 1em; font-family: 'Trajan Pro Bold', serif; font-weight: 700;}
h3 {font-size: 30px; line-height: 1.2em; margin-bottom: .8em; font-family: 'Trajan Pro Bold', serif; font-weight: 600;}
h4 {font-size: 22px; line-height: 1.2em; margin-bottom: .8em; font-family: 'Trajan Pro Bold', serif; font-weight: 500;}
h5 {font-size: 20px; line-height: 1.2em; margin-bottom: .7em; font-family: 'Trajan Pro Bold', serif; font-weight: normal;}
p {font-size: 16px; font-weight: normal; line-height: 2em; margin-bottom: .7em;}

h2 {position: relative;padding-bottom: 15px;}
h2::after {content: '';display: block;background-color: #8cc541;width: 75px;height: 2px;position: absolute;left: calc(50% - 37.5px);bottom: 0;}
.v-center {display: flex;flex-wrap: wrap;align-items: center;}
ul {list-style: none;padding-left: 0;}

/* =====================
    common styles
======================= */
.top-banner {background: #EEEEEE url(../images/home-page/home-top.jpg) no-repeat center center;min-height: 650px;background-size: cover;}
.top-content {padding: 50px 0;}
.top-content .inner-content {text-align: center;width: 100%;max-width: 60%;margin: 0 auto;}
.custom-heading {font-family: 'Poppins', sans-serif;font-size: 1.2em;}
h2.heading-after-left::after {left: 0;}
h2.heading-after-right::after {right: 0;}
.cx-py-7 {padding: 70px 0;}
.cx-py-5 {padding: 50px 0;}
.cx-px-3-1 {padding-left: 10%;padding-right: 3%;}
.cx-px-2-3 {padding-left: 5%;padding-right: 10%;}
.bg-grey {background-color: #f6f6f6;}
.bg-brand {background-color: #8cc541;}
/* header-top */
#header-top {background-color: #313130;overflow: hidden;}
#header-top .header-top {margin: 10px 5%;}
#header-top ul {list-style: none;padding-left: 0;margin-bottom: 0;float: right;}
#header-top ul li {display: inline-block;padding: 0 10px;}
#header-top ul li a {color: #fff;}
#header-top i {color: #fff;margin-right: 5px;font-size: 18px;}
/* header */
#header nav {margin: 5px 5%;}
section#header {width: 100%;z-index: 2;}
.navbar-nav .nav-item {padding: .7em 1em;}
.navbar-nav .nav-item .nav-link {color: #5e5e5e;padding:0;font-size: 1em;letter-spacing: 0.3px;}
.navbar-nav .nav-item .nav-link:hover {color: #8cc541;}
.navbar-nav .nav-item.active .nav-link {padding-bottom: 5px;color: #8cc541;border-bottom: 2px solid;}
/* Nav dropdown */
.navbar-nav .dropdown-menu {padding: 0;border-radius: 0;border: none;}
.navbar-nav .dropdown-menu .dropdown-item {color: #fff;background-color: #8cc541;padding: 10px 20px;}
.navbar-nav .dropdown-menu .dropdown-item:hover {background-color: #82b440;}
/* sticky header */
.sticky {position: fixed !important;background-color: rgba(45, 151, 200, .9);}
.sticky ul.navbar-nav .nav-item a.nav-link {color: #fff;}
.sticky ul.navbar-nav a.nav-link.login {border-color: #fff;}
/* section top */
section#top {background-image: url(../images/home-page/home-top.jpg);}
/* treatmentCenter */
#treatmentCenter {background-color: #8cc541;padding: 50px;}
#treatmentCenter .container {text-align: center;color: #ffffff;}
#treatmentCenter h2::after {background-color: #fff;}
#treatmentCenter p {width: 90%;margin: 0 auto;}
/* detoxification Treatment */
#detoxificationTreatment .first-half {padding: 45px 30px;padding-top: 70px;width: 70%;margin: 0 auto;}
#detoxificationTreatment h2::after {left: 0;}
/* inpatient Activities */
#inpatientActivities {padding: 50px 0;}
#inpatientActivities h2 {text-align: center;}

.services {display: flex;flex-wrap: wrap;}
.services .service-item {max-width: 33%;flex: 33%;}
.services .service-item .service-inner {position: relative;margin: 10px;padding: 10px 15px;display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0 0 10px #e1e1e1;transition: all .2s ease-in;}
.services .service-item .service-inner::after {content: '';display: block;position: absolute;width: 3px;height: 100%;background-color: #8cc541;top: 0;right: -3px;}
.services .service-item .service-inner:hover {background-color: #8cc541;}
.services .service-item .service-inner:hover svg {fill: #fff;}
.services .service-item .service-inner:hover .service-title {color: #fff;} 
.services .service-item .service-icon {max-width: 20%;flex: 20%;}
.services .service-item .service-icon svg {width: 100%; height: 100%;}
.services .service-item .service-title {max-width: 80%;flex: 80%;padding: 0 10px;font-weight: 600;}
/* footer */
footer#footer {background-color: #000000;padding: 50px 0;color: #dcdbdb;font-size: .9em;}
footer#footer #footer-column-2 {padding-left: calc(50% - 53px);}
#footer h4 {font-family: 'Poppins', sans-serif;font-size: 1.3em;}
#footer .footer-logo {margin-bottom: 30px;}
#footer .footer-content p {font-size: .9em;}
#footer ul li a {color: #dcdbdb;text-decoration: none;}
#footer ul li {line-height: 1.8em;}

/* Admission Page */
#admission-top {background-image: url(../images/admission/admission-banner.jpg);background-position: center top;}
#payingTreatment {background-color: #f6f6f6;padding: 70px 0;}
#insurance {padding: 70px 0;}
/* Contact Page */
#contact-top {background-image: url(../images/contact/contact-banner.jpg);}
#contact-info {padding: 70px 0;}
#contact-info a.cx_btn {background-color: #8cc541;color: #fff;padding: 3px;text-decoration: none;}
/* Detox Treatment Page */
#detox-top {background-image: url(../images/detox-treatment/detox-treatment-banner.jpg);}
#detox-treatment h2::after {left: 0;}
#three-components-detox {background-color: #f6f6f6;}
.long-box {margin: 30px 0;}
.long-box .box-item {margin: 15px 0;background-color: #fff;box-shadow: 0 0 10px #e1e1e1;padding: 15px 15px;display: flex;position: relative;}
.long-box .box-item .box-content {padding-left: 15px;font-size: .9em;}
.long-box .box-item .box-count {font-family: 'Trajan Pro Bold', serif;font-size: 3em;line-height: 1em;}
.long-box .box-item::after {content: '';display: block;width: 3px;height: 100%;background-color: #8cc541;position: absolute;top: 0;right: -3px;}
/*inpatient treatment page*/
#inpatient-treatment-top {background-image: url(../images/inpatient-treatment/inpatient-treatment-banner.jpg);}
ul.bullets {list-style: inside;margin-top: 15px;}
ul.bullets li {border-bottom: 1px solid #e7e7e7;padding: 5px 0;list-style: outside;}
/* our approach page */
#our-approach-top {background-image: url(../images/our-approach/our-approach-banner.jpg);}
#our-approach-content h2::after {left: 0;}
#how-we-work {background-image: url(../images/our-approach/how-we-work.jpg);}
#how-we-work .inner-content {padding-left: 50%;}
/* Leadership Page */
#leadership-top {background-image: url(../images/leadership/leadership-banner.jpg);}
    /* Profile showcase */
.profile-showcase {position: relative;overflow: hidden;}
.profile-showcase .profile-info {background-color: #8cc541;color: #ffffff;display: flex;flex-wrap: wrap;padding: 15px;justify-content: space-between;margin-bottom: 15px;}
.profile-showcase .profile-share i {color: #8cc541;background-color: #fff;min-width: 25px;min-height: 25px;padding: 5px;border-radius: 100%;text-align: center;}
.profile-showcase .profile-info .profile-detail {font-weight: 600;}
.profile-showcase .profile-info .profile-share {display: none;}
.profile-showcase .profile-content p {font-size: 1em;}
/* Our Name Page */
#our-name-top {background-image: url(../images/our-name/our-name-banner.jpg);}
/* what to expect page */
#what-to-expect-top {background-image: url(../images/what-to-expect/what-to-expect-banner.jpg);}
.cx-table {border: 1px solid #cacaca; margin-bottom: 20px;}
.cx-table .table-head {background-color: #8cc541;padding: 10px 30px;color: #ffffff;font-size: 1.1em;}
.cx-table .table-body {padding: 0 30px;}
.cx-table .table-body .table-item {padding: 13px 0;display: flex;justify-content: space-between;border-bottom: 1px solid #e6e6e6;}
.cx-table .table-body .table-item:last-child {border-bottom: none;}
    /* what to bring */
#visitor-info {width: 80%;margin: 0 auto;text-align: center;color: #fff;}
#visitor-info h2::after {background-color: #fff;}
/* Yellow Wood Experience Page */
#experience-top {background-image: url(../images/yellow-wood-experience/yellow-wood-experience-banner.jpg);}
    /* portfolio */
.portfolio {margin-bottom: 20px;}
.portfolio .portfolio-img {position: relative;}
.portfolio .portfolio-img::after {content: '';display: block;width: 100%;height: 4px;background-color: #8cc541;position: absolute;bottom: 0;}
.portfolio .portfolio-body {position: relative;padding: 15px 0;min-height: 250px;transition: all .1s;}
.portfolio .portfolio-title {padding-bottom: 1.2em;font-size: 1em;font-weight: bold;}
.portfolio:hover .portfolio-body {background-color: #8cc541;padding-right: 15px;padding-left: 15px;color: #fff;}

/* Location Page */
#location-top {background-image: url(../images/location/location-banner.jpg);}
.locations {position: relative;overflow: hidden;}
.locations .location-title {font-weight: 600;margin-bottom: 10px;}
.locations .location-body {padding: 15px 0;}
.locations .location-content {line-height: 1.7em;}

/* Pregnant Page */
#pregnant-women-top {background-image: url(../images/pregnant-women/pregnant-women-top-bg.jpg);}
#expectantMother h2::after {left: 0;}
#duringPregnancy  {background-image: url(../images/pregnant-women/pregnant-women-bg.jpg);background-position: 50% bottom;background-size: 90%;}
#duringPregnancy .small {margin-bottom: 60px;min-height: 100px;}
#duringPregnancy .small:last-child {margin-bottom: 0px;}
#duringPregnancy .small p {font-size: .9rem; line-height: 1.3em;}
#duringPregnancy .during-text {font-size: 1rem}

@media (max-width: 1150px) {
  p {line-height: 1.5em;}
  .first-half-md-small {padding: 10px !important;}
  .first-half-md-small p {line-height: 1.5em;}
  .first-half-md-small h2 {font-size: 30px;}
  .first-half-md-small p {font-size: 14px;}

} /*mediaquery end*/

@media (max-width: 991px) {
  .services .service-item .service-inner {min-height: 72px;}
  .services .service-item .service-title {font-size: 80%;}
} /*mediaquery end*/

@media (max-width: 850px) {

  .first-half-md-small {width: 90% !important;}

} /*mediaquery end*/

@media (max-width: 767px) {

  h1 {font-size: 48px;}
  h2 {font-size: 38px;}
  h3 {font-size: 26px;}
  h4 {font-size: 20px;}
  .navbar-brand img {max-width: 230px;}

  .top-banner {min-height: 320px;}
  #detoxificationTreatment .first-half-md-small {padding: 40px 0 !important;}
  .services .service-item {max-width: 50%;flex: 50%;}
  /* admission page */
  .first-half {padding-top: 15px;}
  /* Inpatient Treatment */
  #evidence-therapies .second-half {padding-top: 25px;}
  /* our approach */
  #how-we-work {background-position: 43% 50%;}
  #how-we-work .inner-content {padding-left: 30%;}
  /* Our name */
  #road-not-taken .first-half {width: 100%;}
  /* what to expect */
  .cx-table .table-head {padding: 10px;}
  .cx-table .table-body {padding: 0 10px;}
  #what-to-bring .cx-px-3-1,
  #what-to-bring .cx-px-2-3 {padding-left: 15px; padding-right: 15px;}


  /* footer */
  #footer .footer-logo img {max-width: 230px;}
  footer#footer #footer-column-2 {padding-left: 0;}

} /*mediaquery end*/

@media (max-width: 549px) {

  h1 {font-size: 38px;}
  h2 {font-size: 30px;}
  h3 {font-size: 22px;}
  h4 {font-size: 20px;}
  .navbar-brand img {max-width: 165px;}
  .top-banner {min-height: 220px;}
  .top-content .inner-content {max-width: 100%;}
  #treatmentCenter {padding: 50px 0;}
  .services .service-item {max-width: 100%;flex: 100%;}
  /* detox treatment page */
  #three-components-detox .custom-heading {width: 100%;}
  #three-components-detox p.small {width: 100%;}
  .long-box .box-item {width: 100%;}
  /* Inpatient Treatment */
  #how-we-work {background-position: 100% 50%;}
  #how-we-work .inner-content {padding-left: 0%;}

} /*mediaquery end*/