/*
 Theme Name:   Eco Green Equipment
 Theme URI:    https://ecogreenequipment.com/
 Description:  Eco Green Equipment
 Author:       SEO National
 Author URI:   https://www.seonational.com
 Template:     Divi
 Version:      1.0.0
 Tags:         Eco Green Equipment
 Text Domain:  https://ecogreenequipment.com/
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* GLOBAL */
/* remove the Divi sidebar line */
/*
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
*/

/* change heading tags to green */
h1, h2, h3, h4 { color: #7fb349; }

/* fix header parallax on Firefox */
.gecko .et_pb_section_parallax .et_pb_parallax_css { -webkit-transform: none !important; }





/* NAVIGATION */
/* sub-menu dropdown text size */
#top-menu li li a { font-size: 14px !important; line-height: normal !important; }

/* remove the divider line below the main menu */
/*
header#main-header.et-fixed-header, #main-header {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
*/

/* hide drop down arrow when main nav item has sub-nav drop-down menu links */
/* #top-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after { content: none !important; }*/
/* hides the right padding that becomes unnecessary after the dropdown arrow is removed above */
/* #top-menu .menu-item-has-children { padding-right: 0 !important; } */


/* main menu green CTA button */
.green-menu a, .et-fixed-header #top-menu .green-menu a { color: #fff !important; }
.green-menu { background: #04683a; height: 40px; padding: 12px 12px 10px 12px !important; border-radius: 20px; }
@media all and (max-width:981px) {
.green-menu { height: auto; }
}

/* shrink menu size on mid-resolutions so it all fits on screen in one row */
@media all and (max-width:1400px){
	#top-menu li, #top-menu li a {
		font-size: 14px !important;
	}
}





/* YOAST */
#breadcrumbs { padding: 10px; background: #efefef; text-align: center !important; font-size: 12px; }
#breadcrumbs a, #breadcrumbs span, #breadcrumbs strong { color: #333; }
.home #breadcrumbs { display: none !important; } /* hide breadcrumbs on home page */





/* WOOCOMMERCE */
mark.count, /* hide yellow highlighting of category product quantities on category index pages */
.woocommerce-breadcrumb, /* hide default Woocommerce breadcrumbs above the product details */
.single-product .description_tab, .single-product .additional_information_tab, .single .wc-tabs /* hide long description tab headers and "additional" tab on product pages */
{ display: none; }
.archive ul.products .product { text-align: center; } /* center product images/text/buttons on product category pages */

.woocommerce button.button.alt.disabled { background: none !important; }

/* center product text, prices, and CTA */
body.archive li.product, .et_pt_shop li.product { text-align: center; }

/* customize the buttons added on Woocommerce category pages produced by the edit in functions.php file */
/* remove weird padding on hover */
.woocommerce ul.products li.product a:hover { color: #fff; padding-right: 1em; }
.woocommerce ul.products li.product a::after { display: none; }

/* WooCommerce native reviews */
.woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit { background: #04683a; color: #fff !important; } /* fix color on review submit button */





/* FOOTER */
/* footer menu */
#menu-footer-menu a { color: #efefef; }





/* RESPONSIVE */
@media all and (min-width:1405px){

}

@media all and (min-width:1100px) and (max-width:1404px) {

}

@media all and (min-width:981px) and (max-width:1102px){
	#top-menu li a {font-size: 12px !important;}
}

@media all and (max-width:981px) {

}

/* MOBILE MENU */
/* change the mobile menu icon color */
/*.mobile_menu_bar_toggle::before { color: #fff !important; }*/
/* change the top border line color on expanded mobile menu */
/*.et_mobile_menu { border-top: 3px solid #fff !important; }*/
/* hide sub-sub-menu on mobile */
/*#mobile_menu ul.sub-menu ul.sub-menu { display: none !important; }*/




/* MISCELLANEOUS */
/* format Divi blog grid */
.et_pb_blog_grid .et_pb_post { margin-bottom: 60px !important; height: 510px; width: 320px; overflow: hidden; font-size: 14px; line-height: normal; }
.et_pb_blog_grid .et_pb_image_container { height: 200px; width: 320px; overflow: hidden; }




/* WP Customer Reviews plugin */
/* remove colored blockquote indent */
.wpcr3_in_content blockquote { border: none; }

/* hide website's company name from displaying before all reviews */
.wpcr3_item_name { display: none; } 

/* bold custom review questions and line break the answers */
.wpcr3_review_custom_label { font-weight: 700; clear: both; margin-top: 15px; }

/*Customizing the hello bar */
.hellobar-btn {border: none; background-color: #ffffff; padding: 7px 10px;  cursor: pointer;  display: inline-block; color:#693e91 !important;	margin-left:5px; border-radius: 10px;margin-top: 7px;
margin-bottom: 7px;}
.hello-bar p{text-align:center;}
.hellobar-text {padding-top: 7px !important; padding-bottom: 7px !important;line-height:1.3;}



@media all and (min-width:982px) and (max-width:1286px){header#main-header .container { width: 90%; padding-right: 5px; padding-left: 5px;
}
#top-menu li{padding-right:12px !important;}
}
.et_mobile_menu{padding-top:2.5% !important;}


/* change to white CF7 placeholder */
::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}

::placeholder:after {
	content:"*";
  color: #ffffff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #ffffff;
}

/* customize CF7 on the home page */
.get-in-touch-contact-form .wpcf7-form input.text, .get-in-touch-contact-form .wpcf7-form input[type=email], .get-in-touch-contact-form .wpcf7-form input[type=tel], .get-in-touch-contact-form .wpcf7-form input[type=text], .get-in-touch-contact-form .wpcf7-form select {
    padding: 2px;
    border: 1px solid #bbb;
    color: #ffffff !important;
    background-color: #535353;
    border: 1px solid #535353;
    border-radius: 5px;
	width: 99%;
	height: 30px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 13px;
}
.get-in-touch-contact-form .wpcf7-form textarea {
    padding: 2px;
    border: 1px solid #bbb;
    color: #ffffff !important;
    background-color: #535353;
    border: 1px solid #535353;
    border-radius: 5px;
	width:100%;
	 padding-left: 20px;
    padding-right: 10px;
    font-size: 13px; padding-top:10px;
	height:120px;
}

.get-in-touch-contact-form .wpcf7-form input[type=submit]:hover{background-color: rgba(128,194,44,0.73) !important;border: 2px solid #80c22c !important;}

.get-in-touch-contact-form .wpcf7-form input[type=submit]{margin-left: auto;
	border: 2px solid #80c22c !important;
    margin-right: auto;
    display: block;
    background-color: #80c22c;
    color: #ffffff;
    padding: 10px 50px;
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;}

#responsive-form{
width:100%;
}
 .form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-full { width:100%; }
.column-half { width: 33%; }

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
/*@media only screen and (min-width: 48em) { 
	.column-half { width: 33%; }
}
*/


/* customizing social media icons above footer on the home page */
a #social-icon {color:#333333 !important;}
#social-icon:hover{background-color:#ffffff;border: 1px solid #ffffff;}

.footer-facebook-icon{padding: 5px 15px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}
.footer-instagram-icon{padding: 5px 12px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}
.footer-twitter-icon{padding: 5px 10px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}
.footer-linkedin-icon{padding: 6px 12px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}
.footer-google-icon{padding: 5px 7.2px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}
.footer-youtube-icon{padding: 5px 9.5px; background-color:#73bf43;
border: 1px solid #73bf43;
border-radius: 50px;
	color:#333333 !important;
font-size: 25px;margin-right: 5px;}

@media all and (min-width:1071px) and (max-width:1283px){.footer-youtube-icon{padding: 5px 8px !important; font-size:18px !important;}
.footer-linkedin-icon { padding: 6px 10px !important; font-size:18px !important;}
.footer-twitter-icon { padding: 5px 8px !important; font-size:18px !important;}
.footer-instagram-icon { padding: 5px 10px !important; font-size:18px !important;}
.footer-facebook-icon { padding: 5px 12px; font-size:18px !important;}
.stay-connected {font-size:18px !important;}
.connect-social-media-icons{text-align:left !important;}
}
/* end of code customizing social media icons above footer on the home page */

#main-footer ul li::before {
top:0px !important; left:auto !important;font-size: 16px;
    content: '\2023' !important;
    color: #73bf43;
    font-weight: bolder;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
border: none !important;
}
#main-footer ul {

    list-style: none !important;
    margin-left: 0px;

}

#main-footer .footer-widget h4 {
    color: #73bf43;
    margin-bottom: 20px;
    border-bottom: #666 1px solid;
    padding-bottom: 15px;
} 

#footer-info {
    float: right;
    padding-top: 8px;
    color: #fff;
    text-align: right;
}
#footer-info a{color:#ffffff; font-weight:normal;}

#footer-info a:nth-child(2){ padding-right:5px;}

#footer-info a:nth-child(3){padding-left:5px;}
#footer-bottom img{width:220px;}

.stay-connected {margin-right: 20px;}

@media all and (max-width:1070px){
	.stay-connected {display:block !important;margin-bottom:20px; text-align:center;}
	.stay-connected-column{padding-top:0px !important;text-align:center;}
	.connect-social-media-icons{text-align:center !important;}
		
}

@media all and (max-width:981px){
	.et_mobile_menu {border-top: 3px solid #84c126 !important;}
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: #84c126 !important;
	}
	#footer-info {
    float: none !important;
    padding-top: 8px;
    color: #fff;
    text-align: center !important;
}
	#footer-bottom img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
		margin-top: 30px;
margin-bottom: 20px;
}
	
	
}

@media all and (max-width:445px){
	#social-icon .fab{margin-top:25px;}}

#et_search_icon::before {
   color: #80c22c !important; 
}

/* add underline to the menu link on hover */
#top-menu a:hover{color:#333333;}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
.sub-menu li a {text-transform:capitalize !important;}
.sub-menu li a:before{display:none;}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 35%;
 background: #80c22c; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
/* end of code adding underline to the menu link on hover */
#top-menu .menu-item-has-children > a:first-child::after { color:#80c22c !important;
}

/* reduce right margin of flags on secondary menu */
#et-secondary-nav li {
    margin-right: 7px !important;
}

.et_header_style_centered .mobile_menu_bar {

    position: absolute;
    top: 2px;
    right: 5px;

}

.et_header_style_centered #top-menu > li > a {

    padding-bottom: 1.5em !important;

}
/* hide cart on the secondary menu */
#et-secondary-menu .et-cart-info span {
    display: none !important;
}

/* customzing Let's Talk form */
#lets-talk-form{max-width:550px;    }
#lets-talk-form .form-row{display:block; clear:both;margin-left: -10px;}
#lets-talk-form input.text, #lets-talk-form input[type=text], #lets-talk-form input[type=email], #lets-talk-form input[type=tel] {
    width:100%; height:35px;
	padding: 5px 10px;
	border: #999999 solid 1px;
}

#lets-talk-form select {
    width:100%;
	border-radius:5px;
	height:35px;
	border: #999999 solid 1px;
}
#lets-talk-form .wpcf7-submit{    background-color: #69c83a;
    color: #fff;
    height: 40px;
    border-radius: 0;
    font-weight: 700;
    border: none;
    padding: 4px 50px;
    text-transform: uppercase;
    margin-top: 0;
    border-radius: 3px;
    cursor: pointer;
    transition: all 1s;}

#lets-talk-form textarea {
    width:100%;
	padding:6px 10px;
		height:100px;
	border: #999999 solid 1px;
	font-size: 14px;
}
@media only screen and (min-width: 48em) { 
	#lets-talk-form .column-half{width:50%;}
}


/* change to white CF7 placeholder */
#lets-talk-form ::placeholder {
  color: #999999;
  opacity: 1; /* Firefox */
}

#lets-talk-form ::placeholder:after {
	content:"*";
  color: #999999;
  opacity: 1; /* Firefox */
}

#lets-talk-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#999999;
}

#lets-talk-form ::-ms-input-placeholder { /* Microsoft Edge */
 color:#999999;
}

#lets-talk-form .column-half, #lets-talk-form .column-full {
     padding-top: 0px;}

#et-top-navigation .et-cart-info {display:none !important;}

/* Download Brochure button on individual equipment pages */ 
.brochure-button {color: #ffffff!important;
border: 2px solid #80c22c; font-weight: 600!important; text-transform: uppercase!important;
background-color: #80c22c; padding: 12px 20px; border-radius: 5px; margin-left:auto; margin-right:auto; display:block; text-align: center;}
.brochure-button:hover{ background-color: rgba(128,194,44,0.73);}
@media all and (min-width:450px) {
.brochure-button{width: 210px !important;}
}

.eco-green-six-images .et_pb_image_wrap, .eco-green-six-images .et_pb_image_wrap img {width:100% !important;}

/*making the flags round */
.wpml-ls-menu-item .wpml-ls-flag {
    display: inline;  vertical-align: middle !important;  width: 24px !important; height: 24px !important;
}
.menu-flags{display:none !important;}

/* Change opacity of GTranslate flags */
a.glink img {opacity: 1 !important;}

/* making the search icon inline on main menu */
#et-top-navigation .container {width: 90% !important;
max-width: 1200px !important; margin: auto !important;}