/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/******************************************/
/*** General Site Styles 				***/
/******************************************/

:root {
	--ManropeFont: Manrope;
	--LtPeach: var(--awb-color1);
	--MedPeach: var(--awb-color2);
	--DkPeach: var(--awb-color3);
	--Gold: var(--awb-color4);
	--Orange: var(--awb-color5);
	--Red: var(--awb-color6);
	--Purple: var(--awb-color7);
	--Green: var(--awb-color8);
	--Pink: var(--awb-custom_color_3);
	--RadialGradient: radial-gradient(circle, var(--Gold), var(--DkPeach), var(--MedPeach));
	--TextShadow: 0px 4px 3px rgba(0, 0, 0, .3) !important;
	--SmH2FontSz: var(--h5_typography-font-size);
	--SmH2LineHt: var(--h5_typography-line-height);
	--SmH2FontWt: var(--h5_typography-font-weight);
}

.SmH2 h2 {
	font-family: var(--ManropeFont) !important;
	font-size: var(--SmH2FontSz) !important;
	line-height: var(--SmH2LineHt) !important;
	font-weight: var(--SmH2FontWt) !important;
}

.LgP p {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 500 !important;
}

.fusion-post-content p,
.post-content p,
.fusion-text p,
.fusion-post-content ul,
.post-content ul,
.fusion-text ul,
.fusion-post-content ol,
.post-content ol,
.fusion-text ol,
a.fusion-button,
.fusion-imageframe,
.fusion-video,
.fusion-faq-shortcode,
.modal-body p,
.modal-body ul,
.modal-body ol,
.fusion-testimonials,
.fusion-accordian .panel-group,
.awb-gallery-wrapper {
	margin-bottom: 30px !important;
}

.fusion-post-content p a,
.post-content p a,
.fusion-text p a,
.fusion-post-content ul li a,
.post-content ul li a,
.fusion-text ul li a,
.fusion-post-content ol li a,
.post-content ol li a,
.fusion-text ol li a {
	font-weight: 700 !important;
}

.WhiteText h1,
.WhiteText h2,
.WhiteText h3,
.WhiteText h4,
.WhiteText h5,
.WhiteText h6,
.WhiteText p,
.WhiteText a,
.WhiteText ul,
.WhiteText ol {
	color: #fff !important;
}

.WhiteText a:hover {
	color: var(--Tan) !important;
}

.GoldText h2,
.GoldText h3,
.GoldText h4,
.GoldText h5,
.GoldText h6,
.GoldText p,
.GoldText a,
.GoldText ul,
.GoldText ol,
h1 .GoldText,
h2 .GoldText,
h3 .GoldText {
	color: var(--Gold) !important;
}

.OrangeText h2,
.OrangeText h3,
.OrangeText h4,
.OrangeText h5,
.OrangeText h6,
.OrangeText p,
.OrangeText a,
.OrangeText ul,
.OrangeText ol,
h1 .OrangeText,
h2 .OrangeText,
h3 .OrangeText {
	color: var(--Orange) !important;
}

.RedText h2,
.RedText h3,
.RedText h4,
.RedText h5,
.RedText h6,
.RedText p,
.RedText a,
.RedText ul,
.RedText ol,
h1 .RedText,
h2 .RedText,
h3 .RedText {
	color: var(--Red) !important;
}

.PurpleText h2,
.PurpleText h3,
.PurpleText h4,
.PurpleText h5,
.PurpleText h6,
.PurpleText p,
.PurpleText a,
.PurpleText ul,
.PurpleText ol,
h1 .PurpleText,
h2 .PurpleText,
h3 .PurpleText {
	color: var(--Purple) !important;
}

.GreenText h2,
.GreenText h3,
.GreenText h4,
.GreenText h5,
.GreenText h6,
.GreenText p,
.GreenText a,
.GreenText ul,
.GreenText ol,
h1 .GreenText,
h2 .GreenText,
h3 .GreenText {
	color: var(--Green) !important;
}

.fusion-text>ul,
.fusion-text>ol,
.post-content>ul:not(.slides,.fusion-grid,.nav-tabs),
.post-content>ol {
	line-height: 22px !important;
	margin: 0 0 30px !important;
	padding: 0 0 0 20px !important;
}

.fusion-text>ul:not(.slides,.fusion-grid,.nav-tabs) ul,
.fusion-text>ol ol,
.fusion-text>ul:not(.slides,.fusion-grid,.nav-tabs) ol,
.fusion-text>ol ul,
.post-content>ul:not(.slides,.fusion-grid,.nav-tabs) ul,
.post-content>ol ol,
.post-content>ul:not(.slides,.fusion-grid,.nav-tabs) ol,
.post-content>ol ul {
	margin: 10px 0 0 !important;
}

.fusion-text ul:not(.slides,.fusion-grid,.nav-tabs) li,
.fusion-text ol li,
.post-content ul:not(.slides,.fusion-grid,.nav-tabs) li,
.post-content ol li,
li.fusion-li-item {
	line-height: 28px !important;
	padding: 0 0 14px 0 !important;
}

.fusion-text>ul:not(.slides,.fusion-grid,.nav-tabs) li:last-child,
.fusion-text>ol li:last-child,
.post-content>ul:not(.slides,.fusion-grid,.nav-tabs) li:last-child,
.post-content>ol li:last-child,
li.fusion-li-item {
	padding: 0 !important;
}

.NoBullets ul {
	list-style: none !important;
	padding-left: 0 !important;
}

.SectionPadTop {
	padding-top: 60px !important;
}

.SmPadTop {
	padding-top: 30px !important;
}

.LrgPadTop {
	padding-top: 150px !important;
}

.XtraPadBot {
	padding-bottom: 30px !important;
}

.XtraMargBot {
	margin-bottom: 30px !important;
}

.NoBotMarg,
.NoBotMarg h2,
.NoBotMarg h3,
.NoBotMarg h4,
.NoBotMarg h5,
.NoBotMarg h6,
.NoBotMarg p:last-of-type,
.NoBotMarg.fusion-text p:last-of-type,
.NoBotMarg.fusion-text ul:last-of-type,
.NoBotMarg.fusion-text ol:last-of-type,
a.NoBotMarg.fusion-button,
.NoBotMarg.fusion-imageframe,
.NoBotMarg.fusion-video,
.NoBotMarg.fusion-accordian {
	margin-bottom: 0 !important;
}

.NoBotMargLink p a {
	margin-bottom: 0 !important;
}

.NoBotMargCol.fusion-layout-column {
	margin-bottom: 0 !important;
}

.XSidePad .fusion-layout-column,
.XSidePad.fusion-layout-column {
	padding-left: var(--XPad12) !important;
	padding-right: var(--XPad12) !important;
}

.LtPeachBg {
	background: var(--LtPeach) !important;
}

.MedPeachBg {
	background: var(--MedPeach) !important;
}

.DkPeachBg {
	background: var(--DkPeach) !important;
}

@media screen and (max-width: 1280px) {
	h2 {
		font-size: 90px !important;
		line-height: 98px !important;
	}

	.LgP p {
		font-size: 22px !important;
		line-height: 30px !important;
	}
}

@media screen and (max-width: 1024px) {
	h1 {
		font-size: 100px !important;
		line-height: 110px !important;
		text-wrap: balance !important;
	}

	h2 {
		font-size: 80px !important;
		line-height: 88px !important;
	}

	h3 {
		font-size: 60px !important;
		line-height: 68px !important;
	}

	h4 {
		font-size: 32px !important;
		line-height: 40px !important;
	}

	.LgP p {
		font-size: 20px !important;
		line-height: 28px !important;
	}

	p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 800px) {
	h1 {
		font-size: 80px !important;
		line-height: 88px !important;
		text-wrap: balance !important;
	}

	h2 {
		font-size: 60px !important;
		line-height: 68px !important;
	}

	h3 {
		font-size: 48px !important;
		line-height: 56px !important;
	}

	h4 {
		font-size: 28px !important;
		line-height: 36px !important;
	}

	h5 {
		font-size: 24px !important;
		line-height: 32px !important;
	}
}

@media screen and (max-width: 640px) {
	.LgP p {
		font-size: 18px !important;
		line-height: 26px !important;
	}

	p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 60px !important;
		line-height: 68px !important;
		text-wrap: balance !important;
	}

	h2 {
		font-size: 48px !important;
		line-height: 56px !important;
	}

	h3 {
		font-size: 36px !important;
		line-height: 44px !important;
	}
}

@media screen and (max-width: 400px) {
	h1 {
		font-size: 56px !important;
		line-height: 64px !important;
	}
}

/******************************************/
/*** Header/Nav Styles 					***/
/******************************************/

.fusion-tb-header {
	display: flex !important;
	flex-direction: column !important;
}

#HeaderBg {
	width: 100% !important;
	position: absolute !important;
	z-index: 999999;
}

#HeaderBg .fusion-builder-row {
	align-items: center !important;
}

#LogoCol .fusion-imageframe {
	max-width: 200px !important;
}

#MenuCol {
	max-width: 400px !important;
}

#MenuCol .fusion-column-wrapper {
	background: var(--MedPeach) !important;
	padding: 10px 0 !important;
	border-radius: 40px !important;
}

.page-id-10 #MenuCol .fusion-column-wrapper {
	background: var(--LtPeach) !important;
}

#MainMenu,
#menu-main-menu,
#menu-main-menu .awb-menu__main-li
#menu-main-menu .awb-menu__main-li a {
	height: 30px !important;
}

#menu-main-menu .awb-menu__main-li a {
	padding: 8px 15px !important;
}

#menu-main-menu .awb-menu__sub-ul {
	margin-top: 8px !important;
}

@media screen and (max-width: 1023px) {
	#HeaderBg #LogoCol,
	#HeaderBg #MenuCol {
		width: 50% !important;
	}

	#MenuCol .fusion-column-wrapper {
		background: transparent !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}

	.page-id-10 #MenuCol .fusion-column-wrapper {
		background: transparent !important;
	}

	#MainMenu,
	#menu-main-menu,
	#menu-main-menu .awb-menu__main-li #menu-main-menu .awb-menu__main-li a {
		height: auto !important;
	}
}

/******************************************/
/*** Home Page Styles 					***/
/******************************************/

#HomeHeroBg {
	min-height: 1000px !important;
	padding-top: 180px !important;
	background: var(--RadialGradient) !important;
}

#HomeHeroBg .fusion-layout-column {
	max-width: 1024px !important;
}

.home .LgP p {
	text-wrap: balance !important;
}

#StemIntroBg .fusion-builder-row {
	margin-top: -400px !important;
}

#StemIntroBg img {
	border-radius: 20px !important;
	border: solid 1px #000 !important;
}

#WhatStemBg .fusion-builder-row {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
}

.IntroCol {
	grid-column: 1 !important;
	grid-row: span 2 !important;
}

.StemCatCol .fusion-column-wrapper {
	background: var(--LtPeach) !important;
	padding: 30px 30px 0 !important;
	border: solid 1px #000 !important;
	border-radius: 20px !important;
}

.StemCatCol.Col1 {
	grid-column: 2 !important;
	grid-row: 1 !important;
}

.StemCatCol.Col2 {
	grid-column: 2 !important;
	grid-row: 2 !important;
}

.StemCatCol.Col3 {
	grid-column: 2 !important;
	grid-row: 3 !important;
}

.StemCatCol.Col4 {
	grid-column: 2 !important;
	grid-row: 4 !important;
}

#WhyStemIntroBg img {
	border-radius: 200px 10px !important;
	border: solid 1px #000 !important;
}

.WhyStemCol .fusion-column-wrapper {
	justify-content: center !important;
	align-items: center !important;
	background: var(--LtPeach) !important;
	padding: 15px !important;
	border: solid 1px #000 !important;
	border-radius: 20px !important;
}

.WhyStemCol .fb-icon-element {
	margin-bottom: 15px !important;
}

.WhyStemCol p {
	margin-bottom: 0 !important;
}

#ExploreBg .fusion-builder-row {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-column-gap: 30px !important;
	margin: 0 15% !important;
}

.ProgramCol .fusion-column-wrapper {
	background: var(--LtPeach) !important;
	padding: 30px 30px 0 !important;
	border: solid 1px #000 !important;
	border-radius: 20px !important;
	box-shadow: 4px 5px 0px 0px #000000 !important;
}

.ProgramCol:hover .fusion-column-wrapper {
	background: var(--Pink) !important;
}

.ProgramCol:hover .fusion-button {
	background: var(--Gold) !important;
}

.ProgramCol:hover .fusion-button-text {
	color: #000 !important;
}

.ProgramCol .ProgramIcon {
	border-radius: 50% !important;
	padding: 10px !important;
}

.ProgramCol .ProgramIcon img {
	min-width: 60px !important;
	max-width: 60px !important;
	height: auto !important;
	aspect-ratio: 1 !important;
}

.ProgramCol:nth-of-type(4n+1) .ProgramIcon {
	background-color: #FFDBE1 !important;
}

.ProgramCol:nth-of-type(4n+2) .ProgramIcon {
	background-color: #E6E0FC !important;	
}

.ProgramCol:nth-of-type(4n+3) .ProgramIcon {
	background-color: #C4FADA !important;
}

.ProgramCol:nth-of-type(4n+4) .ProgramIcon {
	background-color: #FBC5A6 !important;
}

@media screen and (max-width: 1280px) {
	#ExploreBg .fusion-builder-row {
		margin: 0 10% !important;
	}
}

@media screen and (max-width: 1024px) {
	#HomeHeroBg {
		min-height: 840px !important;
	}

	#StemIntroBg .fusion-builder-row {
		margin-top: -300px !important;
	}

	#ExploreBg .fusion-builder-row {
		margin: 0 !important;
	}
}

@media screen and (max-width: 800px) {
	#HomeHeroBg {
		min-height: 680px !important;
	}

	#StemIntroBg .fusion-builder-row {
		margin-top: -200px !important;
	}

	#WhyStemIconsBg .fusion-builder-row {
		justify-content: center !important;
	}	

	#WhyStemIconsBg .fusion-layout-column {
		width: 33.3333367% !important;
	}
}

@media screen and (max-width: 640px) {
	#HomeHeroBg {
		min-height: 620px !important;
	}

	#StemIntroBg .fusion-builder-row {
		margin-top: -150px !important;
	}

	#WhyStemIconsBg .fusion-layout-column {
		width: 50% !important;
	}

	#WhatStemBg .fusion-builder-row,
	#ExploreBg .fusion-builder-row {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.IntroCol {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	.StemCatCol.Col1 {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	.StemCatCol.Col2 {
		grid-column: 1 !important;
		grid-row: 3 !important;
	}

	.StemCatCol.Col3 {
		grid-column: 1 !important;
		grid-row: 4 !important;
	}

	.StemCatCol.Col4 {
		grid-column: 1 !important;
		grid-row: 5 !important;
	}
}

@media screen and (max-width: 480px) {
	#HomeHeroBg {
		min-height: 520px !important;
		padding-top: 150px !important;
	}

	#StemIntroBg .fusion-builder-row {
		margin-top: -80px !important;
	}

	#WhyStemIconsBg .fusion-layout-column {
		width: 100% !important;
	}
}

@media screen and (max-width: 370px) {
	#HomeHeroBg {
		min-height: 550px !important;
		padding-top: 110px !important;
	}
}

/******************************************/
/*** Program Page Styles				***/
/******************************************/

#InteriorHeroBg {
	min-height: 650px !important;
}

#InteriorHeroBg .fusion-layout-column {
	margin-bottom: 0 !important;
}

#InteriorHeroBg h1 {
	text-shadow: var(--TextShadow) !important;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 1280px) {
	#IntroBg.TwoCol .Col1.fusion-layout-column {
		width: 60% !important;
	}

	#IntroBg.TwoCol .Col2.fusion-layout-column {
		width: 40% !important;
	}
}

@media screen and (max-width: 1024px) {
	#InteriorHeroBg {
		min-height: 500px !important;
	}

	#IntroBg.TwoCol .Col1.fusion-layout-column,
	#IntroBg.TwoCol .Col2.fusion-layout-column,
	#IntroBg .fusion-layout-column,
	.ThreeColVid .fusion-layout-column,
	.Interior2Col .fusion-layout-column {
		width: 100% !important;
	}

	.Interior2Col .fusion-text.SmH2 {
		text-align: center !important;
	}

	.Interior2Col .BgImgCol {
		min-height: 400px !important;
	}

	#AnimalsBg {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}

	#AnimalsBg2 {
		padding-top: 0 !important;
	}
}

@media screen and (max-width: 640px) {
	#InteriorHeroBg {
		min-height: 400px !important;
	}
}

@media screen and (max-width: 400px) {
	#InteriorHeroBg {
		min-height: 300px !important;
	}

	#InteriorHeroBg .fusion-text h1 {
		font-size: 48px !important;
		line-height: 56px !important;
	}
}

/******************************************/
/*** Footer Styles 						***/
/******************************************/

#FooterBg {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

#FooterBg ul.FooterCopyright {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 0 !important;
}

#FooterBg .fusion-text ul.FooterCopyright li {
	font-size: 14px !important;
	line-height: 20px !important;
	padding-bottom: 0 !important;
}

#FooterBg .fusion-text ul.FooterCopyright li:not(:last-of-type) {
	padding-right: 10px !important;
	margin-right: 10px !important;
	border-right: solid 1px #000 !important;
}

@media screen and (max-width: 600px) {
	#FooterBg ul.FooterCopyright {
		flex-direction: column !important;
	}

	#FooterBg .fusion-text ul.FooterCopyright li:not(:last-of-type) {
		padding-right: 0 !important;
		padding-bottom: 10px !important;
		margin-right: 0 !important;
		border-right: none !important;
	}
}