/* rename this and set CUSTOM_CSS_PATH accordingly */

:root {
  --main-color: #000000; /* Basiskleur, meestal zwart / donker */
  --color-title: #000034; /* Primaire klantkleur */
  --color-sec: #212121; /* Secundaire klantkleur*/
  --color-cta: #0ac152; /* primairy action color / approved / ok */
  --color-succes: #0ac152; /* primairy action color / approved / ok */
  --color-warn: #CC0000; /* error / warn */
}

main, header {
    background-color: #818181;
} 

header {
	background-image: url("/assets/header.jpg");	
}


nav, footer {
	background-color: #000034;	
}

nav {
    border-top: 1px solid yellow;
    border-bottom: 1px solid yellow;
}

footer {
    border-top: 1px solid yellow;
}

main {
    padding-bottom: 136px;
}

ul.mainNav li a:hover {
    background-color: #818181;
}

.zoekbalk input.submit, .zoekbalk input[type="submit"] {
    background-color: #818181;
}

input.submit, input[type="submit"] {
    background-color: #818181;
}

p, h1, h2{
    color: white;
}

.emailharvester {
    background-color: #000034;
}

body {
    background-color: #000034;
}

.contact .container.content-part.block-text label {
	color: white;	
}

.shop .itemDescription a,
.shop .itemCode a,
.shop .resultCount,
.contact .label,
.contact .value a,
.contact .value {
    color: white;
}

.forgottenpw .btn, .updatereg .btn, .register .btn, .checkout .btn, .checkout .btn-alert {
    background-color: #575757;
}

.shop label {
    color: white;
}

header {
    height: 188px;
}
@media only screen and (min-width: 600px) {
	.header-logo {
    	max-height: 160px;
    	margin-top: 31px;
	}
}

@media only screen and (min-width: 600px) {
	.photo {
    	margin-left: 50px;
	}
	
.home img.photo {
    max-width: 350px;
    width: 350px;
}
	
	.archive .price {
    visibility: hidden;
}
	
.banner.top p {
	padding-top: 17px;
    color: black;
	text-align: center;
}
	
.archive .price {
    visibility: hidden;
}