/*
Theme name: Roots Behavioral Health
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.


	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p, a {
	font-family: quasimoda, sans-serif;
	font-weight: 400;
	font-style: normal;
}

p {
	font-size: 17px;
}

p a {
	color: #65A163;
}

p a:hover {
	color: #2C513C;
}

.clear-both {
	clear: both;
}

.shell {
	max-width: 1220px;
	padding-left: 10px;
	padding-right: 10px;
}

/*PADDING*/

.padding-10 {
	padding-top: 10%;
	padding-bottom: 10%;
}

.padding-7 {
	padding-top: 7%;
	padding-bottom: 7%;
}

.padding-5 {
	padding-top: 5%;
	padding-bottom: 5%;
}

.padding-3 {
	padding-top: 3%;
	padding-bottom: 3%;
}

.padding-2 {
	padding-top: 2%;
	padding-bottom: 2%;
}

.padding-top-7 {
	padding-top: 7%;
}

.padding-top-3 {
	padding-top: 3%;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-5 {
	padding-bottom: 5%;
}

/*FLEX BOX*/

@media screen and (min-width:768px) {
	.display-flex {
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		align-items: center;
  		justify-content: center;
	}
}

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

.align-items-flex-end {
	align-items: flex-end;
}
	
.justify-content-left {
	justify-content: left;
}

.justify-content-space-between {
	justify-content: space-between;
}

.flex-grow {
	flex-grow: 1;
}

.flex-wrap-wrap {
	flex-wrap: wrap;
}

@media screen and (max-width:767px) {
	.mobile-display-flex {
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		align-items: center;
  		justify-content: center;
	}
	
	.mobile-justify-content-left {
		justify-content: left;
	}
	
	.mobile-flex-wrap-wrap {
		flex-wrap: wrap;
	}
}
	
/*COLORS*/

.fly {
	color: #F6FCF4;
}

.bantam {
	color: #CCEBC5;
}

.feather {
	color: #80CA7F;
}

.green {
	color: #65A163;
}

.cruiser {
	color: #2C513C;
}

.brown {
	color: #3C352E;
}

.background-fly {
	background-color: #F6FCF4;
}

.background-bantam {
	background-color: #CCEBC5;
}

.background-feather {
	background-color: #80CA7F;
}

.background-green {
	background-color: #65A163;
}

.background-cruiser {
	background-color: #2C513C;
}

.background-brown {
	background-color: #3C352E;
}

/*FONTS*/

body, p {
	font-family: quasimoda, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	font-family: aesthet-nova, serif;
	font-weight: 500;
	font-style: normal;
	color: #2C513C;
	margin-block-start: .6667em;
	line-height: 1.2;
	letter-spacing: 0!important;
}

h5 {
	font-family: quasimoda, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #3C352E;
	font-size: 21px;
}

h1 {
	font-size: 54px;
	letter-spacing: 0;
}

h2 {
	font-size: 48px;
	letter-spacing: 0;
}

h3 {
	font-size: 32px;
	letter-spacing: 0;
}

h4 {
	font-size: 24px;
}

strong {
	font-family: quasimoda, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 21px;
}

.gform_wrapper h2.gsection_title {
	font-size: 32px!important;
}

#input_2_5, #input_1_22 {
	color: #333333;
}

.gform_wrapper .top_label .gsection_description {
	font-size: 16px;
}

/*BUTTONS*/

.button, #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4 {
	border-radius: 20px 0 20px 0;
	padding: 21px 30px;
	font-family: quasimoda, sans-serif;
	color: #F6FCF4;
	background-color: #3C352E;
	border: solid 1px #3C352E;
	letter-spacing: 3px;
}

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4 {
	width: 100%;
}

#gform_submit_button_4 {
	display: none;
}

.brown-button {
	background-color: #3C352E;
	border: solid 1px #3C352E;
	color: #F6FCF4;
}

.green-border-button {
	background-color: transparent;
	border: solid 1px #65A163;
	color: #2C513C;
}

.button:hover {
	color: #3C352E;
}

.green-border-button:hover {
	background-color: #65A163;
	color: #F6FCF4;
}

.header__wrap .orange-button:hover {
	background-color: transparent;
	color: #3C352E;
}

/*GLOBAL:*/

.horizontal-list ul ul {
	min-width: 200px!important;
	text-align: left;
}

#logo-home-logo {
	max-width: 176px!important;
}

.article__head #breadcrumbs {
	padding-left: 1px;
}

.section-comments {
	padding-left: 10px;
	padding-right: 10px;
}

.active {
	color: #CCEBC5;
}

.footer__nav li:first-child a {
	pointer-events: auto;
}

.footer__nav li:first-child a:hover {
	color: #65A163;
}

.section-default .section__title {
	display: none;
}

.leaf-corners-left, .leaf-corners-left img {
	border-radius: 80px 0 80px 0;
}

.leaf-corners-right, .leaf-corners-right img {
	border-radius: 0 80px 0 80px;
}

.wrapper {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/header-background.svg) center top repeat-x;
	background-position: 50% -630px;
	background-size: 1440px 1119px;
}

.header__wrap {
	background-color: #F6FCF4;
}

.header__wrap, .home.scrolled .header__wrap {
	z-index: 101;
}

.header__wrap .horizontal-list li a {
	color: #3C352E!important;
	text-transform: capitalize;
	font-size: 16px;
}

#gform_submit_button_1 {
	text-transform: uppercase;
}

.header__wrap .button {
	border-radius: 22px;
	background-color: #3C352E;
	border: solid 1px #3C352E;
	font-family: quasimoda, sans-serif;
	font-weight: 600;
	font-style: normal;
	padding: 11px 24px;
}

.round-corners {
	border-radius: 20px;
}

.nw img {
	border-radius: 0 20px 0 20px;
}

.nw-large img {
	border-radius: 0 200px 0 200px;
}

.sw img {
	border-radius: 20px 0 20px 0;
}

.sw-large img {
	border-radius: 200px 0 200px 0;
}

footer ul, #inner-intro ul {
	padding-inline-start: 0;
}

footer ul a {
	color: #3C352E;
}

footer li {
	line-height:24px;
	padding-bottom: 12px;
}

#footer-logo img {
	width: 100%;
	padding-bottom: 40px;
}

#footer-socials a img {
	max-width: 36px;
}

.footer__nav ul {
	padding-top: 20px;
}

.footer__nav li:first-child a {
	font-weight: 400;
	color: #3C352E;
}

footer h5 {
	color: #2C513C;
}

footer li a {
	font-weight: 300;
}

footer li a:hover {
	color: #65A163;
}

#footer-logo-socials {
	padding-top: 5%;
}

span.hanging-quote {
	margin-left: -22px;
}

#subnav li a, #specialty-filter li a {
	font-size: 21px;
}

#subnav li a:hover, #specialty-filter li a:hover, .header__wrap .horizontal-list li a:hover {
	color: #65A163!important;
}

#subnav li a:hover {
	color: #65A163;
}

.gform_wrapper .gform_body .gform_fields .gfield--small {
	width: 50%;
}

.gform_wrapper .gform_body .gform_fields .gfield {
	padding: 0 8px;
}

.border-bottom {
	border-bottom: solid 1px #CCEBC5;
	overflow: auto;
}

/*SECTION STYLING*/

/*HOME*/

#home-intro {
	width: 100%;
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/header-background.svg) center top repeat-x;
	background-position: 50% -420px;
	background-size: 1440px 1119px;
}

#whole-health .grid-50 {
	cursor: pointer;
}

#whole-health .grid-parent:hover {
	opacity: .8;
	transition: ease-in-out .3s;
}

#top-left {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/top-left.svg) right bottom no-repeat;
	background-size: 125px 125px;
	height: 175px;
}

#top-right {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/03/top-right-leaf.svg) left bottom no-repeat;
	background-size: 175px 175px;
	height: 175px;
}

#bottom-left {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/bottom-left.svg) right top no-repeat;
	background-size: 150px 150px;
	height: 175px;
}

#supplements .grid-33 {
	text-align: center;
	margin: 0 auto;
}

#supplements img {
	max-width: 200px;
}

#bottom-right {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/bottom-right.svg) left top no-repeat;
	background-size: 125px 125px;
	height: 175px;
}

.leaf-container {
	padding: 10px;
}

#insurance .grid-container {
	background-color: #ffffff;
}

#insurance .grid-20 {
	padding: 0 20px;
}

.services h3 {
	min-height: 80px;
}

.services .background-fly {
	padding: 50px;
	min-height: 416px;
}

.services img {
	width: 66px;
	padding-bottom: 20px;
}

.services-large {
	font-family: aesthet-nova, serif;
	font-size: 36px;
	font-weight: 500;
	font-style: normal;
	color: #2C513C;
}

#whats-next p, #how-it-works p {
	margin-bottom: 50px;
}

#what-we-treat {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/header-background.svg) center top repeat-x;
	background-position: 50% -480px;
	z-index: -99;
	background-size: 1440px 1119px;
}

#what-we-treat .grid-parent img {
	width: 180px;
	float: right;
}

#what-we-treat .grid-25 a {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: solid 2px #2C513C;
}

#what-we-treat .grid-25 a:hover {
	border-bottom: solid 4px #65A163;
	color: #65A163;
}

#testimonials {
	background: linear-gradient(180deg, #F6FCF4 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
}

#testimonials .testimonials-body {
	background-color: transparent;
	margin-top: 0;
}

#testimonials #public:after {
	background: transparent;
}

#testimonials .slider-title {
	top: 85px;
	left: 0;
	letter-spacing: 3px;
}

#testimonials .slick-list {
	padding-left: 0;
}

#testimonials .slick-slide {
	max-width: 1200px;
}

#testimonials .slick-arrow {
	width: 10px;
	top: 103px;
}

#testimonials .slick-next {
	right: 81%;
}

#testimonials .slick-dots {
	left: 139px;
	bottom: 60px;
}

#testimonials .slick-dots li {
	width: 80px;
	background: #CCEBC5;
}

#testimonials .slick-dots li.slick-active, #testimonials .slick-dots li:hover {
	background: #2C513C;
}

.testimonials .slick-prev {
	left: 195px;
}

#journal .tab-nav, #testimonials .tab-nav {
	display: none;
}

#testimonials h2 {
	font-family: quasimoda, sans-serif;
	font-size: 36px;
	line-height: 1.5;
}

#journal {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/dark-wave.svg) center top repeat-x;
	width: 100%;
	overflow: auto;
}

#journal .slick-list {
	padding-left: 0;
}

.slider-title {
	position: absolute;
	top: 115px;
	left: 51%;
}

#journal .testimonials-body {
	margin-top: 0;
	background-color: transparent;
}

#journal h4 {
	padding: 0;
}

#journal .slider__slides {
	padding-bottom: 50px;
}

#journal .slider__slides:after {
	display: none;
}

#journal .slick-arrow {
	top: 135px;
	width: 10px;
}

#journal .slick-prev {
	left: 72%;
}

#journal .slick-next {
	right: 24%;
}

#journal .slick-dots {
	display: none!important;
}

#journal h3 {
	font-family: aesthet-nova, serif;
	font-weight: 500;
	font-style: normal;
	color: #F6FCF4;
}

/*ABOUT*/

.wrapper-inner {
	background: url(https://rootsbehavioralhealth.com/wp-content/uploads/2021/01/header-background.svg) center top repeat-x;
	background-position: 100% -300px;
}

#meet-the-team ul, #blog-filter ul {
	padding-inline-start: 0;
}

#meet-the-team .container {
  position: relative;
  width: 100%;
	opacity: .9;
}

#meet-the-team .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #65A163;
  border-radius: 20px 0 20px 0;
}

#meet-the-team .grid-33 {
	background-size: cover;
	background-color: #65A163;
	border-radius: 20px 0 20px 0;
	margin: 10px;
	padding: 0;
}

.member-box:hover {
	background-color: #65A163;
}

#meet-the-team .grid-25 {
	padding-bottom: 20px;
}

.member-box a {
	width: 100%;
	border-radius: 20px 0 20px 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.member-box .container {
	height: 360px;
	border-radius: 20px 0 20px 0;
}

.member-box .container:hover {
	background-color: #65A163;
}

#meet-the-team .container:hover .overlay {
  opacity: .9;
}

#meet-the-team .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

#mission {
	width: 100%;
}

/*NEW PATIENTS*/
#new-patients {
	padding: 30px;
	border-radius: 20px 0 20px 0;
}

/*#new-patients p, #new-patients center {
	color: #ffffff;
}*/

#new-patients input[type=text], #newsletter input[type=text], #input_3_2, #input_1_22 {
	border-radius: 5px;
	color: #333333;
}

#new-patients .gfield_select {
	color: #333333;
}

/*.gfield_label, .gfield_label_before_complex {
	color: #F6FCF4;
}*/

#field_1_12 .grid-50 {
	padding-left: 0;
}

.gform_wrapper .gform_body .gform_fields ul.gfield_checkbox li label:before {
	border: solid 1px #CCEBC5;
	background-color: #F6FCF4;
}

/*CONTACT*/

.location-image {
	padding-top: 20px;
}

.panel {
  padding: 0 10px;
  display: none;
  width: 100% !important;
  background-color: none;
  overflow: hidden;
}

.panel .button, .panel .button {
	border: solid 1px #001641;
	color: #001641;
}

.panel .button:hover, .panel .button:hover {
	color: #e3ecec;
	border: solid 1px #f26c52;
	background-color: #f26c52;
}

.accordion {
	text-align: left;
	border-bottom: solid 1px #c5c5c5;
	padding-bottom: 1em;
}

.accordion h5:hover {
	color: #65A163;
	transition: ease-in-out .3s;
}

.expand-arrow {
	max-width: 25px;
float: left;
height: 50px;
padding-top: 2px;
padding-right: 10px;
}

/*POSTS*/

#newsletter {
	padding: 80px;
	background-color: #80CA7F;
	border-radius: 20px 0 20px 0;
}

.sidebar-newsletter {
	padding: 50px;
}

/*WHOLE SELF CARE*/

#check-in ul {
	padding-inline-start: 0;
	text-align: center;
	padding-top: 30px;
}

#check-in li {
	float: left;
	padding: 0 30px;
	letter-spacing: 3px;
}

#check-in li a:hover {
	color: #80CA7F;
}

/*WHAT WE TREAT*/

.treatments {
	border-top: 1px solid #CCEBC5;
	border-bottom: 1px solid #CCEBC5;
	float: left;
	margin-top: 40px;
}

.treatments img {
	max-width: 35px;
	float: left;
	margin-right: 12px;
}

.treatments h5 {
	margin-block-start: 0;
}

/*BLOG*/

#field_3_1 h2.gsection_title {
	color: #2C513C;
}

/*MEDIA MODIFIERS*/

@media screen and (min-width: 1025px) and (max-width: 1399px) {
	.testimonials .slick-prev {
		left: 15%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.recessed {
		margin-top: -80px;
	}
	
}

@media screen and (min-width: 768px) {
	
	.section-default {
	margin-top: 70px;
}
	
	.aligner {
	display: flex;
	align-items: center;
	justify-content: center;
}
	
	#what-we-treat {
	margin-top: -67px;
	padding-top: 100px;
	}
	
	#how-it-works .grid-container {
	padding-bottom: 142px;
	}
	
	.member-box .container a {
		height: 360px;
	}
	
	#meet-the-team .grid-33 {
		height: 360px;
		width: calc(33.33333% - 20px);
	}
	
	#insurance {
	position: relative;
	margin-top: -130px;
	z-index: 10;
}

	.testimonial {
		min-height: 528px;
	}
	
	.testimonials .slider__slides {
		padding-bottom: 0;
	}
	
	#what-we-value {
	margin-top: -99px;
}
	
	#mission {
	min-height: 550px;
}
	
}

@media screen and (max-width:767px) {
	
	/*GLOBAL*/
	
	.section-default {
	margin-top: 0;
}
	
	.mobile-menu-content, .list__icons {
		padding-right: 0;
	}
	
	h1, h2, h3, h4, h5 {
		line-height: 1.2;
	}
	
	h1 {
	font-size: 40px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}
	
	h4 {
	font-size: 21px;
}
	
	.nw img {
	border-radius: 0 50px 0 50px;
}

.nw-large img {
	border-radius: 0 120px 0 120px;
}

.sw img {
	border-radius: 50px 0 50px 0;
}

.sw-large img {
	border-radius: 120px 0 120px 0;
}
	
	.mobile-menu-content a {
		line-height: 1.7;
	}
	
	#overlay-button span, #overlay-button span:before, #overlay-button span:after {
		background-color: #3C352E;
	}
	
	#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
	background-color: #65A163;
}
	
	.mobile-menu-content a {
		color: #2C513C;
	}
	
	#nav-container {
		padding: 16px 4px;
	}
	
	nav ul {
		padding-inline-start: 0;
	}
	
	#logo-container {
	padding-top: 2px;
	width: 50%;
}
	#logo img {
		max-width: 120px;
	}
	
	#menu-main-menu-1 {
		text-align: right;
		padding-right: 24px;
	}
	
	.primary li a {
		font-family: aesthet-nova, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 24px;
	}
	
	.primary .sub-menu li a {
		font-size: 15px;
	}
	
	.services-large {
		margin-top: .5em;
		margin-bottom: .75em;
}

	#home-intro {
		padding-top: 4%;
	}
	
	#inner-intro {
background-color: #F6FCF4;
	padding-top: 0;
	margin-top: 0;
	}
	
	.member-box a {
		height: 240px;
	}
	
	#meet-the-team .grid-33 {
		height: 240px;
		width: calc(50% - 20px);
	}
	
	span.hanging-quote {
		margin-left: -15px;
	}
	
	.gform_wrapper .gform_body .gform_fields .gfield--small {
	width: 100%;
}
	#testimonials .slick-dots li {
		left: 200px;
	}
	
	#testimonials .slick-dots li {
		width: 50px;
	}
	
	/*HOME*/
	
	#insurance img {
		padding: 30px;
		max-width: 180px;
	}
	
	#insurance .grid-20 {
		text-align: center;
	}
	
	#top-left {
	background-size: 67px 65px;
	height: 87px;
}

#top-right {
	background-size: 87px 87px;
	height: 87px;
}

#bottom-left {
	background-size: 75px 75px;
	height: 87px;
}

#bottom-right {
	background-size: 67px 67px;
	height: 87px;
}
	
	#whole-health .grid-65 {
		min-height: 300px;
	}
	
	.services .background-fly {
	min-height: 306px;
}
	
	.symptom {
		padding: 5% 10px;
	}
	
	.testimonial {
		padding: 0;
	}
	
	.slider-title {
		left: 10px;
		top: 90vw;
	}
	
	#testimonials .slider-title {
		top: 15px;
		left: 10px;
	}
	
	#testimonials .slick-arrow {
		top: 33px;
	}
	
	#testimonials .slick-next {
	right: 32%;
}
	#testimonials .slick-prev {
	left: 58%;
}
	#testimonials .slider__clip {
		min-height: 417px;
	}
	
	#testimonials .testimonials-body {
		margin-top: 0;
		padding: 60px 10px 0;
	}
	
	#testimonials .slick-dots {
		left: 52%;
		bottom: -20px;
		width: 100%;
	}
	
	.testimonials .slider__slides {
		padding-bottom: 20px;
	}
	
	.testimonials-body {
		padding-top: 40px;
	}
	
	.testimonials .slick-arrow {
		top: 94vw;
	}
	
	.testimonials .slick-prev {
		left: 66%;
	}
	
	.testimonials .slick-next {
		right: 25%;
	}
	
	.services .background-fly {
	padding: 20px;
}
	
	/*POSTS*/

#newsletter {
	padding: 30px;
	background-color: #80CA7F;
	border-radius: 20px 0 20px 0;
}

.sidebar-newsletter {
	padding: 40px;
}
	
	#check-in li {
		width: 100%;
		padding: 0;
	}
	
}