/* variables */
/* end of variables */
/* bootstrap */
.navbar-brand {
  padding: 0 15px;
  line-height: normal;
  height: auto;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: none;
}
.carousel-indicators {
  bottom: 8px;
}

.img-responsive, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  width: 100%;
}
/* end of bootstrap */
body {
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 992px) {
  .languages {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    right: 20px;
    z-index: 1000;
  }
}
.languages ul {
  float: right;
  list-style-type: none;
}
.languages ul li {
  font-family: 'Fira Sans', sans-serif;
  font-size: 13.3px;
  font-weight: 300;
  display: inline-block;
  border-right: 1px solid #fff;
  line-height: 11px;
}
.languages ul li:last-child {
  border-right: none;
}
.languages ul li a {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 992px) {
  .languages ul li a {
    color: #fff;
  }
}
.languages ul li.active a {
  font-weight: 700;
}
@media (min-width: 992px) {
  #top-menu {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}
#top-menu .logo {
  font-family: 'Pacifico', cursive;
  font-size: 32px;
  color: #001c4b;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  #top-menu .logo {
    font-size: 62px;
    color: #fff;
    line-height: 40px;
  }
}
#top-menu .logo-row-2 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 33.25px;
  font-weight: 800;
  color: #fcd603;
  line-height: 30px;
}
@media (min-width: 992px) {
  #top-menu .navbar-content {
    float: right;
  }
  #top-menu .navbar-nav > li:last-child a {
    padding-right: 0;
  }
  #top-menu .navbar-nav > li.active > a,
  #top-menu .navbar-nav > li.open > a,
  #top-menu .navbar-nav > li:hover > a {
    color: #fcd603;
    background-color: transparent;
  }
  #top-menu .navbar-nav > li.active > a::after,
  #top-menu .navbar-nav > li.open > a::after,
  #top-menu .navbar-nav > li:hover > a::after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    margin-top: 5px;
    background: #fcd603;
  }
  #top-menu .navbar-nav > li > a {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
  }
}
@media (min-width: 1200px) {
  #top-menu .navbar-nav > li > a {
    font-size: 19px;
  }
}


.carousel .carousel-indicators {
  margin-bottom: 0;
}
.carousel .carousel-indicators li {
  width: 136px;
  height: 6px;
  border-radius: 0;
  border: none;
  background: rgba(255, 255, 255, 0.36);
}
@media (max-width: 768px) {
  .carousel .carousel-indicators li{
    width: 30%;
  }
}

.carousel .carousel-indicators li.active {
  background: #fff;
  position: relative;;
  top:-1px;
}
.text-section h1,
.calendar-section h1 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #052b62;
  margin-top: 0;
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .text-section h1,
  .calendar-section h1 {
    font-size: 30.88px;
  }
}
.text-section h1::after,
.calendar-section h1::after {
  content: "";
  display: block;
  width: 62.5px;
  height: 1.5px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background: #1c4172;
}
.text-section {
  padding-top: 50px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .text-section {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.text-section p {
  font-size: 14px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .text-section p {
    font-size: 18.05px;
  }
}
.text-section a {
  font-size: 15px;
  color: #00326c;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .text-section a {
    font-size: 19.95px;
  }
}
.photos-and-text {
  background: #f2f3f4;
}
.photos-and-text > .row {
  display: flex;
  flex-direction: column;
}
.photos-and-text > .row:nth-child(even) > div:first-child {
  order: 1;
}
.photos-and-text > .row + .row {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .photos-and-text > .row + .row {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .photos-and-text > .row {
    flex-direction: row;
    align-items: center;
  }
  .photos-and-text > .row + .row {
    margin-top: 0;
  }
  .photos-and-text > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .photos-and-text > .row:nth-child(even) > div {
    text-align: right;
  }
  .photos-and-text > .row:nth-child(even) > div:first-child {
    order: 0;
  }
}
@media (min-width: 992px) {
  .photos-and-text .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .photos-and-text .content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.photos-and-text h1 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #001c4b;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .photos-and-text h1 {
    font-size: 28.5px;
    margin-bottom: 20px;
  }
}
.photos-and-text p {
  font-size: 13px;
  font-weight: 300;
  color: #323232;
  line-height: 1.618;
}
@media (min-width: 1200px) {
  .photos-and-text p {
    font-size: 16.15px;
  }
}
.photos-and-text .url {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 200;
  color: #323232;
  display: inline-block;
  padding: 10px 20px;
  border: 1.25px solid #959595;
  font-size: 17px;
}
@media (min-width: 1200px) {
  .photos-and-text .url {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 19px;

  }
}

@media (max-width: 768px) {
  .photos-and-text .url{
    margin-bottom: 40px;
    padding: 7px 15px;
    font-size: 16px;
  }
}

.calendar-section {
  padding-top: 35px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .calendar-section {
    padding-top: 65px;
    padding-bottom: 95px;
  }
}
.calendar-section h1 {
  margin-bottom: 50px;
}
.calendar-section .calendar {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .calendar-section .calendar {
    margin-bottom: 0;
  }
}
.calendar-section .calendar .inner {
  border: 1.5px solid #587b91;
}
.calendar-section .calendar ol {
  padding: 30px 30px 15px;
  margin-bottom: 0;
  list-style-type: none;
}
@media (min-width: 1200px) {
  .calendar-section .calendar ol {
    padding: 30px;
  }
}
.calendar-section .calendar li {
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px solid #aeaeae;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .calendar-section .calendar li {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.calendar-section .calendar li:last-child {
  margin-bottom: 0;
}
.calendar-section .calendar .date {
  position: relative;
  padding-right: 15px;
  margin-right: 30px;
}
.calendar-section .calendar .date::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 32px;
  background: #aeaeae;
}
.calendar-section .calendar .day {
  font-family: 'Fira Sans', sans-serif;
  font-size: 42.76px;
  font-weight: 600;
  color: #001c4b;
  line-height: 0.76;
}
.calendar-section .calendar .month {
  font-family: 'Fira Sans', sans-serif;
  font-size: 19px;
  color: #001c4b;
  text-transform: uppercase;
}
.calendar-section .calendar .title {
  font-size: 18px;
  color: #001c4b;
}
@media (min-width: 1200px) {
  .calendar-section .calendar .title {
    font-size: 21.38px;
  }
}
.calendar-section .calendar .title-row-2 {
  font-size: 14px;
  font-style: italic;
  color: #7c7c7c;
  height: 22px; overflow: hidden;
}

.calendar-section .calendar .url {
  font-family: 'Fira Sans', sans-serif;
  font-size: 22.22px;
  font-weight: 600;
  color: #001c4b;
  display: block;
  margin: 0 30px 30px;
}
#bottom-1 {
  display: flex;
  align-items: center;
  color: #fff;
  background: url(../img/bottom-1.jpg) center / cover;
  min-height: 350px;
}
@media (min-width: 992px) {
  #bottom-1 {
    min-height: 500px;
  }
}
@media (min-width: 1200px) {
  #bottom-1 {
    min-height: 620px;
  }
}
#bottom-1 .message,
#bottom-1 .message-2 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
}
#bottom-1 .message {
  font-size: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #bottom-1 .message {
    font-size: 30.87px;
  }
}
#bottom-1 .message::before,
#bottom-1 .message::after {
  content: "";
  display: block;
  width: 250px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
@media (min-width: 768px) {
  #bottom-1 .message::before,
  #bottom-1 .message::after {
    width: 320px;
  }
}
#bottom-1 .message::before {
  margin-bottom: 35px;
}
#bottom-1 .message::after {
  margin-top: 30px;
}
#bottom-1 .message-2 {
  font-size: 15px;
  font-weight: 300;
  margin-top: 25px;
}
#bottom-1 .message-2 a{color: white;}
#bottom-1 .message-2 a:hover{text-decoration: none;}
@media (min-width: 992px) {
  #bottom-1 .message-2 {
    font-size: 19px;
    margin-top: 45px;
  }
}
#page-footer {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #323232;
  background: #f2f3f4;
  min-height: 140px;
}
@media (max-width: 768px) {
  .navbar-nav>li>a{
    text-align: center;
  }
}
@media (min-width: 768px) {
  #page-footer {
    font-size: 16px;
    min-height: 150px;
  }
}
@media (min-width: 992px) {
  #page-footer {
    font-size: 17.1px;
    min-height: 194px;
  }
}
@media(max-width: 992px){
	 #top-menu .navbar-nav li {text-align: center;}
}
#page-footer a {
  color: #032752;
  text-decoration: underline;
}
ul.social-media {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

ul.social-media li {
  color: #001C4B;
  margin-right: 5px;
}
.container-2,
.container-3 {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.container-2 {
  max-width: 1244px;
}
.container-3 {
  max-width: 1550px;
}


/* ============================================================
	END SCRIPTERS CODE
=============================================================*/


/* **************************************
  FOOTER TO BOTTOM
*****************************************/

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  position: relative;
  min-height: 100%;
}

#page-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
}

/* **************************************
	HAMBURGER MOBILE MENU
*****************************************/
.navbar-toggle {  border: none;  background: transparent !important;}
.navbar-toggle:hover {  background: transparent !important;}
.navbar-toggle .icon-bar {  width: 22px;  transition: all 0.2s;}
.navbar-toggle .top-bar {  transform: rotate(45deg);  transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {  opacity: 0;}
.navbar-toggle .bottom-bar {  transform: rotate(-45deg);  transform-origin: 10% 90%;}
.navbar-toggle.collapsed .top-bar {  transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {  opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {  transform: rotate(0);}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fcd603;}



/* **************************************
	GENERAL STUFF
*****************************************/
.page-titel{font-family: 'Fira Sans', sans-serif; font-size: 24px;  font-weight: 300;  color: #052b62;    margin-bottom: 25px; margin-top: 25px;}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* **************************************
	HEADER SUBPAGES
*****************************************/

.header-blue {margin-top: 20px;}
.header-blue #top-menu .navbar-nav > li > a{color: #001c4b;}
.header-blue #top-menu {position: relative; top: auto; left: auto; right: auto; margin-top: 30px; }
.header-blue .languages {position: relative; top: auto; left: auto; right: auto; }
.header-blue .languages ul li{border-right: 1px solid #001c4b;}
.header-blue .languages ul li:last-child{border-right: 0px;}
.header-blue .languages ul li a {color: #001c4b;  }
.header-blue #top-menu .navbar-nav > li.active > a, .header-blue #top-menu .navbar-nav > li.open > a, .header-blue #top-menu .navbar-nav > li:hover > a{color: #fcd603;}

.header-blue #top-menu .logo{color: #001c4b}

/* **************************************
	INTERIEUR
*****************************************/

/* home */
.interieur-max-height{height: 145px; overflow: hidden;}
.interieur-detail-max-height{height: 145px; overflow: hidden;}

.interieur-detail-max-height table {
  width: 100% !important;
  line-height: 33px;
  border: none;
}

.interieur-detail-max-height table tbody tr:nth-child(odd) {
  background-color: #fff;
}

.interieur-detail-max-height table tbody tr td:nth-child(2) {
  display: flex; 
  justify-content: center;
  border: none;
}

.interieur-detail-max-height table tbody tr td:nth-child(1) {
  border: none;
}

.bekijkfilmpje-wrapper {
  display: flex; 
  flex-direction: column;
  align-items: center;
}

.bekijkfilmpje {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 200;
    color: #323232;
    display: inline-block;
    padding: 10px 20px;
    border: 1.25px solid #959595;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none !important;
    width: 250px;
    margin-bottom: 15px;
}


.center-block {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

@media (max-width: 1199px){
	.interieur-max-height{height: 140px; overflow: hidden;}
	.interieur-detail-max-height{height: 120px; overflow: hidden;}
}

/* page */
#interieur-page{margin-bottom: 50px;}

.photos-and-text2 { background: #f2f3f4;}
.photos-and-text2 > .row {  display: flex;  flex-direction: column;}
.photos-and-text2 > .row:nth-child(even) > div:first-child {  order: 1;}
.photos-and-text2 > .row + .row {  margin-top: 40px;}

@media (max-width: 768px) {
  .photos-and-text2 > .row + .row {    margin-top: 0;  }
}

@media (min-width: 992px) {
  .photos-and-text2 > .row {    flex-direction: row;    align-items: center;  }
  .photos-and-text2 > .row + .row {    margin-top: 0;  }
  
  .photos-and-text2 > .row:nth-child(even) > div {    text-align: right;  }
  .photos-and-text2 > .row:nth-child(even) > div:first-child {    order: 0;  }
}

@media (min-width: 992px) {
  .photos-and-text2 .content {    padding-left: 20px;    padding-right: 20px;  }
  .photos-and-text2 .content .intro {overflow: hidden; max-height: 110px;}
}

@media (min-width: 1200px) {
  .photos-and-text2 .content {    padding-left: 48px;    padding-right: 48px;  }
}
.photos-and-text2 h1 {  font-family: 'Fira Sans', sans-serif;  font-size: 22px;  font-weight: 600;  color: #001c4b;  margin-bottom: 10px;}

@media (min-width: 1200px) {
  .photos-and-text2 h1 {    font-size: 28.5px;    margin-bottom: 20px;  }
}
.photos-and-text2 p {  font-size: 13px;  font-weight: 300;  color: #323232;  line-height: 1.618;}

@media (min-width: 1200px) {
  .photos-and-text2 p {    font-size: 16.15px;  }
}
.photos-and-text2 .url {  font-family: 'Fira Sans', sans-serif;  font-weight: 200;  color: #323232;  display: inline-block;  padding: 10px 20px;  border: 1.25px solid #959595;  font-size: 17px; margin-bottom: 10px; }

@media (min-width: 1200px) {
  .photos-and-text2 .url {    margin-top: 10px;    margin-bottom: 10px;    font-size: 19px;  }
}

@media (max-width: 768px) {
  .photos-and-text2 .url{    margin-bottom: 40px;    padding: 7px 15px;    font-size: 16px;  }
}

@media(max-width: 991px){
	  .photos-and-text2 .content {padding: 15px;}
	  .photos-and-text2 h1{margin-top: 10px;}
}

/* detail */

#interieur-page .interieur-detail-top{position: relative; margin-bottom: 30px;}
#interieur-page .interieur-detail-top img{width: 100%;}
#interieur-page .interieur-detail-top .interieur-detail-title-wrapper{position: absolute; bottom: 30px; text-align: center;  margin: 0 auto; left: 0; right: 0;  }
#interieur-page .interieur-detail-top .interieur-detail-title-wrapper .interieur-detail-title{ color: white;  text-transform: uppercase;  font-family: 'Fira Sans', sans-serif;  background-color: #fcd603;  display: inline-block; letter-spacing: 1px;  padding: 10px; }

#interieur-page .interieur-thumbs{margin-top: 50px;}
#interieur-page .interieur-thumb-item {margin-bottom: 30px;}
#interieur-page .interieur-thumb-item img{width: 100%;}

/* **************************************
	OMGEVING
*****************************************/

#omgeving-page{margin-bottom: 50px;}
#omgeving-page .omgeving-item{margin-bottom: 30px;}
#omgeving-page .omgeving-item .inner{  position: relative; padding-left: 15px;}

#omgeving-page .omgeving-item .inner .omgeving-titel{position: absolute; left: 0px; top: 10px; background-color: #fcd603; padding: 10px 25px 10px 10px; z-index: 99;}
#omgeving-page .omgeving-item .inner .omgeving-titel h3{font-family: 'Fira Sans', sans-serif; color: white; margin-top: 0px; margin-bottom: 0px; font-size: 16px; text-transform: uppercase; }

#omgeving-page .omgeving-item .inner .top-image img{ max-width: 100%; margin-bottom: 15px;}
#omgeving-page .omgeving-item .inner .top-image .image-icons p{display: inline-block; margin-right: 15px;}
#omgeving-page .omgeving-item .inner .top-image .image-icons p a{color: black;}
#omgeving-page .omgeving-item .inner .top-image .image-icons p i {color: #001c4b; margin-right: 5px;}



/* **************************************
	BLOG
*****************************************/

#blog-page{margin-bottom: 50px;}
#blog-page .blog-item{margin-bottom: 30px;}
#blog-page .blog-item .top-image {position: relative;}
#blog-page .blog-item .top-image img{width: 100%;}
#blog-page .blog-item .top-image img.triangle {position: absolute; bottom: 0px;}

#blog-page .blog-item a:hover, #blog-page .blog-item a:focus{text-decoration: none;}

#blog-page .blog-item .blog-titel{margin-top: 10px; font-family: 'Fira Sans', sans-serif; color: #001c4b; margin-bottom: 5px; text-align: center; }
#blog-page .blog-item .blog-preview{font-family: 'Fira Sans', sans-serif; font-weight: lighter;  background-color: #f5f5f5; padding: 10px; margin-bottom: 15px;}
#blog-page .blog-item .blog-preview .blog-preview-text{ height: 160px; overflow: hidden; color: black;}
#blog-page .blog-item .blog-readMore{ /*background-color: #fcd603;*/ text-align: center; }

#blog-page .blog-item .blog-readMore a {position: relative;	display: inline-block; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; color: white; font-family: 'Fira Sans', sans-serif;  font-size: 18px;text-shadow: 0 0 1px rgba(255,255,255,0.3);}

#blog-page .blog-item .blog-readMore a i{font-size: 16px; margin-right: 10px;}

#blog-page .blog-item .blog-readMore a:hover,
#blog-page .blog-item .blog-readMore a:focus {outline: none;}
#blog-page .blog-item .blog-readMore a {line-height: 2em;	-webkit-perspective: 800px;	-moz-perspective: 800px;	perspective: 800px;	width: 100%;}

#blog-page .blog-item .blog-readMore a span {	position: relative;	display: inline-block;	width: 100%;	padding: 0 14px;	background: #fcd603;	-webkit-transition: -webkit-transform 0.4s, background 0.4s; -moz-transition: -moz-transform 0.4s, 
	background 0.4s;	transition: transform 0.4s, background 0.4s;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	/*transform-style: preserve-3d;	-webkit-transform-origin: 50% 50% -180px;	-moz-transform-origin: 50% 50% -180px;
	transform-origin: 50% 50% -180px;*/}

#blog-page .blog-item .blog-readMore a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #d8b804;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

#blog-page .blog-item:hover .blog-readMore a span,
#blog-page .blog-item:focus .blog-readMore a span {	background: #d8b804;	-webkit-transform: rotateY(-90deg);	-moz-transform: rotateY(-90deg);	transform: rotateY(-90deg);}

#blog-page .blog-item:hover .blog-readMore a span::before,
#blog-page .blog-item:focus .blog-readMore a span::before {	background: #fcd603;}

@media(max-width: 1199px){
	#blog-page .blog-item .blog-readMore a span{ webkit-transform-origin: 50% 50% -147px;	-moz-transform-origin: 50% 50% -147px; transform-origin: 50% 50% -147px;}
}
@media (max-width: 991px){
	#blog-page .blog-item .blog-readMore a span{ webkit-transform-origin: 50% 50% -360px;	-moz-transform-origin: 50% 50% -360px; transform-origin: 50% 50% -360px;}
	#blog-page .blog-item .blog-readMore a span {	-webkit-transform: rotateY(-90deg);	-moz-transform: rotateY(-90deg);	transform: rotateY(-90deg);}
	#blog-page .blog-item .blog-readMore a span::before {background: #fcd603;}
}


/* detail*/

#blog-page .blog-item-detail .top-image {position: relative;}
#blog-page .blog-item-detail .top-image img{width: 100%;}
#blog-page .blog-item-detail .top-image img.triangle {position: absolute; bottom: 0px;}
#blog-page .blog-item-detail .blog-titel {margin-top: 0px; margin-bottom: 0px;   font-family: 'Fira Sans', sans-serif; color: #001c4b; text-align: center;}
#blog-page .blog-item-detail .blog-preview .blog-text{font-family: 'Fira Sans', sans-serif; font-weight: lighter; font-size: 16px; margin-top: 30px;}
#blog-page .blog-item-detail .blog-preview .datum{font-family: 'Fira Sans', sans-serif;  color:#fcd603; text-align: center;}

#blog-page .blog-item-detail .blog-thumbs{margin-top: 50px;}
#blog-page .blog-item-detail .blog-thumb-item {margin-bottom: 30px;}
#blog-page .blog-item-detail .blog-thumb-item img{width: 100%;}


/* **************************************
	AGENDA
*****************************************/

#agenda-page{margin-bottom: 50px;}
/*  */
#agenda-page .agenda-row{display: flex; flex-wrap:wrap; /*justify-content: space-between;*/ align-items: stretch; flex-direction: row; }
#agenda-page .agenda-item {margin-bottom: 30px; }
#agenda-page .agenda-item .day {  font-family: 'Fira Sans', sans-serif;  font-size: 42.76px;  font-weight: 600;  color: #001c4b;  line-height: 0.76; text-align: center;}
#agenda-page .agenda-item .month {  font-family: 'Fira Sans', sans-serif;  font-size: 19px;  color: #001c4b; text-transform: uppercase;}

#agenda-page .agenda-item .inner{background-color: #f5f5f5; padding: 15px; padding-left: 50px; display:flex-wrap:wrap; height: 100%; position: relative;} 
#agenda-page .agenda-item .inner .date {position: relative;     text-align: center; /*align-self:center; */}
#agenda-page .agenda-item .inner .date::after { content: "";   display: block;  position: absolute;  bottom: -10px;  width: 30px; height: 1px;  background: #aeaeae;  left: 0;  right: 0;  text-align: center;  margin: 0 auto; }
#agenda-page .agenda-item .inner .text .title { font-size: 22px;  color: #fcd603; margin-top: 25px;}
#agenda-page .agenda-item .inner .text .title-row-2 { font-size: 16px;  color: #7c7c7c; font-style: italic;}

#agenda-page .agenda-item .inner .content{width: 100%;}

#agenda-page .agenda-item .inner .triangle{position: absolute; top: 0; left:0; height: 100%;}


/* **************************************
	RESERVEREN (KALENDER)
*****************************************/
.block-event {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
#reserveren-page{margin-bottom: 50px;}

.reserveer-opgelet {
   color: #001C4B;
   font-style: italic;
}

a .next-periode .datum,
a .prev-periode .datum,
a .next-periode h4,
a .prev-periode h4 {
  color: #001C4B;
}

#calendar {font-family: 'Fira Sans', sans-serif;}
#calendar .fc-content{font-size: 16px;}
#calendar .fc-today{background: transparent;}
#calendar .fc-toolbar h2{color: #fcd603;}
#calendar .fc-prev-button, #calendar .fc-next-button{background-color: #001c4b; border: none; outline: none; box-shadow: none; background-image: none; border-radius: 0px;}
#calendar .fc-prev-button span, #calendar .fc-next-button span{color: white; }


.selected-period{margin-top: 25px;}
.selected-period .selected-reserve{margin-top: 25px; margin-bottom: 10px; text-align: center;}
.selected-period .selected-reserve a{color: white; background-color: #fcd603; padding: 7px;}
.selected-period .selected-reserve a:hover{text-decoration: none;}
.selected-period .prev-period-button, .selected-period .next-period-button{margin:10px 0;}

.selected-period .no-beschikbaar{ font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: lighter; font-style: italic;}

.selected-period .prev-period-button , .selected-period .next-period-button{text-align: center;}
.selected-period .prev-period-button a , .selected-period .next-period-button a{text-align: center; color: #001c4b; }

.selected-period .prev-periode , .selected-period .next-periode { padding: 10px; opacity: .65; background-color: #f5f5f5;}
.selected-period .prev-periode h4, .selected-period .next-periode h4  { font-family: 'Fira Sans', sans-serif; font-size: 14px; text-align: center;}
.selected-period .prev-periode .datum, .selected-period .next-periode .datum  { font-family: 'Fira Sans', sans-serif; font-size: 12px; font-weight: lighter;}
.selected-period .prev-periode .prijs, .selected-period .next-periode .prijs  { font-family: 'Fira Sans', sans-serif; font-size: 12px; font-weight: lighter; color:#fcd603; }

.selected-period .selected-periode{background-color: #001c4b; padding: 10px;}

.selected-period .selected-periode h4 {font-family: 'Fira Sans', sans-serif; font-size: 18px; color: white; text-align: center;}
.selected-period .selected-periode .datum {font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: lighter; color: white;}
.selected-period .selected-periode .prijs{font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: lighter; color:#fcd603;}

@media(max-width: 991px){
	.selected-period{margin-bottom: 30px;}
}


/* **************************************
	RESERVEER (FORMULIER)
*****************************************/

.reserveer-form{margin-top: 30px;}
.reserveer-form input, .reserveer-form textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; border-radius: 0px; outline: none; box-shadow: none; border-color:#001c4b; font-family: 'Fira Sans', sans-serif;}
.reserveer-form input:focus, .reserveer-form textarea:focus {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; border-radius: 0px; outline: none; box-shadow: none; border-color:#001c4b; font-family: 'Fira Sans', sans-serif;}

.reserveer-form .btn-reserveer{background-color: #fcd603; padding: 10px; border: none;  }

/* **************************************
	CONTACT
*****************************************/

#contact-page{margin-top: 30px; margin-bottom: 50px;}
#contact-page .contact-extra-info .contact-title{color: #001c4b;  margin-bottom: 25px; margin-top: 25px; font-family: 'Pacifico', cursive;}
#contact-page .contact-extra-info p {font-size: 16px; margin-bottom: 25px;}
#contact-page .contact-extra-info i{width: 25px; color: #fcd603;}
#contact-page .contact-extra-info .addres{ margin-bottom: 0px;}
#contact-page .contact-extra-info .addres2{ margin-left: 30px;}

#contact-page .contact-form input, #contact-page .contact-form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; border-radius: 0px; outline: none; box-shadow: none; border-color:#001c4b; font-family: 'Fira Sans', sans-serif;  }

.btn-contact{ background-color: #fcd603; padding: 10px 15px; border: none; color: #001c4b; }
.btn-contact:hover{ background-color: #001c4b; padding: 10px 15px; border: none; color: #fcd603; }
#contact-page .contact-form .btn-contact{ background-color: #fcd603; padding: 10px 15px; border: none; color: #001c4b; }
#contact-page .contact-form .btn-contact:hover{ background-color: #001c4b; padding: 10px 15px; border: none; color: #fcd603; }

/* **************************************
  ALGEMENEVOORWAARDEN
*****************************************/
#generalterms {
  width: 100%;
  height: 400px;
  resize: none;
  padding: 25px;
  border: 2px solid #001C4B;
  overflow-y: scroll;
}

#generalterms::-webkit-scrollbar {
  width: 12px;
  background-color: #001C4B;
}

#generalterms::-webkit-scrollbar-thumb {
/*  border-radius: 10px;*/
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #FCD603;
}

#generalterms h1,
#generalterms h2,
#generalterms h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #052b62;
  margin-top: 0;
}

button#btn-generalterms.disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* uitnodiging betaling */
.table-striped-betaling {
  width: 100% !important;
  line-height: 33px;
  border: none;
}

.table-striped-betaling tbody tr:nth-child(odd) {
  background-color: #F2F3F4;
}

.table-striped-betaling tbody tr td:nth-child(2) {
  display: flex; 
  justify-content: center;
  border: none;
}

.table-striped-betaling tbody tr td:nth-child(1) {
  border: none;
}