/*-------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(--white-color);
  border: 2px solid var(--secondary-color);
  background: var(--secondary-color);
}

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

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

/*---Work in progress---------- */
/*----------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;
}

/*------------------------------------*\
  #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 ul.ict-list {
  width: 100%;
}
.navigation-block-list li {
  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 li a {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--black-color);
  line-height: 1.1em;
  padding: 1.5rem;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 1087px) {
  .navigation-block-list li a {
    padding: 2rem 1rem;
    font-size: 1rem;
  }
}
.navigation-block-list li:hover {
  background-color: #1D1D25;
}
.navigation-block-list li:hover a {
  color: var(--white-color);
}
.navigation-block-list li.has-icon-top::before {
  font-family: FontAwesome;
  position: absolute;
  right: 0.75rem;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: var(--primary-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.navigation-block-list li.has-icon-top.book {
  position: relative;
}
.navigation-block-list li.has-icon-top.book::before {
  content: "\f02d";
}
.navigation-block-list li.has-icon-top.order {
  position: relative;
}
.navigation-block-list li.has-icon-top.order::before {
  content: "\f543";
}

ul.has-link-centered li {
  display: flex;
  justify-content: center;
  text-align: center;
}

/*---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;
}

/*------------------------------------*\
  #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);
}

/*---Header---------- */
.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;
}
@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);
}

/*------------------------------------*\
 #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 */