/* ___________________ custom stylesheet for client ______________________ */

@font-face {
    font-family: 'ct_eastman';
    src: url('/koala_final/themes/bootstrap/css/custom/fonts/canadiantire/cteastmancondensed-bold-webfont.woff2') format('woff2'),
         url('/koala_final/themes/bootstrap/css/custom/fonts/canadiantire/cteastmancondensed-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ct_eastman';
    src: url('/koala_final/themes/bootstrap/css/custom/fonts/canadiantire/cteastmancondensed-medium-webfont.woff2') format('woff2'),
         url('/koala_final/themes/bootstrap/css/custom/fonts/canadiantire/cteastmancondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* * {
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
} */

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

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


#header-banner-text {
    text-shadow: none;
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
}

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

#header-banner-text-large {
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
    padding-top: 15px;
    text-transform: none;
}

#header-banner-text-small-lower {
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
}

/* Responsive styling for header elements */
@media (max-width: 991.98px) {	
    #header.pre-login #header-bottom div {	
        background-image: url('/koala_final/contents/images/en/canadiantire-parent/header-banner-partners-medium.png') !important;
    }
}
@media (max-width: 767.98px) {	
    #header.pre-login #header-bottom div {	
        background-image: url('/koala_final/contents/images/en/canadiantire-parent/header-banner-partners-small.png') !important;
    }
}
@media (max-width: 575.98px) {	
    #header.pre-login #header-bottom div {	
        background-image: url('/koala_final/contents/images/en/canadiantire-parent/header-banner-partners-xsmall.png') !important;
    }
}

/* add partner logo image to pre-login header bottom area */
#header.pre-login #header-bottom div {
    min-height: 58px;
    background-image: url('/koala_final/contents/images/en/canadiantire-parent/header-banner-partners.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#content-top-hr {
    display: none;
}

#accessibility-badge {
    display: none;
}

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

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

#footer-top {
    height: 32px;
    border-radius: 5px;
    background-color: unset;
    background: #414042;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' -> set in styles-ie.css */
	background: -moz-linear-gradient(top, #414042 40%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #414042), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #414042 40%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #414042 40%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #414042 40%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #414042 40%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414042', endColorstr='#000000 ', GradientType=0);
}

#footer-top #footer-top-left {
    padding-left: 12px;
    margin-top: 7px;
}

#footer-top #footer-top-right {
    padding-right: 12px;
    margin-top: 7px;
}


.btn-secondary {
	color: #fff;
	background-color: #009e49;
	border-color: #9f9f9f;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #01c65c;
	border-color: #9f9f9f;											  
}


.btn-neutral {
	color: #fff;
	background-color: #666;
	border-color: #9f9f9f;
}

.btn-neutral:hover {
	color: #fff;    
	background-color: #999;
	border-color: #9f9f9f;
}


.btn-primary:focus,
.btn-secondary:focus,
.btn-neutral:focus,
.form-control:focus,
table tr:focus {
    border-color: #9f9f9f;
    box-shadow: 0 0 0 0.15rem rgba(216,30,5,.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(216,30,5,.80);
}

.start #loginBtn {
	color: #fff;
	background-color: #d81e05;
	border-color: #9f9f9f;
}

.start #loginBtn:hover {
	color: #fff;
	background-color: #ff3a20;
	border-color: #9f9f9f;
}

.start #login-form a {
    color: #727272;
    font-weight: normal;
}

.start #login-form a:hover {
    text-decoration: underline;
}

.start #login-form .form-group label {
    color: #d81e05;
}

.start h2,
.ribbon-hr {
    font-size: 28px;
    font-weight: normal;
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
}

.question-box {
    background: #414042;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' -> set in styles-ie.css */
	background: -moz-linear-gradient(top, #414042 40%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #414042), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #414042 40%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #414042 40%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #414042 40%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #414042 40%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414042', endColorstr='#000000 ', GradientType=0);
}

.question-box span {
    font-family: 'ct_eastman', 'Geneva', Arial, sans-serif;
}

table .selected-row {
	background-color: #ff3a20 !important;
	color: #fff !important;
}

#content h1 {
    color: #d81e05;
}