/* rename this and set CUSTOM_CSS_PATH accordingly */
/*
    - change logo
    - css voor banner niet gedaan

 */
:root {
    --main-color: #000000; /* Basiskleur, meestal zwart / donker */
    --color-title: #000000; /* 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, .content-part.block-text.block-list .lastupdated, .content-part.block-text.block-list .banner, .content-part.block-text.block-list .homeCat {
    background-color: #ffffe8;
}

.header-contact{
    background:none;
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
    color: black;
}
.header-contact a{
    color: black;
}
#homeText{
    display: flex;
    width:100%;
}
#contactContainer{
    display: flex;
    flex-direction: column;
}
.emailharvester{
    background-color: #660000;
}
footer{
    border-top: 15px solid #5b5b5b;
}
input.submit{
    transition-duration: 0.4s;
}
input.submit:hover{
    background-color: #FFFFFF;
    color: #000000;
}
ul.mainNav li a:hover{
    background-color: #5b5b5b;
}
.highlight, .label {
    color: #990000;
}
.shopItems .container .shopitem{
    border: 1px solid #aaaa9c;
}
.shopsummary .container-wrapper{
    border: 1px solid #aaaa9c;
}
.home .content-part.block-image{
    display: none;
}

.banner.top p {
	text-align: center;	
}

.banner.top h3 {
	padding: 10px;
}