/*
Theme Name: K-BBQ Child Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav-sidebar {
  > li {
    > a {
      text-transform: uppercase !important;
    }
  }
}
.header-main .nav {
  > li {
    position: relative;
    overflow: hidden;
    &.nav-icon {
      &:before {
        display: none;
      }
    }
    &.active {
      background-color: #f12f2e;
    }
    &:hover {
      background-color: #f12f2e;
      &:before {
        left: 0;
      }
    }
    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: #e60012;
      transition: left 0.6s ease-in;
    }
    > a {
      position: relative;
      padding: 6px;
      text-transform: uppercase;
    }
  }
}
.home_banner {
  h1 {
    font-size: 4.5em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  p {
    margin: 20px 0;
  }
}
.home_image {
  h1 {
    font-size: 2.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
  }
}
.home_image_text {
  h1 {
    font-size: 2em;
    text-transform: uppercase;
  }
}
.uber_image {
  .text-box {
    font-size: unset;
  }
  .content {
    > .col {
      > .col-inner {
        padding: 15px;
      }
    }
  }
}
.home_gal {
  .section-content {
    > .row {
      .gallery-col {
        padding: 0 10px;
      }
    }
  }
}
.footer_main {
  .social-icons {
    > a {
      background: var(--fs-color-primary);
      color: #fff;
      border: 1px solid #fff;
    }
  }
  .ux-menu {
    .ux-menu-link {
      position: relative;
      &:hover {
        &:before {
          width: 100%;
        }
      }
      &:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 0;
        height: 2px;
        background: #ff4843;
        transition: width 0.3s ease;
      }
      &:hover {
        > a {
          color: #fff;
        }
      }
      > a {
        text-transform: uppercase;
        color: var(--fs-color-primary);
        font-size: 14px;
        font-weight: 600;
      }
    }
  }
}
.page_text {
  .section-title-container {
    b {
      opacity: 0;
    }
    h1 .section-title-main {
      font-size: 1.5em;
      text-transform: uppercase;
    }
  }
}