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

.background-color-overlay > .fl-row-content-wrap::after {
	background-color:var(--accent-color); opacity:.6;}

@media (min-width:992px){
	.fl-page-header-logo {margin-top:-30px;}
}
.fl-logo-img {width: 285px;
}
.footer-copyright {display:flex; justify-content:space-between;}
@media (max-width:768px) {
	.footer-copyright {justify-content:center; flex-direction:column;}
}

@media (max-width:992px) {
	.fl-page-bar ul.fl-page-bar-nav {float: none;}
}
@media (max-width: 767px) {
}
@media (max-width: 479px) { 
}
@media (min-width:768px) {
	.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) {
	.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;
}

/* Fix page borders - Site Footer */
.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: 0px;
}
.fl-page-footer-widgets {
	border-top: 0px;
}
.fl-widget {
  border-bottom: none;
}
.fl-page-footer-widgets-container {border-bottom:2px solid #ddd;}

/* Button Styling */
input.gform_button,
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	text-transform:uppercase;
	border: 0px !important;
	border-radius: 10px !important;
	font-size:22px !important; font-weight:500;
	font-family: 'Khand', sans-serif !important;
	line-height: 1em !important;
	padding: 19px 50px !important;
}
a.fl-button:hover * {
  color: #ffffff !important;
}

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

/* Site Header */
div.fl-page-bar {
    font:15px Lato; border:0px; }
@media (min-width:768px) {
header ul.navbar-nav > li:before {
	content: "";
	position: absolute;
	right: 0px;
	width: 2px;
	top: 20px;
	bottom: 20px;
	background: #DDD;
}
}
@media (min-width:992px){
	div.fl-page-bar {padding-top:20px;}
	header ul.navbar-nav > li:last-child {margin-right:-15px;}
}
header ul.navbar-nav > li:last-child:before {display:none;}


/* Site Footer */
footer {font-family:'Khand'; font-weight:500;}
div.fl-page-footer {
    border-top: 0px;
}
footer a {text-decoration:underline;}
footer .fl-page-footer-widgets {
    font-size:18px;}
footer .fl-page-footer {font-size:14px; padding:20px 0px;}
footer .fl-page-footer-widgets h4.fl-widget-title {
    font-size:24px; text-transform:uppercase;}
aside.fl-widget ul li {
  margin-bottom: 0;
}


/* Place Dropshadow on Selected Rows */
.dropshadow {-moz-box-shadow: 0px 10px 10px #f4f4f4; 
    -webkit-box-shadow: 0px 10px 10px #f4f4f4;
    box-shadow: 0px 10px 10px #f4f4f4;
}
.top-dropshadow {position:relative;}
.top-dropshadow:before {
    position:absolute; top:-8px; left:0px; right:0px; z-index: 2;
    height:10px; width:100%;
    -moz-box-shadow: 0px 10px 10px #f4f4f4; 
    -webkit-box-shadow: 0px 10px 10px #f4f4f4;
    box-shadow: 0px 10px 10px #f4f4f4;
}

h1, h1.fl-heading {font-family: 'Libre Baskerville';}
h2, h2.fl-heading {text-transform:uppercase; font-weight:400; color: #747474; color: #232323;}


/* testimonials - shrink images from 50% to 25% */
.testimonial-ss8 img{ 
	width:100px; border-radius:50%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.op-testimonial p {font-size:14px; color:#5c5c5c !important;}

.team-member img { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* remove color of trust symbols except on hover */
.op-trust-symbols img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
.op-trust-symbols img:hover { 
-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;
  height:54px;
  padding: 5px 10px !important;
  font-size: 18px;
  line-height: 1em;
  color: #232323; background:#FFF;
  vertical-align: middle;
  border: 2px solid #EFEFEF;
  border-radius: 10px;
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
	height: auto !important;
}

.ginput_container {margin:0px !important;}
div.gform_wrapper .gfield_required {color:var(--accent-color);}

.gform_wrapper div.gform_footer {padding-left:15px; padding-right:15px; margin: 20px 0 0 0 !important;} /* remove padding above submit button */  

.gf-checklist {padding-left:24px;} /* form reasons checkmark list */

/* Gravity Forms ID #4 CSS */
#gform_4 div.gform_wrapper div.gform_footer.top_label {padding: 5px 15px 0px;}
.gform_wrapper .gform_footer input.button.gform_button {
	display: table;
	margin: 0px auto;
}

form#gform_4 li.gfield label {text-transform:uppercase; font-weight:500; padding-left:10px; margin:0px;}
form#gform_4 div.gform_wrapper ul.top_label .gfield_label {
  display: none;
}
div.gform_wrapper ul li.gfield {clear: none !important;}
input.gform_next_button, input.gform_previous_button, input.gform_button {
	font-weight: 500 !important;
}
.gform_wrapper .gsection {
	border-bottom: 0px; margin-top:30px; margin-bottom:0px;
}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
	font-weight: 500; color:#232323; text-align:center;
}
.gform_wrapper label.gfield_label {
	font:19px Khand; text-transform:uppercase; font-weight: 500; padding-left:10px;
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {
	font-size:18px;
}
.gform_wrapper li.gfield.field_description_below + li.gsection {
	margin-top: 80px !important;
}
.gform_wrapper #field_1_1  h2.gsection_title, .gform_wrapper #field_1_5 h2.gsection_title {font-size:42px !important}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	display: inline !important;
	font-size: 1em; font-weight:normal;
}
li#field_1_14 > label.gfield_label {dis-play:none;}

form#gform_2 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: baseline;
}
li#field_2_12 {
	margin-top:100px !important;
	width: 100%;
	text-align: center;
}
li#field_2_12 h2.gsection_title {
	font: 54px 'Libre Baskerville'; text-transform:inherit; color:#232323;
}

#gform_wrapper_4 .gform_body .gform_fields .gfield input[type=email],
#gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text] {
    background: none; background:#FFF;
    height:60px;
    font-size:18px;
    border-radius:10px;
}

/* GF 2.x Fixes */
div.gform_wrapper .gform_body {
	width: 100%; max-width:100%;
}
.fl-number .fl-number-text, .fl-number .fl-number-circle-container {
	text-align: left;
}

.op-trust-symbols img {max-width: 100px !important; margin-left:20px; margin-right:20px;}

.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%;
}

/* http://drinchev.github.io/monosocialiconsfont */
/* Change Top Bar Social Icons size */
.fl-widget .fl-icon {
	color:#c9c9c9; opacity:.7;
  font-size: 32px; /* Adjust to increase size */
  height: 30px; /* Only adjust if needed */
  line-height: 30px; /* Must be equal to height */
  width: 32px; /* Adjust to increase space between icons */
}
.fl-widget .fl-icon:hover {
	color:#c9c9c9; opacity:1;}