@charset "utf-8";
/* CSS Document */

.hop_sidebar{
    margin: 0px;
    position:absolute;
    left: 10vw;
    top: 11vh;
    border: 2px solid white; 
    box-shadow: 10px 10px 5px black;
    height: auto;
    width: 350px;
}

@media (max-width: 2500px) {
    .hop_sidebar {
        left: 5vw;
    }
}

@media (max-width: 2100px) {
    .hop_sidebar {
        left: 2.5vw;
    }
}

@media (max-width: 1950px) {
    .hop_sidebar {
        margin-top: 40px;
        width: auto;
        left: 0px;
        position: static;
    }
}

.fixed-bottom-scroll-menu {
  position: fixed;
    background-color: rgba(0,0,0,1);
  bottom: 5px;
  right: 0;
  left: 0;
  z-index: 1030;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #97bf0d;
  border-radius: 50%;
  display: inline-block;
}

.text-hop-groen {
    color : #97be0d;
}

.link-hop-groen {
    color : #97be0d;
    text-decoration: none;
}

.link-hop-groen:hover {
    color : #00632E;
    text-decoration: none;
}


a{
    color: white
}

a:active{
    color: white
}

a:hover{
    color: white
}

html{
    scroll-behavior: smooth;
}

hr {
    height: 5px;
    line-height: 5px;
    margin: 0px;
    padding: 0px;
}

.font_abel{
    font-family: 'Abel';
    font-weight: 900;
}

.bg-black {
    background-color: rgba(0,0,0,0.8);
}

.bg-ground-image {
    
}

.logo{
    max-height: 55px;
    height:100%;
    float:left;
}

.logo_text{
    text-transform: capitalize;
    margin-left: 10px;
    font-family: Impact;
}
    

.section-item {
    height: 100%;
    min-height: 100vh;
}


.hide-768 {
    display: none;
}

@media (min-width: 768px) {
    .hide-768{
        display: inline;
    }
}

.show-768 {
    display: inline;
}

@media (min-width: 768px) {
    .show-768{
        display: none;
    }
}

.carousel-item {
    height: 487px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%!important;
}

@media (max-width: 1190px) {
	.carousel {height: 409px!important;}
    .carousel-item {height: 409px;}
}
@media (max-width: 970px) {
	.carousel {height: 303px!important;}
    .carousel-item {height: 303px;}
}
@media (max-width: 744px) {
	.carousel {height: 221px!important;}
    .carousel-item {height: 221px;}
}
@media (max-width: 568px) {
	.carousel {height: 179px!important;}
    .carousel-item {height: 179px;}
}


.hop-carousel-caption{
    top: 30vh;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
    text-align: center;
}

.carousel-indicators{margin-bottom:-8px!important;}
.carousel-control-next{align-items:right!important;justify-content:right!important;width:10%!important;}
.carousel-control-prev{align-items:left!important;justify-content:left!important;width:10%!important;}
.carousel-control-next-icon{background-color:#000;width:20px;height:20px;border-radius:10px;}
.carousel-control-prev-icon{background-color:#000;width:20px;height:20px;border-radius:10px;}

#slider_1 {background-color:#ffffff;}
.fa-angle-left::before {content: "\2B9C"!important;}
.fa-angle-right::before {content: "\27A4"!important;}
.flex-control-nav {margin-top:-10px!important;left:45%!important;right:45%!important;}
.eo_s1_downbox .so_title {font-size:18px!important;color:#fff!important;line-height:24px!important;}

.eventon_full_description .eventon_desc_in p{font-size:18px!important;color:#fff!important;line-height:24px!important;}
.evo_page_body .evo_page_content .entry-content {padding-top:30px;}
.fa-clock-o::before {color:#fff!important;}
.fa-map-marker::before {content: "\2616"!important;color:#fff!important;font-size:22px!important;}



#avayoContainer{display:none!important;}
.navbar-expand-md .navbar-nav{font-size:20px!important;margin:0 auto!important;}
#footer .col-sm ul{list-style-position:outside!important;color:#fff!important;padding-left: 0!important;}
#footer .col-sm div{padding-right: 20px!important;padding-left: 20px!important;padding-bottom: 20px!important;}
#footer .col-sm ul{padding:0;}
.block-3 {text-align:center!important;}
.block-3 ul{display:inline-block;}
.block-3 ul li{display:inline-block;float:left;}

.hopLogo{text-align:center;color:#fff;}
.hopLogo div{right: 1%; top: 30%; position: absolute; z-index: 9999;}
.hopLogo img{width:300px;}
@media screen and (max-width: 1550px) {
	.hopLogo img{width:200px;}
    .hopLogo div{top: 120px;}
    }

@media screen and (max-width: 1400px) {
    .hopLogo {display:none;}
    }

@media screen and (max-width: 1200px) {
	.navbar-expand-md .navbar-nav{font-size:16px!important;}
    }

.navbar .container{position:relative;}
.hopMenuLogo{text-align:center;color:#fff;}
.hopMenuLogo div{left: 0; top: 0; position: absolute; z-index: 9999;}
.hopMenuLogo img{width:120px;}
@media screen and (max-width: 1550px) {
	.hopMenuLogo img{width:120px;}
    }
@media screen and (max-width: 1000px) {
	.hopMenuLogo div{left: 0; top: 40px;}
	.hopMenuLogo img{width:120px;}
    }
@media screen and (max-width: 750px) {
	.hopMenuLogo div{left: 0; top: 0}
	.hopMenuLogo img{width:100px;}
	.navbar-collapse{padding-top:90px;}
    }


.eo_big .event_img {width:100%!important; height:220px!important;}
.hop_sidebar {width:350px!important;margin-top:46px!important;}
@media screen and (max-width: 2000px) {
	.hop_sidebar {width:auto!important;margin-top:40px;position: static;}
	.eo_big .event_img {height:680px!important;}
    }
@media screen and (max-width: 1200px) {
	.eo_big .event_img {height:600px!important;}
    }
@media screen and (max-width: 1000px) {
	.eo_big .event_img {height:450px!important;}
    }
@media screen and (max-width: 770px) {
	.eo_big .event_img {height:340px!important;}
    }
@media screen and (max-width: 600px) {
	.eo_big .event_img {height:300px!important;}
    }
@media screen and (max-width: 480px) {
	.eo_big .event_img {height:250px!important;}
    }
@media screen and (max-width: 420px) {
	.eo_big .event_img {height:220px!important;}
    }

.eo_right_x1{margin-top:0px!important;float:right!important;padding-top:2px;padding-right:10px;}
.eo_right_x1{background-color: rgba(255, 255, 255, 0.5) !important;height:34px!important;}
.eo_right_x1 .button_generic_eo_2{margin-top:0px!important;float:right!important;padding-right:10px;}
.skin-dark .button_1_eo {font-size:16px;}

/* Guido Beekman edits */

/*
#main > div > section > div.bg-white > p:nth-child(1) > a {
	color: blue !important;
}
*/

.mb-3.p-3.bg-white.rounded.shadow-sm a {
	color: blue !important;
}

/* user registration plugin: login form hack */
.user-registration-form-login label {
    font-weight: bold;
}
form.user-registration-form.user-registration-form-login.login {
    max-width: 500px !important;
}
p.user-registration-form-row.user-registration-form-row--wide.form-row.form-row-wide {
    display: block !important;
}
body.admin-bar #navbar{padding-top: 32px !important;} 
body.admin-bar #main{margin-top: 145px;}

.quizcards h4 {
	color: red;	
}
.quizcards div.col-sm-6 div.card div.card-body a.btn.btn-primary,
.quizcards .mb-3.p-3.bg-white.rounded.shadow-sm a {
	color: white !important;
	font-weight: 800 !important;
}

.menu-item.active {
	background-color: transparent;
}