@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
:root{
--font-1: "Caveat", cursive;
}

.has-submenu > ul > div > li > a > img {
  margin-right: 10px;
}

.blueback {
  	background: #2a3855;
    padding: 1vw;
  	margin-top:1vw;
}

.btn-ora {
    background: #e07e25;
    color: #fff
}

.btn-ora:hover {
    background: #e08e44;
    color: #fff
}

.btn-outlined.btn-ora {
    border: 1px solid #fff;
    color: #fff
}

.btn-outlined.btn-ora:hover {
    border-color: transparent;
    background: #fff;
    color: #fff
}

.btn-outlined-invert.btn-ora:hover {
    color: #fff
}

/* Vantage Sign-up Page */
@media (min-width: 769px) {
.ex-name-vantage > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(1), .ex-name-vantage > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(3) {
  background: #1C3753;
  margin-left: -23vw;
  margin-right: -23vw;
  padding-left: 23vw;
  padding-right: 23vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
  
#contentblock_224577 {
  padding-top: 2vw;
  padding-bottom: 2vw;
}

#contentblock_224577, #contentblock_224577 > div > h1, #contentblock_224580 {
  color: white;
}
  
.ex-name-vantage > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(2) {
  margin-left: -23vw;
  margin-right: -23vw;
}

#htmlcontent_224579 {
  padding-left: 23vw;
  padding-right: 23vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
  
.ex-name-vantage section.zonebottom {
    margin-top: 0px;
}  
}

/* Dymo Brand Page */
.ex-name-dymobrand .catalog-grid h2 {
font-size: 3em;
}

.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(2) {
  padding-bottom: 2vw;
}

#merchandisingcontent_217158 > section > section > div > h3 {
	color: white;
    font-weight: bold;
}

.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(3),
.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(4) {
	background: #1c3753;
	margin-left: -13vw;
    margin-right: -13vw;
    padding: 1vw;
}

#contentblock_217159 > div > p > a {
  background: #e07e26;
}

.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(5),
.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(6),
.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(8),
.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(10) {
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.ex-name-dymobrand > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(7) {
	background: #d27c1f;
	margin-left: -13vw;
    margin-right: -13vw;
    padding: 1vw;
}

#merchandisingcontent_217158 > section > section > div > div {
  background: white;
}

/*Our Promise Text */

style attribute {
    color: #df7b0c;
}

/* In and out of stock colours */

.out-stock {
    color: #d22f25;
}

.in-stock {
    color: #37b048;
}

/* Style the login button */
.account-btn {
    background-color: #1c3753; /* Change the background color to your new brand color */
        color: white;
    padding: 3px 8px; /* Reduce padding to make the button smaller */
    border-radius: 3px; /* Reduce border-radius for a smaller button */
    font-weight: bold; /* Make the text bold for emphasis */
    text-transform: uppercase; /* Convert text to uppercase for a bold appearance */
    transition: background-color 0.3s ease; /* Add a smooth transition for hover effect */
}
.toolbar a.account-btn,
.toolbar a.account-btn span,
.toolbar a.account-btn i {
    color: white;
}
a.account-btn.btn-outlined-invert {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
}
.shopping-tools-wrapper .dropdown.open a.account-btn,
.shopping-tools-wrapper a.account-btn.btn-outlined-invert:hover {
    background: #df7b0c;
    color:
}
a.account-btn.logged-out > span {
    display: none;
}
a.account-btn.logged-out:after {
    content: 'Sign in Here';
    font-size: .8rem;
    margin: auto 5px;
}
a.account-btn.logged-out {
    display: flex;
    align-items: center;
}

/*Product Code Text*/

.invoiceProductCode, .product-customer-codes, .product-sku {
    font-size: 1.2rem;
}


/*Product Description Text*/

.catalog-grid .brand-label, .catalog-grid .tile .manufacturer-ref, .catalog-grid .tile .product-name, .catalog-single .tile .manufacturer-ref, .catalog-single .tile .product-name, .live-list .manufacturer-ref, .productdetails .brand-label, .productgridfull .manufacturer-ref, .productgridfull .product-name, .productgridwidget .manufacturer-ref, .productgridwidget .product-name, .productgridwidget .product-rewards-badge, .wci-content .product-rewards-badge {
    font-size: 1.1em;
}

/*Search Bar Rounded*/

header section.search .search-form .form-group input {
    border-color: #1c3753;
    border-radius: 20px;
}

.fa-shopping-bag:before {
    content: "\f291";
    font-size: 1.0em;
    color: #df7b0c;
    background-color: white;
    border-radius: 50px;
    padding: 4px;
}

.toolbar .cart-btn>.btn {
    background: #df7b0c;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
}

.toolbar .cart-btn>.btn span.minicart_count {
    border: 2px solid #fff;
    border-radius: 50%;
    background: #df7b0c;
    color: #fff;
}

.toolbar .cart-btn>.btn {
    background: #1c3753;
}

btn:hover>.button,
.toolbar .cart-btn:hover>.btn {
    background-color: #df7b0c;
}

.header-full .logo img {
/* Change this for desktop */
    max-width: 200px !important;
    height: auto !important;
    max-height: none !important;
}

i.fa-recycle {
    display: none;
}

.ecoblock_container .col-lg-8.col-md-8{
    width: 100%;
}

/* Start of add Sticky header EvoX */
.menubarStick {
  position: fixed !important;
  top: 0;
  width:100%;
  z-index: 15;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

#headermenu_192494 > nav > div > ul > li.catering.has-submenu > ul > div,
#headermenu_192494 > nav > div > ul > li.Workwear.has-submenu > ul > div,
#headermenu_192494 > nav > div > ul > li.furniture.has-submenu > ul > div {
  flex-direction: row;
}

.headersection-3.menubarStick > .row-2 {
    max-width: 1450px;
    margin: 0 auto;
}
/* change me to the height of the sticky row */
.menubarHeader {
    padding-top:40px;
}
/* end of add Sticky header EvoX */

.zoomin img {
    transition: transform 250ms;
}
.zoomin:hover img {
    transform: scale(0.9);
}

.loginprices a{
    padding:15px 25px;
    color:#fff;
    background:#df7b0c;
    transition:0.25s all;
    border-radius:5px;
}

.loginprices a:hover{
    background:#1c3753;
}

.ex-loggedin .loginprices { display: none; }

/* fixes an issue with configurable products still displaying the configure button even when the add to cart role is disabled for guest users */
.ex-loggedout .btn.is-master { display: none !important; }


/*
CUSTOM CSS HOMEPAGE BEGIN
*/
/* Hero Section Styles */
body.ex-home .hero {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

body.ex-home .hero .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

body.ex-home .hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c3753;
    opacity: 0.5;
    /* Adjust transparency as needed */
    z-index: 0;
}

body.ex-home .text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}

body.ex-home .hero .header {
    color: white;
    font-size: 3.5em;
    /* You can change the font size here */
    font-weight: 600;
}

body.ex-home .hero .statement {
    color: #df7b0c;
    font-size: 20px;
    /* You can change the font size here */
}

/* Colored Circle Styles */
body.ex-home .hero .circle {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #df7b0c;
    width: 80px;
    /* Adjust the circle size as needed */
    height: 80px;
    /* Adjust the circle size as needed */
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;

    border: 2px solid #df7b0c;
}

body.ex-home .hero .circle:hover {
    background-color: transparent;
}

body.ex-home .hero .arrow {
    font-size: 24px;
    line-height: 80px;
    color: white;
}

@media (max-width : 768px) {
    body.ex-home .hero .text-container {
        top: 43%;
        font-size: smaller;
    }
    body.ex-home .hero .circle {
        bottom: 20px;
        width: 60px;
        height: 60px;
    }
    
    body.ex-home .hero .arrow {
        font-size: 16px;
        line-height: 60px;
        color: white;
    }
    body.ex-home .after-promise-1e68pv {
        padding-left: 1em;
        padding-right: 1em;
	}
}

.after-promise-1e68pv {
    background-color: #df7b0c;
    text-align: center;
    color: white;
    font-size: 1.75em;
    font-weight: 100;
    margin: 30px 0;
    padding: 50px 0;
    display: flex;
    justify-content: center;
}

.after-promise-1e68pv > div {
    max-width: 1440px;
}

.quoter-1e68pv {
    margin-top: 30px;
    font-weight: bold;
}

.big-quote-1e68pv {
    font-size: 3em;
    line-height: 0px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0px;
    display: inline-block;
    transform: translate(-10px, 32px);
    margin: 0 5px;
}

.vantage-solution-wrapper-1e68pv {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: black;
}

.vantage-solution-wrapper-1e68pv h2 {
    font-size: 3em;
    margin-bottom: 50px;
    color: #df7b0c;
    font-weight: bold;
    margin-top: 50px;
}

.vantage-solution-1e68pv {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.vantage-solution-1e68pv > * {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 200px;
    max-width: 300px;
    width: fit-content;
    border: 2px solid black;
    border-radius: 30px;
    padding: 30px 10px;
    position: relative;
    padding-top: 60px;
    margin-top: 100px
}

.vantage-solution-1e68pv > * h3 {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 20px
}

.vantage-solution-1e68pv .number-1e68pv {
    position: absolute;
    top: -90px;
    left: 30px;
    font-size: 8em;
    font-weight: bold;
    background-color: white;
    padding: 0 5px;
}

.book-meeting-1e68pv {
    margin: 1vw 0;
    background-color: #0D3753;
    color: white;
    padding: 4vw;
    font-size: 1.5em;
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 80px;
}

.book-meeting-1e68pv>* {
    max-width: min(550px, 80vw);
}

.book-meeting-1e68pv img {
    border-radius: 20px;
}

.book-meeting-1e68pv h2 {
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 60px
}

.book-a-call-1e68pv {
    margin-top: 60px;
    color: #df7b0c;
    border: 5px solid #df7b0c;
    border-radius: 10px;
    padding: 8px 50px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1.2em;
}

.book-a-call-1e68pv:hover {
    background-color: #df7b0c;
    color: white;
}

.splide-container-1e68pv > * {
    max-width: 400px;
    width: fit-content !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 70px;
}

.splide-container-1e68pv > * > * {
    align-self: center;
}
@media (max-width : 768px) {
  footer.footer {
    padding-top: 3em;
  }
  div#contentblock_195659 {
    margin-top: 2em;
  }
}
/* CUSTOM CSS HOMEPAGE - END */

/*
.hide-prerelease {
  display: none !important; 
}
*/
.old-version, .ecoblock_container {
  display: none !important; 
}

/* eco leaf */
.b4037 {
  left: 15px;
}

.b4037 .ribbon {
  position:relative;
  width:39px;
  height:39px;
  background:url("https://eu.evocdn.io/dealer/1712/content/media/My_Theme/leaf-solid.svg") no-repeat center;
  border-radius:5px;
  overflow:visible
}
.b4037 .ribbon span {
  position:absolute;
  left:calc(100% + 5px);
  top:calc(50% - 30px);
  background:#23a832;
  height:60px;
  padding:8px 15px;
  font-weight:700;
  line-height:1.7;
  font-size:12px;
  display:none
}
.b4037 .ribbon span::after {
  content:"Kind to the environment!";
  display:block;
  font-weight:400
}
.b4037 .ribbon:hover span,
.b4037 .ribbon:hover+.ribbon-tips {
  display:block
}
.b4037 .ribbon-side {
  display:none
}
.b4037 .ribbon-tips {
  width:0;
  height:0;
  position:relative;
  top:15px;
  left:0;
  border-style:solid;
  border-color:rgba(0,0,0,0) #4fb379 rgba(0,0,0,0) rgba(0,0,0,0) !important;
  border-width:4px 5px 4px 0;
  display:none
}
.catalog-single .productdetails .ribbon-wrapper {
  top:0;
  width:39px;
  height:39px;
  left: 0;
  display: block;
}
.catalog-single .productdetails .ribbon-wrapper .ribbon {
  max-width:none;
  float: none;
}
.catalog-single .productdetails .ribbon-wrapper .ribbon-tips {
  position:absolute;
  left:100%
}

#cdash_myinfo > .grid-body > .row > .col-sm-3 {
  display: none;
}

#cdash_myinfo > .grid-body > .row > .col-sm-9 {
  width: 100%;
}

#cdash_myinfo > .grid-body > .row > .col-sm-9 .col-sm-3.text-right {
  text-align: left;
}

.header-full .toolbar .account-dropdown {
  display: none;
}

#filterswrapperhorizontal .row-filter-toggles .col-xs-12 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

#filterswrapperhorizontal .row-filter-toggles .vertical-line {
  display: none;
}

.floating-buttons {
 bottom: 100px; 
}

.ex-contractitems .orderpads-wrapper .filter-section:not(.filtername-brand, .filtername-categories, .filtername-category) {
  display: none;
}

.ex-contractitems .orderpads-wrapper .filter-container .more-filters {
  display: none;
}

.ex-contractitems .orderpads-wrapper .shop-filters .filter-section.filtername-category h5:before{
    content: "Sub Categories";
    font-size: 1rem;
}
.ex-contractitems .orderpads-wrapper .shop-filters .filter-section.filtername-category h5{
    font-size: 0;
}
.ex-contractitems .orderpads-wrapper .shop-filters .filter-section.filtername-categories h5:before{
    content: "Category";
    font-size: 1rem;
}
.ex-contractitems .orderpads-wrapper .shop-filters .filter-section.filtername-categories h5{
    font-size: 0;
}

.orderpads-wrapper .product-shopping-actions-addtoquicklist {
    display: block;
}

/* WETHERSPOONS MENU AMENDS - START 

.ex-a-2206626 .wetherspoons-hide {
display: none !important;
}
.wetherspoons-show {
display: none !important;
}
.ex-a-2206626 .wetherspoons-show {
display: inline-block !important;
}

/* WETHERSPOONS MENU AMENDS - END */

/* CONTRACT BADGE AMENDS - START */
.b3851.ribbon-wrapper {
  display: flex;
}
.b3851.ribbon-wrapper .ribbon {
  line-height: 1.25;
  white-space: normal;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.b3851.ribbon-wrapper .ribbon-side,  .b3851.ribbon-wrapper .ribbon-tips {
display:none;
}
/* CONTRACT BADGE AMENDS - FINISH */

.header-mobile {
	 flex-wrap: wrap;
	 border-bottom: 3px solid #243957;
  padding-top: 4px;
}
 .header-mobile .fa-bars {
	 display: none;
}
 .header-mobile .cd-dropdown-trigger-mobile {
	 width: 52px;
	 height: 47px;
	 background: #e3e9f2 url("https://eu.evocdn.io/dealer/1712/content/media/Content_Pages/menubar.png") no-repeat center;
	 display: block;
	 margin-left: 10px;
	 margin-right: 20px;
}
 .header-mobile .header-logo {
	 flex-grow: 1;
}
 .header-mobile .header-logo img {
	 max-width: 95px !important;
	 margin: 0 auto;
	 display: block;
}
 .header-mobile .header-search {
	 display: none;
}
 .header-mobile .header-login, .header-mobile .header-dashboard {
	 width: 52px;
	 height: 47px;
	 background: #e3e9f2;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 font-size: 11px;
	 font-weight: 600;
	 text-align: center;
	 padding-top: 4px;
}
 .header-mobile .header-login img, .header-mobile .header-dashboard img {
	 margin-bottom: 2px;
}
 .header-mobile .header-cart .header-cart {
	 width: 52px;
	 height: 47px;
	 margin-right: 5px;
	 background: #e3e9f2 url("https://eu.evocdn.io/dealer/1712/content/media/Content_Pages/basket.png") no-repeat top 5px center;
	 font-size: 11px;
	 font-weight: 600;
	 text-align: center;
}
 .header-mobile .header-cart .header-cart::after {
	 content: "Basket";
	 margin-top: 27px;
	 diSplay: block;
}
 .header-mobile .header-cart .header-cart a {
	 width: 100%;
	 height: 100%;
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .header-mobile .header-cart .header-cart .minicart_count {
	 display: none;
}
 .header-mobile .header-cart .header-cart i {
	 display: none;
}
 .header-mobile > .widgetsearch .search {
	 padding: 0;
}
 .header-mobile > .widgetsearch .search input[type="text"] {
	 border: 0;
	 border-radius: 0;
	 background: #f5f5f5;
	 padding-left: 40px;
}
 .header-mobile > .widgetsearch .search button[type="submit"] {
	 width: 16px;
	 height: 16px;
	 right: inherit;
	 left: 10px;
	 top: 0;
	 padding: 0;
}
 .header-mobile > .widgetsearch .search button[type="submit"] i {
	 padding: 0;
	 font-size: 16px;
}

#loginModal .modal-dialog {
  max-width: 576px;
}
/* ===== mh prevent hiding navmenu upon shrinking down ===== 
@media (max-width: 800px) {
  .header-full .menu .catalog > li:nth-child(n+6) {
    display: inline-block;
  }
}
@media (max-width: 1000px) {
  .header-full .menu .catalog > li:nth-child(n+7) {
    display: inline-block;
  }
}
@media (max-width: 1366px) {
  .header-full .menu .catalog > li:nth-child(n+8) {
    display: inline-block;
  }
}*/

/* =================== For wetherspoon and not a label ============================ */
/*
body:is(.ex-l-4130) header .ctg-catering,
body:is(.ex-l-4130) header .ctg-facilities-management,
body:is(.ex-l-4130) header .ctg-office-supplies,
body:is(.ex-l-4130) header .ctg-safety-ppe,
body:is(.ex-l-4130) header .ctg-workwear,
body:is(.ex-l-4130) header .ctg-furniture,
body:is(.ex-l-4130) header .ctg-branded,
body:is(.ex-l-4130) header .ctg-technology,
body:is(.ex-l-4130) header .cat-catering-equipment-supplies,
body:is(.ex-l-4130) header .cat-food-to-go,
body:is(.ex-l-4130) header .cat-facilities-management,
body:is(.ex-l-4130) header .cat-workwear-ppe,
body:is(.ex-l-4130) header .cat-office-supplies-furniture,
body:is(.ex-l-4130) header .cat-branded-promotional {
  display: none;
}

body:is(.ex-l-4130) header .ctg-clothing,
body:is(.ex-l-4130) header .ctg-facilities,
body:is(.ex-l-4130) header .ctg-food-to-go,
body:is(.ex-l-4130) header .ctg-hotel,
body:is(.ex-l-4130) header .ctg-kitchen,
body:is(.ex-l-4130) header .ctg-office-outdoor,
body:is(.ex-l-4130) header .ctg-safety-security,
body:is(.ex-l-4130) header .ctg-tableware,
body:is(.ex-l-4130) header .ctg-tools {
  display: inline-block;
}

/* --- Mobile --- */
/*
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-clothing,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-facilities,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-food-to-go,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-hotel,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-kitchen,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-office-outdoor,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-safety-security,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-tableware,
body:is(.ex-l-4130) header .cd-dropdown-content .ctg-tools {
  display: block;
}

/* =================== For not wetherspoon and not a label ============================ */
/*
body:not(.ex-l-4130) header .ctg-clothing,
body:not(.ex-l-4130) header .ctg-facilities,
body:not(.ex-l-4130) header .ctg-food-to-go,
body:not(.ex-l-4130) header .ctg-hotel,
body:not(.ex-l-4130) header .ctg-kitchen,
body:not(.ex-l-4130) header .ctg-office-outdoor,
body:not(.ex-l-4130) header .ctg-safety-security,
body:not(.ex-l-4130) header .ctg-tableware,
body:not(.ex-l-4130) header .ctg-tools,
body:not(.ex-l-4130) header .cat-catering-equipment-supplies,
body:not(.ex-l-4130) header .cat-food-to-go,
body:not(.ex-l-4130) header .cat-facilities-management,
body:not(.ex-l-4130) header .cat-workwear-ppe,
body:not(.ex-l-4130) header .cat-office-supplies-furniture,
body:not(.ex-l-4130) header .cat-branded-promotional {
  display: none;
}

body:not(.ex-l-4130) header .ctg-catering,
body:not(.ex-l-4130) header .ctg-facilities-management,
body:not(.ex-l-4130) header .ctg-office-supplies,
body:not(.ex-l-4130) header .ctg-safety-ppe,
body:not(.ex-l-4130) header .ctg-workwear,
body:not(.ex-l-4130) header .ctg-furniture,
body:not(.ex-l-4130) header .ctg-branded,
body:not(.ex-l-4130) header .ctg-technology {
  display: inline-block;
}

/* --- Mobile --- */
/*
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-catering,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-facilities-management,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-office-supplies,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-safety-ppe,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-workwear,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-furniture,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-branded,
body:not(.ex-l-4130) header .cd-dropdown-content .ctg-technology {
  display: block;
}

/* =================== For label 4359 ============================ */
/*
body:is(.ex-l-4359) header .ctg-catering,
body:is(.ex-l-4359) header .ctg-facilities-management,
body:is(.ex-l-4359) header .ctg-office-supplies,
body:is(.ex-l-4359) header .ctg-safety-ppe,
body:is(.ex-l-4359) header .ctg-workwear,
body:is(.ex-l-4359) header .ctg-furniture,
body:is(.ex-l-4359) header .ctg-branded,
body:is(.ex-l-4359) header .ctg-technology,
body:is(.ex-l-4359) header .ctg-clothing,
body:is(.ex-l-4359) header .ctg-facilities,
body:is(.ex-l-4359) header .ctg-food-to-go,
body:is(.ex-l-4359) header .ctg-hotel,
body:is(.ex-l-4359) header .ctg-kitchen,
body:is(.ex-l-4359) header .ctg-office-outdoor,
body:is(.ex-l-4359) header .ctg-safety-security,
body:is(.ex-l-4359) header .ctg-tableware,
body:is(.ex-l-4359) header .ctg-tools {
  display: none;
}

body:is(.ex-l-4359) header .cat-catering-equipment-supplies,
body:is(.ex-l-4359) header .cat-food-to-go,
body:is(.ex-l-4359) header .cat-facilities-management,
body:is(.ex-l-4359) header .cat-workwear-ppe,
body:is(.ex-l-4359) header .cat-office-supplies-furniture,
body:is(.ex-l-4359) header .cat-branded-promotional {
  display: inline-block;
}

/* --- Mobile --- */
/*
body:is(.ex-l-4359) header .cd-dropdown-content .cat-catering-equipment-supplies,
body:is(.ex-l-4359) header .cd-dropdown-content .cat-food-to-go,
body:is(.ex-l-4359) header .cd-dropdown-content .cat-facilities-management,
body:is(.ex-l-4359) header .cd-dropdown-content .cat-workwear-ppe,
body:is(.ex-l-4359) header .cd-dropdown-content .cat-office-supplies-furniture,
body:is(.ex-l-4359) header .cd-dropdown-content .cat-branded-promotional {
  display: block;
}*/

/* ===== MH Footer modification ===== 

@media only screen and (min-width:769px){
footer .footersection-1 > .row {
    display: flex;
    flex-wrap: wrap;
}
footer .footersection-1 > .row >div:nth-of-type(1) {
    flex-basis: 25%;
}
footer .footersection-1 > .row >div:nth-of-type(2) {
    flex-basis: 35%;
}
footer .footersection-1 > .row >div:nth-of-type(3) {
    flex-basis: 15%;
}
footer .footersection-1 > .row >div:nth-of-type(4) {
    flex-basis: 25%;
}
}
*/

/* ===== SP add v_scroll to navlink =====*/
.header-full #headermenu_192494 .menu.expanded .catalog li .submenu {
  overflow-y: auto;
}

#headermenu_192494 .menu.expanded .catalog li .submenu .submenucontainer {
  overflow-y: auto;
  min-height: 500px;
  max-height: 500px;
  height: auto !important;
  flex-direction: row;
  align-items: flex-start;
}

/* ===== SP utility class ===== */
.anchor_disable{
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

/* ===== SP stop hiding nav categories on resize ===== */
@media (max-width: 800px) {
  .header-full .menu .catalog > li:nth-child(n+6) {
    display: inline-block;
  }
}
@media (max-width: 1000px) {
  .header-full .menu .catalog > li:nth-child(n+7) {
    display: inline-block;
  }
}
@media (max-width: 1366px) {
  .header-full .menu .catalog > li:nth-child(n+8) {
    display: inline-block;
  }
}

/* ===== SP slyling navlinks if more than 5 ===== */
.header-full .catalog > li .submenu .has-submenu ul {
  overflow: hidden;
  min-height: 110px;
}

.header-full .catalog > li .submenu .has-submenu.collapsible {
  display: grid;
  grid-template-rows: min-content 0fr min-content;
}

.header-full .catalog > li .submenu .has-submenu.active {
  grid-template-rows: min-content 1fr min-content;
}
.header-full .catalog > li .submenu .has-submenu.collapsible span::after {
  padding-left: 15px;
  content: "Show more \00a0\00a0\00a0 >";
  transition: all 0.35s ease;
  font-weight: 900;
}

.header-full .catalog > li .submenu .has-submenu.collapsible.active span::after {
  content: "Show less \00a0\00a0\00a0 >";
}

.header-full .catalog > li .submenu .has-submenu.collapsible span {
  padding-top: 7px;
  font-size: 0.85rem;
}

.header-full .catalog > li .submenu .has-submenu.collapsible span:hover::after {
  color: #ff9900;
}

/* ===== SP new dashboard styling ===== */

.dashboard-intro {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #eaeaea;
  background: url("https://eu.evocdn.io/dealer/1712/content/media/My_Banners/Untitled design - 2024-01-16T181252.860.png")
    no-repeat center;
  background-size: cover;
}
.dashboard-intro .row {
  display: flex;
}
.dashboard-box {
  padding: 30px 30px 0;
  background-color: #ffffff;
  min-height: 158px;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}

.dashboard-box:hover span {
  color: #284f77;
}

.dashboard-box:hover img {
  opacity: 0.7;
}

.dashboard-box img {
  transition: opacity 0.35s ease;
}

.dashboard-box-img {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-boxes {
  padding-top: 40px;
}
.dashboard-text-intro {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 1.5rem;
}
.dashboard-text-intro h3 {
  padding-top: 50px;
  text-align: left !important;
}
.dashboard-text-intro p {
  text-align: left !important;
}
.dashboard-text-intro p strong {
  text-align: left !important;
  font-weight: normal;
}
.account-message {
  margin-left: 0px;
}
.dashboard-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; /* Center the text */
}
.dashboard-text-intro h1 {
  color: #fff;
  font-size: 2.3rem;
  margin: auto 0 20px;
  font-weight: 700;
}

.dashboard-text-intro p {
  color: #fff;
}

.dashboard-box img {
  margin-bottom: 10px; /* Add space between the image and the text */
}

.dashboard-box span {
  display: block;
  margin-top: 10px; /* Add space between the image and the text, if necessary */
  color: #0f1e2d;
  font-size: 1.2rem;
  font-weight: 700;
  transition: color 0.35s ease;
}

.account-message img {
  display: none;
}

.dashboard-logo {
  width: 158px;
  height: 109px;
  background: #eaeaea;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dashboard-logo:empty {
  display: none;
}

.ex-l-4320 .dashboard-intro{
  display: revert;
}

/* ===== MH contract product adjustment ===== */
.widget-contract-items-html .tile .footer .product-name > a, .widget-lastviewedproducts-html .tile .footer .product-name > a {
  overflow: revert;
  text-overflow: revert;
  white-space: revert;
}

/* ===== MH styling footer ===== */
.quicklinks.footer_terms ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
    /*! margin: 2em 0; */  
}

.quicklinks.footer_terms ul li a{
    /*! font-size: 1.2rem; */
    /*! color: var(--evo-brand-default); */
    /*! padding: 1.4em; */
    /*! display: inline-block; */
    /*! border: 1px white solid; */
    /*! border-radius: 35px; */
    /*! background-color: white; */
    /*! transition: color 0.35s ease; */
    /*! text-decoration: underline; */
}

.quicklinks.footer_terms ul li:hover a {
    /*! text-decoration: none; */
    /*! color: var(--evo-link-hover-color); */
    /*! text-decoration: underline; */
    /*! background-color: var(--evo-brand-default);*/
}

footer {
  padding: 15px 0 10px;
}

@media only screen and (max-width: 767px) {
    .quicklinks.footer_terms ul li {
        /*! border: revert; */ 
        /*! border-radius: revert; */
        /*! display: inline-block; */
        /*! margin-right: revert; */
        /*! padding: revert; */
    }
}

/* ===== MH remove action if logged out ===== */
body.ex-loggedout #loginModal {
  pointer-events: none
}

body.ex-loggedout #loginModal .modal-dialog {
  pointer-events: all;
}

body.ex-loggedout #loginModal .modal-dialog .fa {
  display: none;
}

/* ===== MH styling image for contract product ===== */
.contractItems_container .tile .brand-label img {
  max-height: 75px;
  max-width: 150px;
}

.contractItems_container .tile .brand-label {
line-height: 75px;
}
/* ===== End ===== */
/* ===== MH styling footer strip ===== */
 .footer-contact {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }
  .footer-contact h3 {
    font-family: var(--font-1);
    text-transform: none;
    font-size: 2.2rem;
  }
  .footer-contact p {
    font-size: 1.1rem;
  }
  .footer__registration {
    grid-column: span 2;
  }
  .footer-contact > div {
    display: flex;
    column-gap: 10px;
    flex-direction: column;
  }
.footer__contact > div{
  display: flex;
      column-gap: 10px;
    align-items: center;
  justify-content: flex-start;
}
  .footer__contact .logo-svg {
    max-width: 40px;
  }
  .footer__contact a {
    font-size: 1.1rem;
  }
  .footer__contact svg {
    width: 100%;
    height: 100%;
    fill: var(--evo-link-hover-color);
  }
.footer__follow{
  align-items: center;
}
  .footer__follow a {
    width: 70px;
    height: 70px;
    display: block;
  }
  .footer__follow img {
    max-width: 100%;
    max-height: 100%;
  }
  @media only screen and (max-width: 1050px) {
    .footer-contact {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 20px;
    }
    .footer__registration {
      grid-column: span 3;
    }
  }
  @media only screen and (max-width: 768px) {
    .footer-contact {
      grid-template-columns: 1fr 1fr;
    }
    .footer__registration {
      grid-column: span 2;
    }
    .footer__follow{
      grid-column: span 2;
    }
  }

@media only screen and (max-width: 500px) {
      .footer-contact {
      grid-template-columns: 1fr;
    }
  .footer-contact > div {
    grid-column: span 1;
  }
  .footer__contact > div{
  justify-content: center;
}
}
/* ===== End ===== */

/* ===== MH sticky filter ===== */
body:not(.ex-quicklists) .page-content .filter-container {
  position: sticky;
  top: 30px;
}

body:not(.ex-quicklists) .page-content #filterswrapper {
  max-height: 700px;
  overflow: auto;
  position: relative;
  border-bottom: 5px solid #f8f8f8;
}

.page-content .filter-title {
  position: sticky;
  top: 0;
  z-index: 10;
}

.ex-quicklists .page-content #filterswrapper {
  position: sticky;
  top: 30px;
  max-height: 700px;
  overflow: auto;
  border-bottom: 5px solid #f8f8f8;
}
/* ===== End ===== */

.ex-login .help-link.login-link-reset {
  font-size: 1.2rem;
}

/* ===== MH Dashboard styling =====*/ 
.ex-customer .myaccountdashboard_container .grid.simple .grid-title {
  cursor: revert;
}
.ex-customer .myaccountdashboard_container .grid-title .full-width-panel {
  display: none;
}
.ex-customer .myaccountdashboard_container > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.ex-customer .mobile .myaccountdashboard_container > ul {
  margin-top: 10px;
}

.ex-customer .myaccountdashboard_container #cdash_requesterbudgets {
  order: 1;
}
.ex-customer .myaccountdashboard_container #cdash_requester {
  order: 2;
}
.ex-customer .myaccountdashboard_container #cdash_approverbudgets {
  order: 3;
}
.ex-customer .myaccountdashboard_container #cdash_approverorders {
  order: 4;
}
.ex-customer .myaccountdashboard_container #cdash_approver {
  order: 5;
}
.ex-customer .myaccountdashboard_container #cdash_myrecentorders {
  order: 6;
}
.ex-customer .myaccountdashboard_container #cdash_savebaskets {
  order: 7;
}
.ex-customer .myaccountdashboard_container #cdash_payments {
  order: 8;
}
.ex-customer .myaccountdashboard_container #cdash_costcentres {
  order: 9;
}
.ex-customer .myaccountdashboard_container #cdash_address {
  order: 10;
}
.ex-customer .myaccountdashboard_container #cdash_accountmanagers {
  order: 11;
}
.ex-customer .myaccountdashboard_container #cdash_myinfo {
  order: 12;
}
/* ===== End ===== */
/* ===== MH remove header for 4467, 4470 labels ===== */
.ex-l-4467 header .headersection-6,
.ex-l-4467 .header-mobile .header-menu,
.ex-l-4470 header .headersection-6,
.ex-l-4470 .header-mobile .header-menu{
  display: none !important;
}
/* ===== End ===== */

/* ===== MH adds gap to header if there is fixed ribbon ===== 
  .headersection-5 {
    margin-top: 20px;
    }
.header-mobile .header-logo,
.header-mobile .header-right{
margin-top: 60px;
}

@media only screen and (max-width: 1290px){
  .headersection-5 {
    margin-top: 40px;
    }
   }
 @media only screen and (max-width: 646px){
 .header-mobile .header-logo,
 .header-mobile .header-right{
   margin-top: 80px;
   }
  }
 @media only screen and (max-width: 510px){
  .header-mobile .header-logo,
  .header-mobile .header-right{
    margin-top: 110px;
   }
  }
 @media only screen and (max-width: 404px){
  .header-mobile .header-logo,
  .header-mobile .header-right{
    margin-top: 130px;
   }
  }
/* ===== End ===== */
/* ===== MH Remove dashboard title and breadcrumb ===== */   
/*
.ex-customer .myaccount-title {
  display: none;
}
*/
/* ===== End ===== */

/*Remove Account Manager Mobile Info*/

/* Hide the 'Mobile' label */
.text-muted:contains('Mobile') {
  display: none;
}

/* Hide the phone number that follows the 'Mobile' label */
.text-muted:contains('Mobile') + div.col-sm-9 {
  display: none;
}