/*------------------------------------*\
  #Root
\*------------------------------------*/

:root {
  --Primary-color: #ED2F88;
  --Secondary-color: #00A9E9;

  --Text-color: #000;
  --Button-color:
    /* Button colors */
  ;
  --Button-hover-color:
    /* Button hover colors */
  ;

  /* Neutral Colors */
  --White-color: #fff;
  --Black-color: #000;
  --Grey-color: rgba(54,54,54,0.3);

  --Danger-color: #cf4646;
  --Danger-hover-color: #cc3c3c;

  --Box-shadow-Primary: 0 4px 12px rgba(237, 25, 121, .5);
  --Box-shadow-white: 0 4px 12px rgba(10, 10, 10, .5);
}

/*------------------------------------*\
  #BASE
\*------------------------------------*/
/* Base */
.catfish-button,
.button,
a {
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}

html:not(.page-dynamicproduct-editor) .catfish-button,
html:not(.page-dynamicproduct-editor) .button:not(.is-small, .is-white) {
  font-weight: 700;
  text-transform: uppercase;
}

html:not(.page-dynamicproduct-editor) .button:not(.is-small, .is-white, label) {
  padding-left: 4.625rem;
  padding-right: 4.625rem;
}

html:not(.page-dynamicproduct-editor) .button.is-fullwidth.is-marginless {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

html:not(.page-dynamicproduct-editor) .cart--edititem .basketEditButton,
html:not(.page-dynamicproduct-editor) .back-button .button.is-light:not(.is-small, .is-white),
html:not(.page-dynamicproduct-editor) .multipartUi-V2-wrapper .column.is-narrow .button.is-light:not(.is-small, .is-white),
#continueshoppingDummy,
.is-outlined,
#updatecart,
.back-link .catfish-button {
  background-color: transparent;
  color: var(--Primary-color);
  border-color: var(--Primary-color);
  padding-left: 1.42857rem;
  padding-right: 1.42857rem;

  &:hover {
    background-color: var(--Primary-color);
    color: var(--White-color);
  }
}

.catfish-button.is-primary:focus:not(:active),
.catfish-button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
  box-shadow: unset;
}

html:not(.page-dynamicproduct-editor) .button.is-primary:not(.is-small, .is-white) {
  box-shadow: var(--Box-shadow-Primary);
}

html:not(.page-dynamicproduct-editor) .button.is-light:not(.is-small, .is-white, .is-fullwidth),
html:not(.page-dynamicproduct-editor) .button.is-outline:not(.is-small, .is-white) {
  box-shadow: var(--Box-shadow-white);
}

#applydiscountcouponcode {
  background-color: var(--Secondary-color);
}

/* Typography */
h1,
h2,
h3,
.content h1,
.content h2,
.content h3,
.title,
.one-page-checkout .step-title h2 {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  text-transform: uppercase;
}

@media screen and (max-width: 400px) {
  html:not(.page-dynamicproduct-editor) .button.is-primary:not(.is-small, .is-white) {
    font-size: .875rem;
  }
}

/* Input */
.input,
.catfish-input,
.catfish-select,
.textarea,
.catfish-textarea,
.select select {
  border: 2px solid #c5c5c5;
  padding-left: calc(0.925em - 3px);
  padding-right: calc(0.925em - 3px);
}

/* Box */
.box.is-light{
  background-color: transparent;
  color: rgba(24,24,24,0.7);
  border: 2px solid var(--Grey-color);
}

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/

@media screen and (min-width: 1088px) {
  .block > .block:has(.list-is-width-50),
  .block:has(.has-main-block-image-50),
  .block > .block:has(.has-block-image-50),
  .is-width-50 {
    width: 50% !important;
  }
}

@media screen and (max-width: 1087px) {
  .is-flex-direction-column-reverse-touch{
    flex-direction: column-reverse !important;
  }
  
}



.block:has(.list-is-width-50){
  margin-bottom: 0;
}

.ict-image.image.has-object-fit-contain.is-3by2{
  padding-top: 30%;
}

.ict-image.image.has-object-fit-contain img{
  object-fit: contain  !important;
}

.image.has-image-75{
  display: flex;
  justify-content: center;
}

.image.has-image-75 img{
  width: 75%;
  height: 75%;
}

.is-flex-1 {
  flex: 1 !important;
}

@media screen and (min-width: 1088px) {
  .scroll-behavior{
    scroll-snap-align: start;
    scroll-margin-top: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .is-flex-direction-reverse-mobile .columns {
    flex-direction: column-reverse;
  }

  .content-column {
    text-align: center;
  }
}

/* Background */
.has-background-secondary.light{
  background-color: #00a9e90f !important;
}

.gelatine-animation.column:hover .gelatine img {
  animation: gelatine 1s;
  -webkit-animation: gelatine 1s;
}

@keyframes gelatine {

  from,
  to {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }

  75% {
    transform: scale(0.95, 1.05);
  }
}

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/* Category Cta Link */
ul.category-cta-link{
  display: flex !important;
  justify-content: flex-start;
  list-style: none;

  li{
    position: relative;
    padding-left: 1.5rem;

    &::before{
      content: '\f078';
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      color: var(--Primary-color);
    }

    &:hover{
      a{
        text-decoration: underline;
      }
    }
  }
}

ul.category-cta-link.has-just-text{
  li{
    position: relative;
    padding-left: 0rem;
    color: var(--Primary-color);

    &::before{
      content: none;
    }
  }

  li:hover a{
    text-decoration: underline;
  }
}

ul.list-style-labels{
  list-style: none;

  li{
    position: relative;
    padding-left: 1.5rem;

    &::before{
      content: '\f058';
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      color: var(--Primary-color);
    }
  }

  li:hover a{
    text-decoration: underline;
  }
}

ul.list-style-2-labels{
  list-style: none;

  li{
    position: relative;
    padding-left: 1.5rem;

    &::before{
      content: '\f058';
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      font-weight: 700;
      color: #40DD5A;
    }
  }

  li:not(:first-of-type){
    margin-top: .75rem;
  }

  li:hover a{
    text-decoration: underline;
  }
}

#cta-anchor{
  scroll-margin-top: 3rem;
}

/* Product Card */

/* Categories Cards - Homepage */
.sub-category-grid .listWrapper .item-box,
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
  border-top: unset;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture img {
  object-fit: contain;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes gelatine {

  from,
  to {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }

  75% {
    transform: scale(0.95, 1.05);
  }
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title,
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title {
  background-color: transparent;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
  font-size: 1.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--Text-color);
  text-wrap: nowrap;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item:hover .category-item .product-title a{
  color: var(--Primary-color);
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture .image{
  height: 85%;
}

/* Categories Cards - Category page */
.arone-category-page:not(.main-category-page, .subcategory-product) .hero .hero-body{
  display: none;
}

.category-subcategory-section.section{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.category-bottomdescription-wrapper  .ict-title{
  margin-bottom: 1.5rem;
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper{
  justify-content: center;
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--Text-color);
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture {
  height: 80%;
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item:hover .category-item .picture {
  animation: unset;
  -webkit-animation: unset;
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture img {
  object-fit: cover;
}

.category-intro-wrapper.section{
  display: none;
}

.sub-category-grid .listWrapper .item-box::after{
  padding-bottom: unset;
}


.sub-category-grid .listWrapper .item-box .sub-category-item{
  display: flex;
  flex-direction: column;
  position: unset;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
  background-color: #fafafa;
  position: unset;
  order: 2;
  padding: 1rem;
}

.arone-category-page:not(.main-category-page) .sub-category-grid .listWrapper .item-box .sub-category-item .short-description{
  display: block !important;
  order: 3;
  text-align: center;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title a{
  color: var(--Text-color);
}

.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title a{
  color: var(--Primary-color);
}

.arone-category-page:not(.main-category-page) .listWrapper .item-box .sub-category-item .picture{
  max-height: 250px;
  display: flex;
  justify-content: center;
}


.arone-category-page:not(.main-category-page) .sub-category-grid .listWrapper .item-box .sub-category-item .picture img{
  width: 250px;
  height: 250px;
}

.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
  background-color: transparent;
}

@media screen and (min-width: 1088px){
  .page-catalog-category{
    scroll-behavior: smooth;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1088px) {
  .sub-category-grid .listWrapper .item-box .sub-category-item .picture {
    height: 75%;
  }
}

@media screen and (max-width: 1145px) and (min-width: 1088px) {
  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1088px) {
  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem.column {
    width: 25%;
  }

  .arone-category-page:not(.main-category-page) .sub-category-grid .listWrapper .item-box .sub-category-item .short-description{
    font-size: 0.8rem;
  }
}

@media screen and (max-width:1088px) and (min-width: 768px) {
  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem.column {
    width: 33.333333%;
  }
}

@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 {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}

@media screen and (max-width: 900px) {
  .homeFeaturedCategoriesWrapper .listWrapper .listItem.column {
    width: 50%;
  }
}

@media screen and (max-width: 899px) and (min-width: 768px){
  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
    font-size: 1.2rem;
  }

  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title{
    padding: 0;
  }
}

@media screen and (max-width: 950px){
  .category-description-wrapper .section ul{
    flex-direction: column;
  }
}

@media screen and (max-width: 767px),
print {
  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
    font-size: 1.5rem;
  }

  .sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
    transform: translateY(0);
  }

  .sub-category-grid .listWrapper .listItem{
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .homeFeaturedCategoriesWrapper .listWrapper .listItem.column {
    width: 100%;
  }

  .category-hero-section.is-primary {
    & .title, & .subtitle {
      text-align: left;
    }
  }

  .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title{
    padding: 3rem 0;
  }
}

/* Product Cards */
.catfish-default-product-box .product-title a {
  color: var(--Text-color);
}

/* Accordion */
.ict-accordion:not(.category-accordion){

  .accordion-item{

    .button{
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between !important;
      box-shadow: 0 3px 6px rgba(112, 112, 112, .25);
      background-color: var(--White-color);
      border-radius: 27px !important;
      color: var(--Text-color);
      margin-bottom: 0 !important;
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
      -webkit-border-radius: 27px !important;
      -moz-border-radius: 27px !important;
      -ms-border-radius: 27px !important;
      -o-border-radius: 27px !important;

      &:hover{
        background-color: rgba(237, 47, 136, .8);
        color: var(--White-color);

        .has-text-dark{
          color: var(--White-color) !important;
        }
      }
    }

    .has-text-dark{
      color: var(--Black-color) !important;
    }

    .fa-plus::before{
      content: '\f078';
    }
  }

  .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title {
    margin-top: 1rem;
  }

  .accordion-item.is-active{

    .fa-minus::before{
      content: '\f077';
    }

    .button{
      margin-bottom: 0;
      border-top-left-radius: 27px;
      border-top-right-radius: 27px;
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      background-color: var(--Primary-color);
      color: var(--White-color);

      .has-text-dark{
        color: var(--White-color) !important;
      }
    }

    .accordion-content{
      padding: 2rem;
      background-color: var(--White-color);
      box-shadow: 0 3px 6px rgba(112, 112, 112, .25);
      border-bottom-left-radius: 27px;
      border-bottom-right-radius: 27px;

      .link{
        display: flex;
        margin-bottom: .25rem;

        span:hover{
          text-decoration: underline;
        }
      }

      .link .icon{
        display: none;
      }
    }
  }
}

/*------------------------------------*\
  #LAYOUTS
\*------------------------------------*/
/* Header */
.navbar {

  a.navbar-item,
  a.navbar-link {
    font-weight: 600;
  }

  .navbar-link:not(.is-arrowless)::after {
    border-color: var(--Black-color);
  }

  .buttons .button {
    background-color: transparent;
  }

  .buttons .button i {
    font-size: 1.333333rem;
    font-weight: 400;
    color: var(--Text-color);
  }

  .buttons .button:hover i {
    font-weight: 700;
    color: var(--Primary-color);
  }

  @media screen and (min-width: 1088px) {
    .navbar-dropdown {
      box-shadow: var(--Box-shadow-white);
      top: 90%;
      border-top-right-radius: 14px;
      border-top-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      border-top: unset;
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
      background-color: transparent;
      color: #0a0a0a;
      color: var(--Primary-color);
    }
  }

  @media screen and (max-width: 1087px) {
    .navbar-item i {
      font-weight: 400;
    }
  }
}

/* Footer */
.ict-dedicated-footer .columns {
  padding-top: 3rem;
  border-top: 1px solid var(--Text-color);
}

.ict-dedicated-footer a,
.ict-dedicated-footer--copyright a {
  color: var(--Text-color);
  font-weight: 600;

  &:hover {
    color: var(--Primary-color);
  }
}

.ict-dedicated-footer .footer-logo > .block {
  display: flex;
}

.ict-dedicated-footer .footer-logo .ict-social-links{
  margin-left: 1em;
}

.ict-dedicated-footer .footer-logo .ict-social-links .custom a .image {
  height: 5rem;
}

.ict-dedicated-footer .footer-logo .ict-social-links .custom a .image img {
  max-width: 2.333em;
}

.ict-dedicated-footer .footer-logo li+li {
  margin-top: 0;
}

.ict-dedicated-footer .footer-logo li:not(:first-child) {
  margin-left: .25rem;
}

.ict-dedicated-footer .footer-logo .icon.is-medium .fa-lg {
  font-size: 2em;
}

@media screen and (max-width: 1268px) and (min-width: 1088px) {

  .ict-dedicated-footer,
  .ict-dedicated-footer--copyright {
    .columns {
      justify-content: space-between !important;
    }

    .column:first-child {
      width: 100%;
    }

    .column:last-child {
      width: 50%;
    }

    .column {
      width: 40%;
    }
  }

  .ict-dedicated-footer--copyright .column:nth-child(3) {
    width: 20%;
  }
}

@media screen and (max-width: 1087px) {
  .ict-dedicated-footer {
    .column {
      width: 100%;
    }

    .column:last-child {
      width: 50%;
    }
  }

  .ict-dedicated-footer .column>.block {
    justify-content: center;
  }

  .footer-logo .ict-image {
    height: auto;
  }

  .ict-dedicated-footer .column.menu-column {
    justify-content: center;
  }

  .ict-dedicated-footer--copyright .column:nth-child(2) {
    width: 50%;
  }

  .ict-dedicated-footer--copyright .column:nth-child(2) .block:first-child ul {
    margin-right: 0rem !important;
  }

  .ict-dedicated-footer--copyright .column:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .ict-dedicated-footer .menu-column .block,
  .ict-dedicated-footer .menu-column .block li {
    text-align: center;
  }

  .ict-dedicated-footer .menu-column > .block {
    width: 100% !important;
  }

  .ict-dedicated-footer--copyright .ict-wysiwyg p {
    text-align: center;
  }

  .ict-dedicated-footer--copyright .columns{
    flex-direction: column-reverse;
  }

  .ict-dedicated-footer--copyright .column:nth-child(2) {
    justify-content: center;
    width: 100% !important;
  }

  .ict-dedicated-footer--copyright .block{
    width: 100% !important;
  }

  .ict-dedicated-footer--copyright .block .ict-list li{
    text-align: center;
  }

  .ict-dedicated-footer--copyright .block .ict-list{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}

/*------------------------------------*\
  #ADMIN PAGES
\*------------------------------------*/
/* Login */
.login__wrapper {
  h1.title {
    text-align: center;
    margin-bottom: 3rem !important;
  }

  .columns {
    justify-content: center;
  }
}

.login-title {
  position: relative;
  margin-top: 6rem;
}

.login-title::before {
  content: "";
  background-image: url("/467712307/Handler/Picture/GU/F/ThemeImages/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 5rem;
  position: absolute;
  left: 115%;
  top: -100%;
  transform: translate(-80%, -100%);
}

.login__wrapper .returning-wrapper .returning-wrapper__inner {
  background: transparent;
  border: 2px solid rgba(54, 54, 54, 0.3);
  box-shadow: var(--Box-shadow-white);
}

/* Homepage */
.homeFeaturedProducts .columns{
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .banner-image-column {
    position: relative;
  }

  .banner-image-column::before,
  .banner-image-column::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .banner-image-column::before {
    background-image: url('/1556108696/Handler/CSSOverride/GetImage/1/Printer_Isometric.png');
    right: 0;
    top: 0;
    background-size: 60%;
    background-repeat: no-repeat;
    transform: translate(100%, 20%);
    -webkit-transform: translate(100%, 20%);
    -moz-transform: translate(100%, 20%);
    -ms-transform: translate(100%, 20%);
    -o-transform: translate(100%, 20%);
  }

  .banner-image-column::after {
    background-image: url('/-379896859/Handler/CSSOverride/GetImage/1/Label_Roll_Extended.png');
    background-size: 100%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 175%;
    height: 105%;
    transform: translate(-35%);
    -webkit-transform: translate(-35%);
    -moz-transform: translate(-35%);
    -ms-transform: translate(-35%);
    -o-transform: translate(-35%);
  }
}

@media screen and (max-width: 1380px) and (min-width: 1088px) {
  .banner-ribbon-section .column {
    flex-direction: column;
  }
}

@media screen and (max-width: 900px) and (min-width: 768px) {
  .banner-image-column .ict-space br:nth-child(n+3) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .banner-image-column .ict-space {
    display: none;
  }

  .banner-ribbon-section .column {
    flex-direction: column;
  }
}

@media screen and (max-width: 400px) {
  .banner-ribbon-section .column {
    width: 100%;
  }
}

/* Category Pages*/
.main-category-page .homePageCategories .listItem:last-child .picture{
  display: none;
}

.arone-category-page .listWrapper{
  justify-content: center;
}

.main-category-page .homeFeaturedCategoriesWrapper .listWrapper .listItem:last-child .small-product-item .category-item .product-title{
  bottom: 50%;
}

.main-category-page .homePageCategories .listItem:last-child a{
  display: inline-flex;
  height: 3.14286em;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  text-decoration: underline;
}

.main-category-page .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem:last-child .small-product-item .category-item .product-title a{
  color: var(--Text-color);

  &:hover{
      color: var(--Primary-color);
  }
}

.category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (min-width: 1088px) {
  .main-category-page .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem:last-child .small-product-item .category-item .product-title {
      padding: 0;
  }
}

@media screen and (max-width: 767px){
  .main-category-page .category-bottomdescription-wrapper .homeFeaturedCategoriesWrapper .listWrapper .listItem:last-child{
      width: 50%;
  }
}

/* Category Pages / Subcategory */


.subcategory-product .category-product-section .listWrapper.columns{
  justify-content: center;
}
.arone-category-page,
.category-hero-section.is-primary {
  background-color: var(--White-color);
  text-align: left;
  
  h1.title{
    text-align: center;
  }

  .title,
  .subtitle {
    color: var(--Text-color);
  }

  .category-accordion .accordion-item{

    .button,
    .button:hover,
    .button:active{
      padding: 0;
      background-color: transparent;
      color: var(--Primary-color);
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;

      &:hover{
        padding: 0;
        background-color: transparent;
        color: var(--Primary-color);
      }
    }

    .accordion-content {
      padding: 0;
    }
  }

  .category-accordion .accordion-item.is-active{
    display: flex;
    flex-direction: column-reverse;
  }

  .ict-accordion .button.is-rounded.accordion-title{
    min-width: unset;
    height: 3.14286em;
  }
  
  .ict-accordion .button.is-rounded.accordion-title .fas.fa-plus,
  .ict-accordion .button.is-rounded.accordion-title .fas.fa-minus{
    color: var(--Primary-color) !important;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
  }
  
  .ict-accordion .button.is-rounded.accordion-title .fas.fa-plus::before{
    content: "\f078";
  }
  
  .ict-accordion .accordion-item.is-active .fa-minus::before{
    content: "\f077";
  }
}

.category-description-wrapper .subcategory-banner .has-object-fit.image.is-2by1{
  padding-top: 35%;
}

.category-description-wrapper .subcategory-banner .has-object-fit.image.is-16by9{
  padding-top: 25.25%;
}

.category-description-wrapper .subcategory-banner .has-object-fit img{
  object-fit: contain;
}

.arone-category-page .subcategory-with-products-wrapper {
  background-color: transparent;

  .title {
    text-align: center;

    a {
      text-decoration: underline;
      text-decoration-color: transparent;
      transition: .3s;
      text-underline-offset: 0.25rem;

      &:hover {
        color: var(--Primary-color);
        text-decoration: underline !important;
      }
    }
  }

  a {
    color: var(--Text-color);

    &:hover {
      color: var(--Primary-color);
    }
  }
}

/* Product landing Page */

/* Product Attribute Image */
.attribute.contains-image-attribute .columns {
  margin: -2px;
}

.attribute.contains-image-attribute .columns .column {
  padding: .25rem;
}

.attribute.contains-image-attribute label.button {
  height: auto !important;
  border: unset;

}

.attribute.contains-image-attribute span.text {
  position: absolute;
  bottom: .75rem;
  z-index: 10;
  background-color: transparent;
  font-size: 0.75em;
  font-weight: 700;
  white-space: normal;
}

.attribute.contains-image-attribute .attribute-item .attribute-value-item {
  max-width: 25% !important;
  width: 100%;
  flex: none;
  overflow: hidden;
}

.attribute.contains-image-attribute .attributeValueInfo {
  width: 100%;
  margin: 0px;
  padding: .5rem .5rem 1rem .5rem;
}

.attribute.contains-image-attribute .attributeValueInfo .image.is-1by1 {
  padding-top: 130%;
}

.attribute.contains-image-attribute .attributeValueInfo .attribute_image_template img {
  object-fit: contain;
}

@media only screen and (min-width: 1088px) {
  .attribute.contains-image-attribute .attribute-value-item.column {
    max-width: 25% !important;
  }
}

@media screen and (max-width: 767px) {
  .attribute.contains-image-attribute .columns {
    display: flex;
  }
}

@media screen and (max-width: 475px) {
  .attribute.contains-image-attribute .attribute-item .attribute-value-item {
    max-width: 50% !important;
  }
}

/* Related Product Section */
.related-products-section {
  background-color: var(--White-color) !important;

  .title {
    color: var(--Text-color) !important;
  }
}

/* Multi-part Page */
.multipartUi-V2-Intro .title,
.multipartUi-V2-wrapper .title{
  color: var(--Black-color) !important;
}

.multipartUi-V2-productInfoAndRequirements .box,
.multipartUi-V2-UploadsArea .box {
  background-color: transparent;
}

.multipartUi-V2-UploadsArea .box>h2.subtitle {
  font-weight: 700;
}

.multipartUi-V2-productInfoAndRequirements .box:has(.fa-angle-down) {
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.progress.is-success::-moz-progress-bar {
  background-color: var(--Secondary-color);
}

#previewArea{
  border: 1px solid var(--Grey-color);
}

#previewArea .cf_imageViewer_prev::before{
  color: var(--Primary-color);
}

#previewArea .cf_imageViewer_next::before{
  color: var(--Secondary-color);
}

#multipart-new-preview{
  padding: 0;
}

/* Basket Page*/
.shoppingcart__wrapper .cart-item-row .product {
  .rawAttributeInfo__item {
      display: flex;
      font-size: .833em;
      flex-wrap: wrap;
  }

  .rawAttributeInfo__item:not(:first-child) {
      margin-top: .5rem;
  }

  .rawAttributeInfo__item:not(:first-child) .title {
      margin-top: 0;
  }

  .rawAttributeInfo__item {
      display: flex;
      flex-wrap: wrap;
  }

  .rawAttributeInfo__item span.title {
      flex-shrink: 0;
      flex-basis: auto;
      font-size: 1rem;
      font-weight: 600;
  }

  .rawAttributeInfo__item .separator {
      margin-right: .5rem;
      margin-left: .2rem;
  }
}

.shoppingcart__wrapper .cartTableWrapper table td,
.shoppingcart__wrapper .cartTableWrapper table th{
padding: 2em .75em;
}

.shoppingcart__wrapper .cartTableWrapper table td {
padding-top: 2rem;
}

@media screen and (min-width: 475px) {
  .shoppingcart__wrapper .cart-item-row .product {
    .rawAttributeInfo {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }
}


@media screen and (max-width: 1150px) {

  #cartsliderrow .cartTableWrapper .cart-item-row,
  .shoppingcart__wrapper .cartTableWrapper .cart-item-row {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #fafafa;
  }

  #cartsliderrow .cartTableWrapper .cart-item-row .cart--actions,
  .shoppingcart__wrapper .cartTableWrapper .cart-item-row .cart--actions {
    order: 2;
  }

  #cartsliderrow .cartTableWrapper thead,
  .shoppingcart__wrapper .cartTableWrapper thead {
    display: none;
  }

  #cartsliderrow .cart-footer .cart-footer__container .columns .column,
  .shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column {
    width: 100%;
  }
}


/* Checkout */
.one-page-checkout .cart-item-row .product {
  flex-basis: 50%;

  .rawAttributeInfo__item {
    display: flex;
    font-size: .833em;
    flex-wrap: wrap;
  }

  .rawAttributeInfo__item:not(:first-child) {
    margin-top: .5rem;
  }

  .rawAttributeInfo__item:not(:first-child) .title {
    margin-top: 0;
  }

  .rawAttributeInfo__item {
    display: flex;
    flex-wrap: wrap;
  }

  .rawAttributeInfo__item span.title {
    flex-shrink: 0;
    flex-basis: auto;
    font-size: 1rem;
    font-weight: 600;
  }

  .rawAttributeInfo__item .separator {
    margin-right: .5rem;
    margin-left: .2rem;
  }
}

.one-page-checkout .cartTableWrapper .cart tr.cart-item-row {
  background: transparent;
  border: 2px solid var(--Grey-color);
}

/* Advance Select */
.advanced-select.is-extended {

  

  .item-list {
    background: var(--White-color);
    border-radius: 0px;
    border-left: #ED2F88 2px solid;
    border-right: #ED2F88 2px solid;
  }

  .button.is-fullwidth.is-marginless {
    box-shadow: none;
  }

  .footer-controls {
    border: #ED2F88 2px solid;
  }
}

.advanced-select  .selected-item{
  border: #ED2F88 2px solid;
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  -ms-border-radius: 24px !important;
  -o-border-radius: 24px !important;
}

/*------------------------------------*\
 #CHECKOUT STEPS
\*------------------------------------*/

/*------------------------------------*\
 #MY ACCOUNT PAGES
\*------------------------------------*/

/*------------------------------------*\
    #TOPIC PAGES
\*------------------------------------*/
.FAQs .card{
  border-radius: 24px;

  .card-header{
    box-shadow: unset;
  }

  .card-header-icon{
    margin-right: 1rem;
  }
}

.product-version-list .product-version-item{
  align-items: flex-end;
  margin-bottom: .5rem;
}

.product-version-item .field.product-version-controls .field{
  position: relative;
}

.product-version-item .field.product-version-controls .field:first-child::before,
.product-version-item .field.product-version-controls .field:nth-child(2):before{
  font-weight: 700;
  font-size: 80%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: -1.5rem;
  text-wrap: nowrap;
}


.product-version-item .field.product-version-controls .field:first-child::before{
  content: 'Version Name';
  margin-left: .75rem;
}

.product-version-item .field.product-version-controls .field:nth-child(2):before{
  content: 'Qty';
  display: flex;
  justify-content: center;
}

.product-version-list .product-version-item--image{
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .custom-product-form .field:not(:last-child){
    margin-bottom: 2.25rem;
  }
}

@media screen and (max-width: 1087px) {
  .product-version-item .field.product-version-controls .field:nth-child(2):before{
    justify-content: flex-start;
    margin-left: .75rem;
  }
}
