@charset "UTF-8";
/*Sylvia Tóth*/

@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700&display=swap);
@import url('bootstrap.min.css');

:root{--main-color:#082768}

.img-fluid{width:100%;}
.dropshadow{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

a:link,a:hover,a:visited,a:active{text-decoration:none;}

html,body{width:100%; height:100%;}
body{margin-top:60px; font-family:'Muli', sans-serif; font-size:16px; color:#333; font-weight:400; line-height:30px; background-color:#f2f4f7;}

.bg-blue{background-color:var(--main-color);}
.bg-lightBlue{background-color:#1C459D;}


/*navigatie*/
.top{padding-top:14px; padding-bottom:16px; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);}

.mainNav ul{font-size:0; line-height:1;}
.mainNav ul li{margin-right:30px; display:inline-block;}
.mainNav ul li:last-child{margin-right:0;}
.mainNav ul li a{display:inline-block; font-size:16px; color:#FFF;}
.mainNav ul li a.active{opacity:60%;}

.chooseLang ul{font-size:0;}
.chooseLang ul li{padding-right:10px; display:table-cell;}
.chooseLang ul li:last-child{padding-right:0;}
.chooseLang ul li a{display:inline-block;}
.chooseLang ul li img{width:auto; height:20px;}

.toggleNav{height:25px; width:auto;}

.navMobile{height:calc(100% - 60px); right:-100%; bottom:0; z-index:1029; background-color:#1C459D; transition:right .5s ease-out;}
.navMobile.active{right:0;}
.navMobile ul li{margin:20px 0; display:block; line-height:1;}
.navMobile ul li a{color:#FFF;}

/*header footer*/
.header{height:200px; border-bottom:solid 5px var(--main-color); background-repeat:no-repeat; background-size:auto 100%; background-position:center center;}
.header.boeken{background-repeat:repeat; background-size:auto 100%;}
.header h1{font-size:23px; font-weight:700;}
.header h4{margin-top:-2px; font-size:16px; font-weight:400;}

.footer{padding-top:30px; padding-bottom:31px; box-shadow: inset 0 27px 29px -27px rgba(0,0,0,0.7);}
.footer h5{font-size:20px; font-weight:700;}
.footer a{color:#FFF; transition:opacity .3s linear;}
.footer a:hover{opacity:.7;}

/*homepage*/
.homepageBlock{margin-bottom:15px;}
.homepageBlock .position-absolute{padding:10px 15px 11px 15px; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.6);}
.homepageBlock .position-absolute h2{font-size:16px; font-weight:700;}

/*overzicht jaren*/
.overzichtJaren{margin-bottom:15px;}
.overzichtJaren .d-table-row .d-table-cell{padding:7px 15px;}
.overzichtJaren .d-table-row .d-table-cell:first-child{width:123px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.single .overzichtJaren .d-table-row .d-table-cell:first-child{width:1%;}
.overzichtJaren p{margin-bottom:0;}
.overzichtJaren ul{margin-bottom:0;}
.overzichtJaren a{color:#1C459D;}

/*boek*/
.boek{padding:12px 15px 0 15px;}
.boek a{color:#333;}
.boek h2{font-size:24px; font-weight:700;}
.boek img{margin:4px 15px 0 0; width:calc(100% / 3);}

/*.boek div{margin-top:7px; border-top:solid 1px #CCC;}
.boek div a{padding:12px 0 15px 0; color:#1C459D; line-height:1;}
.boek div a i{margin-left:5px; font-size:12px; transition:margin-left .3s linear;}
.boek div a:hover i{margin-left:10px;}
.isbn{border-top:solid 1px var(--main-color);}*/
.boek .d-table .d-table-row:last-child{height:1%;}
.boek .isbn_yyy .d-table-cell{border-top:solid 1px #CCC;}

@media(min-width:768px){
/*header footer*/
.header{height:400px;}
.header h1{font-size:48px;}
.header h4{margin-top:-2px; font-size:33px;}

/*homepage*/
.homepageBlock{margin-bottom:30px;}
}