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

:root{
    --Primary-color:  #009FE3;
    --Secondary-color:  #E37A00;
    
    --Text-color: #222;
  
    --Button-color:  /* Button colors */;
    --Button-hover-color: /* Button hover colors */;
    
    /* Neutral Colors */
    --White-color: #fff;
    --Black-color: #222;
  
    --Danger-color: #cf4646;
    --Danger-hover-color: #cc3c3c;
  }
 
  
  /*------------------------------------*\
    #BASE
  \*------------------------------------*/

  /* Buttons */
  .catfish-button,
  .button,
   a{
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }
  
  /*------------------------------------*\
    #UTILITIES
  \*------------------------------------*/

   
  
  /*------------------------------------*\
    #COMPONENTS
  \*------------------------------------*/
   /* Category Cards */
   .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item::after{
    padding-bottom: 100%;
  }

  .sub-category-grid .listWrapper .item-box,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item{
    border-top: none;
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item .category-title a,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a{
    font-weight: 600;
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item .picture,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture{
    background-color: var(--White-color);
    padding: 2rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    }

  .sub-category-grid .listWrapper .item-box .sub-category-item:hover .picture,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .picture{
    background-color: #009FE32B;
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title{
    background-color: var(--Primary-color);
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title a,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a{
    color: var(--White-color);
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item .picture img,
  .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture img{
    object-fit: contain;
  }

  @media screen and (min-width: 1088px) { 
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture{
        height: 82%;
    }
  }

  @media screen and (min-width: 768px), print {
    .sub-category-grid .listWrapper .item-box .sub-category-item .category-title,
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title {
      padding: 1rem;
      border-top: 1px solid #f2f2f3;
      background-color: #fafafa;
      transform: translateY(0%);
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
    }
  }

  /* Product Card */
  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .picture,
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .image{
    background-color: var(--White-color);
  }

  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .picture img,
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image .picture img{
    object-fit: contain;
    padding: 1.5rem;
  }

  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product__title a, 
  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product-title a,
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-title a{
    font-size: .95rem;
    line-height: 24px;
    color: var(--Text-color) !important;
  }

  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__summaryShortDescription, 
  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .description,
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .description,
  .listWrapper .listItem .item-box .catfish-default-product-box .description,
  .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices .flex-container{
    display: none !important;
  }

  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product--sku, .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__quantity, 
  .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product--stockquantity,
  .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product--sku, .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__quantity, .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product--stockquantity{
    color: var(--Secondary-color);
  }

  @media screen and (min-width: 1088px) {
    .category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box:hover .product-title a,
    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box:hover .product-title a {
      color: var(--Primary-color) !important;
    }
  }

  .allProductsCategoriesWrapper h2.product-title{
    min-height: 0 !important;
  }

  /*------------------------------------*\
    #LAYOUTS
  \*------------------------------------*/
  /* Header */
  .navbar{

    .is-header-logo {
        height: 2.5rem;
    }

  }

  /* Footer */
  .ict-dedicated-footer{

    .ict-list li a{
        text-decoration: underline;
        text-decoration-color: transparent;
        transition: .3s;
        text-underline-offset: 0.25rem;
        color: var(--Primary-color);
        font-weight: 500;

        &:hover{
            text-decoration: underline !important;
            text-decoration-color: inherit;
            -moz-text-decoration-color: inherit;
        }
    }
  }
  
  /* 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
  \*------------------------------------*/
  /* Homepage */
  #homeFeaturedCategoriesTitleRow h3.title,
  .bestsellers.catfish-container h3.title,
  .category-short-description__inner{
    text-align: left !important;
    border-bottom: 2px solid;
    padding-bottom: 1rem;
    color: var(--Primary-color);
  }

  /* Category Page */
  .category-description__inner img{
    width: 100%;
  }

  .category-short-description__inner{
    font-size: 2.074em;
    font-weight: 600;
    color: var(--Text-color);
  }

  /* Product Landing */

  .product-page-wrapper .quantityBox__container .label{
    margin-right: 1.5rem;
  }

  .DT_tab_buttons{
    border-bottom: 1px solid #F2F2F3;
  }

  .DT_tab_content .DT_tab{
    background-color: transparent;
  }

  .DT_checkout_button_container{
    display: none;
  }

  .attributes:has(.Catfish_ME_Canvas){
    display: none;
  }

  /* Mega Edit */
  .loadingScreen .loadingLogo::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;
  }
  
  .loadingScreen .fa-cog,
  .addtoBasketScreen .fa-spinner{
    border-right-color: var(--Primary-color);
  }
  
  .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;
  }

  .editorBottom .buttonContainer.rightSide{
    margin-bottom: 3rem !important;
  }
  /*------------------------------------*\
   #CHECKOUT STEPS
  \*------------------------------------*/
  
  /*------------------------------------*\
   #MY ACCOUNT PAGES
  \*------------------------------------*/
  
  /*------------------------------------*\
      #TOPIC PAGES
  \*------------------------------------*/