/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Img shadow image **/
.img-shadow img {
	box-shadow: -15px 15px 15px 0 rgba(0,0,0,0.13) !important;
	filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.1)) !important;
}

/** General >> Top Row Padding **/
.top-row .fl-row-content-wrap {
	padding-top: 110px !important;
}

/** General >> Home Page Icon List **/
.home-page-list .pp-icon-list-item {
	box-shadow: -10px 10px 10px 0 rgba(0,0,0,0.04) !important;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.04)) !important;
	padding: 15px !important;
	border-radius: 15px !important;
	background: linear-gradient(250deg, #ECF1ED 0%, #CFD9D3 100%) !important;
}

/** General >> Homepage h1 pp primary title **/
.homepage-h1 .pp-primary-title {
	background: #ffffff !important;
	padding: 15px !important;
	margin-bottom: 15px !important;
	border-radius: 15px !important;
	display: inline-block !important;
}

/** General >> Homepage h1 pp secondary  title 1 **/
.homepage-h1 .pp-secondary-title {
	
}

/** General >> Sure Members Restricted **/
.suremembers-container-div {
	padding-top: 180px !important;
	padding-bottom: 180px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


/*= Header ==================== */

/** Header >> Menu item 9852 link **/
.wpbf-sub-menu-align-center>.menu-item-has-children:not(.wpbf-mega-menu)>.sub-menu {
	background: #f8f8f8 !important;
	padding: 15px !important;
	border-radius: 15px !important;
}
#fl-button-group-button-4g6djof5vcl7-1 .fl-button:hover {
	background: none !important;
	box-shadow: none !important;
}


/*= Buttons =================== */

/** Buttons >> FL Button **/
.fl-button, 
.ff_btn, 
.ff-btn-submit, 
.waitlist-notice {
	-webkit-animation-duration: .2s !important;
	animation-duration: .2s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transition: ease-in !important;
	transition: ease-in !important;
	-o-transition-duration: .2s !important;
	-moz-transition-duration: .2s !important;
	-webkit-transition-duration: .2s !important;
	transition-duration: .2s !important;
}

/** Buttons >> FL Button Hover **/
.fl-button:hover, 
.wpbf-cta-menu-item a:hover, 
.ff_btn:hover, 
.ff-btn-submit:hover, 
.waitlist-notice:hover {
	box-shadow: -5px 5px 15px 0 rgba(0,0,0,0.13) !important;
	filter: drop-shadow(1px 5px 15px rgba(0,0,0,0.1)) !important;
	transform: translate3d(0, -5px, 0) !important;
	overflow: visible !important;
	-webkit-transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
	transition: all 0.3s ease-in-out 0s, transform 500ms ease 0s !important;
}

/** Buttons >> Container ff btn style **/
.ff_btn, 
.ff-btn-submit {
	background: #1B9864 !important;
	border-width: 0 !important;
	border-style: hidden !important;
	border-radius: 10px !important;
	border: none !important;
}
.ff_btn:hover, 
.ff-btn-submit:hover {
	background: #1B9864 !important;
}
#container .ff-btn {
	border: none !important;
}

/** Buttons >> Container ff btn style Copy 1 **/
#footer-subscribe-form .ff_btn, 
#footer-subscribe-form .ff-btn-submit {
	background: #CFDAD4 !important;
	border-width: 0 !important;
	border-style: hidden !important;
	border-radius: 10px !important;
	border: none !important;
}
#footer-subscribe-form .ff_btn:hover, 
#footer-subscribe-form .ff-btn-submit:hover {
	background: #CFDAD4 !important;
}
#container .ff-btn {
	border: none !important;
}


/*= Retreat Options Slider ==== */

/** Retreat Options Slider >> Four Retreats Slider Grid Setup **/
body:not(.fl-builder-edit) .horizontal-overflow .fl-col-content {
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(4, calc(75vw - 10px)) !important;
	grid-template-rows: minmax(10px, 1fr) !important;
	overflow-x: scroll !important;
	grid-gap: 0px !important;
}


/*= State Slider on Archive === */

/** State Slider on Archive >> Grid padding bottom **/
.uk-grid-small {
	padding-bottom: 10px !important;
}

/** State Slider on Archive >> Grid padding bottom Copy 1 **/
.state-background-image {
	height: 300px !important;
}

/** State Slider on Archive >> Border Radius and Shadow **/
.state-slider-panel .uk-overlay-primary, 
.state-slider-panel .uk-background-cover {
	box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.23) !important;
	border-radius: 25px !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
	-webkit-backface-visibility: hidden !important;
	-webkit-transition: all 0.3s ease !important;
}

/** State Slider on Archive >> Border Radius and Shadow Hover **/
.state-slider-panel .uk-overlay-primary:hover, 
.state-slider-panel .uk-background-border:hover {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.23) !important;
	border-radius: 25px !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
	-webkit-backface-visibility: hidden !important;
	-webkit-transition: all 0.3s ease !important;
}

/** State Slider on Archive >> Div (#1) heading 2 **/
.state-name {
	color: #EBF1EC !important;
}

/** State Slider on Archive >> Container waitlist notice **/
#container .waitlist-notice:hover {
	color: #ffffff !important;
}


/*= Weekend Schedule Row ====== */

/** Weekend Schedule Row >> Column Settings **/
.weekend-schedule-row .fl-col-content {
	padding: 15px !important;
	margin: 10px !important;
	border-radius: 15px !important;
	background: linear-gradient(154deg, #ECF1ED 0%, #CFD9D3 100%) !important;
}

/** Weekend Schedule Row >> Primary Title **/
.weekend-schedule-row .pp-primary-title {
	font-family: "DM Sans" !important;
	color: #1B9864 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: lowercase !important;
	background: #ffffff !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 15px !important;
	display: inline-block !important;
}

/** Weekend Schedule Row >> Secondary Title **/
.weekend-schedule-row .pp-secondary-title {
	font-family: "DM Sans" !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	margin-bottom: 15px !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {

	/*= Retreat Options Slider ==== */

	/** Retreat Options Slider >> Title Sizing **/
	.horizontal-overflow .fl-callout-content h2 {
	font-size: 32px !important;
}


}


/*( < 980 )*/
@media (max-width: 979.98px) {

	/*= Retreat Options Slider ==== */

	/** Retreat Options Slider >> Title Sizing **/
	.horizontal-overflow .fl-callout-content h2 {
	font-size: 28px !important;
}


}


/*( < 768 )*/
@media (max-width: 767.98px) {

	/*= Retreat Options Slider ==== */

	/** Retreat Options Slider >> Four Retreats Slider Grid Setup **/
	body:not(.fl-builder-edit) .horizontal-overflow .fl-col-content {
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(4, calc(50vw - 10px)) !important;
	grid-template-rows: minmax(10px, 1fr) !important;
	overflow-x: scroll !important;
	grid-gap: 0px !important;
}

	/** Retreat Options Slider >> Ading padding to callout content **/
	.horizontal-overflow .fl-callout-content {
	padding: 15px !important;
}

	/** Retreat Options Slider >> Title Sizing **/
	.horizontal-overflow .fl-callout-content h2 {
	font-size: 24px !important;
}


}


/*( < 480 )*/
@media (max-width: 479.98px) {

	/*= General =================== */

	/** General >> Home Page Icon List **/
	.home-page-list .pp-icon-list-item {
	
}

	/** General >> Homepage h1 pp primary title **/
	.homepage-h1 .pp-primary-title {
	font-size: 12px !important;
}

	/** General >> Homepage h1 pp secondary  title 1 **/
	.homepage-h1 .pp-secondary-title {
	font-size: 32px !important;
}


	/*= Retreat Options Slider ==== */

	/** Retreat Options Slider >> Four Retreats Slider Grid Setup **/
	body:not(.fl-builder-edit) .horizontal-overflow .fl-col-content {
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(4, calc(75vw - 10px)) !important;
	grid-template-rows: minmax(10px, 1fr) !important;
	overflow-x: scroll !important;
	grid-gap: 0px !important;
}

	/** Retreat Options Slider >> Ading padding to callout content **/
	.horizontal-overflow .fl-callout-content {
	padding: 15px !important;
}

	/** Retreat Options Slider >> Title Sizing **/
	.horizontal-overflow .fl-callout-content h2 {
	font-size: 24px !important;
}


	/*= State Slider on Archive === */

	/** State Slider on Archive >> Div (#1) heading 2 **/
	.state-name {
	font-size: 22px !important;
	padding-top: 25px !important;
}

	/** State Slider on Archive >> Grid padding bottom Copy 1 **/
	.state-background-image {
	height: 180px !important;
}


}