/*------------------------------------------------------------------------------*/
/*////////// START HEADER //////////*/
/*------------------------------------------------------------------------------*/

/*////////// START BS5 TOP NAVBAR & NAV //////////*/

/*Slow nav collapse transition speed*/
nav .collapsing {
  -webkit-transition: height .40s ease;
  -o-transition: height .40s ease;
  transition: height .40s ease; }

/*Start animated toggle button*/
.navbar-toggler {
  height: 35px;
  position: relative; }

.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
  outline: 0;
  box-shadow: none; }

.navbar-toggler span {
  display: block;
  height: .2rem;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  left: 0;
  opacity: 1; }

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  -webkit-transition: transform .35s ease-in-out;
  -moz-transition: transform .35s ease-in-out;
  -o-transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out; }

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9; }

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent; }

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9; }
/*end animated toggle button*/

.header-nav .nav-link:hover {
  text-decoration: none;
}

/*Start indent first two levels of subcategories */
.header-nav .category-menu li > ul > li a {
    padding-left: 1.75rem;
}

    .header-nav .category-menu li > ul > li > ul > li a {
        padding-left: 2.75rem;
    }
/*end indent first two levels of subcategories */

/*Header nav settings for device widths below BS5's lg media query */
@media (max-width: 991.98px) {
  /*Hide border displays*/
  .header-nav .dropdown-menu{
    border-color:transparent!important;
  }
  .header-nav .headerNavItems > ul > li {
    border-bottom:1px solid;
  }
  .header-nav .headerNavItems .dropdown-menu a {
    border-bottom:1px solid;
  }

    .header-nav .headerNavItems  .dropdown > .dropdown-menu li:last-child a {
        border-bottom: none;
    }

    .header-nav .headerNavItems .dropdown > .dropdown-menu > .dropdown > .dropdown-menu li a {
        border-bottom: 1px solid;
    }

  /*Show product search field when collapse menu is expanded*/
  .header-search.dropdown-menu {
    display: block;
  }
}

/* Start stack cart qty badge above cart icon on xs devices*/
@media (max-width: 575.98px) {
    .cart-icon {
        position: relative;
    }

        .cart-icon span.badge {
            position: absolute;
            margin-top: -20px;
            left: -5px;
        }
}
/* end stack cart qty badge above cart icon on xs devices*/

/* Start wrap long email account id on small devices*/
@media (max-width: 420px) {
    #accountDropdownMenu .account-id {
        max-width: 345px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 360px) {
    #accountDropdownMenu .account-id {
        max-width: 290px;
    }
}

@media (max-width: 300px) {
    #accountDropdownMenu .account-id {
        max-width: 250px;
    }
}

/* end wrap long email account id on small devices*/

/* Set a min width on the account drop down menu*/
@media (min-width: 992px) {
    #accountDropdownMenu {
        min-width: 285px;
    }
}



/*////////// end bs5 top navbar & nav //////////*/

/*------------------------------------------------------------------------------*/
/*////////// end header //////////*/
/*------------------------------------------------------------------------------*/


    /*////////// BS5 NAV LINKS - EXCLUDING HEADER //////////*/
    .nav-link:hover {
        text-decoration: underline;
    }


    /*////////// DARKEN the DEFAULT BS5 MODAL BACKDROP OPACITY //////////*/
    .modal-backdrop.show {
        opacity: 0.8 !important;
    }





    /*------------------------------------------------------------------------------*/
    /*////////// START PRODUCT CATEGORY DISPLAY //////////*/
    /*------------------------------------------------------------------------------*/

    /*Hover effect on product thumbnails*/
    .card.thumb {
        transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    }

        .card.thumb:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
        }

    /*Remove underline from thumbnail text*/
    .category-thumbs a {
        text-decoration: none;
    }

    /*Remove left padding on cateogry nav*/
    .category-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    /*Start thumbnail image tags*/
    .tag-wrapper {
        position: absolute;
        font-size: 0.9rem;
        line-height: 1.2;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        z-index: 10;
    }

        .tag-wrapper ul {
            margin: 0 0 0 -4px;
            padding: 0;
        }

            .tag-wrapper ul.type li {
                clear: left;
                list-style: none;
                margin-top: 10px;
                padding: 3px 10px 3px;
                text-align: left;
            }

                .tag-wrapper ul.type li.new {
                    background-color: #158615;
                }

                .tag-wrapper ul.type li.backorder {
                    background-color: #FF0000;
                }

                .tag-wrapper ul.type li.customizable {
                    background-color: #ffa500;
                }

                .tag-wrapper ul.type li.customMessage {
                    background-color: #1468bf;
                }
    /*end thumbnail image tags*/

    /*------------------------------------------------------------------------------*/
    /*////////// end product category display //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START FOOTER //////////*/
    /*------------------------------------------------------------------------------*/

    footer a {
        text-decoration: none;
    }

        footer a:hover {
            text-decoration: underline;
        }

    footer .fa {
        font-size: 22px;
        width: 30px;
    }

        footer .fa:hover {
            text-decoration: none;
            transform: scale(1.05);
        }

    /*------------------------------------------------------------------------------*/
    /*////////// end footer //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START MATERIAL ICONS CUSTOMIZATIONS //////////*/
    /*------------------------------------------------------------------------------*/

    /* Rules for sizing the icon. */
    .material-icons.md-18, .fa.fa-18 {
        font-size: 18px;
    }

    .material-icons.md-24, .fa.fa-24 {
        font-size: 24px;
    }

    .material-icons.md-36, .fa.fa-36 {
        font-size: 36px;
    }

    .material-icons.md-48, .fa.fa-48 {
        font-size: 48px;
    }

    .material-icons.md-72, .fa.fa-72 {
        font-size: 72px;
    }

    /* Rules for using icons as black on a light background. */
    .material-icons.md-dark {
        color: rgba(0, 0, 0, 0.54);
    }

        .material-icons.md-dark.md-inactive {
            color: rgba(0, 0, 0, 0.26);
        }

    /* Rules for using icons as white on a dark background. */
    .material-icons.md-light {
        color: rgba(255, 255, 255, 1);
    }

        .material-icons.md-light.md-inactive {
            color: rgba(255, 255, 255, 0.3);
        }

    /*------------------------------------------------------------------------------*/
    /*////////// end material icons customizations //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*///////////// START HOMEPAGE ////////////*/
    /*------------------------------------------------------------------------------*/

    /*///////////// START FEATURED CAROUSEL ////////////*/

    /* Featured carousel height */
    .carousel-text, .carousel-image {
        height: 500px;
    }

        .carousel-image img {
            height: 100%;
            max-height: 500px;
        }

    /* Featured carousel stacked view image height*/
    @media (max-width: 575.98px) {
        .carousel-image {
            height: 300px;
        }

            .carousel-image img {
                max-height: 300px;
            }
    }

    /* Featured carousel stacked view text height*/
    @media (max-width: 991.98px) {
        .carousel-text {
            height: 300px;
        }
    }

    /*///////////// end featured carousel ////////////*/

    /*------------------------------------------------------------------------------*/
    /*///////////// end homepage //////////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START PRODUCT PAGE //////////*/
    /*------------------------------------------------------------------------------*/

    /*Main Products Image Slider*/
    .lSSlideOuter {
        border: 1px solid #dfdfdf;
    }

        .lSSlideOuter .lightSlider li {
            border-bottom: 1px solid #dfdfdf;
        }

    .magnify-gallery {
        display: block;
        position: absolute;
        z-index: 2;
        right: 30px;
        cursor: pointer;
        border: 1px solid #dfdfdf;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer;
        color: #363636;
    }

        .magnify-gallery i:hover {
            cursor: pointer;
            pointer-events: none;
        }

    /*removes gap below product image if there is only one image and the pager isn't displayed*/
    .noPager .lSPager {
        margin-top: 0 !important;
    }

    /*end main products image slider*/

     /*border around selected logo in the logo selector*/
    .surveylogo label {
        cursor: pointer;
        border: 1px solid #dfdfdf;
    }

        .surveylogo label div:first-child, .img-grid-bgcolor {
            background-color: #d8d8d8;
        }

        .surveylogo label input:checked + div, .img-grid-bgcolor {
            border: 2px solid #d8d8d8;
            background-color:#efefef;
        }

    /*border around selected image in the POD Image field */
    .pod-image-field label {
        cursor: pointer;
    }

    .pod-image-field label input:checked + div {
        border: 2px solid #25c47a;
       }

    .priceSection-visible{
        display: block;
    }

    .priceSection-hidden{
        display: none;
    }

    #addToCart:disabled {
        cursor: wait;
        pointer-events: auto;
    }
    
    .dud-pod-preview-img{
        box-shadow: 3px 3px 5px #ccc;
    }

    /*------------------------------------------------------------------------------*/
    /*////////// end product page //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START JQUERY VALIDATE CSS //////////*/
    /*------------------------------------------------------------------------------*/
    label.error {
        color: #dc3545;
    }
    /*------------------------------------------------------------------------------*/
    /*////////// end jquery vaidate css //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START CART //////////*/
    /*------------------------------------------------------------------------------*/
    .cart-prod-thumb {
        max-width: 200px;
    }

    .pod_cart_preview:disabled {
        cursor: wait;
        pointer-events: auto;
    }

    #dropdownTransfer {
        box-shadow: 0px 0px 0px 2px white;
        background-color: #e2e3e5;
    }
    /*------------------------------------------------------------------------------*/
    /*////////// end cart //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START CHECKOUT //////////*/
    /*------------------------------------------------------------------------------*/
    .checkout-complete hr:last-child {
        display: none;
    }

    div[aria-expanded="false"] .order-details-show {
        display: block !important;
    }

    div[aria-expanded="true"] .order-details-hide {
        display: block !important;
    }

    @media (min-width: 992px) {
        #collapseDetails {
            display: block;
        }
    }

    /* Create linke breaks for items, e.g. addresses, in the completed panels*/
    .checkout-complete .showLineBreaks {
        white-space: pre-line;
    }
    .checkout-complete .showLineBreaks::first-line {
        line-height: 0;
    }

    /* Disable Complete Order button on submit */
    #completeOrder:disabled {
        cursor: wait;
        pointer-events: auto;
    }

    /* loading indicator for order number on receipt page */
    #orderNumber {
        display: none;
    }

    #orderNumberSpinner {
        display: none;
    }


    /*------------------------------------------------------------------------------*/
    /*////////// end checkout //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START GIFT CARDS //////////*/
    /*------------------------------------------------------------------------------*/

    .giftcard-right {
        background-image: url('../images/giftcard-pattern.png');
        background-color: #f4f4f4;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*------------------------------------------------------------------------------*/
    /*////////// end gift cards //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START LOGIN PAGE //////////*/
    /*------------------------------------------------------------------------------*/
    #signInBtn {
        min-width: 77px;
    }

    #signInBtnText {
        /* display: none; */
    }

    #signInBtnSpinner {
        display: none;
    }

    #signInBtn .signin-spinner {
        width: 1rem;
        height: 1rem;
        border-top-width: 0.15em;
        border-right-width: 0.15em;
        border-bottom-width: 0.15em;
        border-left-width: 0.15em;
    }

    /*------------------------------------------------------------------------------*/
    /*////////// end login page //////////*/
    /*------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------*/
    /*////////// START ADMIN PAGE //////////*/
    /*------------------------------------------------------------------------------*/
    .update {
        height: auto;
        margin-bottom: .5rem;
    }

    .btn-outline-danger.deleteRole,
    .btn-outline-danger.deletePermission,
    .btn-outline-danger.deleteProduct,
    .btn-outline-danger.deleteSurvey,
    .btn-outline-danger.deleteQuestion,
    .btn-outline-danger.deleteShowcase,
    .btn-outline-danger.removeSurvey {
        background-color: #fff;
    }

    .btn-outline-danger.deleteRole:hover,
    .btn-outline-danger.deletePermission:hover,
    .btn-outline-danger.deleteProduct:hover,
    .btn-outline-danger.deleteSurvey:hover,
    .btn-outline-danger.deleteQuestion:hover,
    .btn-outline-danger.deleteShowcase:hover,
    .btn-outline-danger.removeSurvey:hover {
        background-color: #dc3545;
    }

    .btnChangePosition {
        background-color: #fff;
    }

    .dragAndDropList {
        list-style-type: none;
        padding-left: 0;
    }

    .dragAndDropList li {
        padding: .5rem;
        border-radius: .25rem;
        margin-bottom: .375rem;
    }

    .dragAndDropList li:hover {
        cursor: move;
    }

    .dragAndDropList li a:hover {
        text-decoration: underline;
    }

    .dragAndDropList .ui-sortable-helper {
        background-color: #c5c5c5;
        border-color: #454545;
        -webkit-box-shadow: 4px 4px 5px 2px rgba(0,0,0,0.34);
        box-shadow: 4px 4px 5px 2px rgba(0,0,0,0.34);
        cursor: move;
    }

    .adminSurveyBorder {
        border: 1px solid #dee2e6 !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    /* Image survey background image color picker customization that hides color hue slider and color picker - only show text field */
    .picker_hue.picker_slider, .picker_sl {
        display: none;
    }

    .page-item .page-link {
        cursor: pointer;
    }

    .page-item.disabled .page-link {
        cursor: not-allowed;
        pointer-events: initial;
    }


    /*------------------------------------------------------------------------------*/
    /*////////// end admin //////////*/
    /*------------------------------------------------------------------------------*/





    /*------------------------------------------------------------------------------*/
    /*////////// START PRINT STYLES //////////*/
    /*------------------------------------------------------------------------------*/

    @media print {

        /* Set body and container print widths*/
        body {
            min-width: 992px !important
        }

        .container {
            min-width: 992px !important
        }

        /* Gift card print layout*/

        .giftcard-left {
            width: 50% !important;
        }

        .giftcard-right {
            width: 50% !important;
        }

        header, footer {
            display: none;
        }
    }
    /*------------------------------------------------------------------------------*/
    /*////////// end print styles //////////*/
    /*------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------*/
    /*////////// Start Opacity Classes //////////*/
    /*------------------------------------------------------------------------------*/
    .opacity-100 {
        opacity: 1
    }
    .opacity-75 {
        opacity: .75
    }
    .opacity-50 {
        opacity: .5
    }
    .opacity-25 {
        opacity: .25
    }
    /*------------------------------------------------------------------------------*/
    /*////////// end opacity classes //////////*/
    /*------------------------------------------------------------------------------*/