/*
Theme Name: Clevely Electrical Vehicles
Theme URI: CLIENT_COMPANY_URL_HERE
Description: Bespoke theme for Clevely Electrical Vehicles
Author: Nettl of Gloucester
Author URI: https://www.absolutecreativemarketing.co.uk/
Template: Divi
Text Domain: nettl-wirelessinnovat
*/


/* header - logo (prevents pixelation of logo on scroll) */
#logo {transform:none !important;}

.gform_wrapper input[type=text]{
	border: none;
	border-bottom: 1px solid #3C428C !important;
	padding: 12px;
	background-color: #eaeaea;
}

.gform_footer input[type=submit]{
    padding: 12px !important;
    border: none;
    background-color: #0090c1;
    color: #fff;
    width: 100% !important;
}

.gform_footer input[type=submit]:hover{
	background-color: #183446;
	cursor: pointer;
	border: 1px solid #fff!important; 
}



@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}


/* ----------------------------------- */
/* Menu - Active Item Background Color */
/*           by Geno Quiroz            */
/* ----------------------------------- */
 
@media only screen and (min-width : 981px) {
 
 
/* remove carrot from menu with drop down */
    #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 0px;}
    #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display:none;}
	
	
/* Add Button to Divi menu item with class menu_button */
 
@media only screen and ( min-width: 981px ) {
.menu_button a {
    background-color: #183446;
    padding: 5px 12px !important;
    color: #fff !important;
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.1);
}
 
.et-fixed-header #top-menu .menu_button a   {
     color: #fff !important;
}}

 
 

 
/* ----------------------------------- */
/* Menu - Active Item Background Color */
/*           by Geno Quiroz            */
/* ----------------------------------- */
 
@media only screen and (min-width : 981px) {
 
 
/* remove carrot from menu with drop down */
    #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 0px;}
    #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display:none;}
 
 
/* menu padding */
    #et-top-navigation {
        padding-top: 0px!important;
        font-weight:100;}
    #top-menu li {
            margin-left: -3px;
        padding-right: 0px;}
    #top-menu li > a { 
        padding: 20px 22px 22px 22px!important;}
 
 
/* remove color fade in on menu text */
    #top-menu a {
        color: #000;}
 
 
/* menu item hover colors */
    #top-menu li:hover {
        background-color: #0090C1;} /*change background color here*/
    #top-menu li > a:hover {
    color: #fff !important;
        opacity: 1!important;}  
 
 

 
/* sub menu adjustments */ 
    .sub-menu {
            padding: 0px!important;}
    #top-menu li li a {
            padding: 10px 5px 10px 8px!important;}
    .current-menu-ancestor .sub-menu a {
            color: #000!important;}
    .current-menu-ancestor .sub-menu a:hover {
            color: #fff!important;}
 
}
}


.et_header_style_centered #main-header .logo_container {
    height: 150px;
    background-color: #fff!important;
}

.et_fullwidth_nav #main-header .container {
    padding-right: 0px !important;
    padding-left: 0px!important;
}

.et_header_style_centered #main-header .logo_container {
    height: 180px!important;
}


#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center !important;
}

#et-info, #et-secondary-menu>ul>li a {
    padding-bottom: 0em !important;
}


/* change divi menu breakpoint */


@media only screen and ( max-width: 980px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
position: absolute;
}
}

@media only screen and ( max-width: 1185px ) {
    #top-menu li a {
    font-size: 15px !important;
	}
}


/* footer menu center */
.bottom-nav {
text-align: center;
text-transform:lowercase;
}


.impi_endorser_header .et_pb_slider .et_pb_slide {
    padding: 50px 0 50px 0 !important;
}

span.slide_title {
    font-size: 23px !important;
}


.freddie_blurred_vision_accordion .et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title:hover {
    color: #2ea3f2!important;
}


.freddie_blurred_vision_accordion .et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title:hover {
    color: #2ea3f2!important;
}

.wpls-logo-showcase .slick-slide .logo-title {
    color: #ffff !important;
    padding: 5px !important;
    font-size: 18px !important;
}

.wpls-logo-showcase .slick-dots {
    display: none !important;
}

#top-header, #top-header a {
    padding-bottom: 10px !important;
}



#wpls-logo-showcase-slider-1 .wp-post-image, #wpls-logo-showcase-slider-1 .wp-post-image img.wp-post-image {
    max-height: 125px !important;
	max-width: 125px !important;
}


.et_contact_bottom_container {
    float: left !important;
    width: 100% !important;
}


h3 {
    font-size: 20px !important;
}


.coco_step_footer .et_pb_contact_form_container form .et_contact_bottom_container button:before {
	display:none!important;}


.coco_step_footer .et_pb_contact_form_container form p:after {
    background: #fff!important;
}

.coco_step_footer .et_pb_contact_form_container form p:hover label, .coco_step_footer .et_pb_contact_form_container form p.filled label, .coco_step_footer .et_pb_contact_form_container form p.focus label {
	color: #fff !important;}

.sigmund_hover_effect_article .et_pb_post:before {
	box-shadow: inset 0 0 0 6px #0090c1 !important;}


/*change divi menu breakpoint*/

@media only screen and ( max-width: 1300px ) {
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
	.et_fixed_nav #main-header, .et_fixed_nav #top-header{
		position: absolute;
	}
}


@media only screen and ( max-width: 1400px ) {
	#top-menu li a {
		font-size: 13px !important;
	}
}

/* logo */
@media only screen and ( max-width: 1400px ) {
	#logo {max-width:140px;}
}


.searchandfilter input[type=text], .searchandfilter select.sf-input-select {
    background-color: #ffffff!important;
}

/*Filter Button CSS*/
.wpf_search_button {
    background-color: #333333 !important;
    border: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0.8em;
    -webkit-appearance: none;
    transition: all .1s linear;
    outline: none;
    border-radius: 2px !important;
}

.wpf_search_button:hover {
    background-color: #717171 !important;
    color: #fff;
}

/*Product Filter Field CSS*/
.wpf_layout_horizontal .wpf_item {
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.1);
    padding: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #fff;
    border-radius: 2px !important;
}

/*Product out of stock custom message - Woo Booster*/
.out-of-stock {
    padding-top: 2%;
    padding-bottom: 2%;
	color: red;
}

.in-stock {
	padding-top: 2%;
    padding-bottom: 2%;
}