/*
Theme Name: DoorGrow SeedSite 18
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... */ 

.fl-logo-img {
	width: 240px;
}

@media (max-width:992px) {
	.fl-page-bar ul.fl-page-bar-nav {float: none;}
}

@media (min-width:768px) {
	.fl-page-bar .fl-page-bar-nav {margin: 0px;}
	.fl-page-bar div.col-md-6.text-left {width:25%;}
	.fl-page-bar div.col-md-6.text-right {width:75%;}
	.fl-page-bar .fl-social-icons {float:left;}
	.fl-page-bar .fl-page-bar-nav {float:right;}
	.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) {
	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: 10px !important;
	font:500 18px Poppins !important; letter-spacing:1px;
	text-transform:uppercase;
	padding: 13px 24px !important;
	/* height:54px; */
}
.fl-builder-content .trans a.fl-button, .fl-builder-content trans a.fl-button:visited {
	border: 2px solid #ffffff !important;
	background:transparent !important;
	padding: 11px 22px !important;
}
.fl-builder-content .trans a.fl-button:hover {
	border: 2px solid var(--hover-color) !important;
	background:var(--hover-color) !important;
}

.fl-builder-content a.fl-button:hover * {
  color: #ffffff !important;
}

/* White-Button */
.fl-builder-content .white-button a.fl-button {
    background: #ffffff !important;
	color: var(--accent-color) !important;
}

.fl-builder-content .white-button a.fl-button:hover {
    background:var(--hover-color) !important;
}

.form-icons .fl-callout-icon-left .fl-icon, .fl-callout-icon-left-text .fl-icon {
    padding-top: 7px;
}
/* Set Icon Colors */
span.fl-icon {
    color: var(--accent-color);
}

/* Site Header */
div.fl-page-bar {font:14px Poppins; border:0px; text-transform:uppercase; letter-spacing: 1px;}
div.fl-page-bar .fl-icon {font-weight: 400;}
li.phone.bold {font-weight:bold; font-size:16px;}
li.phone a {color: var(--accent-color) !important;}

/* Site Footer */
.fl-page-footer {border-top: 0px; font-size:14px;}
.fl-page-footer-container {border-top:1px solid #9b9ea1; padding-top:55px; padding-bottom:60px;}
.fl-page-footer a, .fl-page-footer a *, .fl-page-footer-widgets a {text-decoration:underline;}
.fl-module.ada-compliance a {text-decoration: underline;}

/* footer Widgets Area */
footer .fl-page-footer-widgets {font-size:18px; padding-top:90px; padding-bottom:50px;}
footer .fl-page-footer-widgets h4.fl-widget-title {font-size:30px; color:#0a0a0a; position:relative; padding-bottom:1.2em;}
footer .fl-page-footer-widgets h4.fl-widget-title:after {
	position:absolute; bottom:0px; left:0px; content:""; width:70px; height:6px;
	border-bottom:6px solid var(--accent-color);}

/* Font Awesome Social Media Icons */
.fl-social-icons {margin-left:-15px;}
.fa-stack {opacity:.5; font-size:1.3em;}
.fa-stack:hover {opacity:1;}


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

.testimonial-ss18 img {width:80px; border-radius:50%;}
.testimonial-ss18 p {clear:both;}

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

/* 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 {
  display: block;
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 1.428571429;
	height:54px;
  /* border: 1px solid #ccc; */
  border-radius: 10px;
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"], .gform_wrapper textarea {
	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;} 

/* 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:7px;  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"] {
  border: 0px;
  border-radius: 0px;
  width: 100%;
}
form#gform_4 li.gfield label {display:none;}
form#gform_4 div.gform_wrapper ul.top_label .gfield_label {
  display: none;
}
div.gform_wrapper ul li.gfield {clear: none !important;}

/* GF 2.x Fixes */
div.gform_wrapper .gform_body {
	width: 100%; max-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: var(--accent-color); opacity:.07;}

.gform_wrapper {position:relative;}
input.gform_next_button, input.gform_previous_button, input.gform_button {
    border-radius:10px !important; border:0px;
    padding:13px 40px !important;
	font:500 18px Poppins !important; letter-spacing:1px; text-transform: uppercase;
}
input.gform_next_button:hover, input.gform_previous_button:hover, input.gform_button:hover {
    border:0px;
}
input#gform_submit_button_5 {float:right;}

@media (min-width:992px) {
	.h1-bannertext h1, .h1-bannertext h1.fl-heading, .h1-bannertext h1.fl-callout-title {font-size: 60px;}
}