@charset "UTF-8";
/*/
Theme Name: jemms
Theme URI: jemms-cascade.com
Author: Axis Cross-media
Author URI: http://www.axiscrossmedia.com
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
divv{border:1px dotted #ccc;}

body {
  font-family: 'Roboto', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-extraBold {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.btn-rounded {
    --mdb-btn-border-radius: 10rem;
    border-radius: var(--mdb-btn-border-radius);
}


.text-blue{
  color:#0077cc;
}

.text-lt-blue{
  color:#33bbee;
}

.text-dk-blue{
  color:#113355;
}

.text-gray{
  color:#f2f2f2;
}


.bg-fluid {
  transition: all 0.3s;
}

.bg-blue{
  background-color: #0077cc;
}

.bg-dk-blue{
  background-color: #113355;
}

.header-dk-gray{
  background-color: #333333;
}

.footer-gray{
  background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 35%);
}

.btn-outline-blue {
    --bs-btn-color: #0077cc;
    --bs-btn-border-color: #0077cc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0077cc;
    --bs-btn-hover-border-color: #0077cc;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0077cc;
    --bs-btn-active-border-color: #0077cc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0077cc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0077cc;
    --bs-gradient: none;
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0077cc;
    --bs-btn-border-color: #0077cc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2299ee;
    --bs-btn-hover-border-color: #2299ee;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2299ee;
    --bs-btn-active-border-color: #2299ee;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0077cc;
    --bs-btn-disabled-border-color: #0077cc;
}

.btn-dk-outline-blue {
    --bs-btn-color: #113355;
    --bs-btn-border-color: #113355;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #113355;
    --bs-btn-hover-border-color: #113355;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #113355;
    --bs-btn-active-border-color: #113355;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #113355;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #113355;
    --bs-gradient: none;
}

.btn-dk-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #113355;
    --bs-btn-border-color: #113355;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #335577;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #335577;
    --bs-btn-active-border-color: #335577;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #113355;
    --bs-btn-disabled-border-color: #113355;
}

.bg-fluid {
  transition: all 0.3s;
}
.navbar-scrolled{
  background-color: #333333;
}

.navbar-static{background-color: #333333;}

#jemmsNav .nav-item {
  padding-right: 20px;
}

.pageStart{margin-top:-6rem;}

.mainLogo{width:175px;}
.homeHeroHeight{height: 300px;}
.pageHeroHeight{height: 300px;}
.productHeroHeight{height: calc(100vw / 1.6);}

.wedgeHeight{height: 150px;}
.headerHeight{height: 100px}

.heroHeadline{
  font-weight: 700;
  line-height: .95;
  font-size: 1.7rem;
}

.heroHeadline01{
  font-weight: 400;
  line-height: .95;
  font-size: 1.1rem;
}
.heroHeadline02{
  font-weight: 700;
  line-height: .95;
  font-size: 2.9rem;
}
.heroHeadline03{
  font-weight: 400;
  line-height: .95;
  font-size: 1.5rem;
}

.toolLogo{width:80px;}

@media (min-width: 576px) {
  .pageStart{margin-top:-6rem;}

    .heroHeadline{
    font-weight: 700;
    line-height: 1;
    font-size: 2rem;
  }

  .toolLogo{width:97px;}

.homeHeroHeight{height: 490px;}
.pageHeroHeight{height: 333px;}
.productHeroHeight{height: calc(100vw / 1.7);}
  
.heroHeadline01{
  font-weight: 400;
  line-height: 1.1;
  font-size: 1.3rem;
}
.heroHeadline02{
  font-weight: 700;
  line-height: 1.1;
  font-size: 3rem;
}
.heroHeadline03{
  font-weight: 400;
  line-height: 1.1;
  font-size: 1.7rem;
}

}

@media (min-width: 768px) {
  .pageStart{margin-top:-6rem;}
    .heroHeadline{
    font-weight: 700;
    line-height: 1;
    font-size: 2.5rem;
  }

  .toolLogo{width:140px;}
  .mainLogo{width:200px;}

.homeHeroHeight{height: 600px;}
.pageHeroHeight{height: 355px;}
.productHeroHeight{height: calc(100vw / 3);}

}

@media (min-width: 992px) {
  .pageStart{margin-top:-6rem;}

    .heroHeadline{
    font-weight: 700;
    line-height: 1;
    font-size: 3.1rem;
  }

  .toolLogo{width:155px;}

.homeHeroHeight{height: 680px;}
.pageHeroHeight{height: 375px;}
.productHeroHeight{height: calc(100vw / 3);}
  
.heroHeadline01{
  font-weight: 400;
  line-height: 1.1;
  font-size: 1.5rem;
}
.heroHeadline02{
  font-weight: 700;
  line-height: 1.1;
  font-size: 3.1rem;
}
.heroHeadline03{
  font-weight: 400;
  line-height: 1.1;
  font-size: 2rem;
}

}

@media (min-width: 1200px) {
  .pageStart{margin-top:-6rem;}

    .heroHeadline{
    font-weight: 700;
    line-height: 1;
    font-size: 3.3rem;
  }

  .toolLogo{width:175px;}

.homeHeroHeight{height: 720px;}
.pageHeroHeight{height: 450px;}
.productHeroHeight{height: calc(100vw / 3);}

.heroHeadline01{
  font-weight: 400;
  line-height: 1.1;
  font-size: 1.5rem;
}
.heroHeadline02{
  font-weight: 700;
  line-height: 1.1;
  font-size: 3.3rem;
}
.heroHeadline03{
  font-weight: 400;
  line-height: 1.1;
  font-size: 2rem;
}

}

@media (min-width: 1400px) {
  .pageStart{margin-top:-6rem;}

  .largeSidePadding{padding:0 150px;}

  .heroHeadline{
    font-weight: 700;
    line-height: 1;
    font-size: 3.5rem;
  }

  .toolLogo{width:190px;}

.homeHeroHeight{height: 1000px;}
.pageHeroHeight{height: 800px;}
.productHeroHeight{height: calc(100vw / 3);}
  
.heroHeadline01{
  font-weight: 400;
  line-height: 1.1;
  font-size: 1.5rem;
}
.heroHeadline02{
  font-weight: 700;
  line-height: 1.1;
  font-size: 3.5rem;
}
.heroHeadline03{
  font-weight: 400;
  line-height: 1.1;
  font-size: 2rem;
}

}

/* TOOL-TIP for HOME PAGE */
.largeSidePadding{padding:0 150px;}
.image-container {
  /* Optional: define a specific size for the container */
  height: 265px;
  /* Optional: keeps the enlarged parts of the image within the container */
  overflow: hidden;
  margin: 0 auto; /* Center the container */
}

.grow-image {
  /* Ensure the image fills its container initially */
  width: 100%;
  height: 100%;
  /* Maintain aspect ratio and fill the space */
  object-fit: cover; 
  /* Add a smooth transition effect */
  transition: transform 0.2s ease-in-out;
}

.grow-image:hover {
  /* Enlarge the image by 10% (1.1) on hover */
  transform: scale(1.1);
}

/* Alternative: Apply the hover to the container to make the image grow */
.image-container:hover .grow-image {
    transform: scale(1.1);
}

.custom-tooltip {
  background-color: #0077cc;
  color: white;
}

/* product gallery */

button.prev {
  left: 0;
}

button.next {
  right: 0;
}

button.next,button.prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

button.next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

button.prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.full-img {
  position: relative;
}

#slideshow img{
    width: 100px;
}

@media (min-width: 576px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 83px;}
}

@media (min-width: 768px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 110px;}
}

@media (min-width: 992px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 143px;}
}

@media (min-width: 1200px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 175px;}
}

@media (min-width: 1500px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 215px;}
}
@media (min-width: 1920px) {
  .largeSidePadding{padding:0 0px;}
  .image-container {height: 275px;}
}

@media (min-width: 2400px) {
  .largeSidePadding{padding:0 130px;}
  .image-container {height: 310px;}
}

.steel_bkgrd{
    background: url(/wp-content/uploads/2026/01/steel_Bkgrd.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.modal-backdrop{z-index:1!important;}

.modal-copy a {
    padding: 5px 35px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    display: block;
}

.rotate-180 {
  transform: rotate(180deg);
}