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

/*
	Colors
	
	White:	#FFFFFF
	Gray:	#F2F2F2
	Yellow:	#FACD03
	Green:	#00B78C
	Orange:	#EC7728
	Red:	#DB3D31
	Blue:	#0243B4
	Navy:	#002631
	Black:	#000000
	
	
*/

/*
	Font Sizes
	
	H1: 74
	H2: 36
	H3: 24
	H4: 20
	H5: 18 - body
	H6: 16
	
	Paragraph: 
*/

/*Font Styles*/

.h1, .h1 > *{
	font-size: 74px !important;
}
.h2, .h2 > *{
	font-size: 36px !important;
}
.h3, .h3 > *{
	font-size: 24px !important;
}
.h4, .h4 > *{
	font-size: 20px !important;
}
.h5, .h5 > *{
	font-size: 18px !important;
}
.h6, .h6 > *{
	font-size: 16px !important;
}
.h7, .h7 > *{
	font-size: 14px !important;
}

@media screen and (max-width: 1024px){
	.h1, .h1 > *{
		font-size: 42px !important;
	}
}

.uppercase, .uppercase > *{
	text-transform: uppercase !important;
}



/*Font Colors*/
.white-text, .white-text > *{
	color: #FFFFFF !important;
}
.red-text, .red-text > *{
	color: #DB3D31 !important;
}
.orange-text, .orange-text > *{
	color: #EC7728 !important;
}
.yellow-text, .yellow-text > *{
	color: #FACD03 !important;
}


/*Link Colors*/

.white-link a{
	color: #FFFFFF !important;
}
.red-link a{
	color: #DB3D31 !important;
}
.orange-link a{
	color: #EC7728 !important;
}
.yellow-link a{
	color: #FACD03 !important;
}


/* Background Colors*/

.black-background:not(.fusion-builder-module-controls-container), .black-background > *:not(.fusion-builder-module-controls-container){
	background-color: #000000 !important;
}
.white-background:not(.fusion-builder-module-controls-container), .white-background > *:not(.fusion-builder-module-controls-container){
	background-color: #ffffff !important;
}
.orange-background:not(.fusion-builder-module-controls-container), .orange-background > *:not(.fusion-builder-module-controls-container){
	background-color: #EC7728 !important;
}
.navy-background:not(.fusion-builder-module-controls-container), .navy-background > *:not(.fusion-builder-module-controls-container){
	background-color: #002631 !important;
}
.red-background:not(.fusion-builder-module-controls-container), .red-background > *:not(.fusion-builder-module-controls-container){
	background-color: #DB3D31 !important;
}





/*Extra Styles*/
.no-margin p{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.no-margin-top p{
	margin-top: 0px !important;
}
.no-margin-bottom p{
	margin-bottom: 0px !important;
}

/*Reverse Styling*/
@media all and (max-width:800px){
	.reverse-cols .fusion-row {
		display: flex;
		flex-flow: wrap;
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 500px){
	
}

/*Header styles*/

.main-menu {
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
	padding: -22px 20px !important;
	border-radius: 40px !important;
	background-color: #ffffff;
}
.main-menu img{
	width: 115px;
	height: 115px !important;
	max-height: 115px !important;
	margin-top: -22px !important;
	margin-bottom: -22px !important;
}

@media screen and (max-width: 1024px){
	.main-menu {
		background-color: rgba(0,0,0,0) !important;
		box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0) !important;;
	}
	.main-menu button {
		padding: -22px 20px !important;
		border-radius: 40px !important;
		background-color: #ffffff;
	}
	a[title="hide-on-mobile"] {
		display: none;
	}
	#menu-item-6854 {
		display: none;
	}
}


/*Page Title bar Styles*/

	/*Home Page Title Bar*/
	.multiply-background {
		background-blend-mode: multiply !important;
	}
	.orange-gradient-background {
		background: linear-gradient(90deg, rgba(238, 119, 40, 0.5), rgba(238, 119, 40, 0));
		background-blend-mode: multiply !important;
	}
	.home-title {
		max-width: 352px !important;
	}

/*Footer Styles*/

/*Content Styles*/

	.round-corners, .round-corners img {
		border-radius: 20px !important;
	}
	.drop-shadow, .drop-shadow img {
		box-shadow: 0px 3px 6px 1px rgba(0, 38, 49, 0.2) !important;
	}
	
	/* Box Styles */
	.white-box > .fusion-column-wrapper:not(.fusion-builder-module-controls-container) {
		background-color: #ffffff !important;
		border-radius: 20px !important;
		box-shadow: 0px 3px 6px 1px rgba(0, 38, 49, 0.2) !important;
		padding: 20px !important;
	}
	.navy-box > .fusion-column-wrapper:not(.fusion-builder-module-controls-container){
		background-color: #002631 !important;
		border-radius: 10px !important;
		padding: 10px !important;
	}
	.orange-box > .fusion-column-wrapper:not(.fusion-builder-module-controls-container){
		background-color: #EC7728 !important;
		border-radius: 20px !important;
		padding: 40px !important;
	}
	.large-box > .fusion-column-wrapper:not(.fusion-builder-module-controls-container) {
		padding: 4% !important;
	}
	
	/* Button Styles */
	.member-button, .member-button p{
		border-radius: 40px !important;
		font-family: Arvo !important;
		font-size: 13px !important;
	}
	.member-button {
		padding-top: 11px !important;
		padding-bottom: 11px !important;
	}
	.yellow-button {
		background-color: #FACD03 !important;
		color: #002631 !important;
		box-shadow: 0px 3px 6px 1px rgba(0, 38, 49, 0.2) !important;
	}
	.yellow-button .fusion-button-text {
		color: #002631 !important;
	}
	.yellow-button:hover {
		background-color: #fabf03 !important;
	}
	.red-button.fusion-button {
		background-color: #DB3D31 !important;
		color: #FFFFFF !important;
		box-shadow: 0px 3px 6px 1px rgba(0, 38, 49, 0.2) !important;
	}
	.red-button .fusion-button-text {
		color: #ffffff !important;
	}
	.red-button:hover {
		background-color: #b6261b !important;
	}

	.header-button {
		padding: 8px 18px !important;
		font-size: 14px !important;
	}
	
	/* Home Page Styles */
	
		/* Upcoming Events Styles */
		.schedule h3 {
			color: #ffffff !important;
			font-weight: 600 !important;
		}
		.schedule .simcal-day-label span{
			background-color: rgba(0,0,0,0) !important;
			color: #ffffff !important;
			font-size: 24px !important;
			font-weight: 600 !important;
			padding: 0px !important;
		}
		.schedule .simcal-events {
			padding: 0px !important;
			margin-left: 0px !important;
		}
		.schedule .simcal-event {
			margin-bottom: 5px !important;
			font-weight: 600 !important;
		}
		.simcal-icon-left, .simcal-icon-right {
			color: #ffffff !important;
		}
		.simcal-day-label {
			border-bottom: 1px solid #ffffff !important;
		}
		
		/* Sunset Times Styles */
		.wp-forecast-curr-head {
			font-size: 16px !important;
		}
		.wp-forecast .wp-forecast-curr-details {
			text-align: center !important;
			font-size: 16px !important;
		}
		.wp-forecast-curr-block{
			padding-left: calc(50% - 20px) !important;
		}
		
	/* Members Only */
	.members-only-sidebar {
		padding-left: 10px;
	}
	.members-only-sidebar .menu-item a{
		background-color: #FACD03 !important;
		border-radius: 40px !important;
	}
	.members-only-sidebar .menu-item a:hover, .members-only-sidebar .menu-item a:active {
		background-color: #fabf03 !important;
	}
	.members-only-sidebar .menu-item .fusion-button {
		background-color: rgba(0,0,0,0) !important;
		color: #002631 !important;
		text-align: center !important;
	}
	.members-only-sidebar .widget {
		margin-bottom: 0px !important;
	}
	.members-only-sidebar .heading {
		display: none;
	}
	.members-only-sidebar .wp_forecast_widget {
		background-color: #00B78C !important;
		color: white !important;
		border-radius: 20px !important;
		margin-top: 5px;
		margin-bottom: 20px !important;
	}
	.members-only-sidebar .wp-forecast {
		padding-top: 10px;
	}
	.members-only-sidebar .login_widget_status {
		text-align: center;
		font-size: 16px;
	}
	.members-only-sidebar .simcal-events-dots {
		font-size: 12px !important;
	}
	.members-only-sidebar .simcal-week-day, .members-only-sidebar .simcal-day-number {
		font-size: 14px !important;
	}
	.members-only-sidebar .simcal-current-month, .members-only-sidebar .simcal-current-year{
		font-size: 18px !important;
	}
	/*forum*/
	#bbp-topic-1076, #bbp-topic-1074 {
		background-color: #DB3D31 !important;
		color: #ffffff !important;
	}
	#bbp-topic-1076 a, #bbp-topic-1074 a {
		color: #ffffff !important;
	}



	/* 1/2 full width background Images */
.custom-width-background .fusion-column-wrapper{
	position: absolute !important;
    width: 50vw !important;
    height: 100% !important;
}
.custom-width-background.left-side .fusion-column-wrapper{
	right: 0px;
}
.custom-width-background.right-side .fusion-column-wrapper{
	left: 0px;
}
@media screen and (max-width: 640px){
	.custom-width-background .fusion-column-wrapper{
		position: absolute !important;
	    width: 100vw !important;
	    height: 100% !important;
	}
}

	/*Overflow Containers*/
.overflow-left:before{
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: inherit !important;
	z-index: -1;
}
.overflow-right:before{
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: inherit !important;
	z-index: -1;
}
@media screen and (max-width: 640px){
	.overflow-left:before{
		width: 150vw;
		height: 100%;
		top: 0px;
		right: -50%;
	}
	.overflow-right:before{
		width: 150vw;
		height: 100%;
		top: 0px;
		left: -50%;
	}
}




/*Forms Styles*/
.fsBody .fsForm{
	margin-top: -10px !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	background-color: transparent !important;
}
.fsBody .fsForm .fsLabel, .fsBody .fsForm .fsOptionLabel, .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel {
    font-family: Lato !important;
    font-weight: 400;
}
.fsBody .fsForm .fsLabel{
	padding-top: 5px;
	padding-bottom: 5px;
}
.fsBody .fsForm .fsSupporting {
	color: #002631 !important;
}
.fsSection {
    display: inline-block !important;
    width: 100%;
    margin-bottom: 20px !important;
}
.fsBody .fsForm .fsSectionHeader{
	background-color: transparent !important;
}
.fsSection .fsSectionHeading{
    font-size: 32px !important;
	border-left: 5px solid #002631 !important;
	padding-left: 10px;
}
.fsBody .fsHidden, .fsBody .fsWorkflowHidden {
    padding: 0;
    margin: 0;
    display: none !important;
}
.fsBody .fs4Col, .fsBody .fs3Col, .fsBody .fs2Col, .fsBody .fs5Col, .fsBody .fs6Col {
    min-width: 10px !important;
}
body #main .fsFieldCell.fsSpan66 {
    width: 66.6%;
}
body #main .fsFieldCell.fsSpan33 {
    width: 33.3%;
}
body #main .fsFieldCell.fsSpan25 {
    width: 25%;
}
.fsBody .fsForm .fsCell {
    position: relative;
}
.fsFieldCell.fsSpan50 {
    width: 50% !important;
}
.fsLabel, .fsOptionLabel {
    color: #002631 !important;
    font-size: 19px !important;
}
.fsBody .fsForm textarea.fsRequired, .fsBody .fsForm textarea.fsField {
    border-color: #002631 !important;
    border-radius: 5px !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin-right: 10px;
    font-family: Lato !important;
}
.fsBody .fsForm input[type=text].fsRequired, .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, .fsBody .fsForm select.fsRequired, .fsBody .fsForm input[type=text].fsField, .fsBody .fsForm input[type=file].fsField, .fsBody .fsForm input[type=number].fsField, .fsBody .fsForm input[type=email].fsField, .fsBody .fsForm input[type=tel].fsField, .fsBody .fsForm select.fsField {
    border-color: #002631 !important;
    height: 45px !important;
    border-radius: 5px !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin-right: 10px;
    font-family: Lato !important;
}

.fsSubFieldGroup .fsSubField.fsFieldAddress, .fsSubFieldGroup .fsSubField.fsFieldAddress2{
	width: calc(100% - 5px);
}
.fsSubFieldGroup .fsSubField.fsFieldCity, .fsSubFieldGroup .fsSubField.fsFieldState, .fsSubFieldGroup .fsSubField.fsFieldZip{
	width: calc(33.3% - 5px);
}

.fsSubmitButton {
    padding: 14px 23px 14px 23px !important;
    line-height: 20px !important;
    font-size: 18px !important;
    border-radius: 25px !important;
    background: #ec7728 !important;
    color: #FFFFFF !important;
    border: 1px solid rgb(0 0 0 / 0%) !important;
    border-bottom: rgb(0 0 0 / 0%) !important;
    border-right: rgb(0 0 0 / 0%) !important;
    font-family: Arvo !important;
    font-weight: 700 !important;
    position: relative;
}
.fsSubmitButton:hover, .fsSubmitButton:focus {
    background: #C95E1E !important;
    color: #FFFFFF !important;
    border-color: rgb(0 0 0 / 0%) !important;
}

.fsForm .fsSubmit {
	padding-top: 0px !important;
	text-align: left !important;
}

.fsFieldCell hr {
    height: 1px !important;
}
@media screen and (max-width: 800px) {
    .fsFieldCell.fsSpan25, .fsFieldCell.fsSpan66, .fsFieldCell.fsSpan33, .fsFieldCell.fsSpan50 {
        width: 100% !important;
    }
}


/*Formstack updates 2024*/
.fsLabel {
	margin-bottom: 0px !important;
}
.fsFieldCell input {
	border-color: #000000 !important;
}
.fsSubmit {
	margin-top: 0px !important;
}
.fsSubmitButton {
	margin-left: 0px !important;
}
.fsBody > div:nth-child(2){
	display: none !important;
}
.fsBody .fsForm {
	max-width: 100% !important;
}


/*Alert Styles*/

.alert-container .single-alert{
	padding: 25px 30px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.alert-container .single-alert .alert-info strong{
	font-weight: 600 !important;
}

.alert-container .single-alert .alert-link{
	flex-shrink: 0;
    padding-left: 30px;
}

.alert-container .single-alert .alert-link a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    color: inherit !important;
    font-size: 16px;
    border-radius: 50%;
    padding: 2px 5px;
    margin-left: 5px;
}

.alert-container .single-alert .alert-link a:hover{
	text-decoration:underline;
}

/*Red Alerts*/
.alert-container .single-alert.red-alert{
	background-color: #B21212;
	color: #FFFFFF !important;
}
.alert-container .single-alert.red-alert .alert-link a{
	color: #FFFFFF !important;
}


/*Orange Alerts*/
.alert-container .single-alert.orange-alert{
	background-color: #FF8133;
	color: #000000 !important;
}
.alert-container .single-alert.orange-alert .alert-link a{
	color: #000000 !important;
}

/*Yellow Alerts*/
.alert-container .single-alert.yellow-alert{
	background-color: #F7E34E;
	color: #000000 !important;
}
.alert-container .single-alert.yellow-alert .alert-link a{
	color: #000000 !important;
}

/*Green Alerts*/
.alert-container .single-alert.green-alert{
	background-color: #58E25C;
	color: #000000 !important;
}
.alert-container .single-alert.green-alert .alert-link a{
	color: #000000 !important;
}

/*Custom Color*/

.alert-container .single-alert.custom-alert .alert-link a{
	color: inherit !important;
}

