/* START OF SAVANNA SHAVER CODE *********************************************************************************/

/*Makes Legacy Site Visible only on Nav if you are not logged in and opposite for dashboard link*/
.legacy-site {
 display:block; 
}
.ex-loggedin .legacy-site {
 display:none !important; 
}

.dashboard-link-sav {
  display:block;
}

.ex-loggedout .dashboard-link-sav {
 display:none !important; 
}

/*fixes the h1 and h2 problems for the whole website*/
/*Fixes the product title specifically per item */
.product-title h1.product-name {
  font-size: clamp(20px, 2vw, 26px) !important;
}

h1 {
  font-size: clamp(36px, 5vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  color: #00205c;
  text-transform: none !important;
  margin: 0 0 12px !important;
}

.card-deck .card:hover h2,
  .card-deck .card:focus-within h2{
    color: #ffffff !important;
}

h2 {
  font-size: 28px!important;
  font-weight: 800 !important;
  margin: 0 0 14px 0 !important;
  color: #00205c !important;             
  text-transform: none !important;
}


/*Removes the contract list button from AN */
body.ex-r-1085 .sidebar-contractitems {
  display: none !important;
}

/*DELETE AFTER DO IT BEST IMAGES ARE FIX Delete once you update the images issue on the shop all menu category images */
.cat-thumb-container img {
  opacity: 0;
}

.cat-thumb-container img.img-loaded {
  opacity: 1;
}

.cat-thumb-container .cat-alt-text {
  display: block;
  text-align: center;
}
/*Hides a line on the category page that is unnecessary */
.plp-topdesc {
    border-bottom: none !important;
}
/* No Price Shown Role finishing hiding all pricing that EVOX let show */
body.ex-r-1972 .row > .col-md-6:has(.tax-analysis),
body.ex-r-1972 .row > .col-md-6:has(.order-payment-method),
body.ex-r-1972 .items-invoice-details table.product-summary th:nth-child(6),
body.ex-r-1972 .items-invoice-details table.product-summary th:nth-child(7),
body.ex-r-1972 .items-invoice-details table.product-summary td:nth-child(6),
body.ex-r-1972 .items-invoice-details table.product-summary td:nth-child(7),
body.ex-r-1972 .invoice-file-download-container {
    display: none !important;
}
body.ex-r-1972 .toolbar a.quickordertoggle { /* hiding quick order because the customer cant use it. Add to cart is hidden on no pricing shown since it has price */
  display: none !important;
}
/* On the navbar trying to make our divisions and about us not show a click cursor */
li.has-submenu.no-link {
  cursor: default !important;
}

li.has-submenu.no-link > a {
  cursor: default !important;
}
/* This CSS helps with the shop all 1 category issue, it is used to hide the image/singluar category and only shows the loading text in our GOS blue */
.subcategory-loading {
  color: #00205C; /* your GOS navy */
}

.subcategorieslist_container.checking {
  display: none !important;
}

  /* Start hidden to prevent flash/jump 
  .tileparent[data-supplier-id="1151"] { visibility: hidden; }
  /* Reveal ones we approve 
  .tileparent.allow-1151 { visibility: visible; } */
  /* If blocked, remove from layout 
  .tileparent.block-1151 { display: none !important; }*/

/* Hides the return botton the orders page due to the returns button just taking you to orders*/
li.order-return-link {
 display: none; 
}

/* Once we go live we need to uncomment this. Makes it so all local customers see the different catalogs on the shop all menu 
.LDO {
  display: none !important;
}
body.ex-l-3259 .LDO {
    display: block !important;
}*/

/* Default: hide both */
#slider-banner-164180,
#slider-banner-164180-mobile {
  display: none !important;
}

/* ex-l-3259: shows local banners to local customer desktop version only on desktop */
@media (min-width: 701px) {
  body.ex-l-3259 #slider-banner-164180 {
    display: block !important;
  }
  body.ex-l-3259 #slider-banner-164180-mobile {
    display: none !important;
  }
  body.ex-l-3259 #slider-banner-205699 {
    display: none !important;
  }
  body.ex-l-3259 #slider-banner-205699-mobile {
    display: none !important;
  }
}

/* ex-l-3259: shows local banners to local customer mobile version only on mobile */
@media (max-width: 700px) {
  body.ex-l-3259 #slider-banner-164180-mobile {
    display: block !important;
  }
  body.ex-l-3259 #slider-banner-164180 {
    display: none !important;
  }
   body.ex-l-3259 #slider-banner-205699 {
    display: none !important;
  }
  body.ex-l-3259 #slider-banner-205699-mobile {
    display: none !important;
  }
}


/*Shop All Menu Logic */

/* Get rid of the below once we are ready to make the full shop all menu switch */
.TEMP{
   display: none  !important; 
}

/*body.ex-r-2011 .TEMP {
  display: none !important;
}*/

.NDS {
  display: block !important;
}

/*body.ex-r-2011.ex-l-3258 .NDS{
   display: block !important; 
}*/

/*body.ex-r-2011.ex-l-3259 .NDS{
   display: block !important; 
}*/

.LDO {
  display: none !important;
}

/*body.ex-r-2011.ex-l-3259 .LDO{
   display: block !important; 
}*/

.XXX{
display: block !important;
}

/*body.ex-r-2011.ex-l-3259 .XXX{
  display: none !important; 
}*/
/*
body.ex-r-2011.ex-l-3258 .XXX{
  display: block !important; 
}*/


/* Hiding the Non-Branded Box Partner Logo */
.margindiv.product-brand a[href="/searchbrand?querybrand=30723&name=%2ANON-BRANDED"] {
    display: none !important;
}

/* This hides the disabled options attributes when a product config is associated to a product */
/* hides product options and header by default so they don't flash this pears with the JS in the footer. This hides and the JS shows only if it the product meets the condition of have 1 or more attributes*/
.product-options {
  visibility: hidden;
}
/* Hide disabled swatch/radio wrappers */
.product-options .option-group-swatch.disabled,
.product-options .option-group-radiobox.disabled {
  display: none !important;
}


/*#cdash_approver .approver-order-wrapper-sav .body-title::before {
  content: "Settings:";              
  font-weight: bold;
  font-size: 14px;
  color: #000;                       
  display: inline-block;
  margin-right: 6px;
}*/

#cdash_requester .grid-body .table.no-more-tables::after,
#cdash_approver .grid-body .table.no-more-tables::after{
  content: "Other Details:";  
  display: block;
  margin: 10px 0;
  font-weight: bold;
  font-size: 14px;
  color: #000;  
}

#cdash_requester .fa.fa-user,
#cdash_approver .fa.fa-user { 
  /* Hide the fa-user icon only inside the Requester/Approver card that was next to the title */
  display: none !important;
}


/*Code help from Ryan Lynn - changes the x to say yes or no boxes on the dashboard*/
/* Convert icon checks/Xs to Yes/No badges in Approver + Requester */
/* Hide the original FA glyph right after the label */
#cdash_approver .grid-body .text-muted + i[class*="fa-"],
#cdash_requester .grid-body .text-muted + i[class*="fa-"] {
  font-size: 0 !important;
  margin-left: 6px;
}

/* YES — match any FA class containing 'fa-check' (covers check, check-circle, check-square, etc.) */
#cdash_approver .grid-body .text-muted + i[class*="fa-check"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-check"]::after {
  content: "Yes";
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  background: #c4d600;   /* bright green background */
  color: #444444;        /* white text */
  border: 1px solid #a5b900;
}

/* NO — handle common X/close variants */
#cdash_approver .grid-body .text-muted + i[class*="fa-times"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-xmark"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-close"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-ban"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-times"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-xmark"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-close"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-ban"]::after {
  content: "No";
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  background: #334d73;   /* lighter version of #00205C */
  color: #ffffff;        /* white text for contrast */
  border: 1px solid #00205C;
}

/* This piece adds the text lower on the orders page so easier to understand how to start a return */
#myOrdersListErp::before {
  content: "Click an order number to start a return. Orders older than 30 days aren’t eligible.";
  display: block;
  background: #cce4f7;
  color: #005792;
  font-weight: bold;
  padding: 8px;
  margin-bottom: 10px;
}

div.row.tab-content::before {
  display: none !important;
  content: none !important;
}

/* Target the compare button and make it a rectangle */
.show-compare {
  position: relative;
  width: 125px;       /* rectangle width */
  height: 50px;       /* rectangle height */
  background-color: #00205c; 
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Removes the scale icon for the compare button */
.show-compare i.fa-balance-scale {
  display: none !important;
}

/* Replace button content with custom text */
.show-compare::after {
  content: "Compare Items";
  color: #fff;
}

/* Hover effect – turn text grey */
.show-compare:hover::after {
  color: #444444;
}

/* Use this class to hide widgets you dont want to delete */

.hiding-sav {
  display: none !important;
}
/* Changes the reward badges under the inventory stock message design*/

.badge-rewards-wrapper {
  display: block; /* make full width behave */
  width: 100%;
  padding: 4px 0;
  background: transparent;
  cursor: default;
}

.badge-rewards {
  background-color: #c4d600;
  color: #2f2f2f;
  font-family: "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  /* border-radius: 20px; */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
}

/* Hides GOS Rewards Nav to all customers execpet those allowed to particapte in rewards*/

#menulinks_138301 > section > ul > li.rewards-sav {
    display: none;
}
body.ex-r-2011 #menulinks_138301 > section > ul > li.rewards-sav {
    display: flex;
  
}

/* Code to make the rewards page better visually */

  /* Style for the dynamically inserted gray box - search box ad
  .search-ad-sav {
    width: 100%;
    height: 50px;
    background-color: #ccc;
    margin-top: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    font-family: Arial, sans-serif;
  } */

/* Style code for the rewards pop-ups */
.gift-popup-sav {
  position: fixed;
  top: 200px;
  right: 20px;
  background:#FFFFFF;
  border: 2px solid #405885;
  border-radius: 12px;
  padding: 30px 20px;
  width: 300px;
  max-width: 90%;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  z-index: 15;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  color: #00205C;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.4s ease;
  pointer-events: none;
  visibility: hidden;
}

.gift-popup-sav.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}

.gift-popup-sav.hide {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  visibility: hidden;
}

.gift-message-sav {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.coupon-sav {
  margin-top: 10px;
  padding: 10px;
  background-color: #D8EDF9;
  color: #00205C;
  font-weight: 600;
  border: 1px dashed #405885;
  border-radius: 8px;
  font-size: 14px;
}

.gift-close-sav {
  position: absolute;
  top: 8px;
  right: 10px;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: bold;
  color: #00205C;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.gift-close-sav:hover {
  color: #405885;
}

.gift-highlight,
.gift-amount {
  color: #000000;
  font-weight: bold;
}

@media (max-width: 480px) {
  .gift-message-sav,
  .coupon-sav {
    font-size: 16px;
  }
}
/* Hide the badges that mention GOS reward points and other reward messages (currently not using 6/4/25) */
.b802 {
 display: none; 
}

.b794 {
  display: none;
}

/* When user logs on in role gos rewards b2b, show the GOS reward points badges */
body.ex-r-2011 .b794 {
  display: block; 
}

body.ex-r-2011 .b802 {
  display: block; 
}

/* Cleaning up Recently viewed products widget on the Cart page */
body.ex-cart .widget-lastviewedproducts-html .lastviewedproducts-content div.tile  { /* Removed the boreders to be less visually overwhelming */
    border: none;
    padding:none;
}

body.ex-cart .widget-lastviewedproducts-html .lastviewedproducts-content div.footer  {  /*Makes the div smaller */
  	  min-height: 80px;
  	  padding: 0 0 10px;
}

body.ex-cart .widget-lastviewedproducts-html .lastviewedproducts-content div.owl-stage  { /*Makes the div smaller */
    /* background: #c4D600;*/
    transform: scale(0.8); /* 80% of original size */
    transform-origin: center;
}
body.ex-cart .widget-lastviewedproducts-html .product-compare-action { /*hides the compare function on the cart page for the recently viwed item widget*/
  display: none !important;
}

body.ex-cart .widget-lastviewedproducts-html .live-inventory-v2-wrapper { /* hides the inventory text on the cart page for the recently viwed item widget*/
  display: none !important;
}  

body.ex-cart .widget-lastviewedproducts-html div.indicators-grid { /*hides the nonreturnable, recycleable, etc circles */
  display: none !important;
}



/* Change the rewards bubble color */
.rewards .reward-items-list .reward-item .product-card .product-price {
    background: #c4D600;
    color:#00205C;
}

/* FAQ Video Links in 2 Columns */
.faq-container-sav {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates 2 equal columns */
    column-gap: 20px; /* Space between columns */
    padding-bottom: 22px;
}

.faq-container-sav p {
    margin: 0; /* Removes any default margin from <p> elements */
}

/* Center Header Text */
.text-center-header-sav {
    text-align: center;
    padding: 10px;
}

/* Header - H2 Styling */
.header-h2-sav {
    font-size: 42px !important;
}

.centered-uppercase-h2-sav {
    text-align: center;
    padding: 10px;
    font-size: 42px !important;
    text-transform: uppercase;
}

/* Capitalize First Letter */
.capitalize-first-letter-sav {
    text-transform: none; /* Make all text lowercase */
}

/* Flexbox Grid for GreenRabbit Rows */
.greenrabbit-row-sav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

.greenrabbit-column-sav {
    flex-basis: 48%;
    padding: 10px;
    box-sizing: border-box;
}

.greenrabbit-column-sav li {
    color: #FFFFFF;
    font-size: 16px;
}

/* Vertically Centered Div */
.center-vertically-sav {
    margin: 0 auto;
    width: 50%;
    padding: 10px;
}

/* Flexible Container */
.flex-container-sav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    max-width: 1000px;
}

/* Recommendation Grids */
.rec-column-sav {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rec-container-sav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    justify-content: center;
    margin: auto;
}

.rec-container-two-column-sav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: center;
    margin: auto;
}

.white-rectangle-image-sav {
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.rec-button-sav {
    align-self: flex-start;
    padding: 10px;
    background-color: #007BFF;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.rec-button-sav:hover {
    background-color: #00205C;
    color: white;
}

@media (max-width: 600px) {
    .rec-button-sav {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
}

.white-rectangle-image-sav:hover {
    border: 3px solid #007BFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
    .rec-container-sav,
    .rec-container-two-column-sav {
        grid-template-columns: 1fr;
    }
}

/* Text and Image Content */
.div-width-limited-sav {
    max-width: 60%;
}

.content-container-sav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.div-with-image-content-sav {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

/* Text Transformation */
.text-all-caps-sav {
    text-transform: uppercase;
}

/* Sustainability Section */
.one-third-column-sav {
    width: calc(33.33% - 20px);
    padding: 10px;
    box-sizing: border-box;
}

.one-third-column-sav img {
    max-width: 100%;
    height: auto;
}

.vertically-centered-sav {
    margin: 0 auto;
    width: 50%;
    padding: 10px;
}

/* Shop Grid Links */
#shop-grid-link-top-left-sav, 
#shop-grid-link-top-right-sav {
    cursor: pointer;
}

/* Sustainability Page Grid */
.sustainability-container-sav {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    max-width: 1400px;
    width: 100%;
    margin: 20px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.sustainability-container-right-sav {
    display: flex;
    flex-direction: column-reverse;
    background-color: #fff;
    max-width: 1400px;
    margin: 20px;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .sustainability-container-sav, 
    .sustainability-container-right-sav {
        flex-direction: row;
    }
}

.sustainability-text-content-sav {
    padding: 20px;
    flex: 1;
}

.sustainability-text-content-sav h1 {
    margin-top: 0;
}

.sustainability-image-content-sav {
    flex: 1;
    margin: 20px;
}

.sustainability-image-content-sav img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    animation-name: fadeIn;
    animation-duration: 3s;
}

/* Shop Grid Images 
.shop-grid-top-left-image-sav {
    background-image: url('https://us.evocdn.io/dealer/1330/content/media/sav_images/Free-Flavia_Machine.png');
}

.shop-grid-top-right-image-sav {
    background-image: url('https://us.evocdn.io/dealer/1330/content/media/sav_images/green-rabbit-banner.png');
}

.shop-grid-top-divs-sav {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
}

/*These are for the 4 grid image links - java is in the footer
#shop_grid_div_link_top_left, #shop_grid_div_link_top_right  {
            cursor: pointer;
}*/


/* Background Color for Lighter Blue */
.bg-light-blue-sav {
    background-color: #405885;
}

/* White Text */
.text-white-sav {
    color: #FFFFFF;
}

/* Furniture Page Catalog */
.catalog-spotlight-sav img {
    width: 200px;
    height: 250px;
    object-fit: cover; /* Adjusts image to fit the dimensions */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.furniture-grid-container-sav {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
    gap: 20px; /* Optional: Adds space between the columns */
}

.furniture-grid-item-sav {
    background-color: #f4f4f4;
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
}

@media (max-width: 768px) {
    .furniture-grid-container-sav {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for medium screens */
    }
}

@media (max-width: 480px) {
    .furniture-grid-container-sav {
        grid-template-columns: 1fr; /* 1 column for small screens */
    }
}

/* Category Highlight Page */
.category-grid-container-sav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    width: 100%;
    max-width: 1200px;
    gap: 0;
    background-color: white;
}

.category-grid-item-sav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: white;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.category-grid-item-sav img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.category-grid-item-sav h3 {
    margin: 0;
    font-size: 1.2em;
    text-align: center;
    color: #333;
}

.category-grid-item-sav h2 {
    margin: 0;
    text-align: center;
}

/* Remove left border from the first column items */
.category-grid-item-sav:nth-child(4n+1) {
    border-left: none;
}

/* Remove right border from the last column items */
.category-grid-item-sav:nth-child(4n) {
    border-right: none;
}

/* For smaller screens, make the grid responsive */
@media (max-width: 840px) {
    .category-grid-container-sav {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* For very small screens, make the grid stack vertically */
@media (max-width: 480px) {
    .category-grid-container-sav {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(16, auto);
    }
}

/* Forgot Password Form - Bold Labels */
.form-group-sav label {
    font-weight: bold;
    color: #405885;
}

/*  Hide out of stock badge from the cart */
.badge.out-of-stock-badge.delivery-sav {
   display: none !important;
} 

 .main-div-sav {
      margin: 0;
      padding: 0;
      display: grid;
      place-items: center; 
       background-color: white;
    }

.quoter-text-sav {
  font-size:10px;
  text-align: right;
}

/**************************************************** Sustainable Water Cooler Widget CSS */
/* WHITE ROW ABOVE (creates overlap space) */
.watercooler-sustainable-widget-spacer {
  height: 120px;       /* controls how much image overlaps */
  background: #ffffff;
}

/* BLUE CONTENT ROW */
.watercooler-sustainable-widget {
  background: #cfe9f8;
  overflow: visible;   /* IMPORTANT: allows overlap */
}

/* Two-column layout */
.watercooler-sustainable-widget-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  min-height: 380px;
  padding: 64px 16px;
  position: relative;
}

/* Image column */
.watercooler-sustainable-widget-image-wrap {
  position: relative;
  height: 100%;
}

/* THIS is the hero-style overlap */
.watercooler-sustainable-widget-image {
  position: absolute;
  bottom: 0;          
  left: -65px;
  width: 670px;        /* intentionally oversized */
  max-width: none;
  height: auto;
  top: -331px;         /*overlaps into white row */
  object-fit: contain;
}

/* Text styles */
.watercooler-sustainable-widget-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: none;
}

.watercooler-sustainable-widget-intro {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.watercooler-sustainable-widget-points p {
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 12px;
}

.watercooler-sustainable-widget-points strong {
  text-transform: none;
}

/* Mobile safety */
@media (max-width: 900px) {
  .watercooler-sustainable-widget-spacer {
    display: none;
  }

  .watercooler-sustainable-widget-inner {
    grid-template-columns: 1fr;
    padding: 40px 16px;
  }

  .watercooler-sustainable-widget-image-wrap {
    position: relative;
    height: auto;
    margin-bottom: 24px;
  }

  .watercooler-sustainable-widget-image {
    position: relative;
    top: 0;
    bottom: auto;
    width: 90%;
    max-width: 340px;
    margin: 0 auto;
    display: block;
  }
}
  

/* TABLET: hide the image and give the text full width */
@media (max-width: 1200px) {
  /* remove the extra white spacer row since overlap is no longer needed */
  .watercooler-sustainable-widget-spacer {
    display: none;
  }

  /* switch to a single column layout */
  .watercooler-sustainable-widget-inner {
    grid-template-columns: 1fr;
    gap: 0;
  }

  /* hide image completely */
  .watercooler-sustainable-widget-image-wrap {
    display: none;
  }

  /* remove left padding if you added any */
  .watercooler-sustainable-widget-content {
    padding-left: 0 !important;
  }
}

/* END OF SAVANNA CODE **********************************************************************************************/


img.pod-signature { /*hides the large delivery signature in the tracking details page */
    display: none;
}
 
#deliveryStatus > div > div > div.modal-body > div.col-lg-12.ddms-order-tracking-wrapper.text-left > div > div > div:nth-child(2) > img { /* is hiding the broken image next to the signature in the tracking details page */
    display: none;
}

#orders-items > table > thead > tr > th:nth-child(2){
    display:none;
}
#orders-items > table > tbody > tr > td:nth-child(2){
    display:none;
}
#orders-items > table > thead > tr > th:nth-child(5){
    display:none;
}
#orders-items > table > tbody > tr > td:nth-child(5){
    display:none;
}
#orders-cost > div > div > table > tbody > tr:nth-child(2){
    display:none;
}
#orders-cost > div > div > table > tbody > tr:nth-child(3){
    display:none;
}
#orders-cost > div > div > table > tbody > tr:nth-child(4){
    display:none;
}

/* SWITCH ACCOUNT FROM THE ORDERS/INVOICES TABLES */
div#myOrdersListErp,
div#myOrdersList,
div#myAwaitApprovalsList,
div#myRewardsHistory,
div#invoiceHistory {
    margin-top: 2.7em;
}

.invoice-history .switch-account-custom, .myawaitapproval .switch-account-custom {
  right: 10px;
}
@media (max-width:767px) {
  .switch-account-custom {
    position: relative;
    display: flex;
    justify-content: center;
    right: 0 !important;
  }
}
/* SWITCH ACCOUNT FROM THE ORDERS/INVOICES TABLES */

.price-call {
        text-wrap: wrap;
    font-family: fangsong;
    color: red;
    font-size: 13.5px
}

/* Change color for hover-cards icon background color */
/* 
#c4d600 = GOS Green
#00205c = Blue
#2a2a2a = Dark Gray
#f4f4f4 = Light Gray
*/
.hover-cards .card-deck .card .icon {
 background-color: #c4d600;
}

.hover-cards .card-deck .card:hover .icon {
 background-color: #2a2a2a;
}

/* Change color for hover-cards icon color */
/* 
filter: brightness(0) saturate(100%) invert(78%) sepia(54%) saturate(1309%) hue-rotate(15deg) brightness(97%) contrast(100%); = GOS Green
filter: brightness(0) saturate(100%) invert(9%) sepia(95%) saturate(2480%) hue-rotate(214deg) brightness(92%) contrast(104%); = Blue
filter: brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(104%) hue-rotate(134deg) brightness(93%) contrast(90%); = Dark Gray
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2535%) hue-rotate(332deg) brightness(116%) contrast(91%); = Light Gray
*/

.hover-cards .card-deck .card .icon img {
filter: brightness(0) saturate(100%) invert(9%) sepia(95%) saturate(2480%) hue-rotate(214deg) brightness(92%) contrast(104%);
}
.hover-cards .card-deck .card:hover .icon img {
filter: brightness(0) saturate(100%) invert(78%) sepia(54%) saturate(1309%) hue-rotate(15deg) brightness(97%) contrast(100%);
}

.badges-wrapper {
  left: 0px;
  top: 0px;
}

#forced > div > div > div:nth-child(3) > div {
    display: none
}


/* Icons for Homepage Hero */

.dots-wrapper .slick-dots li:nth-of-type(1) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/website_icon.svg");}
.dots-wrapper .slick-dots li:nth-of-type(2) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-coffee.svg");}
.dots-wrapper .slick-dots li:nth-of-type(3) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-notebook.svg");}
.dots-wrapper .slick-dots li:nth-of-type(4) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-location.svg");}
.dots-wrapper .slick-dots li:nth-of-type(5) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-shirt.svg");}
.dots-wrapper .slick-dots li:nth-of-type(6) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/5038512_fax_paper_print_printer_printing_icon(2).svg");}
.dots-wrapper .slick-dots li:nth-of-type(7) .slick-dot-icon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-pens.svg");}

/* Product Badge Icons */
/* To remove whitespace around SVG use this site: https://svgcrop.com/ */
.badges-wrapper .b750 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/gr-icon-parcel.svg");}
.badges-wrapper .b751 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/eco_icon2-cropped.svg");}
.badges-wrapper .b762 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/assembly-cropped.svg");}
.badges-wrapper .b794 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/sale_icon-cropped.svg");}
.badges-wrapper .b802 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/My_Theme/dollar_money_sign_icon-cropped.svg");}
.badges-wrapper .b1324 .ribbon::before {background: url("https://us.evocdn.io/dealer/1330/content/media/sav_images/icons/flag-solid-cropped.svg");}


/* Removes Freight Icon */
div > div.footer-wrapper > div.footer-wrapper-description > div.indicators-grid > i.fa.fa-archive {
    display: none;
}
div > div.row.product-details-wrapper > div > div.margindiv.product-indicators > div > i.fa.fa-archive {
    display: none;
}
div > div.row.product-details-wrapper > div > div.margindiv.product-indicators > div > span {
    display: none;
}

body > div.customertools.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) {
    display: none
}

/* Restricted To Contracts Settings */
#menulinks_138301 > section > ul > li.SPEC {
    background: #c3d623;
}
#menulinks_138301 > section > ul > li.SPEC {
    display: none;
}
body.ex-l-2589 #menulinks_138301 > section > ul > li.SPEC {
    display: block;
}
body.ex-l-2589 #menulinks_138301 > section > ul > li:nth-child(1) {
    display: none;
}
body.ex-l-2589 div#search_147771 {
    display: non;
}
body.ex-l-2592 #menulinks_138301 > section > ul > li.SPEC {
    display: block;
}
body.ex-l-2592 #menulinks_138301 > section > ul > li:nth-child(1) {
    display: none;
}
body.ex-l-2592 div#search_147771 {
    display: non;
}

.small-banner-custom {
  max-height: 400px;
}

.small-banner-custom .ms-view {
  max-height: 400px !important;
}

.small-banner-custom .ms-mask-frame {
  max-height: 400px !important;
}

.small-banner-custom img {
    width: 1250px !important;
    max-height: 400px !important;
    margin: 0 !important;
  }

.small-banner-custom .master-slider {
  max-width: 1250px;
  margin: 0 auto !important;
}

.small-banner-custom.hero-banner {
 /* margin: 49px 0 0 !important;*/
  padding: 0 !important;
  min-height: 0 !important;
}

.price-label-inc-vat {
  display: none !important;
}

#quote-product-list-button {
  bottom: 45px;
}
/*
#quote-product-list-button i::before {
  content: url("<path-to-svg>");
} */
/* Quote Button Change 
#quote-product-list-button {
  bottom: 45px;
  width: auto;
  height: auto;
  padding: 15px;
  border-radius: 0;
}
#quote-product-list-button::before {
  content: "Request Quote";
  font-weight: 700;
  @include em(12);
}

#quote-product-list-button i {
  display: none;
}
*/

/* Orders Page Top Notes */
body > div.page-content > section.myorders > div.row.tab-content:before {
content: "Click on an order number to start a return.";
font-size: 20px;
font-weight: bold;
display: block;
color: #c4d600;
padding: 0 15px ;
}

/* Hides Some Categories for FCB Branch Users */
body.ex-l-2940 #htmlcontent_137817 > div > div > nav > ul > li:nth-child(3) {
    display: none;
}
body.ex-l-2940 #menulinks_138301 > section > ul > li:nth-child(1) > ul > li:nth-child(5) {
    display: none;
}
body.ex-l-2940 #menulinks_138301 > section > ul > li:nth-child(6) {
    display:none;
}

/* Hides My Settings button from Rewards */
.rewards.returns .middle .block span ~ a.btn.btn-default {
    display: none;
}

.ex-loggedout .footer-wrapper-price {
  background-color: transparent !important;
}

.trending-products .brand-label img {
  height: 40px;         
  width: auto;          
  max-width: 100%;      
  object-fit: contain;  
  display: inline-block;
  vertical-align: middle; 
}
.trending-products .footer-wrapper-description .non-returnable {
  transform: translateX(12px) !important;
}


/*.slick-next .slick-next-icon:before {
  content: "\f054" !important;
}

.slick-prev .slick-prev-icon:before {
  content: "\f053" !important;
}
*/

.ex-loggedin .trending-products-wrapper .tileparent .tile {
  min-height: 625px !important;
}