/* Theme customizations */
/*************************************** LOGO ***************************************/
a.logo {
	background: url('https://www.jpcarsmierlo.nl/site/wp-content/uploads/2018/01/JP-Cars-Mierlo.png') 50% 50% no-repeat!important ;
	background-size: contain!important;
	} 
	
/*************************************** Achtergronden ***************************************/

body { background: rgba(5,36,10,1)!important; }

body.error404 {
		background: url('images/404.jpg') 50% 50% no-repeat fixed!important;
		background-size: cover;
		}
		
body.error404 #sitecontainer {
    background: transparent!important;
}
	
#topcontent { 
	background: -moz-linear-gradient(top, rgba(5,36,10,0) 0%, rgba(5,36,10,1) 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(5,36,10,0) 0%, rgba(5,36,10,1) 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(5,36,10,0) 0%, rgba(5,36,10,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
#sitecontainer { background: rgba(5,36,10,1)!important;}
#maincontent { background: rgba(5,36,10,1)!important; }

body.error404 #maincontent {
    background: transparent!important;
}

	
/*
.jcarousel-wrapper {
	background-color: rgba(255,255,255,1)!important;
}
*/
	
#bottomcontent,
.woocommerce .addresses address,
.woocommerce ul.order_details { 
	background-color: rgba(241,243,246,1)!important;
	}
	
body.error404 #bottomcontent {
	background-color: rgba(255, 255, 255, 0.8)!important;
	}
	
body.error404 #bottomcontent h3 { color:#333333!important;}
body.error404 #bottomcontent p { color:#333333!important;}
body.error404 #bottomcontent .labeltekst { color:#333333!important;}
body.error404 #bottomcontent .avdwgegevens { color:#333333!important;}


footer { 
	background-color: rgba(0,0,0,0.70)!important;
	}
	
/*************************************** Titels ***************************************/

h1, h2, h3, h4, h5, h6 {color:!important;}


/*************************************** Topbar ***************************************/

header#navigatie {background:rgba(10,10,10,0.90)!important; }
header#navigatie.scrollmenu {background:rgba(10,10,10,1)!important; }

#access a { text-shadow: 1px 1px 0px #0a0a0a!important;}


/*************************************** Homepagewidgets ***************************************/

#topcontent .widget h3 {
	background-color: rgba(8,102,8,1)!important;
	/*text-shadow:  2px 2px 4px #086608!important;*/
	}
	
#mainvisual .featuredtextwrapper h2 {
	/*text-shadow: 2px 2px 4px #086608!important;*/
	}
	
#mainvisual .featuredtextwrapper p {
	/*text-shadow: 1px 1px 1px #086608!important;*/
	}
	

/*************************************** Buttons ***************************************/	

#bottomcontent .widget a.nieuwslink,
#minizoeker #zoekbar #zoekbutton,
.logout a.woo-ma-cart-link,
.login a.woo-ma-cart-link,
.login a.woo-ma-myaccount-link  { 
	background-color: rgba(255,255,255,1)!important;
	opacity: 0.8;	
	}
	
#bottomcontent .widget a.nieuwslink:hover,
#minizoeker #zoekbar #zoekbutton:hover,
.logout a.woo-ma-cart-link:hover,
.login a.woo-ma-cart-link:hover,
.login a.woo-ma-myaccount-link:hover {
	background-color: rgba(255,255,255,1)!important;
	opacity: 1;
	} 
	
i.fa { color: rgba(255,255,255,1)!important; }


/*********************** WOOCOMMERCE ***********************/
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 
	background-color: rgba(255,255,255,1)!important;
	opacity: 0.6;	
	}

.woocommerce .woocommerce-error:hover, .woocommerce .woocommerce-info:hover, .woocommerce .woocommerce-message:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 	background-color: rgba(255,255,255,1)!important;
	opacity: 1;
	}