/*-------Abstract---------*/
/*------------------------*/
:root {
  --primary-color: #0C71C3;
  --primary-dark-color: #0b66b0;
  --primary-light-color: #86b8e1;
  --secondary-color: #0068B3;
  --secondary-dark-color: #005ea1;
  /*---Neutral Colors--------*/
  --white-color: #fff;
  --black-color: #000;
  --grey-color: #ececec;
  --lightgray-color: #f2f2f2;
  --darkgray-color: #415058;
  /*---Status Colors--------*/
  --info-color: #118CD9;
  --success-color: #75C723;
  --warning-color: #F7AB26;
  --danger-color: #D91212;
  --danger-dark-color: #c31010;
}

/*----------Base----------*/
/*------------------------*/
/*---Buttons---------- */
.catfish-button,
.button,
a {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.is-outlined,
.catfish-button.is-outlined {
  background-color: transparent;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.is-outlined:focus, .is-outlined:hover, .is-outlined:active,
.catfish-button.is-outlined:focus,
.catfish-button.is-outlined:hover,
.catfish-button.is-outlined:active {
  border: 2px solid var(--primary-dark-color);
  background-color: var(--primary-dark-color);
  color: #fff;
}

/*---Paragraph Links Only---------- */
p:not(.back-link) a {
  font-size: 0.875rem;
  position: relative;
  display: inline;
  line-height: 20px;
}

p:not(.back-link) a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  transition: transform 0.25s ease-out;
  background-color: var(--black-color);
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -ms-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
}

p:not(.back-link) a:hover {
  color: inherit !important;
}

p:not(.back-link) a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom center;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}

/*---Basket page---------- */
#deleteall {
  background-color: var(--danger-color);
  border: var(--danger-color);
  color: var(--white-color);
}
#deleteall:focus, #deleteall:hover, #deleteall:active {
  background-color: var(--danger-dark-color);
  color: var(--white-color);
}

#continueshoppingDummy {
  border-color: var(--black-color);
}
#continueshoppingDummy:focus, #continueshoppingDummy:hover, #continueshoppingDummy:active {
  background-color: var(--black-color);
  color: var(--white-color);
}

/*---Checkout Back Button--------- */
p.back-link a {
  background-color: transparent;
  border: 2px solid currentColor;
  color: var(--black-color);
}
p.back-link a:hover {
  background-color: var(--black-color);
  color: var(--white-color) !important;
}

h1.title.is-1 {
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  h1.title.is-1 {
    font-size: 3.88rem;
  }
}

h2.title.is-1,
h3.subtitle.is-1,
.category-hero-section h1.title {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  h2.title.is-1,
  h3.subtitle.is-1,
  .category-hero-section h1.title {
    font-size: 3.88rem;
  }
}

h1.title.is-2,
h2.title.is-2,
.page-title h1.title,
.one-page-checkout .step-title h2,
.account-page .page-title h1.title,
.orders_v2_title.title,
.details-wrapper h1.title {
  font-weight: 700;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  h1.title.is-2,
  h2.title.is-2,
  .page-title h1.title,
  .one-page-checkout .step-title h2,
  .account-page .page-title h1.title,
  .orders_v2_title.title,
  .details-wrapper h1.title {
    font-size: 2.5rem;
  }
}

h1.title.is-3,
h2.title.is-3,
h3.subtitle.is-2 {
  font-weight: 700;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  h1.title.is-3,
  h2.title.is-3,
  h3.subtitle.is-2 {
    font-size: 1.875rem;
  }
}

h3.subtitle.is-4,
.category-hero-section p.subtitle.is-6 {
  font-weight: 700;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  h3.subtitle.is-4,
  .category-hero-section p.subtitle.is-6 {
    font-size: 1.44rem;
  }
}

.has-overlay-default {
  position: relative;
}
.has-overlay-default::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/*-------Components-------*/
/*------------------------*/
/*---Header Components---------- */
/*---Search Bar--------- */
/*---Global Components---------- */
.navbar-divider {
  background-color: var(--primary-light-color);
}

/*---Category card---------- */
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box {
  border-top: none;
  border-radius: 0;
}

/*---Product card---------- */
.homeFeaturedProductsWrapper .homeFeaturedProducts .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton,
.category-product-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton,
.search-results .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton,
.related-products-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton {
  background-color: transparent;
  border: 2px solid var(--black-color);
  color: var(--black-color);
}
.homeFeaturedProductsWrapper .homeFeaturedProducts .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:hover, .homeFeaturedProductsWrapper .homeFeaturedProducts .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:focus, .homeFeaturedProductsWrapper .homeFeaturedProducts .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:active,
.category-product-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:hover,
.category-product-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:focus,
.category-product-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:active,
.search-results .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:hover,
.search-results .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:focus,
.search-results .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:active,
.related-products-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:hover,
.related-products-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:focus,
.related-products-section .listWrapper .listItem .product-item--info .add-info .productlistaddtocartbutton:active {
  background-color: var(--black-color);
  color: var(--white-color);
}
.homeFeaturedProductsWrapper .homeFeaturedProducts .listWrapper .listItem .product-item--info .product-title a,
.category-product-section .listWrapper .listItem .product-item--info .product-title a,
.search-results .listWrapper .listItem .product-item--info .product-title a,
.related-products-section .listWrapper .listItem .product-item--info .product-title a {
  color: var(--black-color);
}

/*---Accordion---------- */
.ict-accordion .accordion-item .button.is-rounded.accordion-title {
  margin-bottom: 0.5rem;
}
.ict-accordion .accordion-item .button.is-rounded.accordion-title i {
  position: absolute;
  right: 1rem;
}
.ict-accordion .accordion-item .button.is-rounded.accordion-title .fa-plus:before, .ict-accordion .accordion-item .button.is-rounded.accordion-title .t-plus:before {
  content: "\f055";
  color: var(--white-color);
}
.ict-accordion .accordion-item .button.is-rounded.accordion-title .fa-minus:before, .ict-accordion .accordion-item .button.is-rounded.accordion-title .t-minus:before {
  content: "\f056";
  color: var(--white-color);
}
.ict-accordion .accordion-item:not(:first-of-type) .button.is-rounded.accordion-title {
  margin-top: 0rem;
}
.ict-accordion .accordion-item.is-active {
  margin-bottom: 0.5rem;
}
.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title {
  background-color: var(--primary-color);
  margin-bottom: 0;
}
.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title:hover {
  background-color: var(--primary-color);
}
.ict-accordion .accordion-item.is-active .accordion-content {
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 1rem;
}

/*---Custom Components---------- */
/*---Megaedit---------- */
.addtoBasketScreenContainer h1::before,
.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/1/ME_Logo.png");
  width: 150px;
  height: 150px;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.loadingScreen .fa-cog,
.addtoBasketScreen .fa-spinner {
  border: 0.1875rem solid var(--primary-color);
  border-right-color: var(--secondary-color);
}

.loadingScreen .ME_loading_hints ul li {
  border-color: var(--primary-color);
  border-width: 2px;
}

#addToBasketScreenMsg,
.loadingScreen .ME_loading_hints ul li,
.ME_loading_hints ul li::before,
.loadScreenStepIndicator {
  color: var(--black-color) !important;
}

.addtoBasketScreen .addtoBasketScreenContainer > h1::before {
  top: 0;
  width: 14rem;
  left: 50%;
  height: 150px;
  width: 150px;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
}

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

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

/*---Multipart---------- */
/*---------Layout---------*/
/*------------------------*/
/*---Header Fix---------- */
@media screen and (min-width: 1088px) {
  .navbar {
    /* Icons */
  }
  .navbar .navbar-item .button.is-small {
    font-size: 1.222em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .navbar .navbar-item .button.is-primary,
  .navbar .navbar-item .button.is-white {
    background-color: transparent;
  }
  .navbar .navbar-item .button:first-child {
    padding-left: 1.15rem;
    padding-right: 1.25rem;
    font-size: 1.222em;
  }
  .navbar .navbar-item .button {
    font-size: 1.222em;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  .navbar .navbar-item i {
    font-size: 1em;
    font-weight: 700;
    color: var(--black-color);
  }
}

/*---Section---------- */
@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;
  }
}
/*---Footer--------- */
.ict-dedicated-footer {
  border-top: 1px solid var(--lightgray-color);
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
.ict-dedicated-footer p a {
  color: var(--primary-color);
}
.ict-dedicated-footer a:hover {
  text-decoration: none;
}
.ict-dedicated-footer .ict-list a {
  font-size: 0.875rem;
  position: relative;
  display: inline;
  line-height: 20px;
}
.ict-dedicated-footer .ict-list a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  transition: transform 0.25s ease-out;
  background-color: var(--black-color);
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -ms-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
}
.ict-dedicated-footer .ict-list a:hover {
  color: inherit !important;
}
.ict-dedicated-footer .ict-list a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom center;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}
.ict-dedicated-footer .footer-copyright {
  font-size: 0.875rem;
  text-align: center;
  margin-top: 1.5rem;
}

/*----------Pages----------*/
/*------------------------*/
/*---Homepage--------- */
/*---Category Pages--------- */
/*---Product Landing---------- */
.advanced-select {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.advanced-select .footer-controls {
  background-color: var(--lightgray-color);
}
.advanced-select .footer-controls .action-button-wrapper .button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
}
.advanced-select .footer-controls .action-button-wrapper .button:hover {
  background-color: var(--primary-dark-color);
  border-color: var(--primary-dark-color);
  color: var(--white-color);
}
.advanced-select:hover .selected-item,
.advanced-select:hover .item-list,
.advanced-select:hover .footer-controls, .advanced-select:focus .selected-item,
.advanced-select:focus .item-list,
.advanced-select:focus .footer-controls, .advanced-select.active .selected-item,
.advanced-select.active .item-list,
.advanced-select.active .footer-controls {
  border-color: var(--black-color);
  border-width: 2px;
}

.advanced-select.is-extended .item-list {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-color: var(--lightgray-color);
}
.advanced-select.is-extended .item-list .column {
  padding: calc(0.75rem - 8px);
}
.advanced-select.is-extended .item-list button.button.is-outlined {
  border: 2px solid var(--black-color);
  color: var(--black-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.advanced-select.is-extended .item-list button.button.is-outlined span.text {
  color: var(--black-color);
}
.advanced-select.is-extended .item-list button.button.is-outlined:hover {
  background-color: var(--black-color) !important;
}
.advanced-select.is-extended .item-list button.button.is-outlined:hover span.text {
  color: var(--white-color);
}
.advanced-select.is-extended .item-list span.text {
  color: var(--darkgray-color);
}

/* Shipping Method */
.one-page-checkout #opc-shipping_method .shipping-options {
  background-color: transparent;
}
.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item label {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked + label {
  background-color: var(--primary-color);
}
.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked + label .ui-button-text {
  color: var(--white-color);
}
.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked + label:before {
  color: var(--white-color);
}
.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked + label:after {
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  background: var(--white-color);
}

.one-page-checkout #opc-payment_method .payment-methods {
  background-color: transparent;
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label {
  border: 2px solid var(--advanced-border-color);
  color: var(--primary-color);
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked + label {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked + label:before {
  color: white;
}

.one-page-checkout #opc-confirm_order .step-title h2 {
  margin-bottom: 0;
}
.one-page-checkout #opc-confirm_order .subtitle {
  text-align: center;
}

/*---Admin pages---------- */
.od_row--billing .od_row_formating:has(.od_billing) {
  display: none;
}

.account-page--myorders .order_fullinfo .order_f_info.billingAddress {
  display: none;
}

/*---Password Recovery--------- */
.page-customer-passwordrecovery .password-recovery-page-form table tr:first-child td:first-child {
  text-align: center !important;
}

/*---Work in progress---------- */
/*---Basket pages---------- */
/* Basket Page */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
  min-height: 25vh;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo {
  display: flex;
  flex-wrap: wrap;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo .rawAttributeInfo__item {
  padding: 0.75rem;
  width: 50%;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo .rawAttributeInfo__item:nth-child(odd) {
  padding-left: 0;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo .title {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo .value {
  font-weight: 700;
  font-size: 0.875rem;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo .separator {
  display: none;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--unitprice {
  display: none;
}
@media screen and (min-width: 1472px) {
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--pictures {
    max-width: 150px;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal {
    position: absolute;
    right: 4.5rem;
    width: 75px;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--quantity {
    position: absolute;
    right: 8.5rem;
    min-width: 140px;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--quantity .quantityChanger {
    width: fit-content;
    min-width: 10ch;
    padding: 0.25em 0.5em;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions {
    position: relative;
    top: 4.5rem;
    max-width: 250px;
    right: 2.5rem;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions #deleteCartItem {
    background: transparent;
    color: var(--advanced-status-colors-danger);
    border: 1px solid var(--advanced-status-colors-danger);
    height: 2rem;
    border-radius: 4px;
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions #deleteCartItem:hover, .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions #deleteCartItem:focus, .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions #deleteCartItem:active {
    background-color: var(--advanced-status-colors-danger);
    color: var(--white-color);
  }
  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo {
    width: 26.66667rem;
  }
}

.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo {
  display: flex;
  flex-wrap: wrap;
}
.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo .rawAttributeInfo__item {
  padding: 0.75rem;
  width: 50%;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo .rawAttributeInfo__item:nth-child(odd) {
  padding-left: 0;
}
.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo .title {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo .value {
  font-weight: 700;
  font-size: 0.875rem;
}
.one-page-checkout .cartTableWrapper .cart .rawAttributeInfo .separator {
  display: none;
}

@media screen and (min-width: 1088px) {
  .one-page-checkout .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo {
    width: 25.125rem;
  }
  .cartTableWrapper .catfish-container,
  #checkout-confirm-order-load {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1087px) {
  .order-summary-body {
    width: 100%;
  }
}
/*----------Themes--------*/
/*------------------------*/
/*---Enterprise Files---------- */
/*------------------------------------*\
  #BASE
\*------------------------------------*/
/*---Buttons---------- */
.button:not(.has-style-custom-1 *):not(.has-icon):not(.admin-link):not(.accordion-title) {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  padding-top: 0.375em;
}

.button.is-secondary:not(.has-style-custom-1 *):not(.has-icon):not(.admin-link):not(.advanced-select .button):not(.accordion-title) {
  background: var(--white-color);
  color: var(--black-color);
  position: relative;
  overflow: hidden;
  z-index: 0;
  border: 2px solid currentColor;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.button.is-secondary:not(.has-style-custom-1 *):not(.has-icon):not(.admin-link):not(.advanced-select .button):not(.accordion-title)::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--black-color);
  border: var(--black-color);
  color: var(--white-color);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: -1;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.button.is-secondary:not(.has-style-custom-1 *):not(.has-icon):not(.admin-link):not(.advanced-select .button):not(.accordion-title):hover::before {
  transform: translateX(0);
  z-index: -1;
}
.button.is-secondary:not(.has-style-custom-1 *):not(.has-icon):not(.admin-link):not(.advanced-select .button):not(.accordion-title):hover {
  color: var(--white-color);
  background-color: transparent;
  border: none;
}

.button.is-large {
  height: 3.75em;
}

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
.is-text-wrap {
  text-wrap: wrap;
}

.box-has-margin-top-auto a.box{
  margin-top: auto;
}
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/*---Buttons---------- */
.has-icon {
  position: relative;
  padding-right: 2.5rem;
}
.has-icon:hover, .has-icon:focus, .has-icon:active {
  background-color: transparent !important;
}
.has-icon::before {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: inherit !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.has-icon:hover::before, .has-icon:focus::before, .has-icon:active::before {
  right: 0.25rem;
  color: currentColor;
}

.is-ghost.is-primary {
  background-color: transparent;
  padding-left: 0;
  color: var(--primary-color);
}
.is-ghost.is-primary:hover, .is-ghost.is-primary:focus, .is-ghost.is-primary:active {
  color: var(--primary-color);
}

.is-ghost.has-text-white.has-style-custom-1 {
  background-color: transparent;
  padding-left: 0;
  color: var(--white-color);
}
.is-ghost.has-text-white.has-style-custom-1:hover, .is-ghost.has-text-white.has-style-custom-1:focus, .is-ghost.has-text-white.has-style-custom-1:active {
  color: var(--white-color);
}

/*---Link Block---------- */
@media screen and (max-width: 900px) {
  .navigation-lists .ict-title.title {
    text-align: center !important;
  }
  .navigation-lists .column {
    width: 100%;
  }
}

.navigation-block-list {
  justify-content: center;
}
.navigation-block-list .has-link-centered {
  justify-content: center;
}
.navigation-block-list .has-icon-top {
  width: 33.333333%;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 1rem;
  margin-top: 0;
}
.navigation-block-list .has-icon-top a {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--black-color);
  line-height: 1.1em;
  padding: 1.5rem;
  min-height: 140px;
  background-color: var(--white-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  width: 100%;
  transition: color 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
  -webkit-transition: color 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
  -moz-transition: color 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
  -ms-transition: color 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
  -o-transition: color 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
}
.navigation-block-list .has-icon-top a i {
  margin-bottom: 0.75rem;
  font-size: 3rem;
  color: var(--primary-color);
  transition: 0.3s;
}
.navigation-block-list .has-icon-top a:hover {
  background-color: #1D1D25;
  color: var(--white-color);
}

/*---Image---------- */
.block:has(.has-image-70) .is-inline-block {
  display: flex !important;
  justify-content: center;
}
.block:has(.has-image-70) .image.is-auto-size {
  width: 70%;
}

/*---Video---------- */
@media screen and (max-width: 1087px) {
  .video-block iframe {
    width: 100% !important;
    height: 500px;
  }
}
@media screen and (max-width: 768px) {
  .video-block iframe {
    width: 100% !important;
    height: 300px;
  }
}
@media screen and (max-width: 500px) {
  .video-block iframe {
    width: 100% !important;
    height: 300px;
  }
}

/*---Box Shadow---------- */
.has-box-shadow {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/*---Layout--------- */
@media screen and (max-width: 767px) {
  .section.column-reverse-mobile .columns {
    flex-direction: column-reverse;
  }
}
/*---Backgrounds---------- */
.has-overlay-primary {
  position: relative;
}
.has-overlay-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #003d69 0%, rgba(0, 61, 105, 0.58) 47%, rgba(0, 61, 105, 0.45) 98%);
}

@media screen and (max-width: 1440px) {
  .job-opening-slider li.section.has-background-original {
    background-size: contain;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.jobs-footer {
  margin-top: 25rem;
  position: relative;
}
@media screen and (max-width: 1087px) {
  .jobs-footer {
    margin-top: 20rem;
  }
}
@media screen and (max-width: 600px) {
  .jobs-footer {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 400px) {
  .jobs-footer {
    margin-top: 10rem;
  }
}
.jobs-footer .column.footer-image {
  position: absolute;
  top: -100%;
  transform: translateY(-50%);
}
.jobs-footer .column.footer-image .is-inline-block {
  width: 100%;
}
.jobs-footer .column.button-column {
  margin-top: 6rem;
}
@media screen and (max-width: 1087px) {
  .jobs-footer .column.button-column {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 600px) {
  .jobs-footer .column.button-column {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .jobs-footer .column.button-column {
    margin-top: 0rem;
  }
}
.jobs-footer .column.button-column .button {
  background-color: var(--primary-dark-color);
  border: 6px solid var(--white-color);
}
.jobs-footer .column.button-column .button:hover {
  background-color: var(--primary-color);
}

/*---File Block---------- */
.file-block {
  gap: 3rem;
}
.file-block a.button {
  width: fit-content;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .file-block span:last-child {
    text-wrap: wrap;
    word-break: break-word;
  }
}

/*---Indicator Blocks---------- */
.indicator-blocks {
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .indicator-blocks {
    flex-direction: column;
  }
}
.indicator-blocks > .block {
  margin-bottom: 0;
}

/*---Slider---------- */
.flexslider.infigo-slider .flex-control-paging li a {
  background: var(--darkgray-color);
  height: 0.5rem;
  width: 3rem;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.flexslider.infigo-slider .flex-control-paging li a.flex-active {
  background: var(--white-color);
}

/*---Newsletter---------- */
.newsLetterSmallWrapper__section {
  padding-top: 0;
  padding-bottom: 0;
}
.newsLetterSmallWrapper__section h1.title {
  font-weight: 700;
  text-align: left !important;
  color: var(--primary-color);
}
@media screen and (min-width: 1088px) {
  .newsLetterSmallWrapper__section h1.title {
    font-size: 3.8rem;
  }
}
.newsLetterSmallWrapper__section .newsletterbox-subscribebutton {
  background-color: transparent;
  border: 2px solid var(--black-color);
  color: var(--black-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.newsLetterSmallWrapper__section .newsletterbox-subscribebutton:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}
.newsLetterSmallWrapper__section .Email.catfish-input {
  border-color: var(--black-color);
}
.newsLetterSmallWrapper__section .Email.catfish-input::placeholder {
  color: var(--darkgray-color);
}
@media screen and (min-width: 1088px) {
  .newsLetterSmallWrapper__section .formItems .field.has-addons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
  }
}
.newsLetterSmallWrapper__section .control.is-expanded {
  width: 100%;
}

/*--Footer Ribbon --------------------*/
@media screen and (max-width: 767px) {
  .footer-ribbon .is-justify-content-center-mobile {
    display: flex !important;
    justify-content: center !important;
  }
}

/*---Category card---------- */
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item .product-title {
  background: var(--primary-color);
  padding: 2rem 0.5rem 2rem 0.5rem;
}
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item .product-title a {
  color: var(--white-color);
  font-weight: 500;
}
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:hover .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:focus .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:active .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:hover .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:focus .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:active .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:hover .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:focus .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:active .category-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:hover .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:focus .product-title,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:active .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:hover .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:focus .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:active .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:hover .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:focus .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:active .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:hover .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:focus .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:active .category-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:hover .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:focus .product-title,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:active .product-title {
  background: var(--primary-dark-color);
}
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:hover .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:focus .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .sub-category-item:active .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:hover .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:focus .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .small-product-item .category-item:active .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:hover .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:focus .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .sub-category-item:active .category-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:hover .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:focus .product-title a,
.homeFeaturedCategoriesWrapper .homePageCategories .listWrapper .listItem .item-box .category-item:active .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:hover .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:focus .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .sub-category-item:active .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:hover .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:focus .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .small-product-item .category-item:active .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:hover .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:focus .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .sub-category-item:active .category-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:hover .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:focus .product-title a,
.category-subcategory-section .sub-category-grid .listWrapper .listItem .item-box .category-item:active .product-title a {
  color: var(--white-color);
  font-weight: 500;
}

.is-infinite-mode .form-table tbody td[data-label="Specification Attributes"] .product-attribute-list {
  justify-content: flex-start;
}
.is-infinite-mode .form-table tbody td[data-label="Specification Attributes"] .product-attribute-list .product-attribute-tag.tag {
  font-size: 0.75rem;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-wrap: wrap;
  height: auto;
}

@media screen and (max-width: 1046px) and (min-width: 768px) {
  .cf-table .table.has-mobile-cards thead {
    display: none;
  }
  .cf-table .table.has-mobile-cards tfoot th {
    border: 0;
    display: inherit;
  }
  .cf-table .table.has-mobile-cards tr {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0.25em;
  }
  .cf-table .table.has-mobile-cards tr td {
    border: 0;
    display: inherit;
  }
  .cf-table .table.has-mobile-cards tr td.narrow {
    max-width: unset;
  }
  .cf-table .table.has-mobile-cards tr td:last-child {
    border-bottom: 0;
  }
  .cf-table .table.has-mobile-cards tr:not(:last-child) {
    margin-bottom: 1rem;
  }
  .cf-table .table.has-mobile-cards tr:not(.is-selected) {
    background: inherit;
  }
  .cf-table .table.has-mobile-cards tr:not(.is-selected):hover {
    background-color: inherit;
  }
  .cf-table .table.has-mobile-cards tr.detail {
    margin-top: -1rem;
  }
  .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    text-align: right;
    display: flex;
    width: auto;
    justify-content: flex-end;
    border-bottom: 1px solid #F5F9FB;
  }
  .cf-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
    margin-right: auto;
    padding-right: 0.5em;
    text-align: left;
    content: attr(data-label);
    font-weight: 600;
  }
}
/*------------------------------------*\
  #LAYOUTS
\*------------------------------------*/
/*---Header---------- */
.navbar {
  background-color: var(--lightgray-color);
}
.navbar .navbar-menu {
  justify-content: flex-end;
}
@media screen and (max-width: 1087px) {
  .navbar .navbar-menu {
    background-color: var(--lightgray-color);
    border-top: 1px solid var(--primary-color);
    overflow: hidden !important;
  }
}
.navbar .navbar-menu .navbar-start,
.navbar .navbar-menu .navbar-end {
  margin: unset;
}
.navbar a.navbar-item,
.navbar a.navbar-link {
  font-size: 0.875rem;
}
.navbar a.navbar-link[href$=".rocks/"] {
  pointer-events: none;
  cursor: default;
}
.navbar .navbar-dropdown a.navbar-item:hover,
.navbar .navbar-dropdown a.navbar-item:focus,
.navbar .navbar-dropdown a.navbar-item:active {
  background-color: #4C4E52;
  color: var(--white-color);
}
@media screen and (min-width: 1088px) {
  .navbar .navbar-dropdown {
    background-color: var(--lightgray-color);
    border-top-color: var(--primary-color);
  }
}
.navbar .navbar-end .button:hover {
  background-color: var(--white-color);
}

/*---Footer---------- */
.ict-dedicated-footer ul.ict-social-links {
  gap: 0.25rem;
}
.ict-dedicated-footer li span.icon .fa-lg {
  font-size: 1.888rem;
}
.ict-dedicated-footer .container.footer-copyright {
  text-align: left;
}

.ict-dedicated-footer .ict-social-links .custom a .image img {
  max-width: 1.65em;
}

@media screen and (max-width: 767px) {
  .ict-dedicated-footer .ict-dedicated-footer-column-1 .image.is-as-image,
  .ict-dedicated-footer .ict-dedicated-footer-column-2 .ict-social-links {
    display: flex;
    justify-content: center;
  }
  .ict-dedicated-footer .ict-dedicated-footer-column-3.column,
  .ict-dedicated-footer .ict-dedicated-footer-column-4.column {
    width: 50%;
  }
  .ict-dedicated-footer .column,
  .ict-dedicated-footer .footer-copyright {
    text-align: center !important;
  }
}

/*------------------------------------*\
  #ADMIN PAGES
\*------------------------------------*/
/*---Login---------- */
.login__wrapper {
  height: calc(100vh - 0em);
}

/*---Register---------- */
.homeFeaturedCategoriesTitleRow__title h3.title,
.homeFeaturedProductsWrapper h3.title,
.related-products-section h3.title {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: var(--black-color) !important;
}

/*---Shopping Cart---------- */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row,
.one-page-checkout .cartTableWrapper .cart tr.cart-item-row,
.account-page.account-page--addresses .address-item table tr.box {
  background: var(--white-color);
  border: 1px solid var(--lightgray-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem input {
  background-color: transparent;
  border: 2px solid var(--black-color);
  color: var(--black-color);
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem input:hover, .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem input:focus, .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem input:active {
  background-color: var(--black-color);
  color: var(--white-color);
}
.shoppingcart__wrapper .cart-footer .cart-footer__container {
  border-width: 2px;
}

/*---Category Page---------- */
.category-hero-section h1.title {
  text-transform: uppercase;
  margin-bottom: 0;
}
.category-hero-section .subtitle.is-6 {
  margin-bottom: 0.75rem;
}

/*------------------------------------*\
 #CHECKOUT STEPS
\*------------------------------------*/
/*------------------------------------*\
 #MY ACCOUNT PAGES
\*------------------------------------*/
/*---Navigation Block---------- */
.block-account-navigation {
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding: 1.5rem;
  border: 2px solid var(--lightgray-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.block-account-navigation .title {
  font-weight: 500;
}

/*---Address---------- */
.account-page.account-page--addresses .address-item table tr.box .editaddressbutton {
  background-color: transparent;
  color: var(--black-color);
  border: 2px solid var(--black-color);
}
.account-page.account-page--addresses .address-item table tr.box .editaddressbutton:hover, .account-page.account-page--addresses .address-item table tr.box .editaddressbutton:focus, .account-page.account-page--addresses .address-item table tr.box .editaddressbutton:active {
  background-color: var(--black-color);
  color: var(--white-color);
}

/* Order page */
li.od_info:has(> a[href*="tracking"]) {
  font-weight: 400 !important;
  white-space: nowrap;
  font-size: 0.875rem !important;
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
}

li.od_info:has(> a[href*="tracking"])::first-line {
  font-weight: 600;
  color: #111827;
}

/* Tracking link — pill */
li.od_info:has(> a[href*="tracking"]) > a {
  display: inline-block;
  margin: 0.5rem 0 0;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: #1a6fb5;
  font-weight: 600;
  text-decoration: none;
  border: none;
}
li.od_info:has(> a[href*="tracking"]) > a:hover {

  text-decoration: underline;
}


.tracking-toggle {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 0.4rem;
  margin: 0.4rem auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #6b7280;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
}
.tracking-toggle .tt-label {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tracking-toggle:hover { color: #1a6fb5; }
.tracking-toggle:focus-visible {
  outline: 2px solid #1a6fb5;
  outline-offset: 2px;
}


.tracking-toggle .tt-arrow {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);            
  margin-top: -3px;                    
  transition: transform 0.2s ease, margin-top 0.2s ease;
}
.tracking-toggle[aria-expanded="true"] .tt-arrow {
  transform: rotate(-135deg);           
  margin-top: 3px;
}


.tracking-extra {
  margin-top: 0.35rem;
  color: #6b7280;
  text-align: center;
}

.tracking-num {
  display: block;
  opacity: 0;
}

.tracking-extra.is-open .tracking-num {
  animation: trackingIn 0.3s ease-out forwards;
  animation-delay: calc(var(--i) * 45ms);
}

@keyframes trackingIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .tracking-extra.is-open .tracking-num { animation: none; opacity: 1; }
}

/* Order page - Shipping */
/* 2+ items → hide the shipping address */
.account-page--order-details:has(.additional-address-container > table:nth-of-type(2)) .od_row--shipping {
  display: none;
}

/* Exactly 1 item → hide the checkout attributes */
.account-page--order-details:has(.additional-address-container > table):not(:has(.additional-address-container > table:nth-of-type(2))) .checkout-attributes {
  display: none;
}
/*------------------------------------*\
 #TOPIC PAGES
\*------------------------------------*/
/*---Animation---------- */
/* Scroll container */
.timeline-scroll-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
}

.timeline-sections-track {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.timeline-section-left,
.timeline-section-right {
  min-height: 100vh;
  width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.timeline-content-block .box,
.timeline-content-date .title {
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.timeline-content-date .title {
  transition-delay: 0.15s;
}

.timeline-section-left.visible .timeline-content-block .box,
.timeline-section-left.visible .timeline-content-date .title,
.timeline-section-right.visible .timeline-content-block .box,
.timeline-section-right.visible .timeline-content-date .title {
  opacity: 1;
  transform: scale(1);
}

.timeline-section-left:not(.visible) .timeline-content-block .box,
.timeline-section-left:not(.visible) .timeline-content-date .title,
.timeline-section-right:not(.visible) .timeline-content-block .box,
.timeline-section-right:not(.visible) .timeline-content-date .title {
  opacity: 0;
  transform: scale(0.85);
}

@media (max-width: 767px) {
  .timeline-scroll-container {
    height: auto !important;
    overflow: visible !important;
    position: static !important;
  }
  .timeline-sections-track {
    height: auto !important;
    transform: none !important;
  }
  .timeline-section-left,
  .timeline-section-right {
    min-height: auto !important;
    height: auto !important;
    width: 100% !important;
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    display: block !important;
  }
  .timeline-content-block .box,
  .timeline-content-date .title {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .timeline-sections-track[style] {
    transform: none !important;
  }
}
/*------------------------------------*\
 #RESPONSIVE PAGES
\*------------------------------------*/
@media screen and (max-width: 1087px) {
  .navbar .navbar-burger span {
    background-color: var(--primary-color);
  }
  .navbar .navbar-menu .navbar-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .navbar .navbar-menu .navbar-start > .navbar-item:not(:first-child),
  .navbar .navbar-menu .navbar-end > .navbar-item {
    margin-top: 0.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar .navbar-menu .navbar-item.has-dropdown > span {
    background: var(--white-color);
    border-radius: 100vw;
    transition: transform 0.3s ease;
  }
  .navbar .navbar-menu .navbar-item.has-dropdown.is-active > span {
    transform: translateY(3%);
  }
  .navbar .navbar-menu .navbar-link:not(.is-arrowless)::after {
    border-color: var(--primary-color);
    z-index: 999;
    top: 55%;
  }
  .navbar .navbar-menu .navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after {
    top: 65%;
  }
}

/*# sourceMappingURL=admin.css.map */