/*Aanpassing header responsive*/

@media (max-width: 768px) {
    .headertextHomePage p {
    display: inline-block;    
    overflow-y: initial;
    height: auto;
    }
}

header .carousel img {
    min-height: 450px;
    object-fit: cover;
}

@media (max-width: 768px) {
.headerbuttonHomePage a {
 font-size: 12px !important; 
}
.home-bg h1 {
    font-size: 28px !important;
}
}

@media (min-width: 769px) {
.headertextHomePage p {
    margin: 25px 0px !important;
}    
}


/*Witruimte logo weghalen*/

@media (max-width: 768px) {
    .nav-item:nth-child(4) {
        display: none;
    }
}

/* 27-12-2022, 1e kerstdag 2021, Nieuwjaarsdag, 2e Paasdag (18 apr), Koningsdag (27 april), Hemelvaartsdag (26 mei), 2e Pinksterdag (6 juni) en 2e kerstdag 2022 uitschakelen */

td.day[data-date='1672099200000'],td.day[data-date='1651017600000'],td.day[data-date="1640390400000"], td.day[data-date="1640995200000"], td.day[data-date="1650240000000"], td.day[data-date="1653523200000"], td.day[data-date="1654473600000"], td.day[data-date="1672012800000"]
{
    color: #999 !important;
    cursor: default;
    pointer-events: none;
    background-color: white !important;
    background-image: none !important;
    text-shadow: none !important;
}

/*Achtergrond shop-afbeeldingen wit maken*/

.shop-product-link, #detailImage, .shop-orderform-image img, #ShoppingCardProducts img{
    background-color: white;
}

/*Twee opmerkingen m.b.t. bezorgen op Moederdag*/

/*#orderdelivery-deliver-form > .form-group > #deliveryDetailsContainer > .form-group:before {*/
/*    display: inline-block;*/
/*    content: "Wij bezorgen op Moederdag, mits vóór zaterdag 12:00 uur besteld.  Vul hieronder als opmerking in: ‘Bezorgen op 14 mei’. En kies bij de volgende stap 13 mei als bezorgdatum.";*/
/*    margin-bottom: 15px;*/
/*}*/

/*#shopitem-orderform-deliverydatecontainer > #shopitem-orderform-deliverycontact-selectdate > legend:after {*/
/*    display: inline-block;*/
/*    content: "Wil je op Moederdag bezorgd hebben? Selecteer dan 13 mei als bezorgdatum. Controleer of je als opmerking bij de vorige stap ‘Bezorgen op 14 mei’ hebt ingevuld. Als dit niet het geval is, begin dan opnieuw met bestellen via de webshop. ";*/
/*    margin-bottom: 5px;*/
/*    font-size: 16px;*/
/*}*/


/*Inlogformulier aanpassingen */

#inlogformulier input[type="text"],
#inlogformulier input[type="password"] {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0px;
  padding: 4px;
  width: 220px;
  height: 32px;
  border: none;
  border-bottom: 1px solid #AAA;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  transition: 0.2s ease;
}

#inlogformulier input[type="text"]:focus,
#inlogformulier input[type="password"]:focus {
  border-bottom: 2px solid #818DBC;
  color: #818DBC;
  transition: 0.2s ease;
}

#inlogformulier input[type="submit"] {
  margin-bottom: 15px;
  width: 120px;
  height: 32px;
  background: #818DBC;
  border: none;
  border-radius: 2px;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.1s ease;
  cursor: pointer;
}

#inlogformulier input[type="submit"]:hover,
#inlogformulier input[type="submit"]:focus {
  opacity: 0.8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  transition: 0.1s ease;
}

#inlogformulier input[type="submit"]:active {
  opacity: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  transition: 0.1s ease;
}

#inlogformulier *:focus {
  outline: none;
}

.navbar {
    min-height: 94px;
}

.nav-item img {
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    height: 94px;
    width: auto;
    margin-top: 0 !important;
}

.nav-link:nth-child(1):hover {
    border: none !important;
}

@media (min-width: 992px) and (max-width: 1169px) {
  .nav {
      justify-content: right !important;
  }
}

.weglot-container {
    margin-top: 13px;
}

#locationsPlaceHolder h2 {
    text-transform: initial !important;
}

#locationsPlaceHolder .contactaddress {
    padding-top: 0 !important;
}

#displayContainer .row:first-of-type {
    display: none;
}


/* 27 + 28 dec 2024 uitschakelen */

td.day[data-date='1735257600000'],
td.day[data-date='1735344000000']


{
    color: #999 !important;
    cursor: default;
    pointer-events: none;
    background-color: white !important;
    background-image: none !important;
    text-shadow: none !important;
}