/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

a {text-decoration: none !important;}
svg {vertical-align: middle;}
.header-topbar ul {display: flex; align-items: center; justify-content: end; margin: 0; list-style: none;}
.header-topbar li:last-child { margin-left: 15px; }
.header-topbar li a { font-size: 15px; font-weight: 400; line-height: 1.667; color: #ffffff; text-transform: uppercase; letter-spacing: 0.5px; transition: all .25s ease-in-out;}
.header-topbar li a:hover {color: #333333;}
.header-topbar li a svg path { transition: all .25s ease-in-out; }
.header-topbar li a:hover svg path  { fill: #333333; }

header li.btn-menu {margin-left: 16px !important;}
header li.btn-menu a {font-size: 16px; font-weight: 800; line-height: 1.5; color: #ffffff !important; text-transform: uppercase; letter-spacing: 0.5px; background: #53B746; border-color: #53B746; border-radius: 0; padding: 9px 10px 10px; display: flex; align-items: center; justify-content: center; transition: all .25s ease-in-out; position: relative;}
header li.btn-menu a:before {content: ""; background-image: url('./images/calender-icon.svg'); height: 20px; width: 20px; margin-right: 10px;}
header li.btn-menu a:hover {background-color: #333333 !important;}
header.fl-theme-builder-header-sticky .header-top-bar {display: none;}
header.fl-theme-builder-header-sticky {box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
header .fl-col-small-custom-width .fl-node-content .callbackbutton {display: none;}
header .fl-col-small-custom-width .fl-node-content .callbackbutton a {color: #ffffff;}
header .fl-col-small-custom-width .fl-node-content .callbackbutton a:hover {color: #53B746;}

.calltoaction .fl-callout-photo {width: 27px;padding-right: 10px;}
.calltoaction .fl-callout-content {width: calc(100% - 27px);}
.calltoaction a:hover {color: #53B746 !important;}

.location-calltoaction .fl-callout-photo {width: 27px;padding-right: 10px;}
.location-calltoaction .fl-callout-content {width: calc(100% - 27px);}
.location-calltoaction a:hover {color: #53B746 !important;}

.sidebar-form form {background-color: #53B746; padding: 30px 15px; border-radius: 5px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);position: relative;}
.sidebar-form form label {width:100%;}
.sidebar-form form input, 
.sidebar-form form select, 
.sidebar-form form textarea {font-size: 14px; font-weight: 700; line-height: 1; color: #A7A7A7; text-transform: uppercase; padding: 13px 15px; border: 2px solid #ADADAD; border-radius: 0; height: 47px; display: block; width: 100%; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-family: Poppins, sans-serif;}
.sidebar-form form input.wpcf7-not-valid {border-color: red;}
.sidebar-form form .wpcf7-not-valid-tip {display: none;}
.sidebar-form form textarea {height: 60px; resize: none;}
.sidebar-form form input[type="submit"] {color: #fff; border-color: #fff; background: transparent;}
.sidebar-form form input[type="submit"]:hover {background-color: #333333; border-color: #333333;}
.sidebar-form form input:focus, .sidebar-form form textarea:focus {border-color: #333333;}
.sidebar-form form .form-title p {font-size: 28px; font-weight: 700; line-height: 1; color: #333333; text-transform: uppercase; margin-bottom: 8px; text-align: center;}
.sidebar-form form .form-subtitle p {font-size: 16px; font-weight: 400; line-height: 1; color: #333333; text-transform: uppercase; margin-bottom: 18px; text-align: center;}
.sidebar-form form .form-subtitle p a {color: #ffffff;}
.sidebar-form form .wpcf7-spinner {position: absolute; bottom: 15px; right: 0px;}
.wpcf7 form .wpcf7-response-output {color: #fff; margin: 15px 0 0; font-size: 15px;}
.sidebar-form {position: sticky; top: 110px;}

.sidebar-form form p {margin-bottom:5px;}
.singlepage-content p {text-align:justify;}



@media (min-width: 576px) {
	.fl-row-content-wrap .fl-row-content, 
	header .fl-row-content-wrap .fl-row-content, 
	footer .fl-row-content-wrap .fl-row-content {max-width: 514px;}
}
@media (min-width: 768px) {
	.fl-row-content-wrap .fl-row-content, 
	header .fl-row-content-wrap .fl-row-content, 
	footer .fl-row-content-wrap .fl-row-content {max-width: 694px;}
}
@media (min-width: 992px) {
	.fl-row-content-wrap .fl-row-content,
	header .fl-row-content-wrap .fl-row-content,
	footer .fl-row-content-wrap .fl-row-content {max-width: 934px;}
}
@media (min-width: 1200px) {
	.fl-row-content-wrap .fl-row-content, 
	header .fl-row-content-wrap .fl-row-content, 
	footer .fl-row-content-wrap .fl-row-content {max-width: 1114px;}
}
@media (min-width: 1400px) {
	.fl-row-content-wrap .fl-row-content, 
	header .fl-row-content-wrap .fl-row-content, 
	footer .fl-row-content-wrap .fl-row-content {max-width: 1200px;}
}
@media (min-width: 1600px) {
	header .fl-row-content-wrap .fl-row-content {max-width: 1540px;}
	footer .fl-row-content-wrap .fl-row-content {max-width: 1540px;}

	header .fl-col-small-custom-width .fl-node-content {display: flex; align-items: center; justify-content: end;}
	header .fl-col-small-custom-width .fl-node-content .callbackbutton {display: block; margin-left: 8px;}

}
@media (min-width: 1800px) {
	header .fl-row-content-wrap .fl-row-content {max-width: 1740px;}
	footer .fl-row-content-wrap .fl-row-content {max-width: 1740px;}
}

@media (min-width: 1201px) and (max-width: 1600px) {
	header nav .menu a {padding: 15px 5px !important; font-size: 14px;}
	header nav .menu li.btn-menu a {font-size: 13px;}
}

@media (max-width: 1200px) {
	
	header .fl-col-content nav .menu li .fl-menu-toggle {display: none;}
	header .fl-col-content nav .menu li .sub-menu {display: block !important; box-shadow: none;}
	header .fl-col-content {display: flex; align-items: center; justify-content: flex-end;}
	header .header-logo-wrap .fl-col-content {display: flex; align-items: center; justify-content: start;}
	header .fl-col-content .fl-menu nav {display: block !important; position: fixed; top: 0; left: -320px; z-index: 9999; width: 320px; max-width: calc(100% - 50px); height: 100vh; padding: 30px; margin: 0; background: rgb(52, 53, 57); list-style: none; overflow-x: scroll; transition: all 0.35s;}
	header .fl-col-content .fl-active + .fl-clear + nav {left: 0;}
	header .fl-col-content nav .menu li a {color: #fff !important; text-align: left; padding: 0 0 15px 0; margin-bottom: 15px;}
}
@media (max-width: 768px) {
	.header-topbar ul {padding-left: 0; justify-content: center;}
}