@charset "utf-8";
/* CSS Document */

/*FONTS*/
@font-face {
    font-family: 'homemade_appleregular';
    src: url('../fonts/HomemadeApple-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../fonts/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_baskerville';
    src: url('../fonts/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratitalic';
    src: url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*pagina*/


body {
    background-color: #E1CDB4;
    margin: 0px;
	min-height: 100%;
	overflow-x: hidden;	
}

body,td,th {
    color: #3E3E3D;
    font-family: montserratregular, sans-serif, libre_baskerville, homemade_appleregular, alegreya;
    font-style: normal;
    font-weight: 400;
	font-size: 1.0em;
	line-height: 1.15em;
}

::-moz-selection { /* Code for Firefox */
  color: #F9F9F5;
  background: #B20000;
}

::selection {
  color: #F9F9F5;
  background: #B20000;
}

a:link {
    color: #3E3E3D;
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
    color: #3E3E3D;
}
a:hover {
    text-decoration: none;
    color: #5C3900;
}
a:active {
    text-decoration: underline;
    color: #3E3E3D;
}

h1, h2, h3, em{
	font-family: libre_baskerville, serif;
}

em{
	background-color: #F5F4C2;
}

.homepage em{
	background-color: rgba(255,255,255,0.00);
}

h1{
	margin-bottom: 1em;
	font-size: 1.5em;
}

h2{
	margin-bottom: 1em;
	font-size: 1.25em;
}

.nieuwsdatum{
	font-weight: bold;
}

	.writtenmenu{
		display: none;
	}
	
	nav{
		display: inline-block;
	}

.nav-masthead{
    background-image: url("../images/navline.png");
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.nav-link{
	 font-family: homemade_appleregular, serif;
	margin-top: 4px;
	
}

.nav-link:link{
	 text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1.0);
	font-size: 1.25em;
	padding-right: .7rem;
    padding-left: .7rem;
}

.nav-link:focus, .nav-link:hover, .active:link{
	color: #D90000;
}

.active{
    color: #D90000 !important;
    background-repeat: no-repeat;
    background-position: center 28px;
    background-size: 80% 2px;
}

.navbar-toggler{
	margin-bottom: 20px;
}

.navbar-light .navbar-toggler {
    color: #E1CDB4;
    border-color: #E1CDB4;
}


.cover-container {
  width:90vw;
	max-width: 1920px;
	min-height: 100%;
}

.homepaper, .paper, .portfolio {
    background-image: url(../images/amj-bg.png);
    background-color: #F4F4F0;
    background-repeat: repeat;
	border-radius: 25px;
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.20);
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.20);
	min-height: calc(100% - 2em);
	padding-bottom: 20px;
	}


.logomobiel{
	display: block;
}

.logodesktop{
	display: none;
}

.logo{	
	width: 250px;
	height: auto;
	margin: 0px;
}

.logodesktop .logo{
	margin-left: -1rem!important;
	/* transform: rotate(-15deg); */
}

.logomobiel .logo{
	margin: 40px auto 20px auto;
	transform: rotate(-15deg);
}

#sldl, #sldr{
	z-index: 10;
}

.bladzijden{
	background-color: rgba(236,23,27,0.0);
	width: 100%;
	--bs-gutter-x: 0rem;
	margin-top: 30px;
	min-height: calc(100% - 275px)!important;
	padding-bottom: 0px;
}

.bladspiegelfull{
	text-align: left; 
	width: 100%; 
	max-width: 1550px; 
	margin:auto;
}

.homepaper .bladspiegelfull{
	text-align: center;
}

.bladspiegel{
	width: 90%;
	max-width: 600px;
	text-align: left;
	margin:auto;
}

.bladspiegel2{
	width: 100%;
	/*max-width: 1200px;*/
	text-align: left;
	margin: auto;
	height: 100%;
	background-color: rgba(0,255,116,0.0);
}

.bladspiegel img{
	width: 100%;
	height: auto;
}

.linkerbladzijde{
	background-color: rgba(22,40,236,0.0);
}

.rechterbladzijde{
	background-color: rgba(236,212,22,0.0);
}

.kunstwerk{
	display: inline-block;
	float: left;	
	padding: 20px;
	margin: 2%;
	width: 21%;

}

.tussendiv{
	width:100%; 
	clear:both;
	display: none;
}

@media (max-width: 992px) {
	
	.kunstwerk{
	display: inline-block;
	float: left;	
	padding: 20px;
	margin: 2%;
	width: 46%;
	}
	
		.tussendiv{
		display: block;
	}
}

@media (max-width: 668px) {
	
	.kunstwerk{
	display: inline-block;
	float: left;	
	padding: 20px;
	margin: 2%;
	width: 96%;

	}
}


.kunstwerk img{
	width: 100% !important;
	height: auto !important;
	margin-bottom: 20px;
}

.kunstimg{
	max-width: 100% !important;
	width: auto !important;
	margin-bottom: 20px;
}

.icon_left, .icon_right{
	width: 34px;
	height: 26px;
}


footer{
	font-size: 0.75em;
}




@media (min-width: 992px) {
	
	.logomobiel{
	display: none;
}


.logodesktop{
	display: block;
}
	
	.writtenmenu{
		display: inline-block;
		float: right;
		padding-top: 10px;
	}
	
	.xxwrittenmenu img{
		height: 50px;
		width: auto;
	}
	
	nav, collapse navbar-collapse{
		display: none !important;
	}
	
	.active{
    background-image: url("../images/redline.png");
}
	
    .paper {
		background: url(../images/amj-bg-pages.png) center top repeat-y, url(../images/amj-bg.png) left top repeat;
	}
	
	.xhomepaper, .xpaper, .xportfolio {
		 min-height: calc(100% - 2em) !important;
	}
	
	.bladzijden{
		   min-height: calc(100% - 175px)!important;
			margin-top: 0px;
	}
	
	.vismobile{
		display: none;
	}
	
	.icon_left, .icon_right{
	width: 68px;
	height: 52px;
}
	
      }