/*
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 Page Styles 				***/
/******************************************/

:root {
	--MedGrey: var(--awb-color2);
	--Green: var(--awb-color3);
	--Blue: var(--awb-color5);
	--LtBlue: var(--awb-color6);
	--Orange: var(--awb-color7);
	--FontColor: var(--awb-color4);
	--TextShadow: rgba(0, 0, 0, 0.25) 2px 2px 2px;
	--BorderRadius: 12px;
	--H1FontSz: var(--h1_typography-font-size); 
	--H1LineHt: var(--h1_typography-line-height);
	--H2FontSz: var(--h2_typography-font-size);  
	--H2LineHt: var(--h2_typography-line-height);
	--H3FontSz: var(--h3_typography-font-size);  
	--H3LineHt: var(--h3_typography-line-height);
	--H4FontSz: var(--h4_typography-font-size);  
	--H4LineHt: var(--h4_typography-line-height);
	--H5FontSz: var(--h5_typography-font-size);  
	--H5LineHt: var(--h5_typography-line-height);
	--H6FontSz: var(--h6_typography-font-size);  
	--H6LineHt: var(--h6_typography-line-height);
}

p {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.SmH2 h2 {
	font-size: var(--H4FontSz) !important;
	line-height: var(--H4LineHt) !important;
}

.SmH3 h3 {
	font-size: var(--H5FontSz) !important;
	line-height: var(--H5LineHt) !important;
}

.SubH2 h2,
.LgP p,
p span.LgP {
	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 {
	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 {
	text-decoration: underline !important;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.fusion-post-content p a:hover,
.post-content p a:hover,
.fusion-text p a:hover,
.fusion-post-content ul li a:hover,
.post-content ul li a:hover,
.fusion-text ul li a:hover,
.fusion-post-content ol li a:hover,
.post-content ol li a:hover,
.fusion-text ol li a:hover {
	text-decoration: underline !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: #ffffff !important;
}

.BlueH2 h2,
.BlueH3 h3,
.BlueH4 h4,
.BlueH5 h5,
.BlueH6 h6 {
	color: var(--Blue) !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: 22px !important;
	padding: 0 0 10px 0 !important;
}

.fusion-text ul li,
.fusion-text ol li {
	line-height: 22px !important;
	padding: 0 0 10px 0 !important;
}

ul.slides {
	margin-bottom: 0 !important;
}

.fusion-button {
	text-transform: uppercase !important;
}

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

.fusion-body .FullBleed {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fusion-body .XSidePad .fusion-column-wrapper {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

.fusion-body .SideBySidePad .fusion-column-wrapper {
	padding-left: 20% !important;
	padding-right: 20% !important;
	padding-top: 65px !important;
	padding-bottom: 35px !important;
}

.fusion-body .SideBySidePad.NoBotPad .fusion-column-wrapper {
	padding-bottom: 0 !important;
}

.fusion-body .TextImgPad .fusion-column-wrapper {
	padding-left: 15% !important;
	padding-right: 15% !important;
}

.ColoredColPad .fusion-column-wrapper {
	padding-top: 40px !important;
	padding-bottom: 15px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.XTextPad {
	padding-left: 10% !important;
	padding-right: 10% !important;
	padding-top: 25px !important;
}

.SectionMargBot {
	margin-bottom: 60px !important;
}

.fusion-body .XSideMarg>.fusion-builder-row {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

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

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

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

.fusion-content-boxes .heading {
	margin-bottom: 5px !important;
}

.content-box-column,
.fusion-image-carousel {
	margin-bottom: 0 !important;
}

.GreenBg {
	background: var(--Green) !important; 
}

.BlueBg {
	background: var(--Blue) !important; 
}

.LtBlueBg {
	background: var(--LtBlue) !important; 
}

.GreyBg {
	background: var(--MedGrey) !important;
}

.OrangeBg {
	background: var(--Orange) !important;
}

.BlueButton.fusion-button {
	background: var(--Blue) !important;
	border-color: var(--Blue) !important;
}

.BlueButton.fusion-button:hover {
	background: var(--FontColor) !important;
	border-color: var(--Me--FontColordGrey) !important;
}

.OrangeButton.fusion-button {
	background: var(--Orange) !important;
	border-color: var(--Orange) !important;
}

.OrangeButton.fusion-button:hover {
	background: var(--FontColor) !important;
	border-color: var(--FontColor) !important;
}

.BorderRadius,
.BorderRadius>.fusion-column-wrapper {
	border-radius: var(--BorderRadius) !important;
}

.ButtonCol>.fusion-column-wrapper {
	gap: 30px !important;
}

@media screen (max-width: 1280px) {
	:root {
		--main_padding-top: 20px !important;
		--main_padding-bottom: 40px !important;
		--H1FontSz: 54px !important; 
		--H1LineHt: 62px !important;	
	}

	h1 {
		font-size: 54px !important;
		line-height: 62px !important;
	}

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

	.SectionMargBot {
		margin-bottom: 50px !important;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		--H1FontSz: 50px !important; 
		--H1LineHt: 58px !important;
		--H2FontSz: 40px !important;	
		--H2LineHt: 48px !important;
		--H3FontSz: 32px !important;  
		--H3LineHt: 40px !important;
	}

	h1 {
		font-size: 50px !important;
		line-height: 58px !important;
	}

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

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

	.fusion-body .XSidePad .fusion-column-wrapper,
	.fusion-body .XSideMarg>.fusion-builder-row {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	.fusion-body .SideBySidePad .fusion-column-wrapper {
		padding-left: 10% !important;
		padding-right: 10% !important;
		padding-top: 40px !important;
		padding-bottom: 10px !important;
	}
}

@media screen and (max-width: 800px) {
	:root {
		--H1FontSz: 40px !important; 
		--H1LineHt: 48px !important;
		--H2FontSz: 30px !important;	
		--H2LineHt: 38px !important;
		--H3FontSz: 24px !important;  
		--H3LineHt: 32px !important;
	}

	h1 {
		font-size: 40px !important;
		line-height: 48px !important;
		text-wrap: balance !important;
	}

	h2 {
		font-size: 30px !important;
		line-height: 38px !important;
	}

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

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

	.SectionMargBot {
		margin-bottom: 40px !important;
	}

	.fusion-body .XSidePad .fusion-column-wrapper {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.fusion-body .SideBySidePad .fusion-column-wrapper {
		padding-left: 5% !important;
		padding-right: 5% !important;
		padding-top: 30px !important;
		padding-bottom: 0 !important;
	}

	.fusion-body .XSideMarg>.fusion-builder-row {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 480px) {
	.SubH2 h2,
	.LgP p,
	p span.LgP {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
}

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

#HeaderBg .fusion-image-element {
	min-width: 82px !important;
}

.awb-menu__li_button {
	margin-right: 25px !important;
}

@media screen and (max-width: 1280px) {
	#HeaderBg {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}

@media screen and (max-width: 1220px) {
	.awb-menu .awb-menu__main-ul {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.awb-menu__main-a_regular {
		padding-right: 20px !important;
	}

	.awb-menu__li_button {
		margin-right: 20px !important;
	}
}

@media screen and (max-width: 800px) {
	#HeaderLogoCol.fusion-layout-column {
		width: 70% !important;
	}

	#HeaderMenuCol.fusion-layout-column {
		width: 30% !important;
	}
}

@media screen and (max-width: 480px) {
	#HeaderLogoCol .fusion-text p {
		font-size: 15px !important;
		line-height: 23px !important;
	}

	#HeaderMenuCol .awb-menu__m-toggle {
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 400px) {
	#HeaderLogoCol .fusion-text {
		min-width: 150px !important;
		max-width: 150px !important;
	}

	#HeaderLogoCol .fusion-text p span.LgP {
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

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

#HomeHeroText h1,
#HomeHeroText h2 {
	text-shadow: var(--TextShadow) !important;
}

/******************************************/
/*** Interior Page Styles 				***/
/******************************************/

#PartnerLogosBg .fusion-column-wrapper {
	gap: 45px !important;
}

#PartnerLogosBg .fusion-column-wrapper .fusion-image-element  {
	flex-basis: 30% !important;
}

.PeopleSlider.fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-column {
	align-items: center !important;
}

.HeadshotImg.fusion-post-card-image {
	max-width: 300px !important;
	height: auto !important;
	text-align: center !important;
}

.HeadshotImg.fusion-post-card-image .fusion-image-wrapper {
	max-width: 300px !important;
	border-radius: 50% !important;
	text-align: center !important;
}

@media screen and (max-width: 800px) {
	.FullBleed.ImgRt .fusion-builder-row,
	.ImgTextSection.ImgRt .fusion-builder-row {
		flex-direction: column-reverse !important;
	}
}

/******************************************/
/*** Blog Page Styles 					***/
/******************************************/

/*** Blog Grid ***/
h2.blog-shortcode-post-title,
h2.blog-shortcode-post-title a {
	text-decoration: none !important;
}

/*** Single posts ***/

.post-template-default h1 {
	font-size: var(--H3FontSz) !important;
	line-height: var(--H3LineHt) !important;
}

h4 a.fusion-related-posts-title-link {
	font-size: var(--H6FontSz) !important;
	line-height: var(--H6LineHt) !important;
}

a.fusion-related-posts-title-link,
#sidebar ul li a {
	text-decoration: none !important;
}

/*** Sidebar ***/
.fusion-content-widget-area .widget li a:before {
	display: none !important;
}

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

#FooterBg .fusion-column-wrapper {
	gap: 30px !important;
}

#FooterCopyrightBg .fusion-column-wrapper {
	gap: 10px !important;
}

@media screen and (max-width: 639px) {
	#FooterContentCol.fusion-layout-column>.fusion-column-wrapper {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 479px) {
	#FooterCopyrightCol.fusion-layout-column {
		max-width: 270px !important;
	}

	#Pipe2 {
		display: none !important;
	}
}

/******************************************/
/*** Gravity Forms Styles 				***/
/******************************************/

.gform_wrapper:not(#gform_wrapper_1) {
	max-width: 1000px !important;
    margin: 0 auto !important;
}

.gform_wrapper .gform_footer .gform_button[type=submit] {
	margin: 25px auto 0 !important;
}