/*------------------------------------*\
  #Root
\*------------------------------------*/

:root{
  --Primary-color:  #00508D;
  --Secondary-color:  #91A1B5;
  
  --Button-color:  #00508D;
  --Button-hover-color: /* Button hover colors */;
  --Text-color: #4a4844;
  
  /* Neutral Colors */
  --White-color: #fff;
  --Black-color: #1F292E;

  --Danger-color: #cf4646;
  --Danger-hover-color: #cc3c3c;
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-Regular';
  src: url('/1510001716/Handler/CSSOverride/GetImage/4/AkzidenzGroteskBQ-normal-400.ttf');
  font-weight: 400;
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-Bold';
  src: url('/-801083797/Handler/CSSOverride/GetImage/4/AkzidenzGroteskBQ-normal-700.ttf');
  font-weight: 700;
}

/*------------------------------------*\
  #BASE
\*------------------------------------*/
body{
  font-family: 'AkzidenzGroteskBQ-Regular';
  font-family: 400;
}


/* Typography*/
.title,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
  font-family: 'AkzidenzGroteskBQ-Bold';
}
/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/* Mega Edit */
.loadingScreen .loadingLogo::before,
.addtoBasketScreen .addtoBasketScreenContainer  > h1::before {
  content: "";
  /* Change the mega edit image here using the same naming structure on CSS  override */
  background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/4/ME-Logo.png");
  width: 14rem;
  height: 50%;
  position: absolute;
  top: -4rem;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.addtoBasketScreen .addtoBasketScreenContainer  > h1::before {
  width: 20rem;
}

.addtoBasketScreen .addtoBasketScreenContainer  > h1::before{
  transform: translateX(-5rem);
}

.loadingScreen .loadingSpinner,
.addtoBasketScreen .loadingSpinner{
  position: relative;
  top: 5rem;
}

.loadingScreen .loadingLogo .loadScreenStepIndicator,
.addtoBasketScreen .loadingArea__loadScreenStepIndicator{
  font-size: 1.5rem;
  margin-top: 2rem;
}

/*------------------------------------*\
  #LAYOUTS
\*------------------------------------*/
/* Header */
.is-header-logo {
  height: 5.5rem;
}

/* Footer */
.image.dedicated-footer-logo img {
  height: 8.5rem;
}

/* Sections */
@media screen and (max-width: 1087px){
  section.additional-description-section,
  section.related-products-section,
  .block.block-account-navigation,
  .account-page{
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px){
  section.section.is-large,
  .homeFeaturedProductsWrapper,
  .ict-dedicated-footer{
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }

  section.additional-description-section,
  section.related-products-section,
  .block.block-account-navigation,
  .account-page{
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
  }

  /* Product Card */
@media screen and (max-width: 1279px) and  (min-width: 1088px) {
  & .listItem{
      width: 33.333333% !important;
  }
}

@media screen and (max-width: 475px) {

  & .listItem{
      width: 100% !important;
  }
}
}
/*------------------------------------*\
  #ADMIN PAGES
\*------------------------------------*/
@media screen and (min-width: 1440px){
  .login__wrapper {
    background-size: contain;
    background-position: left;
  }
}

/*Homepage */
/* Category Cards */
.homeFeaturedCategoriesWrapper .listWrapper.columns{
  gap: 1rem;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture a img {
  object-fit: contain;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title{
  justify-content: center;
  display: flex;
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title a{
  color: var(--White-color);
}

@media screen and (min-width: 1280px) {
  .homeFeaturedCategoriesWrapper .listWrapper .listItem {
    max-width: 30%;
  }
}

/* Product Landing Page */
.producttags-box,
.producttags-list.is-grouped.is-grouped-multiline{

  .tag.is-primary {
    display: none;
    margin-bottom: 0rem;
  }

  .tags.has-addons .tag {
    margin-right: 0;
  }

  & > .control:not(:last-child){
    margin-bottom: 0;
  }

  .tags .tag:not(:last-child) {
    margin-right: 0rem;
  }
}

.price{
  padding-bottom: 2rem;

  .level{
    position: relative;
  }
  .level::after {
    content: 'Prices are indicative and subject to review. Minimal charges may apply and final costs may vary.';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -2.2rem;
    left: 0;
    font-size: .75rem
  }

}

/*------------------------------------*\
 #CHECKOUT STEPS
\*------------------------------------*/
#checkout-step-payment-info .payment-info .table-container tbody tr td:first-child{
  width: 100%;
}

/*------------------------------------*\
 #MY ACCOUNT PAGES
\*------------------------------------*/

/*------------------------------------*\
    #TOPIC PAGES
\*------------------------------------*/