/*
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... */ 

body .fit-img {height: 100%;}

/* --- Header --- */
body {margin: 0 !important;}
header .fl-module-menu .fl-menu .menu .menu-item .fl-menu-toggle {width: 20px;height: 20px;margin: -10px 0 0;}
header .fl-module-menu .fl-menu .menu .fl-has-submenu-container a {padding-right: 20px;}
header .fl-module-menu .fl-menu .menu .menu-item .fl-menu-toggle::before {width: 8px;height: 8px;}

header .fl-module-menu .fl-menu-mobile-flyout {width: 90%;max-width: 400px;padding: 20px;right: -100% !important;}
header .fl-module-menu:has(.fl-active) .fl-menu-mobile-flyout {right: 0 !important;}

header .fl-module-menu .fl-menu .menu .menu-item .sub-menu::before {display: block;content: "";position: absolute;top: -8px;left: 23px;width: 0;height: 0;border-width: 0 8px 8px 8px;border-color: #ebeaf0;border-style: solid;border-left-color: transparent;border-right-color: transparent;border-top-color: transparent;}
/* --- #Header --- */

/* --- Footer --- */
footer .fl-module-icon-group .fl-icon-group .fl-icon a i {border-radius: 0px;border: 1px solid #fff;min-width: 38px;min-height: 38px;display: flex;align-items: center;justify-content: center;}
footer .fl-module-icon-group .fl-icon-group .fl-icon a:hover i {border-color: #330066;}
/* --- #Footer --- */

.fl-module-content-slider .fl-content-slider .fl-slide-content-wrap .fl-slide-content {padding-left: 30px;}

/* Responsive */
@media screen and (min-width:1201px) and (max-width:1600px){
	h1 {font-size: 50px;}
	body .hero-row.fl-row > .fl-row-content-wrap {min-height: 550px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	h1 {font-size: 48px;}
}
@media screen and (max-width:992px){
	header .fl-module-menu .fl-menu-mobile-close {font-size: 18px;}
	header .fl-module-menu .fl-menu .menu .menu-item a:hover {background-color: #c2e4b1;}
}
@media screen and (max-width:767px){
	.fl-module-content-slider .fl-content-slider .fl-slide-content-wrap .fl-slide-content {padding-left: 0;padding-top: 30px;}
}