/* DIVERSE */
h1{font-size: 1.8em !important}
h2{font-size: 1.5em !important}
h3{font-size: 1.3em !important}
ol{counter-reset: list-number;display: flex;flex-direction: column;padding-left: 15px;}


#banner, .subPageBanner{max-height: 300px !important;} /* MINDRE TOPBANNER */
.banner-content{top: 55% !important;}
html body #banner .banner-content h2{font-size: 2.5em !important;} /* MINDRE TITEL */
html body #banner .banner-content p {font-size: 1.5em !important;letter-spacing: 1px;} /* MINDRE UNDERTITEL */
#customBannerBottom:before {display: none} /* SKJUL GRIM TING UNDER TOPBANNER */

/* TOPMENU */
.navbar.bg-dark a {text-transform: none !important;font-size: 16px;padding-right: 8px !important;padding-left: 8px !important;}
.dropdown-menu{background-color: rgba(255,255,255,0.95);}
.dropdown-item{color: rgba(0,0,0,1) !important;font-weight: 400 !important;}
.dropdown-item:hover{background-color: rgba(0,123,200,0.1)  !important;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,0.95) !important;}
.navbar.bg-dark a.dropdown-item {    color: rgb(0,30,50, 1) !important;}
.navbar-dark .navbar-nav .nav-link:before {    background-color: #ffffff;}

/* FORSIDE HACK */
/*#mainContent > .row > .col-lg-4, #mainContent > .row > .col-lg-8{
    display: none;
}*/
body #customBannerBottom + div{background-image: none !important;}

/* KNAPPER OG GRAFIK TIL NEM TILMELDING */
.btn-classes{ width: 48%;margin-bottom: 15px;float:left;color: #ffffff !important;overflow: hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;}
.btn-classes-full{ width: 100%;}
.btn-classes:nth-child(2n) {float:right;}
.class-overview{border-radius: 25px;border: 2px solid #ccf1ff;padding: 20px;}
.class-overview-float{float: right; width: 50%;margin: 5px 10px 10px 10px;background-color: #f0f9ff;}


.classes-link:before{padding: 10px;margin-bottom: 10px;}
.classes-link{clear: both;width: 100%;text-align: center;background-color:#eef1ff;display: block;padding: 6px;border-radius: 15px;margin-bottom: 9px;}
.class-buttons{}
.class-overview-title{font-weight: 550;font-size: 17px;}
.class-overview-subtitle{font-size: 1.1em; font-style: italic;margin-bottom: 11px;margin-top: 4px;}
#teamOverviewContent {margin-top: -10px;}
#teamOverviewContent .col-lg-12{margin: 0px !important;padding: 0px !important;}
#classes_loader .form-check-input{visibility: hidden;}
#classes_loader #freePositionsCheck{visibility: visible;width: 25px;height: 25px;}
#box2Layout .sliderFrontBox{min-height: 100px;}
.customAjaxTeamOverviewForm{padding: 0px;margin: 0 0 10px 25px;}
.freePosCheckText{margin-left: 15px !important;margin-top: 4px;line-height: 25px;display: inline-block;}

/* STYLING AF SELVE RESULTATERNE TIL NEM TILMELDING */
.class-overview .teamInfoWrapper{padding-left: 5px !important;}
.class-overview .teamInfoWrapper h1{border: 0px !important;padding: 10px 0 5px 0 !important; font-size: 18px;}
.class-overview .teamInfoWrapper .row .col-lg-4{-webkit-box-flex: 0;-ms-flex: 0 0 99%;flex: 0 0 99%;max-width: 99%;}
.class-overview .teamInfoWrapper .row .col-lg-4:last-child{display: none !important;}
.class-overview .paymentInfoField{display: none !important;}
.class-overview .teamCardBody .collapse{display: none !important;}
.class-overview #teamOverviewContent .teamCardBtns{position: relative !important;margin: 5px 0 -40px 0 !important;padding: 0 20px 0 0;}
/* Fix: mindre end LG og s  skal der noget padding p  info-teksten */
@media(max-width: 992px) {
    .class-overview .teamInfoWrapper{padding-left: 30px !important;}
}

/* LG > 1200px  */
@media(min-width:1200px)
{
    /* SKRIFT MENU */
    .navbar.bg-dark a {font-size: 18px;padding-left: 16px !important;}
}
@media(min-width:992px) and (max-width: 1200px)
{
    .class-overview-float{width: 55% !important;}
}


/* MD --- MEDIUM --- 768px -> 992px  */
@media(min-width:768px) and (max-width: 991px)
{
    .class-overview-float{width: 60% !important;}
    #banner, .subPageBanner{max-height: 200px !important;}
    .banner-content{top: 65% !important;}

}

/* ALT UNDER 767PX (dvs. mobil telefoner) XS */
@media (min-width: 1px) and (max-width:767px)
{
    .navbar-collapse{margin-top: 20px !important;}


    .class-overview{border-radius: 0;border: 0px;border-top:2px solid #aaddff;border-bottom:2px solid #aaddff; padding: 0 0 10px 0;}
    .btn-classes{ width: 49%;height: 45px;padding-top: 0.50rem}
    .class-overview-float{float: none !important; width: 100% !important;margin: 0px !important;margin-bottom: 10px !important;background-color: #eef9ff;padding: 10px;min-height: 120px;}
    .btn-classes-full{ width: 100% !important;}

    #banner, .subPageBanner{max-height: 200px !important;}
    .banner-content{top: 70% !important;}
    html body #banner .banner-content h2{font-size: 1.8em !important;}

}

/* XS --- XTRA SMALL --- < 576px  */
@media(max-width: 575px) {

}