*{scroll-behavior: auto !important;}

/* === Tijdelijk tot neiuw HU2 update Offcanvas twice disabled === */
a#offcanvas-toggler {
    display: none;
}
/* === Einde Offcanvas twice disabled === */
/* workaround for narrowing megamenu *
@media screen and (min-width: 768px) and (max-width: 1199px) {
.sp-megamenu-parent > li > a {
font-size:14px !important;
} 
}
/* end workaround */
/* iPhone Display settings */
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
/* === Logo tekst kleur */
#sp-header .logo a {
  color: #ffffff !important
}
/* === Body shadow === */
.layout-boxed .body-innerwrapper {
    box-shadow: 0 0 0px rgb(0 0 0 / 20%);
}
/* Ofcanvas*/
.burger-icon > span {background-color: #ffffff !important;}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff !important;
}
/* === Offcanvas Social icons === */
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons a {
    font-size: 14px;
    color: #ffffff !important;
}
/* Footer Contact icons */
.fa-phone:before {
    content: "\f879";
    padding-right: 4px;
}
.fa-mobile-alt:before {
    content: "\f3cd";
    padding-right: 4px;
}
.fa-envelope:before {
    content: "\f0e0";
    padding-right: 4px;
}
/* === Scroll Up Button === */
.sp-scroll-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border: 1px solid #ddd;
    background-color: rgba(255,255,255,0.4);
    color: #013856;
    border-radius: 0px;
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
    background: #013856;
}
/* Login pagina style */
.login {
    background: #fff;
    width: 100%;
    padding: 40px 0px 45px 0px;
}
/* Logout pagina style */
.logout {
    background: #ffffff;
    padding: 200px;
}
/* Login Page Button  */
button.btn.btn-primary {
    background: #232323;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #2E616B;
  background-color: #2E616B !important;
}
/*.list-group-item {
    background-color: #232323;
}
/* SP Cookie consent 
#sp-cookie-consent { left: auto; }

/* === Inlog-pagina link tekst === 
.list-group-item {
    color: #ffffff;
}