@charset "UTF-8";

/* NATURE SEED CUSTOM FONT //////////////////////////////////////*/
@font-face{
    font-family:'Pink-Sunset';
    src: url('../assets/PinkSunset-Regular.eot');
    src: url('../assets/PinkSunset-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/PinkSunset-Regular.woff2') format('woff2'),
        url('../assets/PinkSunset-Regular.woff') format('woff'),
        url('../assets/PinkSunset-Regular.ttf') format('truetype'),
        url('../assets/PinkSunset-Regular.svg#PinkSunset-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.pinksunset{
    font-family:'Pink-Sunset' !important;
}

/* 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:9998;
    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:50px;
    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;
}

.grecaptcha-badge{
    display:none !important;
}

.product-detail-text p{
    margin-bottom:12px;
}

/* 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;
}
/* 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;    
}
/* US MAP LOGOS */
#content-area{
    width:100%;
    min-height:625px;
}
#map-container{
    position:relative;
    width:100%;
    height:auto;
    margin:0;
    /*padding-bottom:60%; /* Aspect ratio */
    /*transform:scale(1.3); 
    transform-origin:center;*/
    z-index:100;
    overflow:hidden;
}
#region-map path {
  cursor: pointer;
}
svg path {
  cursor: pointer;
}
#region-info.static-pc h3:last-of-type{
    margin-top:20px;
}
.datamap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
}
#fixed-tooltip {
  pointer-events:none;
}
.diode-bounce{
    animation:diode-bounce 0.9s ease infinite;
    transform-box:fill-box; 
    transform-origin:center;
} 
#svg-panzoom {
  cursor: grab;
  transform-origin: 0 0;  
}
#svg-panzoom:active {
  cursor: grabbing;
}
#region-map path {
  cursor: pointer;
}

        #southwest{
            fill:#AFA56E;
            transition:fill .4s ease-in;
            cursor:pointer;
        }    
        #southwest:hover{
            fill:#728732;
            cursor:pointer;
        }
        #southwest-transitional{
            fill:#cec59b;
            transition:fill .4s ease-in;
            cursor:pointer;
        }    
        #southwest-transitional:hover{
            fill:#948a5c;
            cursor:pointer;
        }    
        #southeast{
            fill:#aec455; 
            transition:fill .4s ease-in;
            cursor:pointer;        
        } 
        #southeast:hover{
            fill:#7b8e2d; 
            cursor:pointer;        
        }     
        #california{
            fill:#6f892f;
            transition:fill .4s ease-in;
            cursor:pointer;                
        } 
        #california:hover{
            fill:#506a11;
            cursor:pointer;                
        }         
        #pacific-northwest{
            fill:#474529;     
            transition:fill .4s ease-in;
            cursor:pointer;                    
        }    
        #pacific-northwest:hover{
            fill:#272401;     
            transition:fill .4s ease-in;    
        }    
        #intermountain-west{
            fill:#665210;     
            transition:fill .4s ease-in;
            cursor:pointer;                    
        }    
        #intermountain-west:hover{
            fill:#4a3b08;     
            transition:fill .4s ease-in;    
        }  
        #midwest{
            fill:#586337;     
            transition:fill .4s ease-in;
            cursor:pointer;                    
        }    
        #midwest:hover{
            fill:#39431b;     
            transition:fill .4s ease-in;    
        }    
        #northeast{
            fill:#596d0f;     
            transition:fill .4s ease-in;
            cursor:pointer;                    
        }    
        #northeast:hover{
            fill:#455508;     
            transition:fill .4s ease-in;    
        }
        
@keyframes diode-bounce {
    0%, 100% {
        transform: translateY(0) scale(1,1);
    }
    30% {
        transform: translateY(-10px) scale(1.5, 1.5);
    }
    60% {
        transform: translateY(5px) scale(1,1);
    }
}
@media screen and (max-width: 600px){
}