/* Theme palette */
:root {
  --novo-bg: #F7F7F7;
  --novo-tint: #F8D0E1;

  --novo-primary-light: #FE209A;
  --novo-primary: #E5017D;
  --novo-primary-dark: #B70165;

  --novo-discount: #FF6B35;
}


/* Wrapper background */
#wrapper { background-color: var(--novo-bg); }


/* Anchor tags */
a, a:not(.btn), a.page-link { color: var(--novo-primary); }
a:hover, a:focus { color: var(--novo-primary-dark); }


/* Bootstrap utilities */
.text-primary { color: var(--novo-primary); }
.bg-primary { background-color: var(--novo-primary); }
.border-primary { border-color: var(--novo-primary); }
.alert-info {
    background-color: var(--novo-tint) !important;
    border-color: var(--novo-primary) !important;
    color: #000000 !important;
}


.dropdown-item {
  background-color: var(--novo-primary);
  border-color: var(--novo-primary);
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  background-color: var(--novo-primary-dark);
  border-color: var(--novo-primary-dark);
}


/* Primary buttons */
.btn-primary,
.btn.btn-primary {
  background-color: var(--novo-primary);
  border-color: var(--novo-primary);
}
.btn.btn-primary:hover {
  background-color: var(--novo-primary-dark) !important;
  border-color: var(--novo-primary-dark) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--novo-primary-dark);
  border-color: var(--novo-primary-dark);
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: var(--novo-primary-dark);
    border-color: transparent;
}


/* Disabled buttons */
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active {
  background-color: var(--novo-primary);
  border-color: var(--novo-primary);
  opacity: 0.65;
}


/* Header categories */
#header .link {
  border: 0px !important;
}
#header .top-menu a[data-depth="0"] {
    color: #000000 !important;
    background-color: #fff !important;
}
#header .top-menu a[data-depth="0"]:hover {
  color: #000000 !important;
  background-color: var(--novo-tint) !important;
}
#header .btn-primary {
  box-shadow: none !important;
}


/* Mobile categories */
.subcategories_novo .row>div>.card:hover {
    border: 1px solid var(--novo-primary);
    box-shadow: 0 0 5px var(--novo-primary);
}


/* Cart block */
#header .header-nav .cart-preview.active { background-color: var(--novo-primary) !important; }


/* Product added to cart pop-up */
#blockcart-modal .product-name { color: var(--novo-primary); }


/* Check-out process */
body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: 3px solid var(--novo-primary);
}
.custom-radio input[type=radio]:checked+span { background-color: var(--novo-primary); }
body#checkout a:hover { color: var(--novo-primary-dark); }
.btn-group>.btn:first-child { border-color: var(--novo-primary) !important; }
.invoice-email-consent {
  text-align: right; 
  color: var(--novo-primary);
}


/* Header login form accents */
#header a:hover { color: var(--novo-primary-light); }
.ets_solo_social_wrapper.slw_and_alw .forgot-password,
#header .ets_solo_social_wrapper.slw_and_alw .forgot-password a,
.ets_solo_social_wrapper.slw_and_alw .no-account,
#header .ets_solo_social_wrapper.slw_and_alw .no-account a { color: var(--novo-primary) !important; }
#header .ets_solo_social_wrapper.slw_and_alw .forgot-password a:hover,
#header .ets_solo_social_wrapper.slw_and_alw .no-account a:hover,
#header .ets_solo_social_wrapper.slw_and_alw .forgot-password a:focus,
#header .ets_solo_social_wrapper.slw_and_alw .no-account a:focus,
#header .ets_solo_social_wrapper.slw_and_alw .forgot-password a:active,
#header .ets_solo_social_wrapper.slw_and_alw .no-account a:active { color: var(--novo-primary-dark) !important; }


/* Tabs and nav links */
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border: none;
  border-bottom: 3px solid var(--novo-primary);
}
.tabs .nav-tabs .nav-link.active {
  color: var(--novo-primary);
}


/* Search */
.search-widget form input[type=text]:focus {
  outline: 3px solid var(--novo-primary-light);
    color: #232323;
    background: #fff;
}
.search-widget form input[type=text]:focus+button .search { color: var(--novo-primary-light); }
.search-widget form button[type=submit] .search:hover { color: var(--novo-primary-light); }


/* Product page */
.current-price { color: var(--novo-primary); }
.h2 .current-price span { font-size: 2rem !important; }
.has-discount .current-price{ color: var(--novo-discount); }
.h2 .current-price .discount {
    background: var(--novo-discount) !important;
    font-size: 1rem !important;
}
.add-to-cart {
    background-color: var(--novo-primary) !important;
}
.add-to-cart:hover,
.add-to-cart:focus,
.add-to-cart:active {
  background-color: var(--novo-primary-dark) !important;
}
.product-customization .product-message:focus {
    background-color: #fff;
    outline: .1875rem solid var(--novo-primary-light);
}
.product-quantity .input-group-btn-vertical .btn {
     color: var(--novo-primary-dark);
}
.scroll-box-arrows .left { color: var(--novo-primary); }
.scroll-box-arrows .right { color: var(--novo-primary); }
.scroll-box-arrows .left:hover { color: var(--novo-primary-dark); }
.scroll-box-arrows .right:hover { color: var(--novo-primary-dark); }


/* Cart page */
.cart-grid-body a.label { color: #232323; }
.cart-grid-body a.label:hover { color: var(--novo-primary-dark); }
.collapse-button { 
  color: #000000 !important;
  opacity: .35;
}
.collapse-button:hover { 
  color: #000000 !important;
  opacity: .35;
}
.block-promo .promo-input+button {
  margin-top: -4px;
  margin-left: -1px;
  text-transform: capitalize;
  border: 2px solid var(--novo-primary);
}
.block-promo .promo-code-button.cancel-promo { color: var(--novo-primary); }
.block-promo .promo-code-button.cancel-promo a:hover { color: var(--novo-primary-dark); }
.current-price .price {
    color: var(--novo-primary);
}
.discount.discount-percentage {
    background-color: var(--novo-discount) !important;
}


/* Product images selector */
.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
  border: 3px solid var(--novo-primary);
}


/* Primary outline */
.btn-outline-primary { color: var(--novo-primary); border-color: var(--novo-primary); }
.btn-outline-primary:hover, .btn-outline-primary:focus {
  color: #fff; background-color: var(--novo-primary-dark); border-color: var(--novo-primary-dark);
}

/* Product listing */
.product-price-and-shipping > .price {
    font-size: 1.2rem!important;
}

.products .product-title,.featured-products .product-title,.product-accessories .product-title,.product-miniature .product-title {
    margin-top: .5rem!important;
    height: 2.5rem!important;
}

/* Wishlist icon in product listing */
.thumbnail-container > ._desktop_wishlist_icon > .nxtal-wishlist-icon {
    top: 299px!important;
    right: 5px!important;
    line-height: 0!important;
}

.thumbnail-container > ._desktop_wishlist_icon > .nxtal-wishlist-icon > .default > .material-icons {
  font-size: 1.2rem!important;
  font-weight: 700!important;
}

.thumbnail-container > ._desktop_wishlist_icon > .nxtal-wishlist-icon > .hover > .material-icons {
  font-size: 1.2rem!important;
  font-weight: 700!important;
}

/* Pagination */
.page-item.active .page-link { background-color: var(--novo-primary); border-color: var(--novo-primary); }
.page-link:hover { color: var(--novo-primary-dark); }
.pagination .current a {
    color: var(--novo-primary);
    text-decoration: none;
    font-size: 1.25rem;
}


/* Focus inputs */
.form-control:focus, 
.input-group.focus {
    outline: .1875rem solid var(--novo-primary-light);
}


/* Checks / radios */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--novo-primary);
  border-color: var(--novo-primary);
}


/* Badges / alerts */
.product-flag { background-color: var(--novo-primary) !important; }
.badge-primary { background-color: var(--novo-primary) !important; }
.alert-primary {
  background-color: var(--novo-primary) !important;
  border-color: var(--novo-primary);
  color: #fff;
}
.product-flags li.product-flag { background-color: var(--novo-primary) !important; }


/* Active nav pills */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--novo-primary); border-color: var(--novo-primary);
}


/* Account page */
.page-my-account #content .links a:hover i {
    color: var(--novo-primary-dark);
}
span.btn.btn-default.ets_solo_social_item:hover {
    color: var(--novo-primary-dark);
    border-color: var(--novo-primary-dark);
}
.link-item i:hover { color:  var(--novo-primary-light) !important; }


/* Footer links */
.footer-container li a { color: #7a7a7a;}
.footer-container li a:hover { color: var(--novo-primary);}
.dropdown { color: #7a7a7a !important; }
.dropdown:hover { color: var(--novo-primary) !important; }
#block_myaccount_infos .myaccount-title a:hover { color: #232323; }
.col-md-6 .col-xs-8 a,
.col-md-6 .col-xs-8 a:hover { color: #232323 !important; }


/* Newsletter block */
.block_newsletter form input[type=email]:focus { 
  border: 3px solid var(--novo-primary-light); 
}
.block_newsletter form input[type="email"] {
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 0 !important;
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    color: var(--novo-primary-light) !important;
    border: 2px solid var(--novo-primary-light);
}


/* Contact us page */
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: var(--novo-primary);
}


/* Load More button */
.infinitescroll-bottom-message {
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
      border-color: var(--novo-primary) !important;
}
.infinitescroll-bottom-message:hover {
    background-color: var(--novo-primary-light) !important;
    border-color: var(--novo-primary-light) !important;
    color: #FFFFFF !important;
}


@media (max-width: 767px) {
    #header .header-nav .user-info .logged {
        color: var(--novo-primary);
    }
}