/*
Theme Name: DoorGrow SeedSite
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: 230px;}
@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 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 .fl-module a.fl-button, .fl-builder-content .fl-module a.fl-button:visited {
  border-width: 0px; box-sizing:border-box; hei-ght:54px;
  border-radius: 6px;
  font-size:18px; font-weight:bold; text-transform:uppercase;
  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-size:14px; font-weight:bold; border:0px;
}
@media (min-width: 767px) {
.fl-page-bar .fl-page-bar--nav, .fl-page-bar .fl-page-bar--text, .fl-page-bar .fl-social-icons {
	float:left;
}
.fl-page-bar .fl-page-bar-nav, .fl-page-bar .fl-page-bar--text, .fl-page-bar .fl-social--icons {
	float:right; 
}
}
.fl-page-bar a {opacity:.8;}
.fl-page-bar li.current-menu-parent > a, .fl-page-bar a.fl-icon:hover,
.fl-page-bar li.current-menu-item > a, .fl-page-bar li > a:hover {
	opacity:1 !important;}

.fl-page-nav .navbar-nav a {text-transform:uppercase; opacity:.8;} 
.fl-page-nav .navbar-nav li.current-menu-parent > a, 
.fl-page-nav .navbar-nav li.current-menu-item > a, .fl-page-nav .navbar-nav li a:hover {
	opacity:1 !important;} 

div.fl-page-bar .fl-icon {font-weight: 700;}
li.phone {font-size:16px;}
li.phone a {opacity:1 !important;}


a.fl-DEL-button:hover * {
  color: #ffffff !important;
}
.fl-page-footer {
    border-top: 0px; font-size:14px;
}
footer .fl-page-footer-widgets {
    font-size:15px;}
footer .fl-page-footer-widgets h4.fl-widget-title {
    font-size:18px; font-weight:bold;}
aside.fl-widget ul li {
  margin-bottom: 0;
}

h1.fl-heading {font-weight:700; color: #5c5c5c;}
h2.fl----heading {font-weight:700; color: #5c5c5c;}

div.op-testimonial h3.fl-callout-title {display:none;}
div.op-testimonial p {font-size:14px; color:#5c5c5c !important;}

/* 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%; }


/* remove color of trust symbols except on hover */
.op-trust-symbols .fl-photo-content {background:#fff; border-radius:6px;}
.op-trust-symbols img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	border-radius:6px;
	opacity:.8;
}
.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 {
  display: block;
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 1.428571429;
  background: #FFF; color: #444444;
  vertical-align: middle;
  border: 2px solid #eee;
  border-radius: 6px;
}

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

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

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

/* END MOVED FROM BB */

/* Gravity Forms CSS */
@media (min-width: 767px) {
	form#gform_4 div.gform_footer.top_label {
		width: 25%; float:left; clear:none;}
}
#gform_4 div.gform_wrapper div.gform_footer.top_label {padding: 5px 15px 0px;}
form#gform_4 input[type="submit"] {
  border: 2px solid #FFF; font-size:18px;
  border-radius: 6px;
  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],
#gform_wrapper_4 .gform_body .gform_fields .gfield select {
    background: #FFF;
    height:54px;
    font-size:18px;
    border-radius:6px;
}
.gform_wrapper .gform_footer input[type="submit"] {
    height:54px; 
    font-weight:bold; text-transform:uppercase;
    border-radius:6px;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
    color:#FFF;
}
/* GF 2.x Fixes */
div.gform_wrapper .gform_body {
	max-width: 100%;
}

.op-trust-symbols img {max-width: 100px !important;}
/* Footer Opacity */
footer a:hover {opacity:1}
footer a:not(:hover) {opacity:.8;}

/* http://drinchev.github.io/monosocialiconsfont */
/* Change Top Bar Social Icons size */
.fl-widget .fl-icon {
	opacity:.5;
  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 {
	opacity:1;}