/* Add your custom CSS overrides to this file. */
/*Test for repository*/
/*Test 2 for repository*/
/*Test 3 for repository*/

/*Test for import*/
/*@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');*/  

/*Headers*/
.login-form-wrapper h3 { text-align: center; font-size: 24px; }
/*Buttons*/
.btn-primary, a.btn-primary { color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#57b1d8+0,0099d7+100 */ background: #57b1d8; /* Old browsers */ background: -moz-linear-gradient(top, #57b1d8 0%, #0099d7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #57b1d8 0%, #0099d7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #57b1d8 0%, #0099d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b1d8', endColorstr='#0099d7', GradientType=0 ); /* IE6-9 */
border-radius: 5px; }
.btn-primary:hover, a.btn-primary:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0099d7+0,57b1d8+100 */ background: #0099d7; /* Old browsers */ }
/*Sidebar*/
.sidebar .widget { position: relative; padding-bottom: 5px; background: #ffffff; }
.sidebar .widget h3 { display: block; width: calc(100% + 20px); height: auto; line-height: inherit; text-align: center; margin-left: -10px; margin-right: -10px; background: #343434; position: relative; top: 0; }
.sidebar .widget h3:before, .sidebar .widget h3:after { content: ""; position: absolute; }
.sidebar .widget h3:before { height: 0; width: 0; bottom: -10px; left: 0; border-top: 10px solid #343434; border-left: 10px solid transparent; }
.sidebar .widget h3:after { height: 0; width: 0; right: 0; bottom: -10px; border-top: 10px solid #343434; border-right: 10px solid transparent; }
.wacs-points { text-align: center; }
.wacs-points .your-points { color: #008000; font-weight: bold; font-size: 24px; }
/*Header*/
header.navbar-default { background-color: #fff; height: auto; border-color: #ebebeb; transition: height .3s ease-in; }
#store-header-compact .sidebar { display: block; text-align: right; }
#store-header-compact .sidebar h3, #store-header-compact .sidebar #widget-award-categories-sidebar { display: none; }
#store-header-compact .sidebar .widget { box-shadow: none; margin-bottom: 0; padding: 0; background: none; }
#store-header-compact .sidebar .widget .widget-body { padding: 0; }
#store-header-compact .sidebar .widget .widget-body .wacs-points { text-align: right; position: relative; right: 0; top: 10px; }
#store-header-compact .sidebar .widget .widget-body .wacs-points .your-points { font-size: 18px; }
#store-header-compact .sidebar .widget .widget-body .wacs-points .line1 { display: inline-block; }
#store-header-compact .sidebar .widget .widget-body .wacs-points .line2 { display: inline-block; margin: 0 5px; }
#store-header-compact .sidebar .widget .widget-body .wacs-points .line3 { display: inline-block; }
/*Footer*/
footer.navbar { margin: 0; border: 4px solid #0066a4; border-left: none; border-right: none; background-color: #343434; padding: 30px 0 20px; color: #eaeaea; border-radius: 0; }
.footer-widget h4 { color: #ffffff; }
footer.navbar a { color: #eaeaea; }
.footer-widget li { color: #eaeaea; }
/*home*/
.login-form-wrapper { padding: 20px; margin: 0; }
.navbar-brand > img { display: block; max-width: 80px; }
.home-quotes { margin-top: 50px; text-align: center; }
ul#HomePageSlider, ul#Quotes { padding: 0; }
ul#Quotes li { padding: 15px; }
/*Category*/
.product-img-center { display: block; margin: auto; min-height: 140px; }
article.product-item h3 { height: auto; }
#products.grid article.product-item > .row > div.pid_bottom { flex: 1; display: flex; justify-content: center; }
#products.grid article.product-item .product-body h3 { padding: 0 10px; margin-top: 15px; }
#products.grid article.product-item .product-body { padding: 0 !important; }
#products.grid article.product-item > .row > div.pid_top .product-overlay { display: flex; height: 100%; }
article.product-item .product-overlay .product-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s ease-out; background-color: #999999; z-index: 110; }
#products.grid article.product-item > .row > div.pid_top .product-overlay img { align-self: center; max-height: 140px; }
#products.grid article.product-item > .row > div.pid_top .product-img-center { align-self: center; max-height: 200px; }
article.product-item .product-quickview { position: absolute; width: 100%; top: 50%; left: 0; margin-top: -32px; transition: all 0.2s ease-out; text-align: center; opacity: 0; z-index: 130; }
article.product-item .product-quickview .btn-quickview { background-color: rgba(255,255,255,0.8); padding: 20px 0; width: 100%; border-radius: 0; font-size: 20px; text-transform: uppercase; font-weight: 600; transition: all 0.3s ease-in; }
#products.jcflex { display: flex; flex-wrap: wrap; }
#products.grid article.product-item { background-color: #FFFFFF; /*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); border: 1px solid #0066a4;*/ box-shadow: 0 2px 15px 1px rgba(0,0,0,0.2); border: 1px solid rgba(0,102,164,0.1); display: flex; flex-direction: column; justify-content: center; overflow: hidden !important; flex: 1; }
#products.grid article.product-item > .row > div.pid_top { height: auto; margin: auto; padding: 10px !important; }
#products.grid article.product-item > .row > div.pid_bottom { flex: 1; display: flex; justify-content: center; margin: auto; }
.widget-social-media-links { display: none; }
.widget-post-categories ul li a .badge { display: none; }
header.navbar.navbar-small { height: auto; }
header.navbar.navbar-small .store-menu { clear: both; }
.checkout-top-header { height: auto; }
.breadcrumb { background-color: transparent; margin: 0; text-align: left; padding: 25px 0; }
article.product-item.product-single { padding: 0 15px 15px 15px; }
.basket-cont-shop { margin-right: 10px; }
#store-header-compact .storeLogo { max-height: 118px; margin: 5px 0; display: inline-block; }
#store-header-compact .storeLogo img { max-height: 118px; width: auto; }
.il-sya {background: #ffff00;padding: 4px;}
 @media (min-width: 768px) {
#store-header-compact.navbar-small { }
#store-header-compact.navbar-small .store-logo-sm { position: absolute; top: 15px; height: 50px; width: 175px; }
#store-header-compact.navbar-small #store-logo-container.navbar-header { position: relative; }
#store-header-compact.navbar-small header.navbar.navbar-small .navbar-brand { position: relative; }
#store-header-compact.navbar-small .navbar-brand > img { position: absolute; top: 15px; max-width: 150px; z-index: 999999; }
 }

 @media (max-width: 1199px) {
.account-content .hidden-print .btn { margin-bottom: 15px; }
}
 @media (max-width: 767px) {
footer.navbar { text-align: left; }
footer.navbar .row > div.col-xs-6 { width: 50%; float: left; }
#MiniBasketPanel .text-right { text-align: left; }
#MiniBasketPanel .btn-xs { padding: 5px; }
#MiniBasketPanel .form-control { width: auto; }
.account-content .shopping-cart .update-cart, .account-content .shopping-cart > a.btn { float: none !important; margin: 0 0 20px 0; width: 100%; }
.account-content .hidden-print { margin-bottom: 15px; }
.account-content .hidden-print .btn { margin: 0 10px 15px 10px; }
#store-header-compact .sidebar .widget { box-shadow: none; margin-bottom: 0; padding: 0; background: none; position: relative; }
#store-header-compact .sidebar .widget .widget-body .wacs-points { text-align: center; position: relative; right: 0; top: 0; pointer-events: none; }
#store-header-compact .sidebar .widget .widget-body { padding: 0; position: absolute; width: 100%; top: -50px; pointer-events: none; }
/* Ensure header nav buttons are clickable above wacs-points */
.store-logo-sm { position: relative; z-index: 100; }
.store-logo-sm a, .store-logo-sm button { pointer-events: auto; }

/* Mobile menu - remove max-height restriction */
.navbar-collapse.in {
    max-height: none !important;
    overflow: visible !important;
}

/* Prevent header from becoming fixed when mobile menu is expanded */
header.navbar-default.navbar-fixed-top:has(.navbar-collapse.in),
.checkout-top-header.navbar-fixed-top:has(.navbar-collapse.in) {
    position: static !important;
}

/* Remove body padding when menu is expanded and header is static */
body:has(.navbar-collapse.in) {
    padding-top: 0 !important;
}

/* Mobile Account submenu styling */
.mobile-account-menu .mobile-submenu {
    list-style: none;
    padding-left: 20px;
    margin: 0;
    background: transparent;
}

.mobile-account-menu .mobile-submenu li a {
    padding: 8px 15px;
    display: block;
    color: inherit;
}

.mobile-account-menu > a .fa-caret-down {
    transition: transform 0.3s;
    display: inline-block;
    transform: rotate(-90deg);
}

.mobile-account-menu .mobile-submenu.in + .fa-caret-down,
.mobile-account-menu:has(.mobile-submenu.in) > a .fa-caret-down {
    transform: rotate(0deg);
}
}
@media (max-width: 575px) {
#store-header-compact .sidebar .widget { box-shadow: none; margin-bottom: 0; padding: 0; background: none; position: relative; margin: 0 -15px; }
#store-header-compact .sidebar .widget .widget-body .wacs-points { padding-bottom: 10px; pointer-events: none; }
#store-header-compact .sidebar .widget .widget-body { padding: 0; position: absolute; width: 100%; top: -15px; background: #fff; pointer-events: none; }
}
@media (max-width: 479px) {
footer.navbar .row > div.col-xs-6 { width: 100%; float: left; }
footer.navbar .row > div.col-xs-6.footer-right .pull-right { float: none !important; }
.account-content .pull-left, .account-content .pull-right { float: none !important; }
}

/* ============================================
   ELEPHANT AWARDS 2026 CUSTOMIZATIONS
   Added: 2026-02-11
   ============================================ */

/* --------------------------------------------
   Remove box shadows from category and product items
   Note: New categories/products will automatically
   inherit these styles - no additional work needed.
   -------------------------------------------- */
article.category-item,
article.product-item,
article.product-item.product-item-display {
    box-shadow: none !important;
}

/* --------------------------------------------
   Accent Color Button (.btn-accent)
   Color: Light Yellow #fcf3c6 with Blue text #1470af
   Use for primary call-to-action buttons
   -------------------------------------------- */
.btn-accent,
a.btn-accent {
    background: #fcf3c6 !important;
    border: 1px solid #1470af !important;
    color: #1470af !important;
    border-radius: 5px;
}

.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active,
a.btn-accent:hover,
a.btn-accent:focus,
a.btn-accent:active {
    background: #f5e9a8 !important;
    border: 1px solid #1470af !important;
    color: #1470af !important;
}

/* --------------------------------------------
   My Points Page - Welcome Section
   -------------------------------------------- */
.welcome-section {
    padding: 20px 15px 30px;
    margin-bottom: 20px;
}

.welcome-section h4 {
    margin-bottom: 20px;
}

.welcome-section .btn-accent {
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 600;
}

.purchase-points-link {
    margin-top: 15px;
}

.purchase-points-link a {
    color: #888888;
    font-size: 14px;
}

.purchase-points-link a:hover {
    color: #E87169;
}

/* --------------------------------------------
   Category Pages - Hide redundant sidebar on mobile
   The points display and categories box are hidden
   on mobile since they take up prime real estate.
   Categories are accessible via mobile menu.
   -------------------------------------------- */
@media (max-width: 767px) {
    /* Hide the entire left sidebar on mobile */
    .left-sidebar .sidebar {
        display: none !important;
    }

    /* Hide checkout progress bar on mobile - saves space */
    .checkoutProgressBar {
        display: none;
    }
}

/* --------------------------------------------
   Hide Checkout Steps Widget on Mobile
   (ShipMethod page progress indicator)
   Hide the whole container to reduce wasted space
   -------------------------------------------- */
@media (max-width: 767px) {
    .checkout-top-header + .container:has(article.checkout-steps) {
        display: none !important;
    }
}

/* --------------------------------------------
   Checkout Pages - Quantity/Price/Total inline on mobile
   -------------------------------------------- */
@media (max-width: 767px) {
    .able-grid-content small.visible-xs {
        display: inline !important;
        margin-right: 5px;
    }
}

/* --------------------------------------------
   Checkout Flow Improvements
   -------------------------------------------- */

/* Ship Address Page - New Address button margin and hover fix */
#shipAddressBook > .clearfix .btn.m-t-md {
    margin-top: 20px;
    transition: none !important;
}

#shipAddressBook > .clearfix .btn-primary,
#shipAddressBook > .clearfix .btn-primary:hover,
#shipAddressBook > .clearfix .btn-primary:focus,
#shipAddressBook > .clearfix .btn-primary:active {
    background: #57b1d8 !important;
    background: linear-gradient(to bottom, #57b1d8 0%, #0099d7 100%) !important;
    border-color: #0099d7 !important;
    color: #fff !important;
    transition: none !important;
}

/* Ship Here buttons - accent color (not New Address button) */
#shipAddressBook .btn-xs {
    background: #fcf3c6 !important;
    border: 1px solid #1470af !important;
    color: #1470af !important;
    padding: 8px 16px;
    font-size: 14px;
}

#shipAddressBook .btn-xs:hover,
#shipAddressBook .btn-xs:focus {
    background: #f5e9a8 !important;
    border: 1px solid #1470af !important;
}

/* Payment Page - Override equalHeights JS for widget boxes */
.widget-basket-summary .widget-body,
.widget-billing-address .widget-body {
    height: auto !important;
    overflow: visible !important;
}

/* Place Order button - accent color */
#giftPaymentForm .btn-primary,
#paymentForm .btn-primary {
    background: #fcf3c6 !important;
    border: 1px solid #1470af !important;
    color: #1470af !important;
}

#giftPaymentForm .btn-primary:hover,
#giftPaymentForm .btn-primary:focus,
#paymentForm .btn-primary:hover,
#paymentForm .btn-primary:focus {
    background: #f5e9a8 !important;
    border: 1px solid #1470af !important;
    color: #1470af !important;
}

/* Tighten checkout spacing on mobile */
@media (max-width: 767px) {
    .checkout .form-group {
        margin-bottom: 10px;
    }

    .checkout .box {
        padding: 10px;
    }

    .products-order.checkout {
        padding: 10px;
    }
}

/* Keep basket bottom checkout button right-aligned on all screens */
#basketContent .clearfix {
    text-align: right;
}

#basketContent .clearfix .btn {
    float: none !important;
}

#basketContent .shopping-cart {
    border: none;
    padding: 15px 0 0;
}

/* Empty Cart button - override btn-warning to gray */
#basketContent .shopping-cart .btn-warning {
    background: #5e5e5e !important;
    border-color: #5e5e5e !important;
    color: #ffffff !important;
}

#basketContent .shopping-cart .btn-warning:hover,
#basketContent .shopping-cart .btn-warning:focus {
    background: #4a4a4a !important;
    border-color: #4a4a4a !important;
}

/* Product quantity box - prevent wrapping */
#buy-product-quantity-box {
    white-space: nowrap;
}

#buy-product-quantity-box .product-quantity {
    display: inline-flex;
    flex-wrap: nowrap;
}

.bx-wrapper{
    margin-bottom:0 !important;
}