/* Top bar */

.top-bottom-bar img {
    max-height: 35px;
}

.top-bottom-bar ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.top-bottom-bar ul li {
    display: inline-block;
    list-style: none;
    padding: 0 40px;
}

.search-bar-item {
    color:#333;
}

/* Imported classes from default template */
.page-title{
    margin:10px 0px;
}

.page-title i{
    font-size:30px;
    margin-right:5px;
}

.page-title h1{
   padding: 10px 0px;
}

.page-title h2{
    font-size:35px;
}

.page-title small{
    font-size:21px;
    margin-left:5px;
}
.page-title hr{
    margin:0px;
    padding:0px;
}
.small-title {
    font-size:.75em;
}

.page-area {
    background:#fff;
    padding:18px;
    border:1px solid #ddd;
    border-radius:10px;
    margin-bottom:10px;
}

.page-area p {
    margin-bottom:10px;
}

.page-area h4{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    color:#777;
}

.promotion-header {
    color: #ff0 !important;
}

#promotion-mobile-toolbar .widget-list-link {
    color: #fe696a;
}

#promotion-mobile-toolbar ul {
    translate:(11vh, -64px) ;
    width: 16rem;
}

.navbar-mega-nav .dropdown-menu > .dropdown > a {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-bottom: 0px;
}

.navbar-dark .navbar-mega-nav::after {
    background-color: unset;
}

.widget-categories .widget-list-item {
    margin-bottom: 0rem;
    padding-left: 0.75rem;
}

.mega-dropdown-subcategory-dropdown-column {
    padding-left: 1rem;
    padding-right: 1rem;
}
/* End of imported classes **/

/*
*   starburst certificate-font awesome styling
*/
.tbg_reward_points_icon_container {
    width:5rem;
    z-index:2;
    position: absolute;
    top:6rem;
    right: 0rem;
}

.tbg_reward_points_icon {
    max-height: 89px;
}

.bonus-point {
    color: #fff;
    font-size: 12px;
    bottom: -1.9rem;
    right: 0.7rem;
    width: 60px;
    z-index: 2;
    position: absolute;
    line-height: 14px;
    text-align: center;
}

/*
*   starburst certificate-font awesome styling
*/
.tbg-promo-icon-container {
    width:5rem;
    z-index:2;
    position: absolute;
    top:6rem;
    left: 0rem;
}

.tbg-promo-icon-container .tbg-promo-icon {
    max-height: 89px;
}

.tbg-promo-icon-container .tbg-promo-text{
    color: #fff;
    font-size: 12px;
    bottom: -1.7rem;
    right: 0.6rem;
    width: 60px;
    z-index: 2;
    position: absolute;
    line-height: 13px;
    text-align: center;
}

/**
    Ribbons
*/

.img-ribbon {
    background-color: #ff3333;
    overflow: hidden;
    white-space: nowrap;
    /* top left corner */
    position: absolute;
    left: -22px;
    top: 4px;
    /* 45 deg ccw rotation */
    -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    /* shadow */
    -webkit-box-shadow: 0 0 2px #888;
     -moz-box-shadow: 0 0 2px #888;
            box-shadow: 0 0 2px #888;
}

.img-ribbon span {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 1px 0;
    padding: 3px 19px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    /* text-shadow: 0 0 5px #444; */
}

.promotion-header {
    color:#ff0 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color:#fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    text-decoration: underline;
}

/* Accordion chevron for footer */

.footer-delivery-region > .accordion-button:not(.collapsed) {
    box-shadow:none;
}
.footer-delivery-region > .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23FFF' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-color: inherit;
}
.footer-delivery-region > .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23FFF' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    opacity: 1;
}

.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link {
    opacity: 0.5;
}

.products-filter-widget-btn:hover {
    opacity: 1;
    color: #4b566b;
}

#promotion-mobile-toolbar:hover {
    cursor: pointer;
}

.bs-facebook {
    background-color: #3b5998;
    color:#fff;
}

.bs-google {
    background-color: #ea4335;
    color:#fff;
}
/**
 * Star rating
 */

.star-cb-group {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
	/* the hidden clearer */
}
.star-cb-group * {
	font-size: 3rem;
}
.star-cb-group > input {
	display: none;
}
.star-cb-group > input + label {
	/* only enough room for the star */
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
}
.star-cb-group > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "☆";
	color: #888;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
	content: "★";
	color: gold;
	text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
	width: .5em;
}
.star-cb-group:hover > input + label:before {
	content: "☆";
	color: #888;
	text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
	content: "★";
	color: gold;
	text-shadow: 0 0 1px #333;
}

.product_mini_button {
    padding: 0.625rem 0.375rem;
}

.product_detail_product_badge {
    margin:0px !important;
}

.product-badge-left::after  {
    transform:rotate(45deg);
    left: 0.25rem;
}

.product-badge-left {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:0.3125rem;
    border-bottom-right-radius:0.3125rem;
    left:-2.3rem;
    right:unset;
}

.product-badge.product-not-available::after {
    border-color:rgba(66,214,151,0) !important;
    border-bottom-color: rgb(255, 0, 0) !important;
}
.product-badge.product-not-available {
    background-color:rgba(255, 0, 0, 0.70) !important;
    color: #fff !important;
}
.product-badge-left::after {
    transform: rotate(45deg) !important;
    left: 0.237rem !important;
    top: 1.6rem !important;
}

.product_detail_sale_badge {
    /* left: 2.75rem !important; */
    top: 0 !important;
}

.product_detail_wishilist {
    /* right: 2.75rem !important; */
    top: 0 !important;
}

.product_detail_promo_image_container, .product_detail_promo_image {
    margin: auto;
}

.product_detail_promo_image {
    max-width:300px;
}

.product_detail_card_image {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.tns-carousel-products .tns-carousel-inner {
    overflow-x: clip !important;
    overflow-y: visible !important;
}
.tns-carousel-products .tns-ovh {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

.input-group-xs > .form-control,
.input-group-xs > .form-select,
.input-group-xs > .input-group-text,
.input-group-xs > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.input-group-xs > .form-select {
    padding-right: 4rem;
}

.btn-xs, .btn-group-xs > .btn {
   padding: .25rem .4rem;
   font-size: .875rem;
   line-height: .5;
   border-radius: .2rem;
}

.product-img {
    width:300px;
}

.mt-n6 {
    margin-top: -4rem !important;
}
.pb-6 {
    padding-bottom: 4rem !important;
}

.dropdown-menu.show{
    z-index: 1030;
}

.btn-social {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    border-radius: 0.3125rem;
    font-size: unset;
    text-align: center;
}

.btn-social > i {
    line-height: 2.4rem;
}

.apple-logo-container {
    width: 40px;
    height: 40px;
}

.bg-gold {
    background-color:#f0b557 !important;
}

.bg-golder {
    background-color: #d27d10 !important;
    border-color: #d27d10 !important;
}

.bg-blue {
    background-color: #77c4f8 !important;
    border-color: #77c4f8 !important;
}

.promotion-blurb-container {
    background-image: url('../../../common/images/promotion_blurb/promotion_pattern_bg.png') !important;
    background-size: cover !important;
}

.navbar-dark .navbar-mega-nav::after {
    background-color: unset !important;
}

.product-age-gate {
    filter:blur(3px);
    pointer-events: none;
}

.stripe-link-svg {
    max-height:40px;
    height: 1.5rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="28 0 50 22" fill="none"><title>Link</title><path fill="currentColor" d="M36.12 3.67683c0-1.12801.9504-2.04481 2.0688-2.04481 1.1184 0 2.0688.9216 2.0688 2.04481 0 1.1232-.9168 2.0688-2.0688 2.0688-1.152 0-2.0688-.9168-2.0688-2.0688ZM29.9808 1.92001h3.6V22.08h-3.6V1.92001ZM40.008 7.68001h-3.6288V22.08h3.6288V7.68001ZM66.096 14.3904c2.7312-1.68 4.5888-4.1808 5.3232-6.71516h-3.6288c-.9456 2.41916-3.1152 4.23836-5.5008 5.01116V1.91523h-3.6288V22.0752h3.6288V16.08c2.7696.6912 4.9584 3.0864 5.7072 5.9952h3.6528c-.5568-3.0528-2.6448-5.9088-5.5536-7.6848ZM46.44 9.29283c.9504-1.2624 2.8032-1.99681 4.3056-1.99681 2.8032 0 5.1216 2.04961 5.1264 5.14558v9.6336h-3.6288v-8.832c0-1.272-.5664-2.7408-2.4048-2.7408-2.16 0-3.4032 1.9152-3.4032 4.1568v7.4256h-3.6288V7.68962H46.44v1.60321Z"></path><path fill="%2300D66F" d="M12 24c6.6274 0 12-5.3726 12-12 0-6.62743-5.3726-12-12-12C5.37259 0 0 5.37257 0 12c0 6.6274 5.37259 12 12 12Z"></path><path fill="%23011E0F" d="M11.4479 4.80005H7.74707c.72 3.0096 2.82243 5.58235 5.45283 7.19995-2.6352 1.6176-4.73283 4.1904-5.45283 7.2h3.70083c.9168-2.784 3.456-5.2032 6.576-5.6976v-3.0095c-3.1248-.4896-5.664-2.90885-6.576-5.69285Z"></path></svg>');
}

.visa-svg {
    height: 1.5rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="18 12 58 40" width="100" height="60" fill="none"><script xmlns="http://www.w3.org/1999/xhtml"></script><path fill-rule="evenodd" d="M20.438 25.749h-2.921l-2.19-8.404c-.104-.387-.325-.728-.649-.889-.81-.405-1.703-.727-2.677-.89v-.323h4.705a1.23 1.23 0 0 1 1.218 1.05l1.136 6.062 2.919-7.113h2.84l-4.381 10.507zm6.004 0h-2.759l2.271-10.507h2.759l-2.271 10.507zm5.841-7.596c.081-.566.568-.889 1.136-.889.893-.081 1.866.081 2.677.485l.487-2.262A6.95 6.95 0 0 0 34.069 15c-2.677 0-4.626 1.455-4.626 3.475 0 1.537 1.38 2.343 2.354 2.829 1.054.485 1.46.808 1.379 1.293 0 .727-.812 1.05-1.622 1.05-.974 0-1.948-.242-2.84-.647l-.487 2.264c.974.403 2.028.566 3.002.566 3.002.08 4.868-1.374 4.868-3.556 0-2.748-3.814-2.909-3.814-4.121zm13.468 7.596l-2.19-10.507h-2.353c-.487 0-.974.323-1.136.808l-4.056 9.699h2.84l.567-1.535h3.489l.325 1.535h2.515zm-4.138-7.677l.81 3.96h-2.271l1.461-3.96z" fill="%23172b85"/></svg>');
}

.mastercard-svg{
    height: 1.5rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="22 9 50 40" width="90" height="45" fill-rule="none"><script xmlns="http://www.w3.org/1999/xhtml"></script><path d="M28.934 27.318a9.53 9.53 0 0 1-6.269 2.349c-5.338 0-9.665-4.402-9.665-9.833S17.327 10 22.665 10a9.53 9.53 0 0 1 6.269 2.349A9.53 9.53 0 0 1 35.203 10c5.338 0 9.665 4.403 9.665 9.833s-4.327 9.833-9.665 9.833a9.53 9.53 0 0 1-6.269-2.349z" fill="%23ed0006"/><path d="M28.936 27.318c2.078-1.804 3.396-4.487 3.396-7.484s-1.318-5.681-3.396-7.484A9.53 9.53 0 0 1 35.205 10c5.338 0 9.665 4.403 9.665 9.833s-4.327 9.833-9.665 9.833a9.53 9.53 0 0 1-6.269-2.349z" fill="%23f9a000"/><path d="M28.935 27.318c2.078-1.804 3.396-4.487 3.396-7.484s-1.318-5.681-3.396-7.485c-2.078 1.804-3.396 4.488-3.396 7.485s1.318 5.681 3.396 7.484z" fill="%23ff5e00"/></svg>');
}

.amex-svg {
    max-height:40px;
    height: 2rem;
    width: 3rem;
    border-radius: 5px;
    background-color: rgba(47,110,213) !important;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 58 40" width="58" height="40" fill="none"><script xmlns="http://www.w3.org/1999/xhtml"></script><path fill-rule="evenodd" d="M10.397 14.167L4.971 26.245h6.496l.805-1.926h1.841l.805 1.926h7.151v-1.47l.637 1.47h3.699l.637-1.501v1.501h14.872l1.808-1.876 1.693 1.876 7.638.016-5.444-6.021 5.444-6.073h-7.52l-1.76 1.841-1.64-1.841H25.956l-1.389 3.117-1.422-3.117h-6.483v1.42l-.721-1.42h-5.543zm22.208 1.715h8.54l2.612 2.838 2.696-2.838h2.612l-3.969 4.356 3.969 4.306h-2.73l-2.612-2.871-2.71 2.871h-8.408v-8.662zm2.107 3.377v-1.582-.002h5.329l2.325 2.53-2.428 2.544h-5.226v-1.727h4.659v-1.763h-4.659zm-23.058-3.377h3.167l3.599 8.19v-8.19h3.469l2.78 5.872 2.562-5.872h3.452v8.667h-2.1l-.017-6.791-3.062 6.791h-1.879l-3.079-6.791v6.791h-4.321l-.819-1.943h-4.425l-.817 1.941H7.85l3.805-8.665zm.081 4.928l1.458-3.461 1.456 3.461h-2.914z" fill="%23fff"/></svg>');
}

.z-index-1 {
    z-index: 1;
}

@media only screen and (max-width: 1200px) {
    .top-bottom-bar ul li {
        font-size: 16px;
        padding: 0 15px;
    }
    .top-bottom-bar ul li img {
        width: 30px;
    }
}

/* Drift Zoom*/
@media (max-width: 768px) {
    .zoom-image::before {
		display: none;
    }

    .drift-zoom-pane.drift-open, .drift-zoom-pane {
      display: none;
    }
}

/* Drift Zoom*/
@media (max-width: 400px) {
    .tbg_reward_points_icon_container {
        width:4.7rem;
        top: 6rem;
        right: 0;
    }
    .bonus-point {
        bottom: -1.6rem;
        right: 0.5rem;
        line-height: 12px;
    }
    .tbg-promo-icon-container {
        width:4.7rem;
        top: 6rem;
        left: 0;
    }
    .tbg-promo-icon-container .tbg-promo-text {
        bottom: -1.6rem;
        left: 0;
        line-height: 12px;
    }
    .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

@media (max-width: 991px) {
    #mobile-dropdown-nav {
        background-color: white;
    }
    .navbar-dark .navbar-nav .nav-link {
        background-color: #f6f9fc !important;
        border-radius: 5px !important;
        color:#4b566b !important;
    }
    .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item{
        background-color: #f6f9fc !important;
    }
    .navbar-mega-nav .dropdown-menu > .mega-dropdown{
        color:#4b566b !important;
    }
    .mega-dropdown-subcategory-dropdown-column {
        max-width:inherit;
    }
    .tbg_reward_points_icon_container {
        width:4.7rem;
        top: 5rem;
        right: 0;
    }
    .bonus-point {
        bottom: -1.5rem;
        right: 0.5rem;
        line-height: 12px;
    }
    .tbg-promo-icon-container {
        width:4.7rem;
        top: 5rem;
        left: 0;
    }
    .tbg-promo-icon-container .tbg-promo-text {
        bottom: -1.4rem;
        left: 0.5rem;
        line-height: 12px;
    }
    .btn-scroll-top {
        bottom: 4rem;
      }
}

@media print {
    header {
        display: none;
    }
    footer {
        display: none;
    }
}