/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header { background: #fff; border-bottom: 1px solid #e6e6e6; } .site-header .header--default { position: relative; padding: 15px 0; margin: 0; } .site-header { width: 100%; } @media screen and (max-width: 991px) { .site-header .site-branding { text-align: center; } } @media screen and (max-width: 768px) { .site-header .site-branding { position: relative; margin: 0 auto -45px; top: -9px; text-align: center; max-width: 250px; z-index: 101; } } .site-header .site-branding .site-title { margin: 0; padding: 0; font-weight: bold; text-decoration: none; text-transform: none; line-height: 1; } .site-header .site-branding .no-tagline { font-size: 30px; line-height: 1.5; } .site-header .site-branding .site-description { margin: 0; padding: 0; text-decoration: none; font-size: 12px; } .site-header .site-branding a { text-decoration: none; color: #000000; } .site-header .header-navigation { display: table; width: 100%; } .site-header .header-navigation .main-navigation { display: table-cell; width: 75%; vertical-align: middle; } .site-header .header-navigation .header-cart { display: table-cell; width: 25%; vertical-align: middle; } .site-header .header-cart { font-size: 14px; color: #000; } .site-header .header-cart a.cart-contents { height: 32px; color: #000; display: flex; font-weight: 500; align-items: center; text-transform: uppercase; justify-content: center; position: relative; } .site-header .header-cart a.cart-contents::after{ top: 100%; right: 0px; width: 100%; content: ""; height: 24px; position: absolute; } .site-header .header-cart .cart-icon { width: 24px; height: 24px; } .site-header .header-cart .count { top: -4px; left: 16px; width: 16px; height: 16px; color: #fff; line-height: 1; font-size: 100%; text-align: center; border-radius: 5px; position: absolute; background: var(--theme--accent-color); } .site-header .header-cart .amount { line-height: 1; margin-left: 8px; position: relative; } @media screen and (max-width: 768px) { .site-header .header-cart .amount { display: none; } } .header-cart .woocommerce-mini-cart__total{ display: flex; align-items: center; justify-content: space-around; } .header-cart .woocommerce-mini-cart__buttons{ display: flex; flex-direction: column; align-items: center; gap: 16px; } .header-cart .woocommerce-mini-cart__buttons a{ line-height: 1; cursor: pointer; font-weight: 600; width: fit-content; border: 1px solid; display: inline-flex; text-decoration: none; justify-content: center; color: var(--theme--button-color); border-color: var(--theme--button-border-color); font-size: var(--theme--button-desktop-font-size); background: var(--theme--button-background-color); border-radius: var(--theme--button-border-radius); text-transform: var(--theme--button-text-transform); letter-spacing: var(--theme--button-letter-spacing); padding: var(--theme--button-desktop-top-bottom-padding) 24px; -webkit-appearance: button; appearance: button; width: 100%; } .header-cart .woocommerce-mini-cart__buttons a:first-child { color: var(--theme--base-color); background-color: transparent; } /* Page Header */ .section-page-header { line-height: 2; padding: 15px 0; color: var(--theme--content-card-heading-color); background: var(--theme--content-card-background); } .section-page-header .entry-title, .section-page-header .page-title { margin: 0; color: #000000; float: left; line-height: 2; padding: 0; text-align: left; width: auto; font-weight: 500; text-transform: capitalize; font-size: 24px; letter-spacing: 0.2px; } .section-page-header .breadcrumb-trail .trail-items { margin: 0; padding: 5px 0; list-style: none; } .section-page-header .breadcrumb-trail .trail-items .trail-item { font-size: 14px; line-height: 36px; font-weight: 400; display: inline-block; } .section-page-header .breadcrumb-trail .trail-items .trail-item:last-child { padding: 0; } .section-page-header .breadcrumb-trail .trail-items .trail-item a { padding-right: 25px; position: relative; display: inline-block; color: #000000; } .section-page-header .breadcrumb-trail .trail-items .trail-item a:after { content: ">"; position: absolute; right: 10px; } /* Header cart */ .site-header-cart { position: relative; margin: 0; padding: 0; list-style: none; float: right; } .site-header-cart:after { content: ''; display: table; clear: both; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; background: #fff; padding: 30px 15px; } .site-header-cart .product_list_widget { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 16px; } .site-header-cart .mini_cart_item { display: flex; align-items: flex-start; flex-direction: column; position: relative; margin-bottom: 0px; padding-left: 100px; min-height: 120px; width: calc( 100% - 20px); row-gap: 8px; } .site-header-cart .mini_cart_item a{ text-decoration: none; } .site-header-cart .mini_cart_item img{ top: 0px; left: 0px; width: 82px; max-height: 100%; position: absolute; object-fit: cover; object-position: center; } .site-header-cart .mini_cart_item .quantity{ all: unset; } .site-header-cart .mini_cart_item a.remove{ top: 0; left: auto; right: -20px; width: 18px; height: 18px; font-size: 16px; line-height: 16px; text-align: center; border-radius: 50%; position: absolute; display: flex; align-items: center; text-decoration: none; justify-content: center; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; color: var(--theme--base-color); font-size: -20px; z-index: 11; }