/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: calc(100% + 5px) !important;
}
.menu-title a{
	font-weight:800!important;
}
.product a{
	margin-left:15px!important;
}
.header-phone{
	color:#000;
}

.underline:after{
	content: "";
	height: 3px;
	width: 50px;
	background:#87c540;
	display: block;
	margin-top: 7px;
}
.cta-btn {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 4px;
    line-height: 1.5em;
    background:#87c540;
	border: 1px solid #87c540;
	padding: 10px 20px;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	min-width: 200px;
	text-align: center;
	display: inline-block;
	color:#fff!important;
	border-radius:3px;
	
}
.header-phone{
	color:#000!important;
}
.upper-menu{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.social-list{
	display: flex;
	list-style: none!important;
		padding:0!important;
}
.social-list li{
	padding-right:10px;
}

.transparent{
	background:transparent;
	color:#202e3c;
	border-color:#202e3c;
}
.transparent:hover{
	background: #87c540;
	border: 1px solid #87c540;
	color:#fff;
}
.small-btn{
	font-size:11px;
	min-width:initial;
	padding:8px 18px;
}
.spacer{
	display:block;
	height:1em;
}
.green{
	background:#87c540;
	border-color:#87c540;
	color:#fff;
}

.flex-center{
	display:flex;
	justify-content:center;
	align-items:center;
}
.icon{
	max-width:120px;
}
.grid-section .et_pb_row{
	width:100%!important;
}

.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4 {
    width: 32.8%!important;
    margin-right: 0.8%!important;
}

.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4:last-child{
    margin-right: 0!important;
}

.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_3_8{
	width:49.5%!important;
	margin-right:1%!important;
}
.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_3_8:last-child{
	margin-right:0!important;
}
.grid-section .column-1{
	margin-right:10px!important;
}

.blog-section .post{
	background:#f2f2f2!important;
}

.et_pb_blurb .et_pb_image_wrap {
    top: 20px;
    position: relative;
}

#global-map .point_style img{
	max-width:30px!important;
}
#post-carousel .et_pb_section {
    padding: 0px!important;
}
.g-list li::marker{
	list-style-type:square!important;
	color:#87c540!important;
}
.g-list li{
	list-style-type:square!important;
	font-weight:600;
}
/*Post Carousel*/
.sp-pc-post .et_pb_section{
	display:none;
}
.sp-pc-content{
	display:none;
}

/*Quform*/
.fancybox-overlay-fixed{
	z-index:999999;
}
 input[type="text"], input[type="email"], textarea, .quform-label-text, .quform-form-description{
	background:#fff0!important;
	color: #333333!important;
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500 !important;
	font-size: 15px;
	padding: 0px 5px;
}
select , option{
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500 !important;
	font-size: 15px;	
}
.quform-field-text, .quform-field-email, .quform-field-textarea{
	border: 1px solid #cecece!important;
	color:#47515b!important;
}
.quform .quform-field-textarea{
	height:100px!important;
}
.quform-button-submit{
	width:100%;
}
.quform-submit{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 1.5em;
	background:#87c540;
	border: 1px solid #87c540;
	padding: 10px 20px;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	min-width: 200px;
	text-align: center;
	display: inline-block;
	color:#fff;
	border-radius: 3px;
}
.quform-form-title , .quform-form-description{
	line-height: 1.5em!important;
	color:#47515b !important
}
.quform-form-title-description{
	margin-bottom:20px;
}
#post-1719 .quform-form-description{
	color:#fff!important;
}
#post-1719 .quform input, #post-1719 textarea , #post-1719 .quform-label-text{
	color:#fff!important;
}
.quform-form-title{
	font-weight:800;
	color:#87c540!important;
}
.quform-form-description{
	font-size:16px!important;
}
.quform-spacer {
    padding: 2px 0px!important;
}
.fancybox-skin{
	background: #2e3136;
	box-shadow: 0px 0px 12px white !important;
}
.fancybox-overlay-fixed{
	z-index:99999;
}
.fancybox-opened {
    z-index: 999999;
}
/*End of Quform*/


/*Product Page*/


.show-on-mobile{
	display:none!important;
}
/*** Responsive Laptops And Above ***/
@media all and (min-width: 981px) {
  .blog-section .column.size-1of3{
	width: 32%!important;
	margin-right: 2%!important;
	}
	.blog-section .column.size-1of3:last-child{
		margin-right:0!important;
	}

}


/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4 {
		margin-bottom:5px;
	}
	#main-grid .column-1{
		margin-bottom:5px!important;
		margin-right:0px!important;
	}
	.show-on-mobile{
		display:initial!important;
	}
	#quote-li{
		float:none!important;
	}
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
		.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4 {
		margin-bottom:5px;
	}
	.grid-section .column-1{
		margin-right:0px!important;
		margin-bottom:5px!important;
	}
	.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4 {
		width: 100%!important;
		margin-right: 0px!important;
		margin-bottom:5px!important;
	}
	.grid-section .et_pb_gutters1 .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_3_8{
		width: 100%!important;
		margin-right: 0px!important;
		margin-bottom:5px!important;
	}
	#main-grid .column-1{
		margin-bottom:5px!important;
		margin-right:0px!important;
	}
	#add-grid .et_pb_column{
		margin-bottom:5px!important;
	}
	.show-on-mobile{
		display:initial!important;
	}
	#quote-li{
		float:none!important;
	}
	
 
}

/********* Mobile Menu Collapse ********/
/**** This hides the sub menu items on mobile ****/
.et_mobile_menu li ul.hide {
display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
.et_mobile_menu .menu-item-has-children {
position: relative;
}
.et_mobile_menu .menu-item-has-children > a {
background: transparent;
}
/**** This styles the icon and moves it to the right ****/
.et_mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
/**** Here you can swap out the actual icons ****/
span.menu-closed:before {
content: "\4c";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
span.menu-closed.menu-open:before {
content: "\4d";
}
/*Submenu width*/
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: calc(100% + 15px)!important;
}

.nav li ul{
	border-color:#87c540;
}
.sub-menu{
	width:280px!important;
}
.sub-menu li{
	padding:0px!important;
}
#top-menu li li a{
	width:100%!important;
	font-size:15px;
}
.et-menu li li a , .nav li li{
	width:100%;
}
.et-menu li li a {
	padding: 3px 20px!important;
}
.et_mobile_menu{
	border-color:#87c540!important;
}

/*Add to quote*/
.quote-li .dropdown{
	display:flex;
	align-items:center;
}
#dropdownMenuButton a{
	display:flex!important;
	align-items:center!important;
}

#dropdown {
    top: 74px!important;
    right: 0px!important;
    border-top: 3px solid #87c540!important;
}
.woo_options_mini{
	display:none;
}
.colpro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	text-align:left!important;
}
#total-items{
	text-align:left;
	font-size:12px;
}
