/* ----------------------------------------------------
   Typo 
------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0!important;
}

.navUser-action, .navPages-action {
    font-size: 16px!important;
}

.navPage-subMenu-action {
    font-size: 15px!important;
    font-weight: 400!important;
}

.side-cart h4 {
    font-weight: 600!important;
}

.card-title {
    font-size: 20px!important;
    line-height: 1.3;
}

.productView .productView-title {
    margin-bottom: 20px!important;
    font-size: 26px!important;
    line-height: 1.2!important;
}

.footer-info-heading {
    font-size: 18px!important;
}

.category__description {
    background-color: #ddeef2;
    padding: 20px 20px 0;
    margin-bottom: 20px;
}

.button--compare {
    font-weight: 400!important;
}

.hero-carousel__link:first-of-type .heroCarousel-title {
    text-shadow: 0 0 20px #000000;
}

.heroCarousel-description {
    font-size: 17px!important;
    text-shadow: 0 0 10px rgba(0,0,0,.7);
}

@media ( min-width:801px ) {
    
    .hero-carousel__link:first-of-type .heroCarousel-title {
        line-height: 1.2;
        font-size: 54px;
        font-weight: 900;
        
    }
    
    .hero-carousel__link:first-of-type .heroCarousel-title,
    .heroCarousel-description {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ----------------------------------------------------
   Misc. 
------------------------------------------------------- */

.category__image-container {
    display: none;
}

.productView-details .socialLinks {
    display: none;
}

@media ( max-width: 550px ) {
    
    .header-logo {
        max-width: 200px!important;
    }
}

@media ( min-width:801px ) {
    
    .dropdown-menu .side-cart-container,
    .navPage-subMenu {
        box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }
}

@media (min-width: 1261px) {
  
  .flex-container.flex-container--login.flex-container--carousel-odd .hero-carousel__link:first-of-type {
    max-width: calc(75% - 0.43333rem)!important;
  }
  
  .header-logo--large {
    margin-bottom: 0!important;
  }
}