@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,600;1,600&display=swap');

@font-face {
    font-family: 'Labtop';
    src: url('https://tab-shop027.tabernae.nl/media/kwyffj3z/labtop__.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*inlogformulier*/
#inlogformulier input[type="text"],
#inlogformulier input[type="password"] {
  display: block;
  box-sizing: border-box;
  margin-bottom: 20px;
  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 #e82f7e;
  color: #e82f7e;
  transition: 0.2s ease;
}

#inlogformulier input[type="submit"] {
  margin-bottom: 15px;
  width: 120px;
  height: 32px;
  background: #e82f7e;
  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 ul, li, li a, p, sapn, div:not(.fas):not(.fa):not(.fab), option, select, input, input::placeholder, button, a, i:not(.fa):not(.fab):not(.fas) {
    font-family: "Abel", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: "Abel", sans-serif !important;
}

.navbar li a, .card-title {
  font-weight: 400 !important;
}


.page-section ul {
    list-style-type: none !important;
}

@media (min-width: 1300px) {
    body header.masthead {
    padding-top: 300px;
}
}

@media (min-width: 769px) {
body header.masthead {
    background-size: 100% auto !important;
}
}

header.webshop-header .intro-text {
    /*padding-top: 756px;*/
}

.textpage-header {
    background-position: top center !important;
}

.contactus-header[style*="bloemen-bestellen-duurzaam-miss-bloem-haarlem-02-1080c.jpg')"] .intro-text {
    padding-top: 450px;
}

.contactus-header[style*="bloemen-bestellen-duurzaam-miss-bloem-haarlem-02-1080c.jpg')"], .textpage-header[style*="bloemen-bestellen-duurzaam-miss-bloem-haarlem-02-1080c.jpg')"] {
    background-position: center 20% !important;
    }

.contactus-header[style*="bloemen-bestellen-duurzaam-miss-bloem-haarlem-02-1080c.jpg"] .intro-text .overlay {
    display: none;
}


.textpage-header .intro-text .overlay { 
     display: none;
}



.textpage-header[style*="rouw-top-1.jpg"], .textpage-header[style*="trouw-top_0.jpg"] {
 background-position: center center !important;
}

.textpage-header .intro-text  {
    padding-top: 450px !important;
}
.webshop-header .intro-text {
    padding-top: 400px !important;
}







/*Roze achtergrondkleur*/

.card-home, body, #social, section, .footer, .page-section, #shopitems, .row.gutter, #ShoppingCardProducts ul li, #ShoppingCartCard li {
    background-color: #FCB8C6 !important;
}

/*Achtergrond shop-afbeeldingen en kaartjes wit maken*/

.shop-caption, .shop-product-link, #detailImage, .shop-orderform-image img, #ShoppingCardProducts img, #carditems .card-item .card-caption, .card-item-name, .card-jumbotron, .row.gutter.card-edit-jumbotron, .card-link, .additional-shop-caption {
    background-color: white !important;
}

#mainNav .navbar-nav .nav-item a[href*="/bloemen-vazen-bestellen/accessoires-home-interieur/" i]{
  background-color: #e82f7e;
  color: #fff !important;
  padding: 15px 20px !important;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

#mainNav .navbar-nav .nav-item p {
    margin-bottom: 0 !important;
}

#warranty img {
    display: none;
}

#displayContainer .col-lg-6.col-md-6.col-sm-12.offset-lg-6.offset-md-6 {
    display: none;
}

#displayContainer {
    margin-top: 50px;
}

section#tips .jumbotron {
    background: hsla(0,0%,100%,.7);
}

header.masthead .intro-text .overlay {
    background: hsla(0,0%,94.1%,.6);
}

.FooterLogo {
margin-top: 50px;
}

.btn-secondary {
        background-color: #e82f7e !important;
    border-color: #e82f7e !important;
}

/* vakantie april-mei 2026 */
td.day[data-date='1776643200000'],
td.day[data-date='1776729600000'],
td.day[data-date='1776816000000'],
td.day[data-date='1776902400000'],
td.day[data-date='1776988800000'],
td.day[data-date='1777075200000'],
td.day[data-date='1777161600000'],
td.day[data-date='1777248000000'],
td.day[data-date='1777334400000'],
td.day[data-date='1777420800000'],
td.day[data-date='1777507200000'],
td.day[data-date='1777593600000'],
td.day[data-date='1777680000000'],
td.day[data-date='1777766400000'],
td.day[data-date='1777852800000'],
td.day[data-date='1783728000000'],
td.day[data-date='1777939200000']

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


/* 21-10-2025 uitschaklen */ 

td.day[data-date='1761004800000']

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