@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html,body{width:100%; height:100%; touch-action: manipulation;}

:root { 
    --primary-color:#002469; 
    --light:#eee;
}

.bg-primary{background-color:var(--primary-color)!important;}

.text-primary{color:var(--primary-color)!important;}

.border-primary{border-color:var(--primary-color)!important;}
.border-light{border-color:var(--light)!important;}

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

body{font-family:"Open Sans", sans-serif; font-size:.875rem; font-optical-sizing:auto; font-style:normal; scroll-behavior: smooth;}

h2{margin-bottom:0; font-size:1.25rem!important; font-weight:700;}
h3{margin-bottom:0; font-size:.875rem; font-weight:700;}

a:link, a:hover, a:active, a:visited{color:var(--primary-color); text-decoration:none;}

.btnContent{padding:8px 15px 9px 15px;}

/*hoofdsponsors*/
.hoofdsponsor img{height:70px;}
/*sponsors overview*/
.sponsor{position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.sponsor img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}

#sponsorSmall{width:125px;}

.sponsorName{opacity:0; visibility:hidden; transition:all .5s linear;}
.sponsor:hover .sponsorName{opacity:1; visibility:visible;}

/*carousels*/
.sponsorCarousel .owl-item{padding:.5rem; height:74px; display:flex; align-items:center; justify-content:center;}
.sponsorCarousel img{max-height:74px;}

.sponsorCarouselSingle .owl-item{padding:.5rem; height:70px; display:flex; align-items:center; justify-content:center;}
.sponsorCarouselSingle img{max-height:70px;}

/*acties*/
.actieTegel img{height:170px;}
.actieTegelTitle{padding-top:4px; height:70px; overflow:hidden; font-size:.875rem; font-weight:700;}
.actieTegelTitle span:first-child{height:42px; overflow:hidden;}

@media(max-width:576px){
body{font-size:1rem;}

h3{font-size:1rem;}
}

@media(min-width:576px){
.w-md-auto{width:auto!important;}
}

@media(min-width:768px){

}

@media(min-width: 768px) and (max-width: 992px){

}

@media(min-width:1200px){

}