/*
Theme Name: DoorGrow SeedSite 56
Theme URI: http://doorgrow.com
Version: 1.1
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: 285px; }


@media (max-width: 767px) {
	.footer-copyright {justify-content:center; flex-direction:column;}
	.col-sm-12.col-md-4.fl-page-header-logo-col,.col-sm-12.col-md-8.fl-page-nav-col { padding-right: 0px !important }
}

@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; }
@media (min-width: 992px){
	.fl-page-bar .col-md-12 .fl-social-icons { float: right !important; }
.fl-shrink-header-enabled.admin-bar .fl-page-header {width:1920px; max-width:100%; min-width:auto;
	margin:0px auto; padding: 0px 0px 0px 50px;}
.fl-shrink .fl-page-bar .container {
	width:1920px; max-width:100%; min-width:auto;
	margin:0px auto; padding: 7px 50px; 
}}
.fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab { color: var(--accent-color) !important }

/* Site Header */
.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed
header.fl-shrink-header {
	max-width: 1920px;
	margin: 0px auto;
	right: 0px;
}
.fl-fixed-header .fl-page-bar .container, .fl-fixed-header .fl-page-header {
	max-width: 1920px; min-width:auto;
}
.fl-page-header .fl-full-width .container, .fl-page-header .fl-page-header-container.container { max-width: 100% !important; width: 100% !important }

/* Button Styling */ 
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	border: 0px !important;
	border-radius: 0px !important;
	font: bold 18px/30px Jost !important;
	padding: 15px 40px;
}
.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-button.banner-btn a.fl-button:hover  {background: #fff;}
.fl-builder-content .fl-module-button.banner-btn a.fl-button:hover * {color: var(--accent-color) !important; }

.fl-builder-content .fl-module-button.trans a.fl-button {background: transparent;}
.fl-builder-content .fl-module-button.trans a.fl-button * {color: #fff !important;}
.fl-builder-content .fl-module-button.trans a.fl-button:hover  {background: var(--accent-color);}
.fl-builder-content .fl-module-button.trans a.fl-button:hover * {color:#ffffff !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 */
.fl-page-header-container { padding: 0px !important }
div.fl-page-bar {font: light 15px Jost; border:0px;}
div.fl-page-bar .fl-icon {font-weight: 400;}
.fl-page-nav-right .fl-page-header-wrap { border-bottom: 0px !important }
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a { font-weight: 700 !important }

@media (min-width: 992px) {
	li.phone-btn {background-color: var(--accent-color); padding: 10px 55px; float: right !important;}
	ul#menu-main-menu {	vertical-align: middle; align-items: center;  display: flex;}
	li.phone-btn a { padding: 0px !important; font-weight: 700 !important ; text-align: left; }
}
li.phone-btn a:before { content: "Got questions? Call us! \a"; white-space: pre; font-weight: 300 !important; font-size: 14px !important }
nav.top-bar-nav { font-size: 15px !important }
@media (max-width: 991px) { 
	.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a { font-size: 16px }
	.fl-page-header-row.row { margin-right: 0px !important }
}
@media (width: 1024px) { 
	.fl-page-nav .navbar-nav li>a { padding: 10px 10px !important} 
	li.phone-btn { padding: 0px 20px !important } li.phone-btn a.nav-link { padding-top: 5px !important } .fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a { font-size: 16px } 
}
/* Not working
@media (min-width: 1400px) and (max-width: 1500px) {ul#menu-main-menu li:not(:last-child) { position: relative; left: -220px;} }
@media (min-width: 1200px) and (max-width: 1399px) {.fl-page-nav .navbar-nav li>a { padding: 15px 10px !important } li.phone-btn { padding: 0px 25px !important }}
@media (min-width: 1501px) { ul#menu-main-menu li:not(:last-child) { position: relative; left: -80% !important ; }}
*/

/* Site Footer */
div.fl-page-footer { border-top: 0px; }
footer .fl-page-footer-widgets { font-size: 18px; line-height: 2em}
footer .fl-page-footer-widgets h4.fl-widget-title { font-size: 24px; font-weight:bold;}
aside.fl-widget ul li { margin-bottom: 0; }
.fl-widget { border-bottom: none; }
.col-sm-4.col-md-4.fl-page-footer-widget-col.fl-page-footer-widget-col-3 { text-align: right; }
.review { left: 66%; position: absolute }
.fl-page-footer-widgets-container { padding-top: 70px !important }
.fa-stack i.fa-inverse.mono {
    color: var(--accent-color);
    background-color: var(--hover-color);
}
.col-sm-4.col-md-4.fl-page-footer-widget-col.fl-page-footer-widget-col-2 .fl-social-icons { text-align: center;}
/* Pricing Table CSS */
@media (max-width:479px) {
    .fl-pricing-table [class^="fl-pricing-table-col-"] {width:100%;}
}

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


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

/* 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 img {
	-webkit-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	filter: brightness(0) invert(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;
	height: 54px;
	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 .gform_footer input[type="submit"]:hover {
    color:#FFF;
}
.gform_wrapper {position:relative;}
input.gform_next_button, input.gform_previous_button, input.gform_button {
    border: 0px !important;
	border-radius: 0px !important;
	font: bold 18px/30px Jost !important;
	padding: 15px 40px;
}

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

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

.gform_page_footer.top_label { text-align: right; border-top: 0px !important}
/* Main Form */
div#gform_page_5_1 input.gform_next_button, div#gform_page_5_1 input.gform_previous_button, div#gform_page_5_1 input.gform_button { background-color: #fff !important; color: var(--accent-color) !important}
div#gform_page_5_1 input.gform_next_button:hover, div#gform_page_5_1 input.gform_previous_button:hover, div#gform_page_5_1 input.gform_button:hover { background-color: var(--hover-color)!important; color: #fff !important  }
.gform_legacy_markup_wrapper .gf_progressbar_wrapper .gf_progressbar_title { color: #fff !important; opacity: 1 !important ; font-size: 24px !important; font-weight: 700 !important}
.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;}