@charset "UTF-8";
/* NAV MENU STYLE CUSTOMIZATIONS //////////////////////////////////////*/
/* Menu Drop Down Styles */
.dropdown-menu{
    min-width:200px;
    opacity:0;
    transition: all .25s ease-out;
    visibility:hidden;
}
.dropdown-menu-mega{
    width:100%;
    opacity:0;
    transition:opacity .25s ease-out;
    visibility:hidden;
    left:0; /* Important for positioning flicker Fix */
}
.dropdown:hover .dropdown-menu {
    display:block;
    opacity:1;
    visibility:visible;
}
.dropdown:hover .dropdown-menu-mega {
    display:block;
    width:100%;
    position: absolute;
    left:0;
    opacity:1;
    visibility:visible;    
}
.dropdown:hover .dropdown-menu-mega .menu-mega{
    display:block;
}
/* Navigation Button Styles */
.menu-styles button,
.menu-styles ul li a{
    color:#192425;
    /* font-weight:500; */
}
/* Mega Menu Style */
.mega-menu{
    z-index:9999;
    left:0;
    right:0;
    position:absolute;
    text-align:left;
    width:100%;
    transition:all 0.15s linear 0s;
}
/* Overlay */
.over-panel{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.6);
    justify-content:center;
    align-items:center;
    z-index:45;
}

/* GENERAL PAGE STYLES ///////////////////////////////////////////////*/
/* Detail Summary Tag Reset */
details summary::-webkit-details-marker {
  display:none !important;
}
/* SIMPLE LIGHT BOX CUSTOMIZATIONS ////////////////////////////////////*/
.lightbox {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.8);
    justify-content:center;
    align-items:center;
    z-index:50;
}
.lightbox img {
    max-width: 90%;
    max-height: 90%;
}
/* SLIDER CUSTOMIZATIONS /////////////////////////////////////////////*/
/* General Active Slider Bead Color (unless customized further in lower unqiue ID sections) */
.splide__pagination__page.is-active {
  background:#68874B;
  transform:scale(1);
  z-index:1;
}
/* Hero Carousel Navigation Position */
#hero-carousel .carousel-controller{
    top:90%;
}
/* Splide Product Arrows */
#main-image .splide__arrows{
    top:50%;
}
#main-image .splide__arrow--next{
    right:1rem;
}
#main-image .splide__arrow--prev{
    left:1rem;
    position:relative;
}
#main-image .product-dots{
    top:90%;
}
#main-image .product-dots .splide__pagination__page{
  background:#ccc;
  opacity:1;    
}
#main-image .product-dots .splide__pagination__page.is-active {
  background:#000;
}
/* Splide Product Thumbnails */
#thumbnail-carousel .splide__slide img{
  width:100%;
  height:100%;
  object-fit:cover;    
}
#thumbnail-carousel .splide__slide {
  opacity:0.6;
}
#thumbnail-carousel .splide__slide.is-active {
  opacity:1;
  border:none;    
}
/* DYNAMIC CONTENT STYLES FOR BLOG ///////////////////////////////////////////////*/
.dynamic-content h1,
.dynamic-content h2,
.dynamic-content h3,
.dynamic-content h4{
    margin-bottom:2rem;
}
.dynamic-content p{
    margin-bottom:2rem;
}
.dynamic-content h1,
.dynamic-content h2{
    font-size:3rem;
    font-weight:bold;
}
.dynamic-content h3{
    font-size:2rem;
    font-weight:bold;
}
.dynamic-content h4{
    font-size:1.75rem;
    font-weight:bold;
}
.dynamic-content h5{
    font-size:1.62rem;
    font-weight:bold;
}
.dynamic-content quote{
    display:block;
    border-left:2px solid #000;
    padding-left:20px;
    font-style:italic;
    font-family:'Inter', sans-serif;
    font-weight:300;
    margin-bottom:2rem;
}
@media screen and (max-width: 600px){
    .dynamic-content h1,
    .dynamic-content h2{
        font-size:2.22rem;
    }
    .dynamic-content h3{
        font-size:1.80rem;
    }
    .dynamic-content h4{
        font-size:1.59rem;
    }
    .dynamic-content h5{
    font-size:1.52rem;
    }
}