/*
Theme Name: Global Minerals Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main {
  background-color: #207956;
  border-top: 1px solid #37d396;
  #logo {
    img {
      filter: brightness(0) invert(1);
    }
  }
  .logo_name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
    color: #fff;
    text-align: center;
  }
}
.header-bottom {
  .flex-left {
    .header-nav {
      > li {
        &:first-child {
          > a {
            font-size: 0;
            img {
              font-size: initial;
              width: 20px;
              height: 20px;
              filter: brightness(0) invert(1);
              margin: 0;
            }
          }
        }
      }
    }
  }
  background-color: #209a6a !important;
  border-top: 1px solid #37d396;
  .header-nav {
    gap: 15px;
    > li {
      > a {
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        > svg {
          color: #fff;
        }
      }
    }
  }
}
.home_banner {
  border-top: 4px solid #deb200;
  border-bottom: 4px solid #deb200;
  .flickity-button {
    background: #e6e6e6;
    opacity: 1;
    &.previous {
      left: -15%;
    }
    &.next {
      left: unset;
      right: -15%;
    }
  }
}