@charset "utf-8";
/* CSS Document */

/* =========================
   SITE BUTTONS
   ========================= */

button,
.button,
.catfish-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button {
  background-color: #f9812a !important;
  color: #ffffff !important;
  border: 1px solid #f9812a !important;
}

button:hover,
.button:hover,
.catfish-button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.button:hover {
  background-color: #ea5b0c !important;
  border-color: #ea5b0c !important;
  color: #ffffff !important;
}


/* =========================
   ACCOUNT PAGE TWEAKS
   ========================= */

.account-page--downloadableproducts td a.link {
  text-decoration: underline !important;
}

.block-account-navigation .listbox ul {
  display: flex;
  flex-direction: column;
}

.cf_accountlinks_CustomerChangePassword {
  order: 999;
}


/* =========================
   HIDE DOWNLOAD CHECKBOX UI
   ========================= */

.account-page--downloadableproducts table th:first-child,
.account-page--downloadableproducts table td:first-child {
  display: none !important;
}

.account-page--downloadableproducts .downloadCheckbox {
  display: none !important;
}

.account-page--downloadableproducts .download-btn {
  display: none !important;
}


/* =========================
   HOMEPAGE HERO / BANNER
   Full width + responsive height
   ========================= */

/* Force full-width layout */
.homebanners,
.homebanners .banner,
.homebanners .banners1,
.homebanners .banners1 .row__container,
.homebanners .banners1 .block,
.homebanners .banners1 .is-inline-block,
.homebanners .banners1 .ict-image {
  width: 100% !important;
  max-width: none !important;
}

/* Remove container padding */
.homebanners .banners1 .row__container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Fix inline-block constraint */
.homebanners .banners1 .is-inline-block {
  display: block !important;
}

/* Image wrapper */
.homebanners .banners1 .ict-image {
  overflow: hidden;
}

/* Default (mobile) */
.homebanners .banners1 .ict-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================
   LAPTOP / SMALL DESKTOP
   (+10% height)
   ========================= */
@media screen and (min-width: 769px) and (max-width: 1199px) {

  .homebanners .banners1 .ict-image {
    height: min(44vh, 400px); /* increased from ~40vh */
  }

  .homebanners .banners1 .ict-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 58%;
  }
}

/* Short laptops */
@media screen and (min-width: 769px) and (max-width: 1199px) and (max-height: 800px) {
  .homebanners .banners1 .ict-image {
    height: min(38vh, 340px);
  }
}

/* =========================
   MEDIUM DESKTOP
   ========================= */
@media screen and (min-width: 1200px) and (max-width: 1599px) {

  .homebanners .banners1 .ict-image {
    height: min(48vh, 460px); /* slightly taller */
  }

  .homebanners .banners1 .ict-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 55%;
  }
}

/* =========================
   WIDE DESKTOP
   (+40% height → much less crop)
   ========================= */
@media screen and (min-width: 1600px) {

  .homebanners .banners1 .ict-image {
    height: min(56vh, 600px); /* significantly taller */
  }

  .homebanners .banners1 .ict-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 55%;
  }
}

/* =========================
   REDUCE GAP BELOW HERO
   ========================= */
.homeFeaturedProductsWrapper {
  padding-top: 2rem !important;
}

#homeFeaturedProductsTitleRow .title {
  margin-top: 0 !important;
}

.section.has-background-black .ict-wysiwyg h2,
.section.has-background-black .ict-wysiwyg h2 span {
    font-family: var(--family-primary), inherit;
}

#homeFeaturedProductsTitleRow {
    display: none;
}

.section.has-background-black .ict-wysiwyg h2 {
    line-height: 1.2;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .section.has-background-black .ict-wysiwyg h2 {
        font-size: 1.5rem;
    }
}