/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
/* line 1, sass/_base.scss */
body, html {
  overflow-x: hidden;
}

/* line 4, sass/_base.scss */
.page-header,
.site-header {
  position: absolute;
  z-index: -9;
}

/* line 10, sass/_base.scss */
.text-highlight span, .text-highlight h3, .text-highlight h4, .text-highlight strong, .text-highlight b {
  background-color: #ffe400;
  display: inline;
  font-weight: 500;
  color: #292d31 !important;
}

/*.insights-list {
    .category-featured {
        .elementor-heading-title {
            background-color: #ffe400;
            display: inline;
            line-height: 1.5em !important;
        }
    }
}*/
/* line 28, sass/_base.scss */
.single-post .menu-item-1856 a {
  color: #ffe400 !important;
  border-bottom: 2px solid #ffe400;
}

/* line 35, sass/_base.scss */
.single .elementor-icon-box-description {
  background-color: #eeeee3;
  display: inline;
  font-weight: 500 !important;
}

/* line 42, sass/_base.scss */
.right-col-blog {
  position: relative;
}
/* line 45, sass/_base.scss */
.right-col-blog:before {
  content: "";
  display: block;
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #ddddda;
}

/* line 58, sass/_base.scss */
.nav-icon {
  position: fixed;
  right: 20px;
  top: 10px;
  width: 40px;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.3s !important;
  z-index: 999;
}
/* line 68, sass/_base.scss */
.nav-icon:before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 53px;
  border-radius: 0 0 0 10px;
  position: absolute;
  top: 0px;
  right: -100px;
  background-color: #046614;
  transition: all 0.3s;
  z-index: -1;
}
/* line 82, sass/_base.scss */
.nav-icon .icon-wrapper {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  /*background-color: rgba(0,57,6,1);*/
  border-radius: 6px 0 6px 6px;
  transition: all 0.3s;
}
/* line 92, sass/_base.scss */
.nav-icon span {
  display: inline-block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background-color: #e7c300;
  position: absolute;
  right: 8px;
  transition: all 0.3s;
}
/* line 102, sass/_base.scss */
.nav-icon span:first-of-type {
  top: 30%;
}
/* line 105, sass/_base.scss */
.nav-icon span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
/* line 109, sass/_base.scss */
.nav-icon span:last-of-type {
  bottom: 30%;
  width: 20px;
}

/* line 115, sass/_base.scss */
.nav-icon.scroll {
  top: 0;
}
/* line 118, sass/_base.scss */
.nav-icon.scroll:before {
  right: -35px;
  width: calc(100vw + 40px);
  transition: all 0.3s;
}

/* line 124, sass/_base.scss */
.nav-icon.active {
  right: 20px;
  top: 10px;
}
/* line 128, sass/_base.scss */
.nav-icon.active:before {
  width: 365px;
  height: 450px;
  right: -35px;
  border-radius: 20px 0 0 20px;
  transition: all 0.3s;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25);
}
/* line 137, sass/_base.scss */
.nav-icon.active .icon-wrapper {
  /*background-color: rgba(27,30,34,0);*/
}
/* line 140, sass/_base.scss */
.nav-icon.active span {
  width: 20px;
}
/* line 143, sass/_base.scss */
.nav-icon.active span:last-of-type {
  display: none;
}
/* line 146, sass/_base.scss */
.nav-icon.active span:first-of-type {
  rotate: 45deg;
  top: 53%;
  transform: translateY(-50%);
}
/* line 151, sass/_base.scss */
.nav-icon.active span:nth-child(2) {
  rotate: 135deg;
}

/* line 156, sass/_base.scss */
.logo-fixed {
  transition: all 0.3s !important;
  opacity: 0;
}

/* line 160, sass/_base.scss */
.logo-fixed.scroll {
  left: 15px !important;
  opacity: 1;
  transition: all 0.3s !important;
}

/* line 165, sass/_base.scss */
.logo-fixed.activate {
  left: -200px !important;
  opacity: 0;
  transition: all 0.3s !important;
}

/* line 171, sass/_base.scss */
.nav-menu {
  display: none;
  width: fit-content;
  max-width: none;
  position: fixed;
  top: 50px;
  right: -40px;
  z-index: 9999;
  opacity: 0;
  transition: all 0.3s;
}
/* line 182, sass/_base.scss */
.nav-menu.active {
  right: 0px;
  top: 50px;
  opacity: 1;
}
/* line 188, sass/_base.scss */
.nav-menu.on {
  display: inline-block;
}

/* line 194, sass/_base.scss */
.menu .current-menu-item a {
  display: inline-block;
  border-bottom: 2px solid #ffe400;
}

/* line 201, sass/_base.scss */
.post-categories h5 {
  display: none !important;
}
/* line 204, sass/_base.scss */
.post-categories ul {
  padding: 0 !important;
  list-style: none !important;
}

@media all and (min-width: 960px) {
  /*.nav-icon {
      top: 20px;
      right: 50px;
  
      span {
          width: 30px;
          height: 4px;
  
          &:first-of-type {
              top: 18px;
          }
          &:nth-child(2) {
              top: 28px;
          }
          &:last-of-type {
              top: 38px;
              width: 20px;
          }
      }
  }
  .nav-icon.active {
      right: 50px;
      top: 20px;
  }
  
  .nav-menu {
      top: 20px;
  
      &.active {
          right: 40px;
      }
  }*/
}