/*
Theme Name: DoorGrow SeedSite 12
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: 285px;
}
.footer-copyright {display:flex; justify-content:space-between;}
@media (max-width:768px) {
	.footer-copyright {justify-content:center; flex-direction:column;}
}

h1, h1.fl-heading {color:var(--accent-color);}
h4, h4.fl-heading {font-family: "Hind", sans-serif; font-weight: 300;}
p a {font-family:Hind; font-weight:600; color:var(--accent-color) !important; text-decoration:underline;}
p a:hover {font-family:Hind; font-weight:600; color:var(--hover-color) !important; text-decoration:none;}

@media (max-width: 767px) {
}

@media (max-width: 479px) { 
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav button.navbar-toggle {padding: 12px;}
}
@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) {
/* 	h1, h1.fl-heading {font-size: 80px; } */
	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%;}
}
@media (min-width:768px) and (max-width:992px) {
	.fl-page-nav-bottom .fl-page-header-content div.fl-page-header-text {margin: 0px; font:700 20px Hind; padding-right:30px;}
}

.fl-full-width .fl-page {
	max-width: 1920px;
}

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

/* Button Styling Default/charcoal/ghost */
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
  border: 0px !important;
  border-radius: 0px !important;
  font:600 18px/1em Hind !important;
  padding: 28px 60px !important;
}

.fl-builder-content .fl-module-button.charcoal a.fl-button, .fl-builder-content .fl-module-button.charcoal a.fl-button:visited {
	background:#000000; color:#FFF;
}
.fl-builder-content .fl-module-button.charcoal a.fl-button:hover {
	background:#454545; color:#FFF;}

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

/* Drop Down Menu */

header {transition: all .35s ease-in-out;}
header.fl-page-header.highlight {min-height:100vh;}
header.fl-page-header.highlight, header .fl-page-nav-wrap {background:#000000 !important;}
.fl-page-nav-bottom .fl-page-header-content div.fl-page-header-text {margin: 0px; font:700 20px Hind; }
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav button.navbar-toggle { 
	background: rgba(255,255,255,.20); 
	top:12px; font-size: 22px; padding:18px 20px; border-radius:50%;}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav button.navbar-toggle:hover {background: var(--accent-color);}

header.fl-page-header.highlight.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav .navbar-toggle {background:#3b3b3b;}
header.fl-page-header.highlight.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav .navbar-toggle:hover {background:#232323;}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse ul.navbar-nav li a {
	text-align: right; padding-top:8px; padding-bottom:8px;}
@media (min-width:768px) {
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse ul.navbar-nav li a {font-size:28px;}
}

 /* Site Header */
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse {
	border-top: 0px;
	padding-bottom: 30px;
}
.fl-page-nav .navbar-nav li {border-color:#5f5f5f !important; width:450px; max-width:100%; float:right !important; clear:both;}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.sub-menu li:hover a {color:#FFF;}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.sub-menu li {padding: 8px}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.sub-menu li a::before {
	display:none;}


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

/* Site Footer */
@media (min-width:768px) {
.fl-page-footer-widgets .col-sm-4.col-md-4 {width:50%;}
.fl-page-footer-widgets .col-sm-4.col-md-4:first-child {width:100%;}
.fl-page-footer-widgets .col-sm-4.col-md-4:last-child div.textwidget {display:flex; flex-direction:row-reverse;}
}

footer.fl-page-footer-wrap {border-top:5px solid #FFF;}
div.fl-page-footer {  border-top: 0px;background-color: #000000!important}
footer .fl-page-footer-widgets {padding-top:20px;}
aside.fl-widget ul li {
  margin-bottom: 0;
}
footer .fl-widget ul li {
	display: inline-block; 
	font-weight:600;
	padding:0px 10px;
}

@media (min-width:992px) {
	ul#menu-bottom-tenants-menu {display:flex; justify-content:space-between;}
	ul#menu-bottom-tenants-menu li {padding:0px;}
}
footer .fl-page-footer-widgets a:not(.fa-stack) {font:600 16px "hind";}
footer .fl-page-footer a, footer .fl-page-footer {font:600 16px "hind";}
footer a:hover {text-decoration:none;}


/* 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: 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%);
}
.op-trust-symbols img {max-width: 100px !important;}

/* 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 {
	background:transparent;
	display: block;
	padding: 6px 12px !important;
	font: 14px;
	line-height: 1.428571429;
	height:74px;
	border-radius: 0px;
	border: 4px solid #d6d6d6;
}
.gform_wrapper .ginput_container input[type=text]:focus, 
.gform_wrapper .ginput_container input[type=url]:focus, 
.gform_wrapper .ginput_container input[type=email]:focus, 
.gform_wrapper .ginput_container input[type=tel]:focus, 
.gform_wrapper .ginput_container input[type=number]:focus, 
.gform_wrapper .ginput_container input[type=password]:focus,
.gform_wrapper .ginput_container input:focus, 
.gform_wrapper .ginput_container select:focus, 
.gform_wrapper .ginput_container textarea:focus {
	border: 4px solid #000000;
}

.gform_wrapper .dark-background .ginput_container input {
	border: 4px solid #8b8b8b; color:#FFF;}
.gform_wrapper .dark-background label.gfield_label {color:#919191 !important;}
.gform_wrapper .dark-background .ginput_container input:focus {
	border: 4px solid #FFFFFF;}

.gform_wrapper .accent-background .ginput_container input {border: 4px solid #d6d6d6; color:#FFF;}
.gform_wrapper .accent-background .ginput_container textarea {border: 4px solid #d6d6d6; color:#FFF;}
.gform_wrapper .accent-background label.gfield_label {color:#FFFFFF;}
.gform_wrapper .accent-background .ginput_container input:focus {border: 4px solid #FFFFFF !important;}
.gform_wrapper .accent-background .ginput_container textarea:focus {border: 4px solid #FFFFFF !important;}

.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
	height: auto !important;
}
div.gform_wrapper label.gfield_label {font:600 18px "Hind", sans-serif;}
.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; border:none;} /* set button size to match */

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

/* Gravity Forms ID #2 CSS */
@media (min-width:768px) {
form#gform_2 ul {
	display: flex; flex-flow: row wrap; align-items: baseline; justify-content: space-around;}
}
li#field_2_12 {
	margin:100px auto 0px!important;
	width: 100%;
	text-align: center;
	border:0px;
}
li#field_2_12 {margin:200px auto 0px !important; padding:0px;}
li#field_2_12 h2.gsection_title {
	font:600 80px/1.2em 'Hind'; text-transform:inherit; color:#F0F0F0;
}
li#field_2_12 .gsection_description {
	font: 28px 'Hind'; text-transform:inherit; color:#919191; padding:0px;
}


/* 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:40px;  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%;
}
#gform_wrapper_4 .gform_body .gform_fields .gfield input[type=email],
#gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text] {
    background: none; 
    height:74px;
    font-size:18px;
    border-radius:0px;
	color:#FFF;
}

/* Grvity FormsID #1 CSS */
.gchoice_1_14_1 {display: flex !important; align-items: flex-start;}
.gchoice_1_14_1 > label {margin-left:10px !important;}
#gform_wrapper_1 input.button, #gform_wrapper_2 input.button {
	display:table; margin:10px auto 0px;}
#field_1_1, #field_1_5 {border:0px; margin:35px 0px -10px !important;}
#gform_wrapper_1 h2.gsection_title {
	text-align:center; font:600 42px/1.2em 'Hind';
}


div.gform_wrapper ul li.gfield {clear: none !important;}
.gform_wrapper input.button,
.gform_wrapper .gform_footer input[type="submit"] {
    height:74px; padding:12px;
    font:600 18px Hind !important;
    border-radius:0px; width:25%;
	display:table; margin:auto;
}
.gform_wrapper .gfield_required {
	color: var(--accent-color) !important;
}
.accent-color-background .gform_wrapper .gfield_required {
	color: #d6d6d6 !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
    color:#FFF;
}
.gform_wrapper .accent-background input.button,
.gform_wrapper .accent-background .gform_footer input[type="submit"] {
    background:#000000; color:#FFF;
}
.gform_wrapper .accent-background .gform_footer input[type="submit"]:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
    background:#454545; color:#FFF;
}

.gform_wrapper {position:relative;}
input.gform_next_button, input.gform_previous_button, input.gform_button {
    border-radius:0px !important;
    padding:12px 40px !important; font-weight:bold !important;
}

/* Gravity Forms ID #5 CSS */
input#gform_submit_button_5 {float:right;}
#referral-calculator-form {
    background: linear-gradient( white 55%, #000000 55%);}
@media (max-width:992px){
#referral-calculator-form {
    background: linear-gradient( white 60%, #000000 60%);}
}

/* GF 2.x Fixes */
div.gform_wrapper .gform_body {
	width: 100%; max-width:100%;
}


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

/* footer Social Icons */
footer .fl-social-icons {font-size:14px;}
.fa-stack i.fa-stack-2x.mono {color:transparent;}
.fa-stack i.fa-inverse.mono {color:#FFF;}
.fa-stack i.fa-inverse.mono:hover {color:var(--accent-color);}

/* UNIVERSAL COLOR CHANGE Moved to functions.php */