/************** HEADER LOGO ******************/

/* header logo = klein */
.site-logo { width:120px; transition: opacity .25s ease; }
.site-logo img { width:100%; height:auto; display:block; }

@media screen and (max-width: 767px){
  .site-logo { width:58px; }
}

/* hero logo = groot naast titel */

.hero-title{
  height: 100%;
  display: flex;
  align-items: center;      /* verticaal centreren */
  justify-content: center;  /* horizontaal (optioneel) */
}

.hero-logo{
  display: block;
  width: 500px;   /* of wat je wil */
  height: auto;
  transition: opacity .25s ease;
}


/* op slide 1: toon groot logo, verberg header-logo */
body.on-slide-1 .site-logo { opacity:0; pointer-events:none; }
body.on-slide-1 .hero-logo { opacity:1; }

/* vanaf slide 2+: verberg groot logo, toon header-logo */
body:not(.on-slide-1) .hero-logo { opacity:0; pointer-events:none; }
body:not(.on-slide-1) .site-logo { opacity:1; }

/* mobiel: onder elkaar */
@media (max-width: 767px){
  .hero-title { flex-direction:column; align-items:center; gap:12px; }
  .hero-logo { width:300px; max-width:70vw; }
}


/************* FONT ******************/

@font-face{
    font-family: "Burgerfont";
    src: url("../fonts/4c40c7f27503517082e3857518913bab.eot");
    src: url("../fonts/4c40c7f27503517082e3857518913bab.eot?#iefix")format("embedded-opentype"),
        url("../fonts/4c40c7f27503517082e3857518913bab.woff")format("woff"),
        url("../fonts/4c40c7f27503517082e3857518913bab.woff2")format("woff2"),
        url("../fonts/4c40c7f27503517082e3857518913bab.ttf")format("truetype"),
        url("../fonts/4c40c7f27503517082e3857518913bab.svg#Brandon Grotesque Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

.fc-blue{
  color: #085a6e !important;
}

h2.title{
	font-family: "Burgerfont" !important;
}
h2.title_blauw{
  font-family: "Burgerfont" !important;
  color: #085a6e;
}
h2 span{
  font-size: 70px;
  font-family: "Burgerfont" !important;
  text-transform: uppercase;
}
h3{
  font-family: "Burgerfont" !important;
}

ul.danny{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ul.danny li{
  position: relative;
  padding-left: 1.6em;
}

ul.danny li::before{
  content: "★";
  position: absolute;
  left: 0;
  top: 0;
  color: #f5c400; /* geel */
}

.dannyButton{
  display:inline-block;
  padding:8px 16px;
  margin-bottom:0;
  font-family: "Burgerfont";
  font-size:16px;
  font-weight:400;
  line-height:1.42857143;
  text-transform: uppercase;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  user-select:none;
  background-image:none;
  border:3px solid #085a6e;
  border-radius:10px;
}

.dannyButton-default{
  color:#085a6e;
  background-color:#ffefc6;
}

.dannyButton-primary{
  color:#fff;
  background-color:#b21f08;
  border-color: #fff;
}

select.form-control:not([size]):not([multiple]){
  height: auto !important;
}

.nav-ul li a, .fullscreen-nav-ul li a {
  font-family: "Burgerfont" !important;
}

.contactfont{
  font-family: "Burgerfont";
  font-size: 30px;
  color: #fff;
}
p.contactfont{
  margin-bottom: 0px;
}
.quotecontact{
  font-family: "Burgerfont";
  font-size: 42px;
  color: #fff;
  margin-bottom: 40px;
}