/*
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 {
	--Fira: "Fira Sans", Arial, Helvetica, sans-serif;
	--Ubuntu: "Ubuntu", Arial, Helvetica, sans-serif;
	--Red: var(--awb-color2);
	--Orange: var(--awb-color3);
	--LtGrey: var(--awb-color4);
	--BlueGrey: var(--awb-color5);
	--DkGrey: var(--awb-color6);
	--H1FontSz: var(--h1_typography-font-size);  /* 60px */
	--H1LineHt: var(--h1_typography-line-height);
	--H2FontSz: var(--h2_typography-font-size);  /* 60px */
	--H2LineHt: var(--h2_typography-line-height);
	--H3FontSz: var(--h3_typography-font-size);  /* 30px */
	--H3LineHt: var(--h3_typography-line-height);
	--H4FontSz: var(--h4_typography-font-size);  /* 24px */
	--H4LineHt: var(--h4_typography-line-height);
	--H5FontSz: var(--h5_typography-font-size);  /* 20px */
	--H5LineHt: var(--h5_typography-line-height);
	--H6FontSz: var(--h6_typography-font-size);  /* 18px */
	--H6LineHt: var(--h6_typography-line-height);
}

.LightFont p {
	font-weight: 300 !important;
}

.BoldFont p,
.BoldFont h5 {
	font-weight: 700 !important;
}

p {
	margin-block-start: 0 !important;
	margin-block-end: 0 !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,
.awb-gallery-wrapper {
	margin-bottom: 25px !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(--DkGrey) !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 25px !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;
}

.NoBulletListInline ul {
	list-style: none !important;
	display: flex !important;
	gap: 20px !important;
}

.fusion-text.XLgP p,
.fusion-text.XLgP ul,
.fusion-text.XLgP ol,
.fusion-text.XLgP ul li,
.fusion-text.XLgP ol li {
	font-size: var(--H3FontSz) !important;
	line-height: var(--H3LineHt) !important;
}

.fusion-text.LgP p,
.fusion-text.LgP ul,
.fusion-text.LgP ol,
.fusion-text.LgP ul li,
.fusion-text.LgP ol li {
	font-size: var(--H4FontSz) !important;
	line-height: var(--H3LineHt) !important;
}

.SectionPadding {
	padding-top: 50px !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;
}

.SectionPadding {
	padding-top: 35px !important;
}

.XLgRtPad {
	padding-right: 20% !important;
}

.LgLtPad {
	padding-left: 15% !important;
}

.LgRtPad {
	padding-right: 15% !important;
}

.LtMarg {
	margin-left: 10% !important;
}

.RtMarg {
	margin-right: 10% !important;
}

.LtMargSm {
	margin-left: 15px !important;
}

.RtMargSm {
	margin-right: 15px !important;
}

.OpacityLt.fusion-imageframe::after {
	box-shadow: inset 70px 0 0 -5px rgba(255, 255, 255, 0.7) !important;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.OpacityRt.fusion-imageframe::after {
	box-shadow: inset -70px 0 0 -5px rgba(255, 255, 255, 0.7) !important;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

/*.OpacityLt.fusion-imageframe img {
	box-shadow: inset 10px 0 10px -5px rgba(255, 255, 255, 1) !important;
}


.OpacityRt.fusion-imageframe img {
	box-shadow: inset -10px 0 5px -5px rgba(255, 255, 255, 1) !important;
}*/

.BorderLtRed {
	border-left: solid 20px var(--Red) !important;
}

.BorderRtRed {
	border-right: solid 20px var(--Red) !important;
}

.BorderBotOrg {
	border-bottom: solid 20px var(--Orange) !important;
}

@media screen and (max-width: 1023px) {
	.fusion-text.XLgP p,
	.fusion-text.XLgP ul,
	.fusion-text.XLgP ol,
	.fusion-text.XLgP ul li,
	.fusion-text.XLgP ol li {
		font-size: var(--H4FontSz) !important;	}
}

@media screen and (max-width: 800px) {
	:root {
	--H1FontSz: 40px !important;
	--H1LineHt: 48px !important;
	--H2FontSz: 42px !important;
	--H2LineHt: 50px !important;
	--H3FontSz: 26px !important;
	--H3LineHt: 34px !important;
	--H4FontSz: 20px !important;
	--H4LineHt: 28px !important;
	}

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

	h2 {
		font-size: 42px !important;
		line-height: 50px !important;
	}

	h3 {
		font-size: 26px !important;
		line-height: 34px !important;
	}

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

	.fusion-text.XLgP p,
	.fusion-text.XLgP ul,
	.fusion-text.XLgP ol,
	.fusion-text.XLgP ul li,
	.fusion-text.XLgP ol li,
	.fusion-text.LgP p,
	.fusion-text.LgP ul,
	.fusion-text.LgP ol,
	.fusion-text.LgP ul li,
	.fusion-text.LgP ol li {
		line-height: var(--H4LineHt) !important;
	}

	.XLgRtPad {
		padding-right: 0 !important;
	}

	.LgLtPad {
		padding-left: 0 !important;
	}

	.LgRtPad {
		padding-right: 0 !important;
	}

	.LtMarg {
		margin-left: 0 !important;
	}

	.RtMarg {
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 550px) {
	.NoBulletListInline ul {
		flex-direction: column !important;
		gap: 0 !important;
	}
}

@media screen and (max-width: 400px) {
	#HeroRow2 .fusion-text h4 {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}

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

#MainNavBg,
#HomeHeroBg {
	background-image: -webkit-linear-gradient(180deg, #fff 70.65%, var(--BlueGrey) 70.65%) !important;
}

#MainNavBg.fusion-sticky-transition {
	background: #fff !important;
	background-image: none !important;
	/*margin-top: 20px !important;*/
	padding-top: 20px !important;
	border-top: solid 5px var(--Orange) !important;
	/*border-bottom: solid 3px var(--Orange) !important;
	border-left: solid 3px var(--Orange) !important;*/
}

#StickyTopBg {
	display: none !important;
}

#MainNavBg.fusion-sticky-transition #StickyTopBg {
	display: flex !important;
}

#MainNavBg.fusion-sticky-transition #NavColLt>.fusion-column-wrapper {
	background: #fff !important;
}

/*.fusion-body #StickyHeaderTitle.fusion-title .title-sep.sep-single {
	border-bottom-width: 3px !important;
}*/

/*#HomeHeroBg2 {
	background-image: -webkit-linear-gradient(180deg, var(--BlueGrey) 50%, #fff 50%) !important;
}*/

#HeroColLt .fusion-column-wrapper {
	padding-top: 100px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

#HeroColRt .fusion-column-wrapper {
	padding-top: 100px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.UnderLogoText h4,
.UnderLogoText p {
	color: var(--DkGrey) !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
}

#SalamanderText img {
	max-width: 65% !important;
	margin-left: 0 !important;
}

#ContactCol2 .fusion-column-wrapper {
	position: relative !important;
}

#ContactSalamander.fusion-imageframe {
	position: absolute !important;
	top: 0 !important;
}

/*@media screen and (max-width: 1440px) {
	.ImgOffsetCol {
		width: 40% !important;
	}

	.DetailsCol {
		width: 60% !important;
	}
}*/

@media screen and (max-width: 1366px) {
	#ContactSalamander.fusion-imageframe {
		max-width: 400px !important;
		right: 0 !important;
	}
}

@media screen and (max-width: 1100px) {
	#ContactSalamander.fusion-imageframe {
		max-width: 275px !important;
	}
}

@media screen and (max-width: 1023px) {
	.IntroCol {
		width: 75% !important;
	}

	.SalamanderCol {
		width: 25% !important;
	}

	.ImgOffsetCol,
	.DetailsCol {
		width: 50% !important;
	}

	#ContactSalamander.fusion-imageframe {
		top: 200px !important;
	}
}

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

	#HeroColLt {
		width: 25% !important;
	}

	#HeroColLt .fusion-column-wrapper {
		padding-top: 20px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#HeroColRt {
		width: 75% !important;
	}

	#HeroColRt .fusion-column-wrapper {
		padding-top: 20px !important;
	}

	.ImgOffsetCol,
	.DetailsCol {
		width: 100% !important;
	}

	#ContactSalamander.fusion-imageframe {
		top: 0 !important;
	}
}

@media screen and (max-width: 700px) {
	#HeroColRt .fusion-text {
		text-shadow: 4px 4px 6px #45464b !important;
	}
}

@media screen and (max-width: 640px) {
	#menu-main-nav-menu {
		justify-content: space-evenly !important;
	}

	.awb-menu__main-li {
		font-size: 16px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.awb-menu__main-li:first-child {
		margin-left: 0 !important;
	}

	.awb-menu__main-li:last-child {
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	#HeroRow1 .fusion-builder-row-inner {
		background: linear-gradient(180deg, rgba(255,255,255,.9), transparent) !important;
	}

	#HeroColLt {
		width: 100% !important;
		--awb-bg-color: transparent !important;
	}

	#HeroColLt .fusion-imageframe {
		max-width: 150px !important;
		margin-bottom: 10px !important;
	}

	#HeroColRt {
		width: 100% !important;
	}

	#HeroColRt .fusion-column-wrapper {
		justify-content: flex-end !important;
		text-align: center !important;
	}

	#HeroColRt .fusion-text {
		text-shadow: 1px 2px 4px black !important
	}
}

@media screen and (max-width: 550px) {
	#ContactSalamander.fusion-imageframe {
		display: none !important;
	}

	.fusion-tb-footer .fusion-layout-column {
		width: 100% !important;
	}
}