/* font-family: 'Noto Serif Display', serif; */ :root { --radius: 0; --radius-top: 0 0 0 0; --radius-bottom: 0 0 0 0; --bg-body: #161616; --gray-light: #454545; --primary: #F0BB53; --primary_dark: #cf9a34; } body{ background-color: var(--bg-body); color:#aaa } #order-confirm .panel-default>.panel-heading,#shopping-cart .panel-default>.panel-heading,#shopping-cart-summary .form-horizontal .form-group:nth-child(3) *,.caption .name,.card .nav>li>a,.h1,.h2,.h3,.h4,.h5,.h6,.panel-default>.panel-heading,.product .price,.tinymce_html h1,.tinymce_html h2,.tinymce_html h3,.tinymce_html h4,.tinymce_html h5,.tinymce_html h6,h1,h2,h3,h4,h5,h6, .btn-light { color:#fff; } #blog-show,#order-confirm,#order-summary,#payment,#send_form>.bg-white,#shopping-cart,#shopping-cart .table,#webpage-show,.list-group-item,.order-control .table { background-color: transparent; } .card .nav>li>a{ background:0 0 !important; } #confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.bg-white,.panel { background-color: var(--bg-body); } #homepage-baner, #homepage-carousel .swiper-slide-desktop{ background-color:#000000; border:none } #table_confirm_terms { background-color: #282828; border: none; } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{ background-color:#242424; border-color:#242424; color:#fff } #main_categories .thumbnail,.category .thumbnail,.panel-default,.product-list .thumbnail, .thumbnail, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: var(--bg-body); } #confirm-send-password,#create-account,#create-first-user-data,#create-password,#discount-info,#edit-account,#edit-profile,#login-user,#logout-user,#main_categories .thumbnail,#newsletter-add-to-list,#newsletter-confirm,#newsletter-remove,#newsletter-unsubscribe,#newsletter-unsubscribe-confirm,#order-list,#order-show,#remind-password,#shopping-cart .table td:nth-child(2),#shopping-cart .table tr,#user-newsletter,#user-panel,#user-panel-newsletter,#wait-confirm,#wait-confirm-remind,.btn-default,.btn-shopping-cart,.card .add-quantity .btn:not(:hover),.category .thumbnail,.form-control,.order-control .table tr,.product-list .thumbnail,.table>tbody>tr>td,.table>thead>tr>th, .category-list2, .category-line .category-list, .reviews .row-reviews+.row-reviews, #pa_attributes .table-striped, .gallery .product-border .gallery-image { border-color:var(--gray-light); } .form-control,.modal-content{ background-color: var(--bg-body); } header .navbar-dropdown .navbar-collapse,.dropdown-menu, #nav-button-menu.collapsed:hover, #nav-button-menu, #nav-menu, .popover, #card-info-box .tinymce_html, #card-info-box .btn, .label-default { background-color: #282828; } .form-control:active,.form-control:focus{ background-color:#292828; box-shadow:none; border-color:#4b4b4b } select.form-control{ background-image:url(/images/frontend/theme/cutlery8/select-arrow-white.svg) } .preloader{ background:url(/images/frontend/theme/cutlery8/preloader-dark.gif) no-repeat center center rgba(0,0,0,.8) } .basket-show-summary,.btn-light,.modal .btn-default,.modal-footer,.modal-header,.search .form-control, .modal select.form-control, #nav-shopping-cart .shopping-cart .item+.item{ border-color:#443e3e } .dropdown-menu>li>a,.form-control{ color:#8f8f8f } #lg-close,.btn-light:active,.btn-light:focus,.btn-light:hover,.close-icon,.modal-header .close,.nav>li>a:focus,.nav>li>a:hover,.product-options-group .dropdown-menu>.active>a:focus,.product-options-group .dropdown-menu>.active>a:hover,.product-options-group .dropdown-menu>li>a:active,.product-options-group .dropdown-menu>li>a:focus,.product-options-group .dropdown-menu>li>a:hover{ background-color:#444242; border-color:#443e3e; color:#fff } #lg-close:hover,.close-icon:hover,.modal-header .close:hover{ background-color:#625e5e } #lg-close::after,#lg-close::before,.close-icon::after,.close-icon::before,.modal-header .close::after,.modal-header .close::before, .more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar{ background-color: #fff; } #nav-menu>.navbar-nav>li>a:active,#nav-menu>.navbar-nav>li>a:focus,#nav-menu>.navbar-nav>li>a:hover,.btn-navbar,.btn-navbar.collapsed:hover,.btn-navbar:active,.btn-navbar:focus,.btn-navbar:hover, #nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.dropdown > a:hover, #nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav>li.open>a{ background-color:#282828; color:#fff } .highlighted-payment .payment-logo { background-color: rgb(255 255 255 / 4%) } .highlighted-payment .payment-logo img { background-color: transparent } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #ffffff0a; } #header h1, #header h4, #header .h4, .shopping-cart .item .price, .basket-show-total b { color: #fff; } .label-default { color: #939393; } .shopping-cart .label-default { background-color: #3e3e3e; } .product .price { color: var(--primary); } .product .description { color: #747474; } .more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar { background-color: var(--primary); } .btn-light { background-color: #444242; border-color: #444242; } .btn-light:hover, .btn-light:focus, .btn-light:active, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #4e4d4d; border-color: #4e4d4d; } .btn-default, .btn-shopping-cart, .modal .btn-default { background-color: #272727; border-color: #272727; color: #fff; } .btn-primary, .information .btn-shopping-cart, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-shopping-cart:hover, .btn-shopping-cart:focus, .btn-shopping-cart:active, .btn-default.active, .open .dropdown-toggle.btn-default, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .modal .btn-default:hover, .modal .btn-default:focus, .modal .btn-default:active { color: var(--bg-body); background-color: var(--primary); border-color: var(--primary); } #nav-menu .navbar-nav>li.active>a, #nav-menu .navbar-nav>li.active:hover>a, #nav-menu .navbar-nav>li.active>a:hover, #nav-menu .navbar-nav>li.active>a:focus, #nav-menu .navbar-nav>li.active>a:active { background-color: var(--primary); color: var(--bg-body); } .panel-primary>.panel-heading { background-color: transparent; border: none; } .panel-heading { padding: 15px 17px 5px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .information .btn-shopping-cart:hover, .information .btn-shopping-cart:focus, .information .btn-shopping-cart:active, .category-line .product .thumbnail .caption h2 a:hover, .category-line .product .thumbnail .caption h2 a:focus, .category-line .product .thumbnail .caption h2 a:active { color: var(--bg-body); } .homepage-carousel .arrow-left:before, .homepage-carousel .arrow-right:before, .homepage-carousel .arrow-left:after, .homepage-carousel .arrow-right:after { background-color: #282828; } .homepage-carousel .arrow-left:hover:before, .homepage-carousel .arrow-right:hover:before, .homepage-carousel .arrow-left:hover:after, .homepage-carousel .arrow-right:hover:after { background-color: #fff; } .typeahead-popover { border-color: var(--gray-light); } .popover-content>ul>li[data-url]:hover { background-color: #202020; } .popover.bottom>.arrow:after { border-bottom-color: var(--gray-light); } .swiper-pagination-switch { opacity: .16; background-color: #c4c4c4; } .swiper-active-switch { background-color: #c4c4c4; opacity: .8; } .card .add-quantity .btn:not(:hover) { background-color: var(--bg-body); } .breadcrumb>li+li:before { background-color: #585858; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { color: var(--primary); border-color: var(--primary); } /* ---------------- */ .caption .name, #main_categories .thumbnail .name { font-weight: 400; font-size: 16px; } #nav-button-shopping-cart .quantity { color: var(--bg-body); } #homepage-baner { background: none; } #header-navbar .container, #homepage-carousel .swiper-slide, #homepage-carousel:not(.slide-banner-new) .swiper-slide { background-color: var(--bg-body); } .homepage-carousel .swiper-slide .caption h3, #seo h2, footer .list-group h5, footer .list-group .h5, .panel>.panel-heading, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a, .card .product-label h1 { font-family: 'Noto Serif Display', serif; font-weight: 500; } .card .nav>li>a, .card .product-label h1 { font-size: 2rem; } .card .prices .price { color: #fff; font-weight: 400; } .homepage-carousel .swiper-slide .caption p, .tinymce_html h1, .tinymce_html h2 { font-weight: 400; } footer .navbar-default { background-color: #212121; color: #9b9b9b; } .panel>.panel-heading { font-size: 23px; } .homepage-carousel .swiper-slide .caption h3 { margin-bottom: 5px; } .reviews .row-reviews+.row-reviews { border-top-width: 1px; } #sidebar { background-color:#161616; } .sidebar-header { background-color:#272727; } .sidebar-header, #product-recently-viewed-sidebar .row, #product-observe-sidebar .row { border-color: #272727; } .sidebar-header-icon svg { stroke: #ffffff; } .sidebar-header { color: #ffffff; } .product-observe.observe-no svg, .product-observe.observe-yes svg { stroke:#ffffff; } .product-observe.observe-yes svg { fill: #ffffff; } .observe-full svg { stroke:#ffffff; fill: #ffffff; } .full-list .product-observe, .home-list .product-observe { background: #161616; } @media (min-width: 768px) { #header-navbar .container { border-top: 1px solid var(--gray-light); border-bottom: 1px solid var(--gray-light); } #header { padding: 15px 0; } #header #logo-top { order: 2; width: 40%; max-width: 40%; padding: 0; justify-content: center; } #header .slogan { order: 1; width: 30%; max-width: 40%; } #header #top-social { order: 3; width: 30%; max-width: 40%; text-align: right; } #header h1 small, #header h4 small, #header .h4 small { display: block; margin-top: 4px; } #header h1, #header h4, #header .h4 { padding: 0; } #header .social a { border-color: var(--gray-light); } #header .social a:hover, #header .social a:focus, #header .social a:active { border-color: #fff; opacity: 1; } #header-navbar .container { padding: 0; } .homepage-carousel .swiper-slide .caption h3 { font-size: 67px; } #top { margin-bottom: 0; } #seo h2 { font-size: 29px; } footer .list-group h5, footer .list-group .h5 { font-size: 23px; } .breadcrumb { margin-top: 5px; } #nav-menu { background-color: transparent; } } @media (max-width: 767px) { #nav-menu .navbar-nav>li>a { color: #fff; } }