html,body {
    font-family: Archivo, Arial, sans-serif;;    
}

/* navbar styles */
.nav-link {
    font-weight: bold;
}

.subnav {
    width: 100%; 
    background-image: 
    linear-gradient(0deg, #DB3C26, #F59805);
}
.subnav-link {
    color: #FFF !important;
    text-decoration: none;
    margin-left: 320px !important;
}
.subnav-link:hover {
    color: #FFF !important;
    text-decoration: underline;
}

.left-nav, .right-nav {
    width:50% !important;
}
.navbar-left-margin {
    margin-right: 320px !important;
}
.navbar-right-margin {
    margin-left:320px !important;
}
.nav-link {
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .subnav-link{
        margin-left: auto !important;
        margin-right: auto !important;
        float: right;
    }
}

@media (max-width: 992px) {
    .navbar-left-margin,
    .navbar-right-margin{
        margin: auto !important;
    }
    .navbar-right-margin .nav-item {
        margin-left: 0 !important;
    }
}
/* end navbar styles */

.wc-bg {
    background-color: #F4F3EB;
}

@media (max-width: 992px) {
    .remove-lg-display {
        /*display: none;*/
        top:550px !important;
        left:0px !important;
        height: 40% !important;
    }
}

.wc-orange {
    color: #F59805 IM !important;
}

.wc-yellow {
    color: #FFC30E;
}

.product-image:hover {
    transform: scale(1.45);
}

.footer-nav-link:hover, .nav-link:hover {
    color: #F59805 !important;
}

.fs-22pt {
    font-size: 22px !important;
}

.fs-48px {
    font-size: 48px !important;
}

.btn-hover-orange:hover {
    background-color: #F59805 !important;
}

.btn-hover-yellow:hover {
    background-color: #FFC30E !important;
    border-color: #FFC30E !important;
}

.link-hover-underline {
    text-decoration: none;
}

.link-hover-underline:hover {
    text-decoration: underline;
}

/* effects for sliding sentences */
    #sliding-text {
        color: #F59805; 
        font-size: 48px !important;
        font-weight: normal !important;
    }

  .slide {
    /*display: inline-block;*/
    white-space: nowrap;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.6s ease, opacity 0.6s ease;

  }

  .slide-in {
    opacity: 1;
    transform: translateX(0%);
  }

  .slide-out {
    opacity: 0;
    transform: translateX(-100%);
  }
/* end - effects for sliding sentences */

/* background rotation */
  #rotating-div {
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: black; /* fallback color */
    height: 100% !important;
    height: 482px !important;
  }

  #rotating-div::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-color: black;
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
    z-index: 0;
  }

  #rotating-div > * {
    position: relative;
    z-index: 1;
  }
/* end - background rotation */

/* about us plate */
.plate {
    position: absolute; 
    height: 700px;
    left:-710px;
    top:-465px;
}
@media (max-width: 992px) {
    .plate {  
        position: relative;      
        top:0;
        left: 0;
        height: 450px;
    }
}
/* end - about us plate */

/* image slider in products */
  .slide-container {
    /*overflow: hidden;*/
    position: relative;
  }

  .slide-container img {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
  }

  .slide-container.visible img {
    transform: translateX(0);
    opacity: 1;
  }
/* end - image slider in products */