/*
   UITVERKOCHT
   Sinds 2025-09-22 wordt de website elke 3 seconden geactualiseerd op een paar
   punten. Eén daarvan is dat aangegeven wordt dat een pakket is uitverkocht,
   zodra dat gebeurt. Dan gebeuren twee dingen. Als eerste wordt het betreffende
   pakket grijs en doorzichtig(er) gemaakt, zodat het voor bezoekers duidelijk
   is dat dit p[akket niet meer gekozen kan worden. Ten tweede wordt in de foot
   van het pakket het woord "uitverkocht" vermeld.

   Dit is de css voor een uitverkocht pakket.
*/
div.row.pricing .card.uitverkocht {
   opacity: .3;
   filter: grayscale(100%);
}
/*
   De card status hadden we nog niet. Dat is een footer onderaan de pakket info
   waarin de beschikbaarheid van het pakket wordt weergegeven:
   1. Uitverkocht / Sold Out als er geen pakketten meer van zijn
   2. Nog xxx beschikbaar / Only xxx available bij minder dan 10 beschikbaar
   3. Bij meer dan 10 is de tekst: Beschikbaar / Available
*/

div.row.pricing .card .card-status {
   color: #2b3c4f;
   background: linear-gradient(#e2eef5,#F0F6FA);
}

/*
   De card status van een uitverkocht pakket
*/

div.row.pricing .card.uitverkocht .card-status {
   background: linear-gradient(#d6d6d6,#e6e6e6);
/*
   font-weight: normal;
*/
   color: #000000 !important;
   text-shadow: 1px 1px 1px rgba(255,255,255,.8);
}

/*
   Als geen verdere omschrijving is ingevuld bij een programma-item, voorkom dan
   dat de tijd van het volgende item door de link van de huidige spreker staat.
*/
.desc { min-height: 40px; }

.header{padding-top:0;padding-bottom:0;}
#header.header .logo-icon{height:60px;width:auto}
#header.header.fixed-top.text-white {
   background: linear-gradient(#3568A1, #2b5380);
}


/*
oude kleur: #098DCF
*/
/*
   Apart item voor de workshops: zij krijgen een grijs driehoekje om aan te
   geven dat zij onderdeel zijn van de bovenliggende parallelsessie.
*/
@media (min-width: 992px) {
   .schedule-tab-content .item-workshop:after {
      content: "";
      display: inline-block;
      position: absolute;
      z-index: 5;
      left: 198px;
      top: 0px;
      width: 0px;
      height: 0px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid transparent;
      border-left: 10px solid #098DCF;
      border-left-color: #c7d6e7;
      background: transparent;
      border-radius:0%
   }
}
footer.footer,
#prog-tab.nav-pills.nav-fill > li.nav-item > a.nav-link.active,
.pricing .card > .card-body > .heading {
   background: linear-gradient(#3568A1, #2b5380);
}

.pricing .card.theme-bg-white {
    background: #F0F6FA;
    height: 100%
}

#handouts-section > div > .handouts .card > .card-body > .heading {
   background: linear-gradient(#3568A1, #2b5380);
}

#handouts-section > div > .handouts > .col > .card {
    min-height: 300px;
    height: 100%
}

#handouts-section.theme-bg-light > div > .handouts > .col > .card {
    background: #FFF;
}

#handouts-section.theme-bg-white > div > .handouts > .col > .card {
    background: #F0F6FA;
}



.schedule-nav .nav-link.theme-bg-light {
    background: #d2e4f0;
}

.nav-pills .nav-link.theme-bg-light.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #098DCF
}

img.logo-icon{ float:left; margin-right: .7em; }
span.logo-text{ font-size: 1.35em;}

section#ins-section {min-height: 450px;}


/*
   Maak de header ALTIJD blauw
*/
.header{linear-gradient(#3568A1, #2b5380)}
.header-shrink{linear-gradient(#3568A1, #2b5380)}
@media (max-width: 991.98px){.header-has-bg{linear-gradient(#3568A1, #2b5380)}

section.countdown-section.section {
   padding: 1rem 0;
}

.countdown-box .number{color:#ffffff!important;}
.countdown-box .unit{color:#141c25!important;}

.countdown-section.nection{padding-top:4rem;padding-bottom:4rem}

/*
   De locatie van de carousel items (voor een rustiger beeld: slechts 1 plaatje)
*/
.hero-carousel .carousel-item-1{background:url("/assets/images/hero/hero-1.jpg") no-repeat center center}
.hero-carousel .carousel-item-2{background:url("/assets/images/hero/hero-1.jpg") no-repeat center center}
.hero-carousel .carousel-item-3{background:url("/assets/images/hero/hero-1.jpg") no-repeat center center}

/*
   Op mobile devices komt het tekentje van de workshops bovenaan de spreker-info
   te staan. Dat moet niet.
*/
@media (max-width: 767.98px){
   .schedule-tab-content .tab-pane:after,.schedule-tab-content .item.workshop:after{display:none}
}

.venue-section .theme-bg-light .grid-item{border:1px solid red #415b78}
.venue-section .theme-bg-light .grid-item .title{font-size:1.125rem}
.venue-section .theme-bg-light .grid-item .svg-inline--fa{font-size:1.25rem}.logo-item{margin-bottom:1rem}
.venue-section .theme-bg-light .figures-holder{position:absolute;top:0;right:0}}

/*
.venue-section .theme-bg-white .grid-item{border:1px solid #415b78}
*/
.venue-section .theme-bg-white .grid-item{border:1px solid #415b78}
.venue-section .theme-bg-white .grid-item .title{font-size:1.125rem;color:red}
.venue-section .theme-bg-white .grid-item .svg-inline--fa{font-size:1.25rem}.logo-item{margin-bottom:1rem}
.venue-section .theme-bg-white .figures-holder{position:absolute;top:0;right:0}

div.row.logos.justify-content-center {
   align-items: center;
}