﻿/*=====================================================
    
    DESKTOP

=====================================================*/

@media all and (min-width: 1025px) {
  /* GLOBAL STYLES */



  .mobile { display: none !important; }

  .inputs { text-align: left; }

  .admin-header-links {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1250;
  }

  /* HEADER */

  .header {
    position: fixed;
    top: 0;
    z-index: 1020;
  }

  .admin-header-links ~ .header { top: 35px; }
  
  .language-selector a img {
      width: 25px;
  }


  .all-categories { display: none !important; }

  .header-menu:after {
    clear: both;
    content: "";
    display: block;
  }

  .header-menu > ul { float: left; }

  .header-menu-parent { font-size: 0; }

  .header-lower:after {
    clear: both;
    content: '';
    display: block;
  }
  
  .header-logo {
    float: left;
    padding-right: 10px;
    text-align: left;
    width: 20%;
  }

  .header-links-wrapper {
    float: right;
    width: 30%;
  }

  .header-links li {
    position: relative;
    display: inline-block;
    text-align: center;
  }
  .header-links a {
    display: inline-block;
    transition: color .2s ease;
  }

  .header-links .profile-menu-box span:before,
  .header-links .profile-menu-box a:before {
    font-size: 1rem;
    margin: 0 7px 0 0;
  }

  .header-lower .store-search-box {
    /*float: left;*/
    width: 50%;
  }
  .mobile-flyout-wrapper {
    position: relative;
    text-align: center;
    z-index: 1200;
  }

  .mini-shopping-cart {
    display: none;
    padding-top: 8px;
    position: absolute;
    right: 0;
    top: 98%;
    z-index: 1030;
  }

  .mobile-flyout-wrapper:hover .mini-shopping-cart { display: block; }


  .mini-shopping-cart > div:before {
    border: solid transparent;
    border-bottom-color: #fff;
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: auto;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    width: 0;
  }

  .mini-shopping-cart .flyout-cart-scroll-area {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    width: 430px;
  }

  .flyout-cart .items {
    max-height: calc(100vh - 320px);
    overflow: hidden;
    padding: 0 20px;
  }

  .mini-shopping-cart .right {
    clear: right;
    float: right;
    max-width: 80px;
    text-align: right;
  }

  .mini-shopping-cart .left {
    float: left;
    width: calc(100% - 90px);
  }

  .mini-shopping-cart .name a { margin: 0 0 10px; }

  .mini-shopping-cart .quantity {
    float: none;
    font-size: 15px;
    margin: 0;
  }

  .mini-shopping-cart .quantity:after { content: none; }

  .mini-shopping-cart .price { float: none; }

  .ui-autocomplete {
    width: calc(100% - 47px) !important;
    z-index: 1015; /*should be lower than header but equal or higher than header-menu*/
  }

  .ui-autocomplete { padding: 8px 0; }

  .ui-autocomplete a { padding: 5px 15px; }

  .ui-autocomplete img { width: 77px; }

  .ui-autocomplete span { max-width: calc(100% - 90px); }


  /* HEADER MENU */


  .homepage-menu li.menu-item-title, .menu-title, .close-menu,
  .header-menu .back-button {
    display: none;
  }
  
  .margin-header {
    margin-top: 138px
  }

  .admin-header-links ~ .margin-header { margin-top: 173px !important; }
  
  .header-menu {
    background-color: #001E81;
    position: relative;
    text-align: left;
    z-index: 1010;
  }

  .header-menu > ul {
    font-size: 0;
    margin: 0 auto;
    padding-left: 7%;
    width: 100%;
  }

  .header-menu > ul > li {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
  }

  .header-menu > ul > li > a,
  .header-menu > ul > li > span {
    color: white;
    cursor: pointer;
    display: block;
    font-size: 18px; /*reset zeroing*/
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: color .2s ease;
  }

  .header-menu > ul > li:hover > a,
  .header-menu > ul > li:hover > span { color: #8c8c8c; }

  .top-menu { display: block; }

  .header-menu .sublist .back-button { display: none; }

  /* CATEGORY PAGE & GRIDS */

  .category-grid .item-box .title a { font-size: 14px; }

  .home-page-advantages {
    background-color: #f6f6f6;
    margin: -60px -20px 70px;
    padding: 35px 20px;
    text-align: center;
  }

  .advantages-item {
    background-color: transparent;
    margin: 0;
    padding: 0 1%;
    text-align: center;
    vertical-align: top;
    width: 25%;
  }

  .advantages-item > div { display: block; }

  .advantages-item .picture {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
  }

  .advantages-item .info { width: 100%; }

  .advantages-item .description {
    color: #8c8c8c;
    display: block;
    font-size: 15px;
    margin-top: 10px;
  }

  .advantages-item .description p { line-height: 1.7; }

  .product-grid .item-box .picture > a:after {
    background-color: #444;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .1s ease;
  }

  .product-grid .product-item:hover .picture, .product-grid .product-item:hover .ajax-cart-button-wrapper > div {
    box-shadow: 0px 4px 4px 0px #00000040;
    transition: none;
  }

  .product-grid .product-item:hover .product-title, .product-grid .product-item:hover .price {
    text-shadow: 0px 4px 4px #00000040;
  }


  .carousel-wrapper .item-box .picture > a:after,
  .two-row-carousels .item-box .picture > a:after {
    content: none;
    display: none;
  }

  .page-title h1 { font-size: 30px; }

  .topic-block-title h2 { font-size: 25px; }

  .center-2 .page-title { padding: 0; }

  /* PRODUCT PAGE */

  .attribute-squares { text-align: left; }

  /* REVIEW PAGE */



  /* TABLES */


  .data-table td label,
  .td-title { display: none; }

  /* WISHLIST & COMPARE LIST */

  .compare-products-page .page-body {
    margin: 0 -20px;
    position: relative;
  }

  .compare-products-page .clear-list {
    border-bottom: 1px solid #eee;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 170px;
    z-index: 1;
  }


  .compare-products-table {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: table;
  }

  .compare-products-table td { border-right: 1px solid #eee; }

  .compare-products-mobile { display: none; }

  /* REGISTRATION, LOGIN, MY ACCOUNT */



  .login-page .new-wrapper {
    float: right;
    max-width: none;
    min-height: 440px;
    position: relative;
    width: 49%;
    z-index: 1;
  }

  .login-page .returning-wrapper form {
    float: left;
    max-width: none;
    min-height: 440px;
    width: 49%;
  }

  .login-page .customer-blocks + .topic-block { margin-bottom: 0; }

  .returning-wrapper .form-fields,
  .login-page .text,
  .registration-page .form-fields { padding: 45px 13% 20px; }

  .login-page .text { min-height: 255px; }


  .new-wrapper .text:before { margin: 20px 0; }

  .login-page .buttons,
  .registration-page .buttons,
  .registration-page .buttons { padding: 10px 13% 45px; }

  .login-page .inputs.reversed label,
  .login-page .inputs.reversed span {
    font-size: 15px;
    line-height: 17px;
  }

  .login-page .external-authentication > * {
    margin: 30px 0 0;
    padding: 45px 0;
    width: 100%;
  }

  .email-a-friend-page .page-body form,
  .contact-page .page-body form,
  .apply-vendor-page .page-body form,
  .forum-edit-page .page-body,
  .password-recovery-page .page-body,
  .private-message-send-page .page-body,
  .move-topic-page .page-body { padding: 45px 13%; }

  .account-page .address-item > .title,
  .account-page .request-item > .title { text-align: center; }

  .account-page .buttons { text-align: left; }

  .block-account-navigation.block .list a {
    color: #666666;
    display: block;
    font-size: 14px;
    font-weight: bold;
    max-width: 100%;
    padding: 15px 65px 15px 0;
    position: relative;
    text-transform: uppercase;
    transition: all .2s ease;
  }


    .block-account-navigation.block .list a:hover,
    .block-account-navigation.block .list a:hover:after {
      color: var(--bs-primary);
    }

  .block-account-navigation.block .list a.active {
    border-right: 2px solid var(--bs-primary);
    color: var(--bs-primary);
  }

  .block-account-navigation.block .list a:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    margin-left: 23px;
    font-family: "emporium-icons";
    color: #666666;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    transition: all .2s ease;
  }

  .account-page .title { margin-bottom: 30px; }

  .block-account-navigation.block .list a.active:after {
    color: var(--bs-primary);
  }

  .block-account-navigation .customer-info a:after,
  .block-account-navigation .customer-vendor-info a:after { content: "\e950"; }

  .block-account-navigation .customer-addresses a:after { content: "\e909"; }

  .block-account-navigation .customer-orders a:after { content: "\e900"; }
  
  .block-account-navigation .customer-wishlist a:after { content: "\e908"; }

  .block-account-navigation .return-requests a:after { content: "\4f"; }

  .block-account-navigation .downloadable-products a:after { content: "\4a"; }

  .block-account-navigation .back-in-stock-subscriptions a:after { content: "\e902"; }

  .block-account-navigation .reward-points a:after { content: "\e903"; }

  .block-account-navigation .change-password a:after { content: "\78"; }

  .block-account-navigation .customer-check-gift-card-balance a:after { content: "\e90b"; }

  .block-account-navigation .customer-avatar a:after { content: "\e950"; }

  .block-account-navigation .forum-subscriptions a:after { content: "\52"; }

  .block-account-navigation .customer-reviews a:after { content: "\e9d7"; }

  .block-account-navigation .customer-gdpr a:after { content: "\e90a"; }

  .block-account-navigation .vendor-info a:after { content: "\54"; }
  .block-account-navigation .customer-inactive-account a:after { content: "\e900"; }

  .address-item .info { margin-bottom: 0; }

  .address-item .buttons {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .address-item .title { padding: 0 80px; }

  .selected-checkout-attributes { margin-top: 0; }

  .check-gift-card-balance-page .captcha-box { text-align: left; }

  /* SHOPPING CART & CHECKOUT */

  .shopping-cart-page .page-title h1 {
    padding-left: 5%;
    text-align: left;
  }

  .shopping-cart-page .common-buttons { text-align: left; }

  .shopping-cart-page .common-buttons button {
    margin: 0 7px 0 0;
    padding: 0 25px;
    width: auto;
  }

  .shopping-cart-page .common-buttons .continue-shopping-button {
    display: inline-block;
    float: right;
    margin: 0;
    width: auto;
  }

  .address-grid > div { max-width: none; }

  /* SEARCH & SITEMAP */

  .search-page .page-title { text-align: center; }

  .search-page .search-input form { margin: 0 0 40px; }

  .search-page .search-input form .inputs { text-align: center; }

  .footer-upper { border-right: dashed 2px var(--bs-primary); }

  .order-summary-content { flex-direction: row; }

  .order-review-data { max-width: 70%; }
  
  .fb-root { display: block !important; }

  .wishlist-btn-wrapper .btn-wrapper {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: block;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease;
  }

  .wishlist-btn-wrapper:hover .btn-wrapper,
  .item-box:hover .btn-wrapper {
    opacity: 1;
    pointer-events: auto;
  }

  .gallery.wishlist-btn-wrapper .btn-wrapper { display: none; }

  .home-page-category-grid .item-box .title a { font-size: 18px; }
  
  .cart .cart-item-row td {
    vertical-align: top;
    padding: 5px 10px 5px 10px;
  }
  

    .cart .cart-item-row td.remove-from-cart .delete-cart-item {
      margin-top: 70px;
    }

  .order-summary .cart tr td {
    border-bottom: 1px solid #66666666;
  }

  .order-summary .cart tr:last-child td {
    border-bottom: unset;
  }

  .order-summary-content .cart-right {
    margin-top: unset;
  }

  .promotion-modal td.quantity-custom {
    padding-right: 30px;
  }

  .promotion-modal .cart tr:first-child td {
    border-top: 1px solid #66666666;
  }

  .promotion-modal .cart tr:last-child td {
    border-bottom: 1px solid #66666666;
  }

  .promotion-modal .cart tr td:first-child {
    border-left: 1px solid #66666666;
  }

  .promotion-modal .cart tr td:last-child {
    border-right: 1px solid #66666666;
  }

  .promotion-modal .cart tr:first-child td:first-child {
    border-top-left-radius: 10px;
  }

  .promotion-modal .cart tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
  }

  .promotion-modal .cart tr:first-child td:last-child {
    border-top-right-radius: 10px;
  }

  .promotion-modal .cart tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
  }

  #cancelOrderModel .modal-content {
      width: 60%;
      left: 20%;
  }

  ul.sublist::-webkit-scrollbar {
    background: #fff;
    width: 7px;
  }

  ul.sublist::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 10px;
    width: 4px;
  }

  .cart-payment .title {
    background: var(--bs-body-bg);
    padding: 0px 10px 10px;
    color: #444;
    font-weight: 600;
    text-align: center;
  }

  .homepage_category.active, .homepage_category:hover {
    color: var(--bs-white) !important;
    background-color: var(--bs-primary) !important;
  }

  .ribbon-main .ribbon-context {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
    padding: 8px 0 13px;
    background: linear-gradient(#CD0A0A, #FA563A);
    min-width: 40px;
  }
  .position-lg-unset {
      position: unset !important;
  }
.customer-info-page{
      font-size: 1rem;
  }  .product-essential .slick-dots {
    display: none !important;
  }
  nav .homepage_category img {
    max-width: 80px;
  }

  #voucher-list .reward .reward-info,
  #voucher-modal .reward .reward-info {
      height: 136px;
  }
}