/* rename this and set CUSTOM_CSS_PATH accordingly */

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

.banner.top {
    padding: 5px 30px;
    margin: 15px auto 0px auto;
    line-height: 22px;
    border: 4px solid #D70000;
    border-left: 9px solid #D70000;
    border-right: 9px solid #D70000;
    border-radius: 15px;
    max-width: 100%;
    text-align: center;
	background-color: #E8E1D7;
}

header {
	background-color: #990000;
}

main {
	background-color: #E8E1D7;
}


.mySlides {
    max-height: 100%;	
}

@media only screen and (min-width: 832px) {
	.home .content-part.block-text {
    	max-width: 60%;
    	padding-right: 24px;
	}
}

.emailharvester {
    max-width: 497px;
    border: 1px solid dimgray;
    border-radius: 6px;
    background: #c8dddd;
    padding: 10px 5px 0px 5px;
    text-align: center;
}

.home .content-part.block-image {
	display: flow-root;
}


.emailharvester p{
	color: #000;	
}

.emailharvester h3{
	color: #000;	
}

.container.shopsummary {
    border: 1px solid #000;
	border-radius: 6px;
}

.container.shopItems .shopitem {
    border: 1px solid #000;
	border-radius: 6px;
}

ul.mainNav li a:hover {
    background-color: #990000;
}
@media only screen and (max-width: 1238px) {
	.div-header-menu .container nav .container {
  		/* height: 47px; */
  		/* padding: 30px; */
  		height: auto;
  		padding: 0 10px;
	}
}

.info .container .inner-wrapper {
    padding-top: 28px;
}

.div-header-menu .container nav .container {
    padding: 0px;
}

.shop .content-part.block-image {
    max-width: 167px;
}

.archive .shopitem .content-part.block-image {
    max-width: 167px;
}

.info main .container {
    padding: 0px;
}

.info .content-part h2 {
    color: #cc0000;
}

.shopitemTitle h2 {
	color: #990000;
}

.div-header-menu .container header .container {
    padding: 30px;
}

@media only screen and (min-width: 630px) {
	.header-logo {
    		max-height: 200px;
    		height: 153px;
	}

	.header-logo img {
    		max-height: 200px;
    		height: 183px;
    		margin-left: -34px;
	}
}
@media only screen and (max-width: 500px) {
	.home main .container {
    	padding: 0px;
	}
}