/*
Theme Name: DoorGrow SeedSite 1
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... */ 
#hero-header li.col-sm-3, #hero-header form#gform_4 div.gform_footer.top_label {
	position: inherit;
	float: none;
	width: 100%;
	max-width: 300px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#hero-header .hero-form {
	width: 100%; max-width: 300px; margin:0 auto !important;
}

.orange, .fa-check {color: #f15a29;}
.green {color: #3e7413; font-weight: bold;}


.fl-logo-img {width: 285px ;}
.footer-copyright {display:flex; justify-content:space-between;}
@media (max-width: 767px) {
	.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) {
	h1, h1.fl-heading {font-size:40px;}
}
@media (max-width: 479px) { 
	h1, h1.fl-heading {font-size:32px;}
}
@media (min-width:768px) {
	.fl-page-bar .fl-page-bar-nav {	margin: 0 10px 0;}
	.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-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;
}

/* Remove Top Bar bottom border */
.fl-widget {
  border-bottom: none;
}


.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
  border: 0px !important; 
  border-radius: 6px !important;
  font:bold 16px Lato !important;
  line-height: 18px;
  padding: 16px 34px !important;
}

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

div.fl-page-bar {
    font:bold 14px Lato; border:0px;
}
div.fl-page-bar .fl-icon {font-weight: 400;}
li.phone.bold {font-weight:bold; font-size:16px; white-space:nowrap;}
li.phone a {color:#5c5c5c !important;}


a.fl-button:hover * {
  color: #ffffff !important;
}
div.fl-page-footer {
    border-top: 0px; font-size:15px;
}
footer .fl-page-footer-widgets {
    font-size:14px;}
footer .fl-page-footer-widgets h4.fl-widget-title {
    font-size:16px; font-weight:bold;}
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 {
    positon: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.fl-heading {font-weight:700;}
h2.fl-heading {font-weight:400; color: #747474;}


.op-testimonial p {font-size:14px; color:#5c5c5c !important;}

/* MOVED FROM BB */
.op-showcase-row {}
.op-alternate-row {}

/* style form container */
.op-form-background {}

/* testimonials - shrink images from 50% to 25% */
.op-testimonial .fl-callout-photo-left .fl-callout-photo, .op-testimonial .fl-callout-photo-left-text .fl-callout-photo { width:25%; }

/*--- testimonial pictures width 100% ---*/
/* .fl-callout.fl-callout-left .fl-callout-photo .fl-photo .fl-photo-content .fl-photo-img {width:100% !important;} */


/* 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 !important; 
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 1.428571429;
  color: 444444;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 6px;
}


.gform_wrapper div.gform_footer {padding-left:15px; padding-right:15px; margin: 0 0 0 0 !important;} /* remove padding above submit button */  
.gform_footer input[type=button], .gform_footer input[type=submit] {
	padding: 12px 12px;} /* set button size to match */

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

/* END MOVED FROM BB */

/* Gravity Forms CSS */
@media (min-width: 767px) {
	form#gform_4 {position:relative;}
	form#gform_4 div.gform_footer.top_label {
		clear:none; float:right; 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;}
.gform_wrapper input[type="submit"] {
  border-radius: 6px !important;
  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;}

#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:54px;
    font-size:18px;
    border-radius:6px;
}
.gform_wrapper .gform_footer input[type="submit"], .gform_wrapper input.button {
    height:54px; width:100% !important; padding-left:15px !important; padding-right:15px !important;
    font:bold 18px Lato !important;
    border-radius:6px !important;
	color:#FFF !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
    color:#FFF;
}
/* GF 2.x Fixes */
div.gform_wrapper .gform_body {
	width: 100%; max-width:100%;
}


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

.hero-header li.col-sm-3, .hero-header li.col-sm-6, .hero-header form#gform_4 div.gform_footer.top_label {
  color:#444 !important;
	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;}

/* UNIVERSAL COLOR CHANGE */
/* The follow CSS will change all colors from Blue FIND #00abf0 & REPLACE to specified color */
/*
span.fl-icon {color:#00abf0;}
.op-circle-icon .fl-module-content span.fl-icon i, .op-circle-icon .fl-module-content span.fl-icon i::before {
	background:#00abf0;}
h2.fl-cta-title span {color:#00abf0;}
div.op-h1-content-header-2 h2.fl-heading a, div.op-h1-content-header-2 h2.fl-heading .fl-heading-text, div.op-h1-content-header-2 h2.fl-heading .fl-heading-text * {
  color: #00abf0;
}
.accent-color h1.fl-heading, .accent-color h2.fl-heading, .accent-color h3.fl-heading, .accent-color h4.fl-heading {color:#00abf0;}
.section-1 h3.fl-callout-title {color:#00abf0; font-weight:bold;}
.op-testimonial img {max-height:100px; border:4px solid #00abf0;}
a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
  color: #ffffff;
}
button, input[type="button"], input[type="submit"] {
	background: #00abf0;
}

a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited *, input.gform_button {
    color: #ffffff;
}

.fl-module-button.op-button.trans .fl-button {background:#ffffff;}
.fl-module-button.op-button.trans .fl-button .fl-button-text {color:#00abf0;}
.fl-module-button.op-button.trans .fl-button:hover  {background:#00abf0;color:#ffffff; }
*/