/* General bits */
body, .h1, .h2, .h3, .h4, .h5, .h6 , h1, h2, h3, h4, h5, h6, .card-title { font-family: 'Open Sans' !important }
body #toast-container > div { opacity: 1; }
.text-info { color:#0464b5 }
.btn.btn-info, .btn.btn-info:hover, a.btn.btn-info:hover  { border-radius:0px;  background-color: #0464b5; border-color:#0464b5; text-decoration:none }
.btn.btn-grey { border-radius: 0px}
/* Navbar */
.navbar { margin-bottom:0px}
.logo { width:200px; }
.flags { flex-direction:unset }
.languageflag { cursor:default; float:right; margin-left:5px; width:40px}
.languageflaginactive { cursor:pointer}


/* Banner */
@media only screen and (max-width: 600px) {
    h3.banner_title {
        font-size:2.3rem
    }
}
.page-header.header-small { height:50vh !important ; min-height:50vh !important; }
.page-header-image { background-position:center top;  transform: translate3d(0px, 0px, 0px)}
.page-header .container, .page-header .container .row {height:100%}
.page-header.custom-header .container { height:auto}
.banner_title, .banner_subtitle { margin-top:10px; font-size:3em; text-shadow:2px 2px 4px rgb(0,0,0,0.9)  }
.banner_subtitle { font-size:2.5em !important}
h3.banner_title span, h5.banner_subtitle span { font-weight:900 !important; color:#0464b5 !important;}
.copyright { font-size:12px; }
.header-filter::before { background:rgba(0, 0, 0, 0.3)}


/* Homepage */
.main.page-home { background-color:#f3f3f3 }

/* Dates container */
.page-home .dates-header {font-size :1.1em; color:#666; line-height:1.8; letter-spacing:0em; border-left:5px solid #0464b5; margin-top:20px;}
.page-home .dates-header .fully-booked, .page-home .dates-header .fully-booked-label { color:#FF2801}
.page-home .dates-header .fully-booked {text-decoration:line-through; }
.page-home .dates-container { font-weight:600; }
.dates-container .card .card-category { color:#0464b5; text-transform: uppercase; font-size:22px}
.dates-container .card-pricing ul { max-width:90%}
.dates-container .card-pricing ul li { color: #0464b5; font-size:18px}


/* Page title heading*/
.page-home .title-header { font-size:2em; font-weight:300; margin-bottom:30px;}
.page-home .title-header span { font-weight:600 }
.page-home .title-header span.blue { color:#0464b5; }

/* Left side content */
.page-home .content p, .page-home .content ul li, .page-home .content li { font-size:20px; line-height:1.8em; font-weight:400; margin-top:5px; margin-bottom:5px}
.page-home .content p span, .page-home .content li span, .page-resources .content p span, .page-resources .content li span { font-weight:600; }
.page-home .content a:not(.btn), .page-home .content a:not(.btn):hover, .page-home .content a:not(.btn):visited {color:#0464b5 }
.page-home .content a:hover { text-decoration:underline}

/* Registration form */
.grecaptcha-badge { z-index:100 }
.page-home .boxes { background-color:#3c3c41; color:white;}
.page-home .boxes h4 {  font-size:28px; font-weight:400;}
.page-home .boxes .btn { border-radius:0px; }
.page-home .boxes .btn.btn-info { background-color: #0464b5; border-color:#0464b5; top:3px; padding:10px 30px; }
.page-home .boxes .form-control, .page-home .boxes .is-focused .form-control { background-image:none;background-color:white; padding-left:5px;}
.page-home .boxes p { color:white; margin-top:10px}
.page-home .boxes p.form-title {font-weight:600; margin-right:5px;}
.page-home .boxes p span.required { color:#0464b5; margin-right:5px;}
.page-home .boxes .form-check-input, .page-home .boxes .form-check .form-check-label { color:white; }
.page-home .boxes .form-check .form-check-sign .check { background-color:white; }
.page-home .boxes .form-check .form-check-input:checked~.form-check-sign .check { background:#0464b5; }
.page-home .boxes .btn:disabled { cursor:default; }
.page-home .boxes.learning-boxes { margin-top:10px; padding-bottom:20px; }
.page-home .boxes.learning-boxes p, .page-home .boxes.learning-boxes li { font-size:20px; line-height:1.8em; }
.page-home .boxes.learning-boxes p.small { font-size:14px; }
.page-home .boxes .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100%; color:black !important; background-color:white !important; margin-bottom:0px !important ; background-image:none !important ; }
.page-home .boxes .bootstrap-select .btn.active, .bootstrap-select .btn:active, .bootstrap-select .select-with-transition { background-image:none !important; }

/* Form validation styles */
.fv-plugins-bootstrap .form-control.is-valid, .fv-plugins-bootstrap .form-control.is-invalid, .form-check-input.is-invalid + .form-check-sign .check { border:1px solid #FF2801; }
.fv-plugins-bootstrap .fv-help-block { color: #F98691 !important}
.fv-plugins-bootstrap .form-control.is-valid, .fv-plugins-bootstrap .form-control.is-invalid, .form-check-input.is-invalid + .form-check-sign .check { border: 1px solid #F98691 !important}

/* Footer */
.footer { background-color:#212121;}
.copyright {font-size:13px; color:white}
.copyright a { color:white; transition:0.3s all ease}
.copyright a:hover { color:#bbb; transition:0.3s all ease}
@media only screen and (max-width: 600px) {
    .copyright {
        width:100%; text-align:center; margin-bottom:20px
    }
}


/* Homepage stuff */




.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a.active, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover { background-color: #0464b5 !important ; box-shadow : 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(10 180 239 / 40%); }
.btn.dropdown-toggle.btn-light, .btn.dropdown-toggle.btn-light:hover { margin:0; background-color:white; color:#666}
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn:hover { margin:0px; color:#666; background-color:white; }
.bootstrap-select .dropdown-menu { border-radius:0px}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-transform : none; }

.page-home #registrationForm .row.spacious { min-height:110px;}
.page-home #registrationForm .row.spacious.very { min-height:130px;}
.page-home #registrationForm label { color:white; font-weight:bold; }
.page-home #registrationForm label span.required { color: #0464b5; }
.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] { color:white !important; font-weight:bold !important; }
.page-home .boxes .blueborder { border:1px solid #0464b5; padding:10px; margin-right:10px; }
.page-home .boxes .blueborder .box { color:white; text-align:center; min-height:80px; margin:10px; display:flex; justify-content:center; flex-direction:column; align-content:center;}
.page-home .boxes .blueborder .box h4 { font-size:18px; font-weight:600; }
.page-home .boxes .blueborder .box p { margin:auto 0; font-size:14px; }
.page-home .boxes .blueborder .box.titlebox { background-color:#0464b5; }
.page-home .boxes .blueborder .box.darkbox { background-color:#3c3c41; }
.page-home .boxes .blueborder .box.lightbox { background-color:#384853; }
.page-home .content h3 span { color:#0464b5;font-weight:700; }
.page-privacy .content { padding-top:20px; }
.page-privacy p, .page-privacy li { font-size:13px !important; }
.page-privacy h4 { font-size:20px !important;  color: #0464b5 !important;}
.page-privacy h4 b { font-weight:600 !important;}

/* Resources page */
/* Left side content */
#resourcescontent h3 { padding-top:20px; border-top:1px solid #0464b5; color:#0464b5;font-weight:700; font-size:30px;}
#resourcescontent p, #resourcescontent ol, #resourcescontent ul  { font-size:20px; line-height:35px; }
#resourcescontent a { color:#0464b5;font-weight:400; }
.video-btn { background-color: #0464b5 !important; border-color:#0464b5 !important; border-radius:0px; }

/* Right side boxes */
#resourcesboxes .btn { border-radius:0px; }
#resourcesboxes .btn.btn-info { background-color: #0464b5; border-color:#0464b5; top:3px; padding:10px 30px; }
#resourcesboxes .card { border-radius: 0px; box-shadow:none; }
#resourcesboxes .form-control, #resourcesboxes .is-focused .form-control { background-image:none; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)  { width:100%}
#resourcesboxes .btn.dropdown-toggle { background-color:white !important}

/* Leaderboard cards */
.leaderboard-card { border:1px solid #727272; box-shadow: none}
.leaderboard-number { font-size:30px; font-weight:900; color:#0464b5}
.leaderboard-logoimage { height:200px; position: absolute; top:-75px; left:-0px}
@media only screen and (min-width:992px) and (max-width: 1200px) {
    .leaderboard-logoimage { height:150px; top:-50px}
}

@media only screen and (min-width:768px) and (max-width: 992px) {
    .leaderboard-logoimage { height:100px; top:-40px}
    .leaderboard-number { font-size:20px}
}

@media only screen and (max-width:767px) {
    .leaderboard-number { margin-left:300px}
}

/* Leaderboard tables */
.leaderboard-table th, .leaderboard-table tr, .leaderboard-table td { border-bottom:none !important; border-top:none !important; border:none !important; padding:10px !important}
.leaderboard-table { border-collapse:separate; border-spacing:0px}
.leaderboard-table th { text-align: left; font-size:17px !important; line-height:20px}

.leaderboard-table tr { margin-bottom:5px !important}
.leaderboard-table .leaderboard-table-row { font-size:20px; line-height:20px ; color:#0464b5; background-color:white}
.leaderboard-table .leaderboard-table-spacer { background-color:#f0f0f0}
.leaderboard-table .leaderboard-table-row.leaderboard-table-row-leader { color:white; background-color:#0464b5}
.leaderboard-table .leaderboard-table-number, .leaderboard-table .leaderboard-table-score { text-align:center; font-weight:600; border:1px solid #707070 !important; border-radius:6px; width:67px; font-size:40px; line-height:49px}
.leaderboard-table .leaderboard-table-logo { padding:0px !important; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border:1px solid #707070 !important; width:50px}
.leaderboard-table .leaderboard-table-name, .leaderboard-table .leaderboard-table-students,  .leaderboard-table .leaderboard-table-exams,  .leaderboard-table .leaderboard-table-passes { font-size:33px; line-height:33px; font-weight:300; border-top:1px solid #707070 !important; border-bottom:1px solid #707070 !important;}
.leaderboard-table .leaderboard-table-students { text-align: center; }
.leaderboard-table .leaderboard-table-passes { text-align: center; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border:1px solid #707070 !important; border-left:none !important;}

@media only screen and (max-width:1000px) {
    .leaderboard-table .leaderboard-table-number, .leaderboard-table .leaderboard-table-name,  .leaderboard-table .leaderboard-table-students, .leaderboard-table .leaderboard-table-exams, .leaderboard-table .leaderboard-table-passes {
        font-size: 20px
    }
    .leaderboard-table .leaderboard-table-score { font-size:25px}
    .leaderboard-table .leaderboard-table-students { text-align:center}
}

    @media only screen and (max-width:767px) {
        .leaderboard-table .leaderboard-table-passes, .leaderboard-table  .leaderboard-table-passes-header { display: none}
    .leaderboard-table .leaderboard-table-exams { text-align:center; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border:1px solid #707070 !important; border-right: 1px solid #707070 !important;border-left :none !important}
}

@media only screen and (max-width:640px) {
    .leaderboard-table-students, .leaderboard-table-students-header { display: none}
    .leaderboard-table-name{ border-left :none !important}
    .leaderboard-table-exams { border-top-right-radius: 6px; border-bottom-right-radius: 6px; border:1px solid #707070 !important; border-right: 1px solid #707070 !important;border-left :none !important}
}

@media only screen and (max-width:600px) {
    .leaderboard-table .leaderboard-table-name { font-size:24px; line-height:30px; border-right: none !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
    .leaderboard-table .leaderboard-table-score { font-size:28px}

}