/*

Theme Name: Autoservice Hut
Theme URI: http://www.autoservicehut.nl
Description: Template voor autoservicehut.nl
Author: Yavuz Gun
Author URI: http://www.guncorp.nl
Template: Divi

*/

@import url("../Divi/style.css");
@import url("font.css");
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/*-----------------[DIVI TWEAKS]------------------------*/
#footer-widgets .footer-widget li::before {
	display:none!important;
}
#footer-widgets .footer-widget li {
    padding-left: 0px;
}
.icon::before {
    font-size: 80px;
    color: #dd3333;
}
.et_pb_widget a {
font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
font-weight: 500;
color: #fff!important;
}

[class^='sl-small-']::before, [class*=' sl-small-']::before {
    font-family: "streamline-small-cs";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/
  
    /* style the get started cta button */
        @media only screen and (min-width : 981px) {
            .get-started {
                border-radius: 0px;}
            .get-started a {
                color: #fff!important;}
            li.get-started {
                background-color:#28a745; 
                font-weight: 700; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 14px 13px 14px 10px!important;
                border-radius: 1px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                height: 41px;
				margin-top:-12px;
			}
            li.get-started:hover {
                background-color:#218838;}
            .get-started a:hover {
                opacity: 1!important;}}
  
/*make sure get started CTA text is white even when menu is fixed */
        @media only screen and (min-width : 981px) {
            .et-fixed-header #top-menu li.current-menu-ancestor>a#mp_get_started, 
            .et-fixed-header #top-menu li.current-menu-item>a#mp_get_started,
            .et-fixed-header #top-menu li.current_page_item>a#mp_get_started,
            .et-fixed-header #top-menu a#mp_get_started {
                color: white!important;}}



/*-----------------[END DIVI TWEAKS]------------------------*/

/*-----------------[WOOCOMMERCE TWEAKS]------------------------*/



/*-----------------[END WOOCOMMERCE TWEAKS]------------------------*/

/*-----------------[CONTACTFORM TWEAKS]------------------------*/

.wpcf7 input, textarea {
width:75%;
border: 1px solid #ccc;
font-size: 14px;
font-family: Arial;
color: #666;
margin: 0 5px 5px 0;
padding: 8px 8px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.wpcf7 input[type="submit"] {
background: #000;
color: #fff;
cursor: pointer;
border: none;
font-size: 14px;
width: auto
}
.wpcf7-form input[type="submit"]:hover {
background-color: #ef7f1a;
}

span.wpcf7-list-item input {
	margin-right: .5em; width: 10px;
}
.wpcf7 select {
text-align: left;
border-radius: 5px 5px 5px 5px;
margin: 0;
height: 30px;
width: 200px;
z-index: 100;
}
span.wpcf7-list-item { 
padding: 5px;
}

#responsive-form{
	max-width:100%/*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;

}
.form-row{
	width: 100%;
display: block;
}
.column-half, .column-full{
	float: left;
	padding: 0.65rem;
	width:47%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-half-right {
	float: right;
	padding: 0.65rem;
	width:47%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

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

#rc-imageselect, .g-recaptcha {transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;}

/*-----------------[END CONTACTFORM TWEAKS]------------------------*/

/*-----------------[MEDIAQUERIES]------------------------*/

@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}



@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1){

}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.column-half, .column-full, .column-half-right{
width:100%!important;
}
}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.column-half, .column-full, .column-half-right{
width:100%!important;
}
}

/*-----------------[END MEDIAQUERIES]------------------------*/