/*
Theme Name: DoorGrow SeedSite 33
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;
}

.footer-copyright {display:flex; justify-content:space-between;}
@media (max-width: 767px) {
	.footer-copyright {justify-content:center; flex-direction:column;}
	aside#text-8 { width: 100%!important; }
	.fl-social-icons {margin-left: -18px!important; }
}
@media (max-width: 479px) {
	.phone {visibility: visible; }
	li#menu-item-1074 a, .phone i { color: var(--accent-color)!important; font-weight: 700; }
	.col-sm-6.col-md-6.text-right.clearfix { display: none}
}
@media (min-width: 480px) { 
	.phone {visibility: hidden;}
}

@media (width: 768px) { .fl-page-bar-container.container { max-height: 38px; } }
@media (min-width:768px) {
	.fl-page-bar div.col-md-6.text-left {width:50%;}
	.fl-page-bar div.col-md-6.text-right {width:50%;}
	.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;
}
/*---------------H6 styling-------------- */
h6.fl-heading {
    text-transform: uppercase;
    font-weight: 700;
	color: rgba(67, 67, 67, .50);}
/* --------------End -------------------*/
p { opacity: 70% }

/* Button Styling */ 
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	border: 1px solid var(--accent-color);
	border-radius: 100px !important;
	font:400 14px/30px Poppins !important;
	text-transform: uppercase;
	padding: 8px 30px;
}
.fl-builder-content a.fl-button:hover {
	border: 1px solid var(--hover-color);
}
	

.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.trans a.fl-button {background: transparent;border: 1px solid var(--accent-color);}
.fl-builder-content .fl-module-button.trans a.fl-button * {color: var(--accent-color) !important;}
.fl-builder-content .fl-module-button.trans a.fl-button:hover  {background: var(--accent-color);border: 1px solid 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;
}
.fl-builder-content .fl-module-button.secondary-button a.fl-button:hover {background: transparent; border: 1px solid var(--accent-color);}
.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 */
div.fl-page-bar {font:300 14px Poppins; border:0px; text-transform: uppercase}
div.fl-page-bar .fl-icon {font-weight: 400;}
.fl-page-bar-text.fl-page-bar-text-2, .fl-page-bar-text.fl-page-bar-text-2 > i.fa.fa-phone {
	font-weight: bold; 
	font-size: 14px; 
	color: var(--accent-color) !important;
	letter-spacing: 1px;}


.fl-page-nav-right .fl-page-header-wrap {
    border-bottom: 0!important;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05);
}

/* Site Footer */
@media (min-width: 992px) {
	.col-sm-4.col-md-4.fl-page-footer-widget-col.fl-page-footer-widget-col-3 { width: 20%!important;}
	.col-sm-4.col-md-4.fl-page-footer-widget-col.fl-page-footer-widget-col-1 { width: 35%!important }
	.col-sm-4.col-md-4.fl-page-footer-widget-col.fl-page-footer-widget-col-2 { width: 45%!important }
}

.fl-page-footer-widgets-container { padding-top: 0!important}
.menu-bottom-tenants-menu-container {
    text-transform: uppercase;
    line-height: 2.3;
    column-count: 2;
}
.fl-page-footer-widgets-row.row {
	border-top: 2px solid rgba(76, 176, 80, .3);
	padding-top: 50px;
}
div.fl-page-footer {
    border-top: 0px; font-size:14px;
	
}
footer .fl-page-footer-widgets { font-size: 14px;   line-height: 1.8; }
footer .fl-page-footer-widgets h4.fl-widget-title { 
	font-size: 16px; 
	font-weight: 500;
	text-transform: uppercase;
	color: var(--accent-color)!important;
}
aside.fl-widget ul li {
  margin-bottom: 0;
}
.fl-widget {
  border-bottom: none;
}

.fl-social-icons .fa-stack {
	font-size:16px;
}
.fa-stack i.fa-inverse.mono  {
    background-color: var(--hover-color);
    border-radius: 100px;
    width: 35px;
	color: var(--accent-color)!important;
}
.fa-stack i.fa-inverse.mono:hover {
	color: #ffffff!important;
}

i.fas.fa-circle.fa-stack-2x.mono {
    color: transparent!important;
	font-size: 22px!important;
} 


.fl-page-footer-widgets {
    border-top: 0!important;
    background-color: #343434;
    color: #ffffff!important;
}

aside#text-8 {
    width: 80%;
    margin: 0 auto;
}

/* Pricing Table CSS */
@media (max-width:479px) {
    .fl-pricing-table [class^="fl-pricing-table-col-"] {width:100%;}
}



/* 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 {
	opacity:.5;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.op-trust-symbols img:hover { 
	opacity:1;
	-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;
	padding: 6px 12px !important;
	font-size: 14px;
	height: 54px;
	border-radius: 0px;
	background-color: #f7f7f7;
	border: 0;
}
.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: 1px solid var(--accent-color);
	border-radius: 100px !important;
	font:400 14px/30px Poppins !important;
	text-transform: uppercase;
	padding: 8px 40px;
}

.gform_wrapper .gform_page_footer {
	border: 0!important; 
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
	font-weight: 400;
}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top: 0!important;
}

/* 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"] {
 border: 1px solid var(--accent-color);
	border-radius: 100px !important;
	font:400 12px/30px Poppins !important;
	text-transform: uppercase;
	padding: 8px 30px;
} */
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%;
}


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