/* ___________________ custom stylesheet for domain client ______________________ */

@font-face {
    font-family: 'ScratchUp';
    src: url('../../fonts/jumpstart/Hanoded-Scratchup-Regular.woff2') format('woff2'),
         url('../../fonts/jumpstart/Hanoded-Scratchup-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt';
    src: url('../../fonts/jumpstart/CooperHewitt-Book.woff2') format('woff2'),
         url('../../fonts/jumpstart/CooperHewitt-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt';
    src: url('../../fonts/jumpstart/CooperHewitt-Bold.woff2') format('woff2'),
         url('../../fonts/jumpstart/CooperHewitt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* Import Manrope font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=block');


/* Font applied to all elements */
* {
    font-family: 'Manrope', system-ui, sans-serif
}

/* Common page elements */
.ribbon-hr,
.ribbon-hr * {
    font-family: 'CooperHewitt', sans-serif;
    font-weight: bold !important;
}

.question-box,
.question-box * {
    font-family: 'CooperHewitt', sans-serif !important;
    font-weight: bold;
}

.question-box {
    background-image: url('/koala_final/contents/images/en/coachingallabilities/question-box-background.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* Bootstrap button styling */

.btn-primary:hover {
	color: #fff;
}

.btn-secondary {
    color: #fff;
}

.btn-neutral {
    color: #fff;
    background-color: #747474;
    border-color: #cdcdcd;
}

.btn-neutral:hover,
.btn-neutral:focus {
    color: #fff;
    background-color: #565656;
    border-color: #cdcdcd;
}

/* Header styling */
#header-banner {
    background-image: url('/koala_final/contents/images/en/coachingallabilities/header-banner.png');
}

#header-banner-text {
    text-shadow: transparent 0px 0px 0px, #494949 1px 2px 1px;
    white-space: normal;
}

#header-banner-text-small-lower {
    font-family: 'ScratchUp', 'Geneva', Arial, sans-serif !important;
    font-weight: 500 !important;
}

#header-banner-text-small {
    font-family: 'ScratchUp', 'Geneva', Arial, sans-serif !important;
    font-weight: 500 !important;
    visibility: hidden;
}

#header-banner-text-large {
    font-family: 'ScratchUp', 'Geneva', Arial, sans-serif !important;
    font-weight: 500 !important;
    margin: 0 auto;
}

html[lang="fr"] #header-banner-text-large {
    font-size: 40px;
	line-height: 40px;
}

@media (max-width: 713px) {
    html[lang="fr"] #header-banner-text-large {
        font-size: 36px;
		line-height: 36px;
    }
}

@media (max-width: 642px) {
    #header-banner-text {
        top: 25%;
    }
}

/* Responsive styling for header elements */
@media (max-width: 550px) {
    #header-banner-text-large {
        font-size: 40px;
		line-height: 40px;
    }
}

@media (max-width: 550px) {
    html[lang="fr"] #header-banner-text-large {
        font-size: 32px;
		line-height: 32px;
    }
}


@media (max-width: 365px) {
    #header-banner-text {
        top: 40%;
    }

    html[lang="fr"] #header-banner-text {
        top: 25%;
    }

    #header-banner-text-large {
        font-size: 32px;
		line-height: 32px;
    }
}

@media (max-width: 311px) {
    html[lang="fr"] #header-banner-text {
        top: 35%;
    }

    html[lang="fr"] #header-banner-text-large {
        font-size: 26px;
		line-height: 26px;
    }
}

@media (max-width: 290px) {
    #header-banner-text-large {
        font-size: 26px;
		line-height: 26px;
    }
}

@media (max-width: 234px) {
    #header-banner-text {
        top: 35%;
    }
}

#header.post-login #header-banner {
    background-image: url('/koala_final/contents/images/en/coachingallabilities/header-banner.png');
}

#header.pre-login #header-bottom-partners {
    min-height: 58px;
    background-image: url('/koala_final/contents/images/en/coachingallabilities/header-banner-partners.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#header .nav-item.active .nav-link {
    color: #00c95e !important;
}

#header .nav-link {
    font-family: 'CooperHewitt', 'Geneva', Arial, sans-serif !important;
}

#header .nav-link:hover,
#header .nav-link:focus {
    color: #E4E4E4 !important;
}

#header .navbar-toggler {
    background-color: rgba(247, 43, 44, 0.3);
}

.jstree-search-group button.showSelected {
    color: #fff;
}

.jstree-search-group button.clearSearch:hover {
    background-color: #ff5858;
    border-color: #ff5858;
    color: #fff;
}

.jstree-search-group button.showSelected:hover {
    background-color: #adadad;
    border-color: #adadad;
}

/* Customize focus state color */
.form-control:focus,
.form-control input[type="radio"]:focus,
.form-control input[type="checkbox"]:focus,
.btn-primary:focus,
.btn-secondary:focus,
table tr:focus,
#skip-navbar:focus,
.jstree-search-group button:focus,
.jstree-search-field:focus,
.checkbox-slider input[type="checkbox"]:focus + *:before,
.checkbox-slider--default input[type="checkbox"]:focus + *:before,
.checkbox-slider--a-rounded input[type="checkbox"]:focus + *:before,
.checkbox-slider--a input[type="checkbox"]:focus + *:before,
.checkbox-slider--b input[type="checkbox"]:focus + *:before,
.checkbox-slider--b-flat input[type="checkbox"]:focus + *:before,
.checkbox-slider--c input[type="checkbox"]:focus + *:before,
.checkbox-slider--c-weight input[type="checkbox"]:focus + *:before,
.checkbox-toggle input[type="checkbox"]:focus + *:before {
    box-shadow: 0 0 0 0.2rem rgba(227, 37, 37, 0.45);
    border-color: rgba(227, 37, 37, 0.45);
}

/* Start page styling */
#content.start h2 {
    font-family: 'CooperHewitt', sans-serif;
    font-weight: bold !important;
}

/* Program page styling */
#content.program #program-module-list .card-header {
    font-family: 'ScratchUp', 'Geneva', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 2rem !important;
    padding: 0.5rem 1.25rem 0.25rem 1.25rem;
}

.card.completed .card-header:after {
    top: -13px;
}

.card.completed .card-header:after,
.nav-link.completed h5:after,
table td.selected-row:last-of-type:after,
#content.home .card-deck .card.certified:before {
    color: #00c95e !important;
    text-shadow: -1px -1px 0 #C71A1A, 1px -1px 0 #C71A1A, -1px 1px 0 #C71A1A, 1px 1px 0 #C71A1A;
}


/* Footer styling */
#footer-top {
    width: 100%;
    height: 36px;
    margin-top: 10px;
    color: #CCC;
    background-image: url('/koala_final/contents/images/en/coachingallabilities/footer-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: transparent;
}

#footer-top #footer-top-left {
    margin-top: 10px;
    padding-left: 3px;
}

#footer-top #footer-top-right {
    margin-top: 10px;
    padding-right: 3px;
}

.btn-group-xl>.btn,
.btn-xl {
	font-size: 1.05rem;
}

.nav-pills .nav-link.active:hover {
    color: #fff !important;
    background-color: #747474 !important;
}