/*
Theme Name: DoorGrow SeedSite 28
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;
}
/* a:hover, a:focus { color: var(--accent-color); text-decoration: underline!important} */
@media screen and (max-width: 767px) {
	footer-copyright {justify-content:center; flex-direction:column;}
	.fl-builder-content a.fl-button, .fl-builder-content a.fl-button {
    font-size: 15px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 30px!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%;}
	.footer-copyright {display:flex; justify-content:space-between;align-items: center;}
	.logo-div {text-align: left;}
}
@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;
}
h2, h3{font-weight: 900!important}

/* Button Styling */ 
.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	border: 2px solid var(--accent-color);
    border-radius: 5px;
    font: 17px Hind;
    text-transform: uppercase;
    font-weight: 100!important;
    letter-spacing: 2px;
    padding: 22px 40px;
	background-color: var(--accent-color);
}
a.fl-button:hover, .fl-builder-content a.fl-button:hover {border: 2px solid #fff;background-color: #fff!important; color: #000000}
a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button * {col-or: #ffffff}

.fl-builder-content .fl-module-button.trans a.fl-button {background:transparent!important; border: 2px solid #fff}
.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)!important;border: 2px solid var(--accent-color)!important}
.fl-builder-content .fl-module-button.trans a.fl-button:hover * {color: #fff!important; }

span.fl-icon {color:var(--accent-color);}
.fas:hover {color: var(--alt-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 {border:0px;}
div.fl-page-bar {font:500 19px hind; padding: 8px 0px;}
div.fl-page-bar .fl-icon {font-weight: 400;}
li.phone.bold {font-weight:bold; font-size:19px; letter-spacing: 5px;}
li.phone a {color:var(--accent-color) !important;}
.fa.fa-phone {color:var(--accent-color)}

/* Site Footer */
div.fl-page-footer {border-top: 0px;}
footer .fl-page-footer-widgets {font-size:inherit;}
footer .fl-page-footer-widgets h4.fl-widget-title {font-size:22px; font-weight:bold;color:var(--accent-color)}
aside.fl-widget ul li {margin-bottom: 0;}
.fl-widget {border-bottom: none;}
.fl-page-footer {font-size: inherit!important;}
ul#menu-bottom-tenants-menu {text-decoration: underline; font-weight: 500; column-count: 2;}
.fl-page-footer-widgets-container {padding-top: 60px}
.fl-social-icons .fa-stack {margin: 0 7px 0px -3px!important;}
a#gradeus-review-button {margin: 0!important;}

/*footer Widgets sizing*/
@media screen and (max-width: 600px) {
	ul#menu-bottom-tenants-menu {column-count: 1;}
}

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

/* Trust sysmbols */
.op-trust-symbols img {
	max-height: 80px; width:auto;
}

/* Change PNG to white, on hover remove filter, apply white background */
.op-trust-symbols img:not(:hover) {
	filter: brightness(0) invert(1);
}
.op-trust-symbols img:hover {
	background:#FFF;
} 

/* remove color of trust symbols except on hover */
.op-trust-symbols img:not(:hover) {
	filter: brightness(0.1);
} 
.op-trust-symbols img:hover { 
	background:#FFF;
}

/* 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: 18px!important;
	height: 60px;
	border-radius: 0px;
	border: 0;
    background-color: #F5F7FA;
}
textarea::placeholder {color: #000000!important;}
input::placeholder {color: #000000!important;}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
	height: auto !important;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {font-size: 15px!important}
.ginput_container.ginput_container_textarea {
	margin-top: 25px!important;}
.gf-checklist {padding-left:24px;} 
div.gform_wrapper ul li.gfield {clear: none !important;}
.gform_wrapper {position:relative;}
input.gform_next_button, input.gform_previous_button {
   	border: 2px solid var(--accent-color);
    border-radius: 5px;
    font: 17px Hind!important;
    text-transform: uppercase;
    font-weight: 100!important;
    letter-spacing: 2px;
    padding: 22px 60px;
	color: #fff;
	background-color: var(--hover-color);
}
input.gform_next_button:hover, input.gform_previous_button:hover { background-color: #fff!important; color: var(--accent-color)!important}
input.gform_button {
	border: 2px solid var(--accent-color);
    border-radius: 5px;
    font: 17px Hind!important;
    text-transform: uppercase;
    font-weight: 100!important;
    letter-spacing: 2px;
    padding: 22px 60px;
}
button:hover, input[type=button]:hover {
	border: 2px solid #fff;
}
input[type=submit]:hover {
	background-color: var(--alt-color);
	border: 2px solid var(--alt-color);
	color: #fff;
}
.main-lead-forms .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    font-size: 20px;
    line-height: 3!important;
    margin: 0!important;
    opacity: 1!important;
    color: var(--alt-color);
	font-weight: bold;
}
/* 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;}
@media (max-width: 768px){.fl-col-small:not(.fl-col-small-full-width) {max-width: 100%;}}