/*! css/theme/theme.css | proto-core.css v0.0.3 | Nieuwe Pixels */



/* Theme */
@import url("./config.css");





:root{

	--hgroup-margin: 3em 0 3em 0;
	--hgroup-padding:;

	--color-1: #426556;
	--color-2: #c1ab94; /*#bfac84;*/

	--color-3: #665443;
	--color-4: #c1a880;
	--color-5: #c1b388;

	--color-7: #cbbba0;
	--color-8: #827c76;
	--color-9: #868B74;
}







body{
	margin: 1em auto;
	background-color: #fdfdfd;
	background-color: var(--color-7);
	/*
	background: url('../../images/cardboard-texture-3.jpg');
	*/
}

hgroup{
	margin-bottom: 1em;
	padding: 0 0 1em 0;
	border-bottom: 1px solid var(--color-black);
}
section{
	margin-bottom: 3em;
}


button{
	color: var(--color-5);
	background-color: var(--color-accent-1);
}



.site__header{
	margin: 2em auto 2em;
	border: 0px solid #eee;
}
.site__header__media{
	text-align: center;
}
.site__header__media img{
	display: inline-block;
	width: 100%;
	max-width: 270px; /*470px;*/
}


.site__header a{
	font-size: 1rem;
	text-decoration: none;
	color: #333;
}

.header__nav__primary{
	text-align: center;
}
.header__nav__primary a{
	padding: 1em;
}
.header__nav__primary a:hover{
	color: var(--color-1);
}

.header__nav__secondary{
	text-align: left;
}





.home__hero{}
.home__hero q{
	font-style: italic;
}


.home__hero__media{
	overflow: hidden;
}
.home__hero__media img{
	overflow: hidden;
	border-radius: 7px;
}




.home__story{
    color: var(--color-white);
}
.home__story{

}
.home__story__content{
    padding: 1.2em;
    background-color: var(--color-9);
    border-radius: 7px;

    @media screen and (min-width: 768px) {
        padding: 3em 3em;
    }
}


article[role="article"] h1,
article[role="article"] h2,
article[role="article"] h3,
article[role="article"] h4{
    color: #fff;
}
.card__body p,
.card__body li,
article[role="article"] li,
article[role="article"] p{
    color: #e7e7e7;
}



ol li,
ul li{ padding: 0.5em;  }

ol li h5{
	display:inline;
}


[role="ui-card"]{
    padding: 1.2em;
    color: var(--color-white);
    min-height: 13em;
    background-color: #817263;
    border-radius: 7px;

    @media screen and (min-width: 768px) {
        padding: 2em;
    }
}
[role="ui-card"] p{
    color: #e6e1e6;
}
[role="ui-card"] .card__body h4{
    margin-bottom: 1em;
    color: var(--color-white);
}
[role="ui-card"] .card__body h5{
    margin: 1.5em 0 0.35em;
    color: var(--color-white);
}


[role="ui-card"].wtm{
    padding: 2em;
    color: var(--color-white);
    min-height: 13em;
    background-color: var(--color-8);
    border-radius: 7px;
}
[role="ui-card"].zkv{
    padding: 2em;
    color: var(--color-white);
    min-height: 13em;
    background-color: #868b74;
    border-radius: 7px;    
}



.header__section{
    margin: 1em 0 2em;
    padding: 0 2em;
    text-align: center;
}
.header__section h2{
    margin-bottom: 0.75em;
}






.site__footer a{
    color: #666435;
    text-decoration: none;
}
.site__footer a:hover{
    text-decoration: underline;
}

.footer__contact__details{
    padding: 1em 0 2em 0;
}
.footer__contact__details h4{
    margin-bottom: 1em;
    text-align: center;
}

.footer__contact{
    margin-bottom: 3em;

    @media screen and (max-width:768px){
        text-align: center;
    }
    @media screen and (min-width:768px){
        display: flex;
        justify-content: space-between;
    }    
}
.footer__contact span{
    display: block;
    color: #444;
}



.footer__social{
    @media screen and (max-width:768px){
        text-align: center;
    }    
    @media screen and (min-width:768px){
        display: flex;
        justify-content: center;
        gap: 1em;
    }
}




.footer__copyright{
    margin-top: 0em;
    font-size: 0.9em;
    text-align: center;
}