/*
Theme Name: DoorGrow SeedSite 24
Theme URI: http://doorgrow.com
Version: 1.0
Description: Customized theme designed for clients' ease of use.
Author: DoorGrow
Author URI: https://doorgrow.com
template: bb-theme
*/

/* Add your custom styles here... */ 
body.home #op-header {position:absolute; z-index:10; width:100%;}
.fl-page-nav-right.fl-page-header-fixed, .fl-shrink-header {background:rgba(38,34,98,0.8);}
.fl-shrink-header .fl-logo-centered-inline {margin:0px;}
body:not(.home) #op-header .fl-page-bar, body:not(.home) #op-header .fl-page-header {background: #262262;}
#hero-col-2 > .fl-col-content {min-height:calc(100vh - 262px);}
body.admin-bar #hero-col-2 > .fl-col-content {min-height:calc(100vh - 294px);}
@media (max-width:992px) {
	#hero-col-2 > .fl-col-content {min-height:calc(100vh - 322px);}
	body.admin-bar #hero-col-2 > .fl-col-content {min-height:calc(100vh - 354px);}
}

.fl-builder-content p a, a.fl-callout-cta-link, .wsp-container a, .mfp-content p a {font-weight:bold; text-decoration:underline;}
.fl-builder-content p a:hover, a.fl-callout-cta-link:hover, .wsp-container a:hover, .mfp-content a:hover {text-decoration:inherit;}
.fl-builder-content p a:visited, a.fl-callout-cta-link:visited {color:#696969;}
.fl-builder-content .fl-heading a {text-decoration:underline; color:var(--accent-color);}
.fl-builder-content .fl-heading a:hover {text-decoration:inherit;}
.fl-builder-content ul.menu li a {text-decoration:underline; }
.fl-builder-content ul.menu li:hover a {text-decoration:inherit; }
.fl-social-icons a:hover {text-decoration:none;}

@media (min-width:768px) {
	ul#menu-main-menu, ul#menu-main-menu-1 {display:flex; justify-content:space-between;}
	.fl-logo-centered-inline {flex-grow:1; margin-top:-15px;}
	
}
/* .fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {background:rgba(0,0,0,.8);} */

.fl-logo-img {width: 285px;
}
@media (min-width:1280px) {
	h1, h1.fl-heading, h1.fl-callout {font-size:80px;}
}
h3, h3.fl-heading, h3.fl-callout {font-family:Poppins Condensed; font-weight:300;}
h4, h4.fl-heading, h4.fl-callout {font-weight:bold; text-transform:uppercase;}
.footer-copyright {display:flex; justify-content:space-between;}

@media (max-width: 767px) {
	.footer-copyright {justify-content:center; flex-direction:column;}
	header ul.nav {background:#292929;}
}
@media (max-width: 479px) { 

}
@media (min-width:768px) {
	.fl-page-bar div.col-md-6.text-left {width:33.3%;}
	.fl-page-bar div.col-md-6.text-right {width:66.7%;}
	.fl-page-footer div.col-md-6.text-left {width:60%;}
	.fl-page-footer div.col-md-6.text-right {width:40%;}
}
@media (min-width:992px) {
	.fl-page-bar .fl-page-bar-nav {margin: 0px;}
	.fl-page-bar .col-md-12 .fl-social-icons {float:left;}
	.fl-page-bar .col-md-12 nav.top-bar-nav {float:right;}
	header.fl-page-header div.col-md-4.fl-page-header-logo-col {width:25%;}
	header.fl-page-header div.col-md-8.fl-page-nav-col {width:75%;}
}

.fl-full-width .fl-page {
	max-width: 1920px;
}


/* Button Styling */ 
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	border: 0px !important;
	border-radius: 0px !important;
	padding:25px 50px;
	font:bold 16px/30px Barlow !important;
	letter-spacing:.075em; text-transform:uppercase;
}
/*
.fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:hover *, input.gform_button.button {
    color: #ffffff !important;
}
*/
.fl-builder-content .fl-module.text-link a.fl-button h2 {display:inherit;}

.fl-builder-content .fl-module.trans a.fl-button {padding:24px 48px; background:none; border:1px solid #FFF !important;}
.fl-builder-content .fl-module.trans a.fl-button * {color: #FFF !important;}
.fl-builder-content .fl-module.trans a.fl-button:hover  {background: #FFF;}
.fl-builder-content .fl-module.trans a.fl-button:hover * {color:#292929 !important; }

.fl-builder-content button, .fl-builder-content input[type="button"], .fl-builder-content input[type="submit"] {
	color:#FFF !important;
}

.accent-color-background {background: var(--accent-color);}

.form-icons .fl-callout-icon-left .fl-icon, .fl-callout-icon-left-text .fl-icon {
    padding-top: 7px;
}

/* Site Header */
div.fl-page-bar {border:0px;}
div.fl-page-bar .fl-icon {font-weight: 400;}
.fl-page-bar-row {display:flex; align-items:center; justify-content:center;}

.fl-page-bar a.phone {color:#bbbbbb !important; font:24px 'Barlow Condensed';}
.fl-page-bar a.phone:hover {color:#ffffff !important;}
.phone {white-space:nowrap;}

/* Site Footer */
footer a {text-decoration: underline;}
.fl-page-footer { border-top: 0px; font-size:15px; padding-bottom:90px;}
.fl-page-footer a {font-weight:bold;}

footer .fl-page-footer-widgets {font-size:19px; line-height:1.6em; padding-top:120px;}
footer .fl-page-footer-widgets a {font:300 23px/1.6em 'Barlow Condensed';}
footer .fl-page-footer-widgets h4.fl-widget-title {
    font-size:16px; font-weight:bold; text-transform:uppercase;}
aside.fl-widget ul li {
  margin-bottom: 0;
}
.fl-widget {
  border-bottom: none;
}
.fl-page-footer-widgets-row .col-md-4:last-child {display:flex; justify-content:flex-end;}
aside#text-2 {text-align:right; padding-right:30px;}
aside#text-2 iframe {width:140px !important; margin:15px -25px 0px 0px;}
footer .fl-social-icons {display:flex; flex-direction:column;}

@media (max-width:768px){
	.fl-page-footer-widgets-row .col-md-4:last-child {display: block;}
	footer .fl-social-icons {display: bock;}
	aside#nav_menu-3, aside#text-2, aside#custom_html-2 {text-align:center;}
	footer .fl-social-icons {display: block;}
}

/* Top Bar Social Icons */
.fl-page-bar .fl-social-icons {display:inline-flex;}
.fl-page-bar .fl-social-icons a {
	margin:0px 5px;
	border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
	box-sizing:border-box;
	font-size:10px; font-weight:400;
}
.fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab {
	font-size: 10px; display:flex;
	padding: 0px 0px 0px 8px;
}
.fl-page-bar .fl-social-icons a, .fl-page-bar .fl-social-icons a * {color:#FFF;}
.fl-page-bar .fl-social-icons a:hover {border-color: rgba(255,255,255,1);}

/* Footer Social Icons */
.fl-social-icons .fa-stack {
	margin:5px 5px;
	border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
	box-sizing:content-box;
	font-size:16px; font-weight:400; width:2em;
}
.fl-page-footer-widgets a.fa-stack * {color:transparent;}
.fa-stack i.fa-inverse.mono {color: #fff; line-height:2em;}
.fa-stack i.fa-inverse.mono:hover {}
.fl-social-icons .fa-stack:hover {border-color: rgba(255,255,255,1);}

/* Pricing Table CSS */
@media (max-width:479px) {
    .fl-pricing-table [class^="fl-pricing-table-col-"] {width:100%;}
}


/* remove color of trust symbols except on hover */
.op-trust-symbols img {
	max-width: 80px !important;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:.5;
}
.op-trust-symbols img:hover { 
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity:1;
}

/* gravity forms */

.gform_wrapper .ginput_container input[type=text], 
.gform_wrapper .ginput_container input[type=url], 
.gform_wrapper .ginput_container input[type=email], 
.gform_wrapper .ginput_container input[type=tel], 
.gform_wrapper .ginput_container input[type=number], 
.gform_wrapper .ginput_container input[type=password],
.gform_wrapper .ginput_container input, 
.gform_wrapper .ginput_container select, 
.gform_wrapper .ginput_container textarea {
	background:#fff;
	display: block;
	padding: 20px !important;
	font-size: 19px;
	height: 80px;
	border-radius: 0px;
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
	height: auto !important;
}

.gform_wrapper div.gform_footer {padding-left:15px; padding-right:15px; margin: 0 0 0 0 !important;}  
.gf-checklist {padding-left:24px;} 
div.gform_wrapper ul li.gfield {clear: none !important;}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	color:#292929; text-transform:uppercase; font: bold 16px/24px Barlow !important; letter-spacing:.075em;
}
.accent-color-background .gform_wrapper .gfield_required,
.accent-color-background .gform_wrapper label.gfield_label, .accent-color-background .gform_wrapper legend.gfield_label {
	color:#FFF;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
    color:#FFF;
}
.gform_wrapper {position:relative;}
input.gform_next_button, input.gform_previous_button, input.gform_button {
    border-radius:0px !important; 
	border:0px !important;
    padding:25px 50px;
	font:bold 16px/30px Barlow !important;
	letter-spacing:.075em; text-transform:uppercase;
}
#gform_submit_button_3 {
	margin: 30px auto 0px;
	display: table;
}

/* Gravity Forms ID #4 CSS */
@media (min-width: 767px) {
	form#gform_4 {position:relative;}
	form#gform_4 div.gform_footer.top_label {
	position: absolute;  top:42px;  right: 0;  width: 25%;}
div.gform_validation_error form#gform_4 div.gform_footer.top_label {
		position:initial;}
}
#gform_4 div.gform_wrapper div.gform_footer.top_label {padding: 5px 15px 0px;}
form#gform_4 input[type="submit"] {
	width: 100%; padding:25px;
}

input#gform_submit_button_5 {float:right;}



.hero-header li.col-sm-3, .hero-header form#gform_4 div.gform_footer.top_label {
  float: none;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 300px;
  position: inherit;
  width: 100%;
}
.hero-header .hero-form {
  margin: 0 auto !important;
  max-width: 300px;
  width: 100%;
}


.op-form-background {position:relative;}
.op-form-background:before {position:absolute; top:0px; left:0px; right:0px; bottom:0px; 
	content:""; display:block; background: #00ABF0; opacity:.07;}