/* ___________________ custom stylesheet for domain client ______________________ */

@font-face {
    font-family: 'montserrat';
    src: url('../../fonts/tenniscanada/montserrat_light_300-webfont.woff2') format('woff2'),
         url('../../fonts/tenniscanada/montserrat_light_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../../fonts/tenniscanada/montserrat_semibold_600-webfont.woff2') format('woff2'),
         url('../../fonts/tenniscanada/montserrat_semibold_600-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../../fonts/tenniscanada/montserrat_light_italic_300-webfont.woff2') format('woff2'),
         url('../../fonts/tenniscanada/montserrat_light_italic_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'montserrat';
    src: url('../../fonts/tenniscanada/montserrat_semibold_italic_600-webfont.woff2') format('woff2'),
         url('../../fonts/tenniscanada/montserrat_semibold_italic_600-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}


/* Font applied to all elements */
* {
    font-family: 'montserrat', Arial, sans-serif;
}


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

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


#header-banner-text {
    text-shadow: unset;
    white-space: normal;
    font-weight: bold;
}

#header-banner-text-small,
#header-banner-text-large,
#header-banner-text-small-lower {
    color: #fff;
}

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

#header .nav-item.active .nav-link:hover {
    color: #FF !important;
}


/* Bootstrap button styling */
.btn-neutral {
    color: #fff;
    background-color: #7e7e7e;
    border-color: #cdcdcd;
}
                
.btn-neutral:hover,
.btn-neutral:focus {
    color: #fff;    
    background-color: #9c010d;
    border-color: #cdcdcd;
}

#header-banner-text-large {
    padding-top: 15px;
    text-transform: uppercase;
}

#header-banner-text-small {
    display: none;
}

.btn-primary:focus,
.btn-secondary:focus,
.btn-neutral:focus,
.form-control:focus,
table tr:focus {
    border-color: #e31e30;
    box-shadow: 0 0 0 0.15rem rgba(227,30,48,.80);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle: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,
.form-control input[type="radio"]:focus,
.form-control input[type="checkbox"]:focus,
.jstree-search-group button:focus,
.jstree-search-field:focus,
#skip-navbar:focus,
#faq-apple-link:focus,
#faq-google-link:focus,
#help-apple-link:focus,
#help-google-link:focus {
    box-shadow: 0 0 0 0.15rem rgba(227,30,48,.80);
}

.start .container .btn-xl {
    max-height: 152px;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}