/**
    https://stackoverflow.com/questions/40657646/bootstrap-i-need-to-zoom-image-on-the-mouse-hover-but-keep-its-original-size
    https://www.outsystems.com/blog/css-vertical-align.html
*/

/* SITE SHELL */
.site-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateX(0);
    transition: .3s ease all;
}

.site-menu {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    padding: 0 20px;
    border-right: 1px solid #525252;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAD1BMVEX////7+/v+/v719fX4+PgGGWq5AAAABXRSTlPy8vLy8h+JbBEAAAAXSURBVAgdYwABRiEGBhYjBgYmAQYQAAADrQBc7k1eEgAAAABJRU5ErkJggg==)
}

.site-wrapper.nav-revealed .site-canvas {
    transform: translateX(300px);
}

/* OVERRIDES */
.lead {
    font-weight: 400;
}

.btn {
    text-transform: uppercase;
    font-weight: 500;
}

.btn.focus, .btn:focus {
    outline: unset;
    box-shadow: none;
}

.btn-primary {
    background-color: #0062b0;
    border-color: #0062b0;
}

.btn-primary:hover {
    background-color: #01497F;
    border-color: #01497F;
}

.btn-primary .fas {
    color: #97dbf5;
}

.btn-primary:hover .fas {
    color: #fff;
    transition: .5s ease all;
}

.btn-secondary {
    background-color: #525252;
    border-color: #525252;
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: #7f7f7f !important;
    border-color: #7f7f7f !important;
}

.btn-success {
    background-color: #1399a9;
    border-color: #1399a9;
}

.btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #137080 !important;
    border-color: #137080 !important;
}

.btn-info {
    background-color: #b1d9f1;
    border-color: #b1d9f1;
}

.btn-warning {
    background-color: #fcc700;
    border-color: #fcc700;
}

.btn-danger {
    background-color: #e8390c;
    border-color: #e8390c;
}

.btn-info {
    background-color: #16B1E1;
    border-color: #16B1E1;
}

.page-link {
    color: #0062b0;
}

.page-item.active .page-link {
    background-color: #0062b0;
    border-color: #0062b0;
}

.form-control:focus {
    border-color: inherit;
    box-shadow: initial;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #525252;
}

a {
    color: #0062b0;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
}

hr {
    background: #e4e4e4;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.hr--gradient {
    background: #b1d9f1;
    background: linear-gradient(to right, rgba(127, 127, 127, 0.25), #7F7F7F, #525252, #7F7F7F, #525252, #CCCCCC, #525252, rgba(127, 127, 127, 0.25));
    height: 1px;
}

.hr--transparent-white {
    background: rgba(255, 255, 255, 0.5);
}

.hr--transparent-black {
    background: rgba(0, 0, 0, 0.5);
}

.hr--50 {
    width: 50%;
}

.mobile-header {
    min-height: 65px;
}

/* OUTER CONTAINERS SPAN WHOLE WINDOW = PY-3 */
.container-outer {
    padding: 0.5rem 0;
}

.container-outer--header {
    border-bottom: 10px solid #0062b0;
}

.container-outer--blue {
    background: #0062b0;
    color: #fff;
}

.container-outer--light-gray {
    background: #f1f1f1;
    background: linear-gradient(#e0e0e0, #f1f1f1);
}

.container-outer--dark-gray {
    background: #f1f1f1;
    background: linear-gradient(#a7a7a7, #f1f1f1)
}

.container-outer--bordered {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

/* SECTION HEADERS */
.section__header {
    padding: 1rem 20px;
    text-transform: uppercase;
}

.section__header--gray {
    background: #e4e4e4;
    color: #0062b0;
}

.section__header__heading {
}

.section__header__heading--primary {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
}

.section__header__heading--secondary {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.section__header h1, .section__header h2, .section__header h3, .section__header h4, .section__header h5, .section__header h6 {
    /* font-size: 21px; */
    /* margin-bottom: 0; */
}

.section__header a {
    display: block;
}

/* DESKTOP NAVBAR */
.navbar {
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-nav {
    display: table;
    width: 100%;
    margin: 0;
}

.navbar-nav > li {
    font-size: 0.8rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.navbar-nav > li > a {
    color: #525252;
}

.navbar-nav > li.dropdown > a {
    display: block;
    padding-right: 5px;
    padding-left: 5px;
    text-transform: uppercase;
    margin: 25px 0;
    white-space: nowrap;
}

.navbar-nav > li.dropdown:first-child > a {
    border-left: none;
}

.finder-types__icons {
    font-size: 25px;
    padding: 5px;
}

.nav-icon {
    height: 22px;
}

.nav-icon--cross, .nav-icon--menu {
    width: 19px;
}

.navbar .finder-types {
    border-left: 1px solid #525252;
}

.navbar .finder-types a, .language-switcher a, .search a {
    display: block;
}

.finder-types__text a, .finder-types__icons a {
    color: #525252;
}

.navbar .language-switcher__text {
    padding: 5px;
}

.navbar .language-switcher .active {
    font-weight: 600;
}

.navbar .language-switcher__text a {
    color: #525252;
}

.navbar .search {
    border-right: 1px solid #525252;
    border-left: 1px solid #525252;
}

.navbar .search__icons {
    font-size: 25px;
    padding: 5px;
}

.navbar .search__icons a {
    color: #525252;
}

.yamm a.dropdown-toggle:after {
    content: none;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    border-radius: 0;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAD1BMVEX////7+/v+/v719fX4+PgGGWq5AAAABXRSTlPy8vLy8h+JbBEAAAAXSURBVAgdYwABRiEGBhYjBgYmAQYQAAADrQBc7k1eEgAAAABJRU5ErkJggg==);
    margin: 1px;
    border: 0;
    padding-bottom: 0;
}

.dropdown--tire .dropdown-toggle {
    color: #0062b0;
    font-size: 1.25rem;
    font-weight: 700;
}

.dropdown--finder .dropdown-toggle {
    color: #0062b0;
    font-size: 1.25rem;
    font-weight: 700;
}

.navbar-nav > li.dropdown--burger  {
    text-align: right;
}

.navbar-nav > li.dropdown--burger > a {
    padding-right: 0;
}

/* FLYOUTS NEW */
.browse-by-type__heading, .browse-by-line__heading {
    font-weight: 600;
    text-transform: uppercase;
}

.browse-by-type__heading, .browse-by-line__heading {
    font-weight: 600;
    text-transform: uppercase;
}

.browse-by-type__list, .browse-by-line__list {
    text-transform: uppercase;
    font-size: 80%;
    line-height: 2.5;
    font-weight: 600;
}

.browse-by-type__list .fas, .browse-by-line__list .fas {
    color: #16B1E1;
}

.browse-by-type__list-item a:hover .fas, .browse-by-line__list-item a:hover .fas {
    color: #16B1E1;
    padding-left: 5px;
    transition: .5s ease-out all;
}

.burger-nav__heading {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
}

.burger-nav__heading .fas {
    color: #16B1E1;
}

.burger-nav__list {
    text-transform: uppercase;
    font-size: 80%;
    line-height: 1.2;
    font-weight: 500;
}

.burger-nav__list li {
	margin-bottom: 1.5rem;
} 

.burger-nav__list li a .fas {
	color: #16B1E1;
}

/* FLYOUT */
.flyout {
    padding: 1rem 20px;
}

.flyout .fas {
    color: #b1d9f1;
}

.flyout__heading {
    font-size: 1.5rem;
    color: #0062b0;
    font-weight: 400;
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.flyout__description {
    font-size: 0.8rem;
}

.flyout__subheading {
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
}

.flyout__list {
    font-size: 0.85rem;
    list-style: none;
    padding-left: 0;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-weight: 500;
}

.flyout__list a:hover {
    color: #003f7f;
}

.flyout__nav {
    border-right: 1px solid #e4e4e4;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); */
}

.flyout__nav a:hover {
    color: #003f7f;
}

.flyout__variant {
    color: #e8390c;
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 7px;
}

/* MOBILE NAV */
.accordion-heading {
    padding: 0.75rem 2px;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4;
}

.accordion-heading a {
    color: #525252;
    display: block;
}

.accordion-heading .fas {
    color: #0062b0;
}

.accordion-body {
}

.accordion-body .flyout {
    padding: 10px 19px;
}

.accordion-body .flyout__heading {
    font-size: 1rem;
    color: #525252;
}

.accordion-body .flyout .flyout__list li {
    margin-bottom: 1.5rem;
}

.accordion-body--tires {
    padding: 10px;
}

.accordion-body--tires .accordion-heading {
    text-transform: uppercase;
    font-size: 0.8rem
}

.nav-callout {
    background: #0062af;
    padding: 1rem 30px;
    color: #fff;
}

.nav-callout--with-gradient {
    background: linear-gradient(#024d8a, #0062af);
}

.nav-callout__heading, .nav-callout__heading a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.nav-callout__text {
    font-size: 80%;
    margin: 0;
}

/* FOOTER */
.footer-nav {
    padding-top: 1rem;
    text-transform: uppercase;
    line-height: 2.25rem;
    font-size: 90%;
    text-align: center;
}

@media (min-width: 768px) {
    .footer-nav--left {
        text-align: left;
    }
    .footer-nav--right {
        text-align: right;
    }
}

.footer-nav a {
    color: #fff;
}

.footer-nav a:hover {
    color: #b1d9f1;
}

.footer-nav__list {
    padding-left: 0;
    list-style: none;
}

.country-selector {
    text-align: center;
    padding: 1rem 0;
}

.footnote {
    color: #97dbf5;
    padding-top: 1rem;
    font-size: 80%;
    text-align: center;
}

.footnote__list {
    text-transform: uppercase;
    padding-left: 0;
    list-style: none;
}

.footnote__list .list-inline-item {
    border-right: 1px solid #97dbf5;
}

.footnote__list .list-inline-item:last-child {
    border: 0;
}

.footnote a {
    color: #97dbf5;
    padding-right: 10px;
}

/* SUBPAGE GRID */
.sub-pages {

}

.sub-page {

}

.sub-page__image {
    margin-bottom: 1rem;
}

.sub-page__img {
    width: 100%;
}



/* REVIEWS */
.reviews-members .media {
    display: flex;
    align-items: flex-start;
}

.reviews-members .media .mr-3 {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.reviews-members .rounded-pill {
    border-radius: 50rem!important;
}

.reviews-members .media-body {
    flex: 1;
    min-width: 0;
}

.reviews-members .review-date {
    font-size: 10px;
}