/*
Theme Name: ABC Donating Blood
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for ABC by Yoko Co. 
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*
 * 1. Master Colors & Type
 * 2. Headers & Nav
 * 3. Banners
 * 4. Feeds & Grids
 * 5. CPTs
 * 6. Footer
 * 7. Gradient Styles
 * 8. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

/******************************************************************************************/
/******************************** 1 MASTER COLORS & TYPE **********************************/
/******************************************************************************************/

/* Text Styles */

.larger p .larger {
	font-size: 1.25em;
}

.xlarger p, .xlarger {
	font-size: 1.5em;
}

.xxlarger p, .xxlarger {
	font-size: 2em;
	font-weight: 600;
}

.smaller p, .smaller {
	font-size: 0.75em;
}

.uppercase p, .uppercase, .uppercase h1, .uppercase h2, .uppercase h3, .uppercase h4, .uppercase h5, .uppercase h6 {
	text-transform: uppercase;
}

.uppercase h1, .uppercase h2 {font-weight: 600;}

.blue-text {color: #5ECEFF;}

.red-text {color: #F03428;}

.orange-text {color: #F6921E;}

.gradient-text h1, .gradient-text h2, .gradient-text h3 {
	background: linear-gradient(130deg, rgba(45, 188, 250, 0.85) 0.12%, rgba(31, 159, 215, 0.837539) 4.48%, rgba(0, 128, 184, 0.833) 17.93%, rgba(167, 8, 27, 0.85) 40.43%, rgba(240, 96, 0, 0.85) 70.97%, rgba(255, 155, 89, 0.85) 81.67%), #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.gradient-text h4, .gradient-text h5, .gradient-text h6, .gradient-text p, .gradient-text {
	background: linear-gradient(94.37deg, #1E74A6 4.11%, #C9310F 18%, #F6873D 37.38%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 400;
}

/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background: linear-gradient(119.17deg, #2DBCFA 1.02%, rgba(31, 159, 215, 0.98534) 6.55%, rgba(0, 128, 184, 0.98) 12.74%, #A7081B 70.53%, #F06000 93.14%, #FF9B59 108.95%), #FFFFFF;
}

.bg-xlight > .fl-row-content-wrap, .bg-xlight > .fl-col-content, .bg-xlight.fl-module {
	background-color: rgba(14, 30, 39, 0.05); 
}

.bg-light > .fl-row-content-wrap, .bg-light > .fl-col-content, .bg-light.fl-module {
	background-color: #F1F4F9; 
}

.bg-dark > .fl-row-content-wrap, .bg-dark > .fl-col-content, .bg-dark.fl-module {
	background-color: #0E1E27; 
}

/* Icons */

.heroicon-solid svg {
	fill: currentColor;
	width: 35px;
	height: 35px;
	stroke-width: 0px;
}

.educator-doc-icon .heroicon svg {color: #57B7E2;}

.educator-cap-icon .heroicon svg {color: #F6873D;}

/******************************************************************************************/
/************************************ 2 HEADERS & NAV *************************************/
/******************************************************************************************/

.fl-page-header-logo-col {width: 35%;}
.fl-page-nav-col {width: 65%;}

.fl-page-nav-col .fl-page-nav-wrap {
	display: flex;
	justify-content: space-between;
}

a.fa-search {
	font-family: 'Linearicons';
	padding-top: 7px;
}

a.fa-search:before {
	content: "\e922";
	font-size: 15px;
}

.fl-page-nav ul.sub-menu {
	border-top: 0px; 
	border-radius: 6px; 
}

.fl-page-nav-right {border-bottom: 1px solid #ECECEC;}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a::after {
	display: block;
	content: '';
	height: 2px;
	width: 0;
	right: 0;
	background: linear-gradient(119.17deg, #2DBCFA 1.02%, rgba(31, 159, 215, 0.98534) 6.55%, rgba(0, 128, 184, 0.98) 12.74%, #A7081B 70.53%, #F06000 93.14%, #FF9B59 108.95%), #FFFFFF;
	margin-top: 7px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover::after,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a::after, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent>a::after, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a::after {
	width: 100%;
}

/* Media Queries */

@media screen and (min-width: 768px) {
	.fl-page-header, .fl-page-header-wrap {
		width: 100%;
		
		/* Used for transparent headers. If you're using the default theme header, uncomment the section below to enable a transparent header. */
		/* background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		position: absolute;
		z-index: 10;
		top: 0px; */ /*Height of top bar*/
	}
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #fff; 
	}
	.fl-page-nav-right .fl-page-nav {
		display: flex;
		width: 100%;
	}
	.fl-page-nav-right .fl-page-nav-collapse {
		width: 100%;
		justify-content: space-between;
	}
	.fl-page-nav-right .fl-page-nav ul.navbar-nav {flex-grow: 3;}
	.fl-page-nav-right .fl-theme-menu {
		display: flex;
		align-items: center;
	}
	.zipsearch-menu {
		margin-left: auto;
		width: 32%;
	}
}

@media screen and (max-width: 767px) {
	li.zipsearch-menu {padding: 10px 0;}
	.navbar-toggle, .navbar-toggle:focus, .navbar-toggle:active {
		border: 0px !important;
		outline: none !important;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {top: 37px;}
	.fl-full-width .fl-page-nav {width: 100%;}
}

/******************************************************************************************/
/*************************************** 3 BANNERS ****************************************/
/******************************************************************************************/

.banner-main-subtitle .fl-module-content {margin-top: 0px;}

.banner-main-subtitle .fl-heading-text {
	font-weight: 400;
	font-size: 18px;
	color: #55576a;
}

.banner-main-breadcrumbs {
	opacity: 0.75;
	font-size: 0.8em; 
}

.banner-main-breadcrumbs ol {
	padding: 0px; 
}

@media screen and (max-width: 767px) {
	.banner-main .fl-separator {
		content: '';
		height: 5px;
		width: 15%;
		border: 0px;
		background: linear-gradient(270deg, #0F5FBA 0%, #B71616 72.06%, #FFC75F 100%) !important;
		transform: rotate(-180deg);
	}
}

/******************************************************************************************/
/************************************ 4 FEEDS & GRIDS *************************************/
/******************************************************************************************/

/* This is the default container for a grid item in the posts module. */
.fl-post-grid .fl-post-grid-post {
	
}

.fl-post-feed-post {border-bottom: 1px solid #e4e4e4;}

/* Complex Feeds */

.feed-item-complex, .feed-item-simple {
	border: 0px; 
	padding: 0px 0px 40px; 
}

.fri-feed-item .row {
	margin: 0px; 
}

.feed-meta-block {
	font-size: 0.9em; 
}

.feed-meta-block + .feed-meta-block {
	margin-top: 10px; 
}

.feed-meta-label {
	font-size: 0.75em; 
}

.feed-meta-block ul.fl-category {
	list-style-type: none; 
	padding: 0px; 
}

/* Blood Center Items */

.schedule-link.button.ghost-button:hover {color: #fff;}

.facetwp-template { display: none; }
.facetwp-template.visible { display: block; }

/******************************************************************************************/
/**************************************** 5 CPTS ******************************************/
/******************************************************************************************/



/******************************************************************************************/
/*************************************** 6 FOOTER *****************************************/
/******************************************************************************************/

/* Footer CTA */

.footer-cta-zipinput {max-width: 200px;}

/* Main Footer */

.footer-main, .footer-main .menu li a {
}

.footer-main .menu li ul {
	display: none; 
}

.footer-main .menu li a {
	padding: 0px 0px 18px; 
}

.footer-contact-icon .fl-module-content {
	margin-top: 0px; 
}

.footer-cta-col p:first-of-type {margin-bottom: 0px;}

.footer-cta-col .heroicon svg {
	width: 24px;
	height: 24px;
}

.footer-content-col::before {
    content: '';
    background: #fff;
    width: 64px;
    height: 64px;
    position: absolute;
}

.footer-content-col .menu li a {display: flex;}

.footer-content-col .menu li a::before {
	content: url(/wp-content/themes/yoko-abc-donating-blood/images/chevron-right-orange.svg);
	height: 16px;
	width: 16px;
	margin-right: 15px;
}

.footer-main .fl-col.footer-content-col::before {
    content: '';
    background: rgba(0,0,0,0);
    width: 64px;
    height: 64px;
    position: absolute;
}

.footer-main .fl-col.footer-content-col::after {
    content: '';
    width: 64px;
    height: 64px;
    position: absolute;
    border-top-left-radius: 64px;
    box-shadow: -21px -20px 0px 20px #fff;
}

.footer-sub {
	font-size: 0.75em; 
}

.footer-sub-right {
	text-align: right; 
}

@media screen and (max-width: 767px) {
	.footer-sub, .footer-sub-right, .footer-sub-left {
		text-align: center; 
	}
	.footer-sub-left .fl-module-content {
		margin-bottom: 5px; 
	}
	.footer-sub-right .fl-module-content {
		margin-top: 5px; 
	}
}

/******************************************************************************************/
/************************************ 7 GRADIENT STYLES ************************************/
/******************************************************************************************/

/* Gradient Overlay */

.gradient-overlay .fl-row-content-wrap::after,
.gradient-overlay .fl-photo::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 90%;
	border-top-right-radius: 256px;
	border-bottom-right-radius: 256px;
	border-bottom-left-radius: 256px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%), #2B313F;
}

.gradient-overlay .fl-row-content {z-index: 99;}

/* Drop Shape */

.drop-shape .fl-photo img,
.drop-shape .fl-row-content-wrap {
	border-top-left-radius: 0px;
	border-top-right-radius: 256px;
	border-bottom-right-radius: 256px;
	border-bottom-left-radius: 256px;
}

.drop-shape .fl-col-content {
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
	padding: 20px;
}

@media screen and (max-width: 767px) {
	.gradient-overlay .fl-row-content-wrap::after, .drop-shape .fl-row-content-wrap {
		border-top-right-radius: 75px;
		border-bottom-right-radius: 75px;
		border-bottom-left-radius: 75px;
	}
	.drop-shape {margin: 20px;}
	footer .drop-shape {margin-bottom: -300px;}
}

/* Drop Shape Left */

.drop-shape-left .fl-photo img,
.drop-shape-left .fl-row-content-wrap {border-top-right-radius: 200px;}

/* Drop Shape Right */

.drop-shape-right .fl-photo img,
.drop-shape-right .fl-row-content-wrap {border-top-left-radius: 200px;}

/* Overlapping Rows */

.overlap-top {
	position: relative;
	z-index: 1;
}

.overlap-top .fl-row-content-wrap {
	position: relative;
}

/* Card With Shadow and Gradient */

.gradient-cards-3 .card-shadow-gradient {width: 29%;}
.gradient-cards-4 .card-shadow-gradient {width: 21%;}

.card-shadow-gradient {position: relative;}

.card-shadow-gradient.fl-col {
	margin-left: 40px;
	margin-bottom: 40px;
}

.card-shadow-gradient::after {
	content: '';
	position: absolute;
	width: 100%;
    height: 100%;
    bottom: -17px;
    left: -17px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%), #2B313F;
}

.card-shadow-gradient .fl-col-content {
	position: relative;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
}

/* Gradient Border */

.gradient-border {position: relative;}

.gradient-border .fl-photo::after {
	content: '';
	position: absolute;
	width: 82%;
    height: 116%;
    top: -15px;
    left: 25px;
	border-top-right-radius: 256px;
	border-bottom-right-radius: 256px;
	border-bottom-left-radius: 256px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 39.59%, rgba(167, 8, 27, 0.9) 57.45%, rgba(240, 96, 0, 0.9) 75.35%), #2B313F;
}

.gradient-border .fl-photo img {
	position: relative;
	z-index: 99;
}

/* Row Gradient Border */

.row-gradient-border {position: relative;}

.row-gradient-border .fl-row-content-wrap {padding: 0px;}

.row-gradient-border .fl-row-content-wrap::after {
	content: '';
	position: absolute;
	width: 100.4%;
    height: 101%;
    top: -2px;
    left: -2px;
    right: -1px;
    bottom: -1px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%), #2B313F;
}

.row-gradient-border .fl-row-content {
	position: relative;
	z-index: 99;
	padding: 20px;
	background-color: #fff;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
}

@media screen and (max-width: 767px) {
	.row-gradient-border {margin: 20px;}
	.row-gradient-border .fl-row-content-wrap::after {
		width: 100.5% !important;
	}
}

/* Gradient Bottom Right */

.gradient-bottom-right {position: relative;}

.gradient-bottom-right::after {
	content: '';
	position: absolute;
	width: 95%;
    height: 90%;
    bottom: 0px;
    right: 10px;
	border-top-right-radius: 270px;
	border-bottom-right-radius: 300px;
	border-bottom-left-radius: 300px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%), #2B313F;
}

.gradient-bottom-right .fl-module-content {
	position: relative;
	z-index: 99;
}

@media screen and (max-width: 767px) {
	.gradient-bottom-right::after {
		width: 90% !important;
		height: 70% !important;
		bottom: 25px !important;
		right: 10px !important;
	}
}

/* Gradient Bottom Left */

.gradient-bottom-left {position: relative;}

.gradient-bottom-left::after {
	content: '';
	position: absolute;
	width: 97%;
    height: 90%;
    bottom: -35px;
    left: -10px;
	border-top-left-radius: 270px;
	border-bottom-right-radius: 300px;
	border-bottom-left-radius: 300px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%), #2B313F;
}

.gradient-bottom-left .fl-module-content {
	position: relative;
	z-index: 99;
}

/* Left Drop Gradient */

.left-drop-gradient {position: relative;}

.left-drop-gradient::after {
	content: '';
	position: absolute;
	width: 104%;
    height: 90%;
    bottom: -5px;
    right: -22px;
	border-top-right-radius: 200px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%);
}

.left-drop-gradient .fl-module-content {
	position: relative;
	z-index: 99;
	margin-left: 0px;
	margin-right: 40px;
}

@media screen and (max-width: 767px) {
	.left-drop-gradient::after {
		bottom: 0px !important;
		right: 20px !important;
	}
}

/* Right Drop Gradient */

.right-drop-gradient {position: relative;}

.right-drop-gradient::after {
	content: '';
	position: absolute;
	width: 104%;
    height: 90%;
    bottom: -22px;
    left: -22px;
	border-top-left-radius: 200px;
	background: linear-gradient(123.81deg, rgba(6, 119, 168, 0.882) 0.92%, rgba(36, 81, 120, 0.886645) 46.59%, rgba(167, 8, 27, 0.9) 65.45%, rgba(240, 96, 0, 0.9) 104.35%);
}

.right-drop-gradient .fl-module-content {
	position: relative;
	z-index: 99;
}

@media screen and (max-width: 767px) {
	.right-drop-gradient::after {
		bottom: 0px !important;
		left: 0px !important;
	}
}

/* Gradient Boxes */

.blue-gradient-col .fl-html, .red-gradient-col .fl-html, .orange-gradient-col .fl-html {
	display: flex;
}

.blue-gradient-col .fl-html {flex-direction: column;}

.red-gradient-col .fl-html {
	flex-direction: row-reverse;
    gap: 20px;
	align-items: flex-end;
}

.blue-gradient-text .blue-text {line-height: 1;}

.blue-gradient-image, .red-gradient-image {align-self: flex-end;}

.blue-gradient-image {margin-bottom: -60px;}

.orange-gradient-col .fl-html {align-items: flex-end;}

.blue-gradient-text, .red-gradient-text, .orange-gradient-text {line-height: 1.4;}

.fl-page .blue-gradient-col button.simple-button::after,
.fl-page .blue-gradient-col .button.simple-button::after,
.blue-gradient-col a.button.simple-button::after,
.fl-page .blue-gradient-col .simple-button input[type=button]::after,
.fl-page .blue-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .blue-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .blue-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .blue-gradient-col .simple-button.wp-block-button__link::after,
.fl-page .purple-gradient-col button.simple-button::after,
.fl-page .purple-gradient-col .button.simple-button::after,
.purple-gradient-col a.button.simple-button::after,
.fl-page .purple-gradient-col .simple-button input[type=button]::after,
.fl-page .purple-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .purple-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .purple-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .purple-gradient-col .simple-button.wp-block-button__link::after,
.fl-page .red-gradient-col button.simple-button::after,
.fl-page .red-gradient-col .button.simple-button::after,
.red-gradient-col a.button.simple-button::after,
.fl-page .simple-button input[type=button]::after,
.fl-page .red-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .red-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .red-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .red-gradient-col .simple-button.wp-block-button__link::after,
.fl-page .orange-gradient-col button.simple-button::after,
.fl-page .orange-gradient-col .button.simple-button::after,
.orange-gradient-col a.button.simple-button::after,
.fl-page .orange-gradient-col .simple-button input[type=button]::after,
.fl-page .orange-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .orange-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .orange-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .orange-gradient-col .simple-button.wp-block-button__link::after {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-top: -2px;
}

.fl-page .blue-gradient-col button.simple-button::after,
.fl-page .blue-gradient-col .button.simple-button::after,
.blue-gradient-col a.button.simple-button::after,
.fl-page .blue-gradient-col .simple-button input[type=button]::after,
.fl-page .blue-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .blue-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .blue-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .blue-gradient-col .simple-button.wp-block-button__link::after {
	content: url(/wp-content/themes/yoko-abc-donating-blood/images/arrow-right-blue.svg);
}

.fl-page .purple-gradient-col button.simple-button::after,
.fl-page .purple-gradient-col .button.simple-button::after,
.purple-gradient-col a.button.simple-button::after,
.fl-page .purple-gradient-col .simple-button input[type=button]::after,
.fl-page .purple-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .purple-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .purple-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .purple-gradient-col .simple-button.wp-block-button__link::after {
	content: url(/wp-content/themes/yoko-abc-donating-blood/images/arrow-right-purple.svg);
}

.fl-page .red-gradient-col button.simple-button::after,
.fl-page .red-gradient-col .button.simple-button::after,
.red-gradient-col a.button.simple-button::after,
.fl-page .simple-button input[type=button]::after,
.fl-page .red-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .red-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .red-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .red-gradient-col .simple-button.wp-block-button__link::after {
	content: url(/wp-content/themes/yoko-abc-donating-blood/images/arrow-right-red.svg);
}

.fl-page .orange-gradient-col button.simple-button::after,
.fl-page .orange-gradient-col .button.simple-button::after,
.orange-gradient-col a.button.simple-button::after,
.fl-page .orange-gradient-col .simple-button input[type=button]::after,
.fl-page .orange-gradient-col .simple-button input[type=submit]::after,
.fl-page .fl-builder-content .orange-gradient-col .simple-button a.fl-button::after,
.fl-page .fl-builder-content .orange-gradient-col .simple-button a.fl-button:visited::after,
.fl-page .orange-gradient-col .simple-button.wp-block-button__link::after {
	content: url(/wp-content/themes/yoko-abc-donating-blood/images/arrow-right-orange.svg);
}

/******************************************************************************************/
/************************************** 8 HOME PAGE ***************************************/
/******************************************************************************************/

/* Zip Code CTA Gradient */

.zip-code-cta {position: relative;}

.zip-code-cta::before {
	content: '';
	top: 45%;
	left: 20px;
	width: 10px;
	height: 135%;
	background: linear-gradient(180.01deg, rgba(45, 188, 250, 0.85) 0%, rgba(0, 128, 184, 0.833) 33.33%, rgba(167, 8, 27, 0.85) 67.7%, rgba(255, 155, 89, 0.85) 95.11%), #D75730;
	position: absolute;
	z-index: 3;
}

.zip-code-cta .fl-col-content {position: relative;}

@media screen and (max-width: 767px) {
	.zip-code-cta::before {
		top: 60px;
		left: 1px;
		height: 60%;
	}
}

/******************************************************************************************/
/************************************ 9 GENERAL STYLES ************************************/
/******************************************************************************************/

/* Images */

.fl-photo-content img {border-radius: 24px;}

.no-border-radius .fl-photo-content img {border-radius: 0px;}

/* Sidebars */

.fl-module-sidebar .fl-module-content {
	background-color: #fff;
	padding: 20px 40px;
	box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
}

.bg-dark.invert.fl-module-sidebar {
	background-color: rgba(0,0,0,0);
}

.bg-dark.invert.fl-module-sidebar .fl-module-content {
	background-color: #0E1E27;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
	box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
}

/* BB Pagination */

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
	border: 1px solid #0E1E27;
	color: #0E1E27;
	padding: 8px 16px;
	background-color: #fff;
	border-radius: 86px;
}

.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
	background-color: #0E1E27;
	color: #fff;
	border: 1px solid #0E1E27;
}

/* FacetWP */

input.facetwp-autocomplete, input.facetwp-autocomplete:focus {
	border-radius: 86px;
	-moz-border-radius: 86px;
	-webkit-border-radius: 86px;
	border: 0px;
	font-weight: 700;
	padding: 12px 22px 12px 12px;
	background-color: rgba(14, 30, 39, 0.05);
	color: #0E1E27;
}

input.facetwp-autocomplete::placeholder {color: #0E1E27;}

.dark-input input.facetwp-autocomplete, .dark-input input.facetwp-autocomplete:focus {
	background-color: #0E1E27;
	color: #fff;
}

.dark-input input.facetwp-autocomplete::placeholder {color: #fff;}

.invert input.facetwp-autocomplete, .invert input.facetwp-autocomplete:focus {
	background-color: #fff;
	color: #0E1E27;
}

.invert input.facetwp-autocomplete::placeholder {color: #0E1E27;}

.facetwp-autocomplete-update {display: none;}

/* Zip Search */

.zipsearch-form {
	display: flex;
	align-items: center;
}

.zipsearch-input {max-width: 400px;}

input.zipsearch-input {
	background: #F1F4F9;
	border: 1px solid #DEE0E3;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.04);
	border-radius: 100px;
	padding: 9px 17px;
}

input.zipsearch-input::placeholder {color: #576268;}

.zipsearch-form .heroicon {
	width: 20px;
	height: 20px;
	margin-left: -40px;
}

.zipsearch-form .heroicon svg {stroke: #C9310F;}

/* Rivers */

.river-open-image-content .river-image-col {margin-bottom: 40px;}

/* Videos */

.fl-wp-video, .fl-video .fluid-width-video-wrapper iframe {border-radius: 24px;}

/* White Curve Col Bg */

.white-curve-col {background-color: #F1F4F9;}

.white-curve-col, .blue-curve-col {height: 180px;}

/* Accordions */

.accordion-bubbles .fl-accordion-button {transition: all .5s;}

.accordion-bubbles .fl-accordion-item-active .fl-accordion-button {
    padding-right: 50px;
    padding-left: 60px;
}

.accordion-bubbles .fl-accordion-item-active .fl-accordion-button {
	padding-top: 30px;
}

.fl-accordion-button-icon-left, .fl-accordion-button-icon-right {
	opacity: 1;
	color: #5DCBFB !important;
	font-weight: 700;
}

/* SEOPress */

#seopress-user-consent-close, .seopress-user-consent button {border: 0px !important;}

/******************************************************************************************/
/******************************** X GENERAL MEDIA QUERIES *********************************/
/******************************************************************************************/