/*
Theme Name: AS-Modena - Child
Theme URI: http://www.autosoft.eu
Template:     AS-Modena
Author: Autosoft automotive internet
Author URI: http://www.autosoft.eu/
Description: Modena CHILD Thema, ontworpen en ontwikkeld door Autosoft. Afgeleide van het Autosoft Modena thema voor klantspecifieke aanpassingen.
Version: 1.1.1
Text Domain: autosoft
*/

/****************************************************
 
	Code & CSS edits: Autosoft BV - www.autosoft.eu
	Copyright (c) Autosoft BV - All Rights Reserved
	 
****************************************************/
.cookiefirst-root > span { 
	margin-bottom: 60px; 
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.cookiefirst-root > span:hover { 
	margin-bottom: 60px; 
	opacity: 1;
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}


div[class^="amazingslider-nav-"] {display: none!important;}
.desktopslider .widget { padding-bottom: 0!important; }


.custom-logo-link img { max-height: 120px; }

@media screen and (min-width: 48em) {
    .site-branding-text h1.site-title { min-width: 14em; }
}

@media screen and (max-width: 480px) {
	.home .custom-logo-link { width: 100%; }
	.home .custom-header.mobile { height: 85vh!important; }
	.custom-header.mobile { height: auto!important; }

}

@media screen and (min-width: 48em) {
	.main-navigation a { padding: 1em 1em; }
}
@media screen and (min-width: 481px) and (max-width: 48em) {
    .main-navigation a { padding: 1em 0.75em; }
}

.menu-hoofdmenu-container .menu-item svg.icon {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	opacity: 0.5;
  	filter: alpha(opacity=50);
}

.menu-hoofdmenu-container .menu-item:hover svg.icon {
    opacity: 1;
  	filter: alpha(opacity=100);
}

.main-navigation li li a {
	 transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
} 

.main-navigation li li a:hover {
    padding-left: 20px;
    padding-right: 15px;
   
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main .entry-content .AutoCommerceAvdwWidget ul li {
    background: rgba(0,0,0,0.3);
	color: #ffffff!important;
	font-style: normal!important;
	height: auto!important;
	max-height: none!important;
	padding-bottom: 1em!important;
	margin-bottom: 1em!important;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

#main .entry-content .AutoCommerceAvdwWidget ul li .avdwmerkmodel {
	text-transform: uppercase;
}
#main .entry-content .AutoCommerceAvdwWidget ul li .avdwuitvoering {
	font-size: 0.9em; color: #aaaaaa;
}

#main .entry-content .AutoCommerceAvdwWidget ul li strong em {
	font-style: normal!important;
}

#main .entry-content .AutoCommerceAvdwWidget ul li a {
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}

#main .entry-content .AutoCommerceAvdwWidget ul li:hover {
	background: rgba(0,0,0,0.4);
	margin-top: -0.2em!important;
}

.AutoCommerceAvdwWidget ul li .avdwfoto { height: auto!important; }
.AutoCommerceAvdwWidget ul li .avdwfoto img { margin-top: 0!important; } 

.teammember h5 {
    font-size: 15px !important;
}

.teammember:hover img.post-thumbnail {
    cursor: default;
}

.widget.widget_recent_entries ul li a,
.widget.widget_nav_menu ul li a {
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
}

#secondary .widget.widget_recent_entries ul li a:hover,
#secondary .widget.widget_nav_menu ul li a:hover {
	color: #1595d3!important;
}

#colophon {
    border-top: 1px solid #1595d3;
}

b, strong {
    font-weight: 500;
}


.panel-content.white-text blockquote p {
    color: #1595d3!important;
	text-shadow: 0 0 4px #000000;
}


/* NAAR CUSTOM CSS.PHP */

.main-navigation .current-menu-ancestor > a {color: #1595d3!important; }

.su-spoiler-icon-plus .su-spoiler-icon:before {
  color: #1595d3!important; 
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
   color: #1595d3!important;  
}

.su-spoiler-title:hover .su-spoiler-icon:before {
  color: #1595d3!important; 
}


.wpcf7-form em {font-size: 0.8rem}
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus, form.wpcf7-form select:focus,
form.wpcf7-form input.wpcf7-not-valid :focus, form.wpcf7-form textarea.wpcf7-not-valid :focus, form.wpcf7-form select.wpcf7-not-valid:focus {
    border-left: 4px solid #1595d3 !important;
}

.wpcf7-form button, .wpcf7-form input[type="button"], .wpcf7-form input[type="submit"] {
    background: #efefef;
	padding: 0.5em 2em!important;
}

form.wpcf7-form input.wpcf7-submit:hover, form.wpcf7-form input.wpcf7-submit:focus {
    border-left: 4px solid #1595d3 !important;
    background: #efefef;
	color: #1595d3!important;
	padding: 0.5em 2.5em!important;
}


iframe#kostdatframe {
    width: 100%!important;
    height: 700px!important;
}

@media screen and (max-width: 480px) {
	iframe#kostdatframe { width: 100%; height: 800px;}
}

/* END KLANT OVERRIDES */


/* AUTOCOMMERCE COLOR FIXES */

#occasionlijstwrapper a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1);
}

#occasionlijstwrapper a img {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1);
}

#occasionlijstwrapper div.nav b {
    color: #1595d3;
}

#occasionlijstwrapper .occasionresultV2:hover {
    border-top: 1px solid #1595d3;
    border-bottom: 1px solid #1595d3;
}

#occasionlijstwrapper .occasionresultV2 .merkmodel {
    color: #1595d3 !important;
}

#occasionlijstwrapper .occasionresultV2:hover .merkmodel {
    color: #1595d3 !important;
}

#occasionlijstwrapper .occasionresultV2 .prijs {
    color: #1595d3 !important;
}

#occasioncontent a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(21, 149, 211, 1)!important;
}

#occasioncontent h1 span { font-size: 16px; }

#overzicht #contactbuttons a.callmeback,
#contact #contactbuttons a.callmeback { font-size: 12px; }
#overzicht #contactbuttons a.callmeback:hover,
#contact #contactbuttons a.callmeback:hover { border: 1px solid #1595d3; }

#occasiontabs {
    border-bottom: 1px solid #1595d3;
}

#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
	border: 1px solid #1595d3;
    border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 480px) {
	#occasioncontent h1 { text-align: center!important; }
	#occasioncontent td, #occasioncontent p, #main #occasioncontent ul li { font-size: 12px!important;}
	.occasionblock.mainfoto { min-height: 20px; }
	#occasiontabs { border-bottom: 0px solid #1595d3; }
	#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
		border: 1px solid #1595d3;
    	border-bottom: 1px solid #1595d3;
	}
}


.AutoCommerceAvdwWidget h3 { display: none;}

/* END AUTOCOMMERCE COLOR FIXES */


/****************************************************
 
	Code & CSS edits: Autosoft BV - www.autosoft.eu
	Copyright (c) Autosoft BV - All Rights Reserved
	 
****************************************************/