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

html, body {
    height: 100%;
}

body {		
	-webkit-overflow-scrolling: touch;
    font-family: 'Montserrat';
}

.full_cover_iOS {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.full_cover_iOS_header {
	width: 100%;
	overflow:visible;
	z-index: 10;
}
.full_cover_iOS_content {
	height: 100%;
	width: 100%;
	overflow:auto;
}

/* not active */
.nav-pills .pill-1 .nav-link:not(.active) {
    background-color: white;
	color: black;
}

.nav-pills .pill-2 .nav-link:not(.active) {
    background-color: white;
	color: black;
}

.nav-pills .pill-3 .nav-link:not(.active) {
    background-color: white;
	color: black;
}


/* active (faded) */
.nav-pills .pill-1 .nav-link {
    background-color: white;
	color: black;
}

.nav-pills .pill-2 .nav-link {
    background-color: white;
	color: black;
}

.nav-pills .pill-3 .nav-link {
    background-color: white;
	color: black;
}

/* Modify the background color */
         
.navbar-custom {
	background-color: white;
}
/* Modify brand and text color */    
	.navbar-custom .navbar-brand,
	.navbar-custom .navbar-text {
	color: black;
}
.bg-image-1 {
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-image: url("images/VAN_OOST_VISUAL_DEF_WP_6.png");
	
position: relative;
}
.bg-image-2 {
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-image: url("images/BAKKERIJ_VAN_OOST_DIKSMUIDE_20240328_1210-bewerkt_web.png");
}
.bg-image-3 {
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-image: url("images/VAN_OOST_20231015_49-bewerkt-Verbeterd-SR_FINAAL_webII.png");
}
.bg-image-mobile {
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-image: url("images/VAN_OOST_VISUAL_DEF_WP_6.png");
	
position: relative;
}

.button-shop {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 100px;
  border: none;
text-align: center;
}	
.scroll-header-bg {
background-color: white;
  padding: 10px 30px;
}
.scroll-footer-bg {
	color:white;
  background-color: black;
  padding: 10px 30px;
}
.scroll-footer-bg a:link { color: white; }
.scroll-footer-bg a:visited { color: white; }
.scroll-footer-bg a:hover { color: white; }
.scroll-footer-bg a:active { color: white; }
	
.scroll-bg {
  background-color: white;
  padding: 10px 30px;
}
.scroll-bg-black {
color:white;
  background-color: black;
  padding: 10px 30px;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
}
.flex-container-black {
  display: flex;
  flex-wrap: nowrap;
  background-color: black;
}

.flex-container .box-sm {
  background-color: white;
  width: 20%;
  margin: 5px;
  text-align: justify;
  font-size: normal;
	position: relative;
}
	
.flex-container .box-big {
  background-color: white;
  width: 80%;
  margin: 5px;
  text-align: justify;
  font-size: normal;
position: relative;
}
	
.flex-container .box-full {
  background-color: white;
  width: 100%;
  margin: 5px;
  text-align: justify;
  font-size: normal;
	position: relative;
}
	
.flex-container .box-sm img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-custom .navbar-brand,
 .navbar-custom .navbar-text {
	 position:static;
	 z-index: 10;
     background-color: white;
	 color: black;
 }
.navbar-custom a:link { color: black; }
.navbar-custom a:visited { color: black; }
.navbar-custom a:hover { color: black; }
.navbar-custom a:active { color: black; }

.article-div {
    padding:9px;
	height:500px;
    margin:0 auto;
    width:100%;
    border: none;
    position: relative;
}
.article-div-top-right-corner {
    position:absolute;
    right: 0;
    top: 0;
    width: 20px;
	height: 20px;
    border: 1px solid white;
	border-width: 1px 1px 0px 0px;
}
.article-div-top-left-corner {
    position:absolute;
    left: 0;
    top: 0;
    width: 20px;
	height: 20px;  
	border: 1px solid white;
    border-width: 1px 0px 0px 1px;
}
.article-div-bottom-right-corner {
    position:absolute;
    right: 0;
    bottom: 0;
    width: 20px;
	height: 20px;       
    border: 1px solid white;
	border-width: 0px 1px 1px 0px;
}
.article-div-bottom-left-corner {
    position:absolute;
    left: 0;
    bottom: 0;
    width: 20px;
	height: 20px;      
    border: 1px solid white;
	border-width: 0px 0px 1px 1px;
}
	
.article-div-add-cart {
	position:absolute;
    bottom: 0;
	height: 50px; 
	width:90%;
}
.article-div-pic {
	width:100%;
	height:50%;
}
.article-div-text {
	width:100%;
	height:35%;
}
.article-div-bottom {
	width:100%;
	height:15%;
}
.modal {
  color: black;
}	
.modal a:link { color: black; }
.modal a:visited { color: black; }
.modal a:hover { color: black; }
.modal a:active { color: black; }