/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root {
    --default-bg: rgb(50,50,50);
    --lighter-bg: rgba(200,200,200,0.2);
    --lighter-bg1: rgba(200,200,200,0.1);
    --default-color: #eee;
    --default-color2: #dddd;
    --light-color: rgb(100,100,100);
    --light-color2: rgb(150,150,150);
    --special-color: rgb(36, 185, 215);
    --black-color: rgb(20, 20, 20);
}


body {
    background-color: var(--default-bg);
    color: var(--default-color);
}

.margin-t-100 {
    margin-top: 100px;
}

.flexboxCenter {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

/*
*   ###############################################################
*/

#search_widget {
    box-sizing: border-box;
    padding: 5px 0;
    margin-top: 2px;
}
#search_widget .ui-autocomplete-input {
    box-sizing: border-box;
    height: 35px;
}

.featured-products2 {
    border-top: 1px solid var(--light-color);
    padding-top: 50px;
    margin-top: 50px;
}

/*
*   ###############################################################
*/

pre {
    color: var(--light-color2);
}

.img-thumbnail,
.table .table,
.has-warning .input-group-addon,
.has-danger .input-group-addon,
.dropdown-menu,
.custom-checkbox .custom-control-input:checked~.custom-control-indicator,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator,
.quickview .modal-content {
    background-color: var(--default-bg);
}
.custom-select,
.custom-file-control,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.card {
    background-color: var(--default-bg);
}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover,
.page-link,
.list-group-item,
.popover {
    background-color: var(--default-bg);
}
.page-content.page-cms .ps-alert-error .item ul,
.page-content.page-cms .ps-alert-success .item ul,
.ps-alert-error .item .page-content.page-cms ul,
.ps-alert-error .item p,
.ps-alert-success .item .page-content.page-cms ul,
.ps-alert-success .item p {
    background-color: var(--default-bg);
}
.top-menu .sub-menu,
.checkout-step,
body#checkout section.checkout-step .address-item.selected,
.checkout-step .address-item.selected,
.order-confirmation-table,
.summary-selected-carrier,
.page-addresses .address {
    background-color: var(--default-bg);
}
.page-order-detail .box,
.page-my-account #content .links a span.link-item,
.product-miniature .thumbnail-container,
.product-miniature .variant-links,
.product-miniature .highlighted-informations,
.product-miniature .product-description,
.page-content.page-cms {
    background-color: var(--default-bg);
}
.pagination .page-list,
.active_filters .filter-block,
.block-categories,
.radio-label,
.product-discounts>.table-product-discounts thead tr th,
.product-discounts>.table-product-discounts tbody tr:nth-of-type(even),
.tabs,
.modal-content .modal-body .product-cover-modal,
.product-cover img {
    background-color: var(--default-bg);
}
.modal-content .modal-body .image-caption,
.modal-content .modal-body .product-images img,
.social-sharing li,
.quickview .images-container .product-images>li.thumb-container .thumb,
.contact-form,
.page-not-found {
    background-color: var(--default-bg);
}
.page-not-found,
.block_newsletter,
.brand {
    background-color: var(--default-bg);
}

#mobile_top_menu_wrapper,
#mobile_top_menu_wrapper .top-menu .sub-menu,
#checkout section.checkout-step,
#checkout section.checkout-step .address-item.selected,
#checkout #order-summary-content .order-confirmation-table,
#checkout #order-summary-content .summary-selected-carrier,
#checkout #footer,
#content,
#content,
#content {
    background-color: var(--default-bg);
}

#content .links a span.link-item,
#search_filters,
#search_filters_brands,
#search_filters_suppliers,
#quantity_wanted,
#product-modal .modal-content .modal-body .product-cover-modal,
#product-modal .modal-content .modal-body .image-caption,
#product-modal .modal-content .modal-body .product-images img,
#blockcart-modal .modal-header {
    background-color: var(--default-bg);
}
#product #block-reassurance,
#blockcart-modal .modal-body,
#pagenotfound .page-not-found,
#products .page-not-found,
#manufacturer #main ul .brand {
    background-color: var(--default-bg);
}


.btn-secondary:hover,
.btn-tertiary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-tertiary:focus,
.focus.btn-tertiary,
.active.btn-tertiary,
.btn-secondary.active,
.btn-secondary:active,
.btn-tertiary:active {
    color: var(--default-color);
}
.btn-primary,
.btn-secondary {
    transition: background-color 0.25s;
}
.btn-secondary:hover {
    background-color: var(--special-color);
}


.open>.btn-secondary.dropdown-toggle,
.open>.dropdown-toggle.btn-tertiary,
.active.btn-tertiary:focus,
.active.btn-tertiary:hover,
.active.focus.btn-tertiary,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus {
    color: var(--default-color);
}
.btn-secondary:active:hover,
.btn-tertiary:active.focus,
.btn-tertiary:active:focus,
.btn-tertiary:active:hover,
.open>.btn-secondary.dropdown-toggle.focus,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-tertiary:focus {
    color: var(--default-color);
}
.open>.dropdown-toggle.btn-tertiary:hover,
.open>.dropdown-toggle.focus.btn-tertiary,
.alert-warning,
.h1,
.h2,
.h3,
.h4,
body {
    color: var(--default-color);
}
.label,
label,
.form-control:focus,
input:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder,
input:active::-moz-placeholder,
textarea:active::-moz-placeholder,
input:active:-ms-input-placeholder {
    color: var(--default-color);
}
textarea:active:-ms-input-placeholder,
input:active:-moz-placeholder,
textarea:active:-moz-placeholder,
.bootstrap-touchspin input.form-control,
.bootstrap-touchspin input.input-group,
.bootstrap-touchspin .input-group-btn-vertical,
form section .form-informations,
form .form-control-label {
    color: var(--default-color);
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked,
#mobile_top_menu_wrapper .top-menu,
.nav-item .nav-link.active,
.nav-item .nav-separtor.active,
.page-addresses .address .address-footer a:hover,
body#checkout,
body#checkout section.checkout-step .add-address a,
.dropdown .expand-more {
    color: var(--default-color);
}
.dropdown select,
.search-widget form input[type=text]:focus,
.top-menu a.dropdown-submenu,
body#checkout #order-summary-content h4.h4,
body#checkout #order-summary-content #order-items h3.h3,
body#checkout #delivery,
body#checkout #gift_message,
#order-items hr {
    color: var(--default-color);
}
.page-addresses .address,
#order-return-infos .thead-default th,
.page-addresses .addresses-footer a,
.page-addresses .addresses-footer a:hover,
.page-my-account #content .links a:hover,
.page-order-detail h3,
.page-my-account #content .links a i,
.product-miniature .product-price-and-shipping {
    color: var(--default-color);
}
#custom-text h2,
#custom-text .page-content.page-cms ul,
#custom-text p,
.page-content.page-cms #custom-text ul,
#custom-text .page-content.page-cms ul .dark,
#custom-text p .dark,
.page-content.page-cms #custom-text ul .dark,
.block-category .block-category-inner #category-description .page-content.page-cms ul {
    color: var(--default-color);
}
.block-category .block-category-inner #category-description p,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
    color: var(--default-color);
}
#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title,
#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
    color: var(--default-color);
}
.active_filters .filter-block,
.active_filters .filter-block .close,
.block-categories a,
.facets-title,
#product-description-short,
.product-information,
.product-quantity #quantity_wanted {
    color: var(--default-color);
}

#blockcart-modal,
#blockcart-modal .cart-content p,
#blockcart-modal .modal-title {
    color: var(--default-color2);
}

#blockcart-modal .product-price {
    color: var(--light-color2);
}

#blockcart-modal .cart-content .page-content.page-cms ul.product-total, 
#blockcart-modal .cart-content p.product-total, 
.page-content.page-cms 
#blockcart-modal .cart-content ul.product-total {
    background-color: var(--lighter-bg);
}

#product-details .label,
.cart-summary-line .value,
.block-promo .promo-input,
.block-promo .cart-summary-line .label a,
.block-promo .promo-name a,
.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price,
.product-line-grid-right .cart-line-product-actions .remove-from-cart {
    color: var(--default-color);
}
.product-line-grid-right .product-price .remove-from-cart,
#block_myaccount_infos .myaccount-title a,
#header a,
#wrapper .breadcrumb li a,
.block-contact .block-contact-title,
.block-contact .navbar-toggler .material-icons,
.linklist .blockcms-title a,
.contact-rich .block .data

.contact-form h3,
.contact-rich h4,
.sitemap h2,
.block_newsletter #block-newsletter-label {
    color: var(--default-color);
}

/*
*   ###############################################################
*/
body#checkout section.checkout-step .delivery-options .delivery-option,
body#checkout section.checkout-step,
.definition-list dl dd,
.definition-list dl dt,
#order-items table tr.total-value, 
.page-customer-account #content,
.page-authentication #content,
.page-registration #content {
    background-color: var(--lighter-bg1);
}
.definition-list dl dt:nth-of-type(2n),
.definition-list dl dd:nth-of-type(2n) {
    background-color: var(--lighter-bg);
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active:focus {
    background-color: var(--default-bg);
}
.nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
    background: linear-gradient(rgba(200,200,200,0), rgba(36, 185, 215, 0.1));
}
#custom-text,
.product-comment-list-item,
.active_filters {
    background-color: var(--lighter-bg1);
}
 
form .form-control-label,
label {
    color: var(--default-color);
}
.form-control-comment {
    color: var(--default-color2);
}

#header { 
    background: #333 !important;
}
#header .header-nav {
    background: rgba(10, 10, 10, 1);
    border: 0;
}
#header a {
    color: var(--default-color);
}

/*
#header .header-nav .user-info, #header .header-nav .blockcart {
    font-size: 8pt;
    margin: 0;
    margin-left: 2px;
    padding: 2px;
    height: auto;
}
#header .header-nav .blockcart .material-icons {
    font-size: 10pt;
    line-height: 1.3;
}
*/
#header .header-top {
    background: rgba(20, 20, 20, 1);
}

 #wrapper {
    background-color : var(--default-bg);
    color: var(--default-color);
    z-index: 100;
}


h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: "Cairo";
}

#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4 {
    color: rgb(150,150,150);
}
#wrapper h1.h1 {
    color: #fff;
    border-bottom: 1px solid #fff;
    border-left: 0;
    padding: 0;
    text-transform: uppercase;
    line-height: 32pt;
    margin-bottom: 15px;
}

#wrapper h1,
#wrapper h2 {
    color: #fff;
    border-bottom: 1px solid var(--light-color);
    /*border-left: 10px solid var(--light-color);*/
    color: var(--light-color2);
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 5px 0;
    text-align: left;
}
#wrapper h2.h3 {
    border: 0;
    padding: 0;
    text-align: center;
}

#wrapper h4.h5 {
    font-size: 16pt;
}
#wrapper .h5 {
    font-size: 30px;
}
#wrapper p {
    color: var(--default-color);
}


.product-miniature .thumbnail-container,
.product-miniature .product-description {
    background-color: var(--lighter-bg);
}



.label,
#products .products-section-title, 
.featured-products .products-section-title, 
.product-accessories .products-section-title,
#product-description-short p {
    color: var(--default-color);
}
.cart-summary-line .label {
    color: var(--default-color2);
}

#wrapper .breadcrumb li:last-child {
    color: var(--light-color);
}
.form-control,
.product-quantity #quantity_wanted {
    color: var(--default-bg);
}

.block-categories,
.card,
#search_filters,
#search_filters_brands,
#search_filters_suppliers,
.block_newsletter
{
    background-color: var(--lighter-bg1);
    padding: 20px;
}

.product-miniature .regular-price,
.product-discount .regular-price {
    color: #883333;
}
.product-actions .control-label {
    color: var(--special-color);
}

label .color:hover,
.input-color:hover + span,
.input-color:checked + span {
    border-color: var(--special-color);
}
.separator,
#order-items hr {
  border-color: rgba(255,255,255,.25);
}

.header-top .search-widgets {
    max-width: 540px;
}
#products .all-product-link,
.featured-products .all-product-link,
.product-accessories .all-product-link {
    color: var(--special-color);
}
#wrapper .breadcrumb li a {
    color: var(--special-color);
}
#wrapper .breadcrumb li a:hover {
    color: var(--default-color);
}
.product-miniature .product-title a{
    color: var(--default-color);
}

.text-muted {
    color: var(--light-color2) !important;
}

.contact-rich .block .data {
    color: var(--light-color2);
}

.close {
    color: #883333;
    opacity: 1;
    text-shadow: 0 1px 0 #ff999999;
}

.payment-option.clearfix {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.payment-option.clearfix > label {
    margin-bottom: 0;
}
.psgdprinfo17 {
    background-color: var(--light-color);
}
.psgdprinfo17 h2,
.psgdprinfo17 p {
    color: var(--default-color) !important;
}


.footer-container,
#checkout #footer {
    background-color: rgba(20,20,20,1) !important;
}

body#checkout #delivery {
    margin-top: 60px;
}
body#checkout .additional-information {
    font-style: italic;
}
body#checkout #order-summary-content h4.black {
    color: var(--black-color);
}
body#checkout #order-summary-content .step-edit {
    color: var(--special-color);
}
body#checkout #order-summary-content .summary-selected-carrier,
body#checkout #order-summary-content .order-confirmation-table {
    background-color: var(--lighter-bg);
    border: solid 1px rgba(200,200,200,0.1);
    border-radius: 2px;
}

.product-features > dl.data-sheet dd.value,
.product-features > dl.data-sheet dt.name {
    text-transform: none;
    background: rgba(200,200,200,0.1);
}
 .product-features > dl.data-sheet dt.name:nth-of-type(2n),
 .product-features > dl.data-sheet dd.value:nth-of-type(2n) {
    background: rgba(200,200,200, 0.05);
 }