/* Scaleo storefront colours and layout
   Generated from the 8.2.1 customisation; only values that differ from stock. */
a {color:#94d053}
.btn-primary:hover {background-color:#94d053}
.btn-primary.focus,
.btn-primary:focus {background-color:#1d93ab}
.btn-primary.active,
.btn-primary:active {background-color:#1d93ab;background-image:none}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {background-color:#94d053}
.btn-outline-primary {color:#94d053;border-color:#94d053}
.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.active,
.btn-outline-primary:active,
.open>.btn-outline-primary.dropdown-toggle {background-color:#94d053;border-color:#94d053}
.btn-link {color:#94d053}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {background-color:#94d053}
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {background-color:transparent;background-image:none}
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {background-color:#94d053}
.card-primary {background-color:#94d053;border-color:#94d053}
.card-outline-primary,
.card-outline-secondary {border-color:#94d053}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {background-color:#94d053;border-color:#94d053}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {background-color:#fff;border-color:#ddd}
.page-link {color:#94d053}
.tag-primary {background-color:#94d053}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {background-color:#94d053;border-color:#94d053}
.bg-primary {background-color:#94d053!important}
.text-primary {color:#94d053!important}
#header .top-menu a[data-depth="0"]:hover,
a:hover {color:#94d053}
body {background-color:#212121}
.btn-primary {background-color:#94d053}
.block_newsletter form input[type=text]:focus+button .search,
.btn-unstyle:focus .expand-more,
.search-widget form input[type=text]:focus+button .search {color:#94d053}
.form-control:focus,
.input-group.focus {outline:.1875rem solid #94d053}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {background:#94d053}
.custom-radio input[type=radio]:checked+span {background-color:#94d053}
.popover {background-color:#7a7a7a}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.page-my-account #content .links a:hover i,
.search-widget form button[type=submit] .search:hover,
.top-menu .sub-menu a:hover,
.dropdown-item:focus {color:#94d053}
.dropdown-item:focus {background:0 0}
.dropdown-item:hover {color:#94d053}
.dropdown-item:hover {background:0 0}
.search-widget form input[type=text]:focus {outline:3px #94d053 solid}
body#checkout section.checkout-step .address-item.selected {border:#94d053 3px solid}
.product-miniature .highlighted-informations .quick-view:hover {color:#94d053}
.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {background:#94d053}
.facet-dropdown.open>.select-title {border:3px solid #94d053}
.facet-dropdown .select-list:hover {background:#94d053}
.pagination .current a,
#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover {color:#94d053}
#subcategories ul li:hover .subcategory-image a {border:5px solid #94d053}
.product-price {color:#94d053}
.tabs .nav-tabs .nav-link.active {color:#94d053;border-bottom:#94d053 3px solid}
.tabs .nav-tabs .nav-link:hover {border-bottom:#94d053 3px solid}
#product-modal .modal-content .modal-body .product-images img:hover {border:#94d053 3px solid}
#blockcart-modal .product-name {color:#94d053}
.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {border:#94d053 3px solid}
.product-flags li.product-flag {background:#94d053}
.product-customization .product-message:focus {outline:.1875rem solid #94d053}
.block-promo .promo-input+button {border:2px solid #94d053}
.block-promo .promo-code-button.cancel-promo {color:#94d053}
#block_myaccount_infos .myaccount-title a,
#header a,
.block-contact .block-contact-title,
.block-contact .navbar-toggler .material-icons,
.linklist .blockcms-title a {color:#ffffff}
.account-list a:hover,
.block_newsletter form button[type=submit] .search:hover,
.footer-container li a:hover {color:#94d053}
.block-social ul li {background-color:#212121}
.block-social ul li:hover {background-color:#94d053}
.block_newsletter form input[type=text]:focus {outline:3px #94d053 solid}
.block_newsletter form input[type=email]:focus {border:3px #94d053 solid}
#header {color:#ffffff}
#header a:hover {color:#94d053}
#header .header-nav {border-bottom:#f6f6f6 0px solid}
#header .header-nav .cart-preview.active {background:#94d053}
#header .header-nav .cart-preview .shopping-cart {color:#ffffff}
#header .header-nav .blockcart {background:#212121}
#header .header-nav .blockcart a:hover {color:#94d053}
#header .header-top a[data-depth="0"] {color:#ffffff}
@media (min-width:1200px) {
.container {width:90%}
}

/* Dark header. Not in the backed-up theme.css, which sets white text on #header but keeps a white background. */
#header {background:#212121}

/* ps_searchbar positions these icons absolutely without a top, so they sit above the middle of the input. */
#search_widget form input {vertical-align:middle}
#search_widget form i {top:50%;box-sizing:content-box;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/* The input stays light inside the dark header, so the icon can't inherit the header's white text. */
#header #search_widget form i {color:#7a7a7a}

/* Dark footer: stock headings and toggle icons are #232323, which vanishes on #212121. */
.footer-container .h3,
.footer-container .links .navbar-toggler .material-icons {color:#fff}
/* Stock mobile footer assumes a light page: light list rows, grey contact text. */
@media (max-width:767px) {
.links .title {border-bottom-color:#3a3a3a}
.footer-container .links ul {background-color:transparent}
.footer-container .links ul>li {border-bottom-color:#3a3a3a}
.footer-container .links ul>li a {color:#ddd}
.block-contact {color:#ddd}
}