/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* ==========================================================================
   Gemeral Styles
   ========================================================================== */
body {
  color: #232323;
  overflow-x: hidden !important;
}
p, ul, ol {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 15px 0;
  line-height: 150%;
}
p a {
  text-decoration: none;
  border-bottom: 1px solid #C9C3BA;
}
p a:hover {
  text-decoration: none;
  border-bottom: 1px solid #EB5C4D;
}
strong, .strong {
  font-weight: 700 !important;
}
.small, .small p, small, figcaption {
  font-size: 16px !important;
  line-height: 150%;
}
.smaller, .smaller p {
   font-size: 13px !important;
  line-height: 130%;
}
.elementor-widget ul, .elementor-widget ol {
  margin-bottom: 20px !important;
}
.elementor-widget ul li, .elementor-widget ol li {
  font-size: 20px !important;
  margin: 5px 0 10px 0 !important;
  line-height: 150% !important;
}
.elementor-widget ul li::marker {
  font-size: 18px !important;
}
.elementor-text-editor ul, .single .elementor-widget-container ul {
  margin-bottom: 15px;
}
.elementor-element a, .elementor-element a:hover, .elementor-widget-text-editor a, .elementor-widget-text-editor a:hover, .elementor-text-editor a, .elementor-text-editor a:visited, .elementor-tab-content a, .elementor-tab-content a:visited, , .post a, .post a:visited {
  /* links are styled in Elementor settings
  text-decoration: underline !important;
   color: #307DB7 !important;*/
}
.center {
  text-align: center;
}
.grecaptcha-badge, .gm-style .navigate, .gm-style .place-card {
    display: none !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #232323;
  font-family: minion-pro-display, serif !important;
  font-weight: 400 !important;
  line-height: 140% !important; 
  margin: 10px 0 5px 0;
  margin: 0 auto;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  color: #232323 !important;
  transition: color 0.5s ease;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
   color: #305D79 !important;
   text-decoration: none !important;
}
.white p, .white .elementor-text-editor ul li, .white .elementor-text-editor ol li, .white .single .elementor-widget-container ul li, .white .single .elementor-widget-container ol li, .white p, .white ul li, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
  color: #FFF;
}
.white a, .white .elementor-heading-title a, .white .elementor-text-editor a, .white .elementor-text-editor a:visited, .white .elementor-slide-heading, .white p a, .white ul li a, .white h1 a, .white h2 a, .white h3 a, .white h4 a, .white h5 a, .white h6 a {
  color: #FFF !important;
  transition: color 0.5s ease;
}
.white a:hover, .white .elementor-heading-title a:hover, .white .elementor-text-editor a:hover, .white .elementor-text-editor a:active, .white p a:hover, .white ul li a:hover, .white h1 a:hover, .white h2 a:hover, .white h3 a:hover, .white h4 a:hover, .white h5 a:hover, .white h6 a:hover {
  color: #C9C3BA !important;
}
.white p a {
  text-decoration: none;
  border-bottom: 1px solid #FFF;
}
.white p a:hover {
  text-decoration: none;
  border-bottom: 1px solid #C9C3BA;
}
.script, .script p, p.script, .script h1, .script h2, .script h3 {
  font-family: "ideas", script !important;
  font-size: 22px;
}
.home-text p {
  font-size: 18px !important;
  line-height: 130%;
}
h1, .h1 h2, h2.h1 {  
  font-size: 33px !important;
  line-height: 140% !important;
}
.home-h1 h1 {
  font-size: 25px !important;
}
h1.script, h1 .script, .script h1, .script .h1 h2, .script h2.h1, .h1.script h2 {
  font-size: 40px !important;
  line-height: 150% !important;
}
h2, .h2 h1, .h2 h3, .h2 p {
  font-size: 30px !important;
  line-height: 110% !important;
}
h2.script, h2 .script, .script h2, .script h2.h3, .script .h3 h2 {
  font-size: 33px !important;
  line-height: 150% !important;
}
h3, h2.h3, .h3 h2, .h3 h1, .h3 p {
  font-size: 28px !important;
}
h4, .h4 h3, h3.h4, .h4 h2, h2.h4, .h4 h3 {
  font-size: 25px !important;
}
h5, .h5 h6, h6.h5, .h5 h3, h3.h5, .h5 h4, h4.h5 {
  font-size: 22px !important;
}
h6, .h6 h1, .h6 h2, h3.h6, .h6 h3, .h6 h2 {
  font-size: 20px !important;
}
span.all-break {
  display: block !important;
}
span.break-mobile {
  display: block !important;
}
span.nobreak {
  display: inline-block;
}
@media only screen and (min-width: 767px) {
  .home-h1 h1 {
    font-size: 33px !important;
  }
  span.break {
    display: block !important;
  }
  span.break-mobile {
    display: inline-block !important;
  }
  .big p, p.big, .bigger p, p.bigger {
    font-size: 22px;
    line-height: 140% !important;
  }
}
@media only screen and (min-width: 1025px) {
  h1, .h1 h2, h2.h1 {  
    font-size: 40px !important;
    line-height: 110% !important;
  }
  .big h1 {
    font-size: 50px !important;
  }
  h1.script, .script h1, .script .h1 h2, .script h2.h1, .h1.script h2 {
    font-size: 50px !important;
    line-height: 150% !important;
  }
  h2, .h2 h1, .h2 h3, .h2 p {
    font-size: 35px !important;
    line-height: 110% !important;
  }
  h2.script, h2 .script, .script h2, .script h2.h3, .script .h3 h2 {
    font-size: 40px !important;
    line-height: 150% !important;
  }
  h3, h2.h3, .h3 h2, .h3 h1, .h3 p {
    font-size: 30px !important;
  }
  h4, .h4 h3, h3.h4, .h4 h2, h2.h4, .h4 h3 {
  font-size: 27px !important;
  }
  h5, .h5 h6, h6.h5, .h5 h3, h3.h5, .h5 h4, h4.h5 {
    font-size: 25px !important;
  }
  h6, .h6 h1, .h6 h2, h3.h6, .h6 h3, .h6 h2 {
    font-size: 22px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .bigger p, p.bigger {
    font-size: 25px;
    line-height: 150% !important;
  }  
  .home-text p {
    font-size: 20px !important;
    line-height: 150%;
  }
}
/* ==========================================================================
   Header
   ========================================================================== */
.elementor-nav-menu .sub-arrow {
  font-size: 10px !important;
  padding-left: 5px !important;
}
.elementor-nav-menu a:hover {
  text-decoration: none !important;
}
.header .elementor-menu-toggle svg {
  fill: #FFF !important;
}
.header.onlight .elementor-menu-toggle svg {
  fill: #232323 !important;
}
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
  animation: hide-scroll .7s backwards !important;
}
.sticky-logo img, .header {
  transition: .5s all ease-in-out;
}
.header ul.elementor-nav-menu li {
  margin: 0 auto !important;
}
.elementor-sticky--effects.header .elementor-nav-menu--dropdown {
  margin-top: -10px !important;
}
.elementor-sticky--effects .sticky-logo img {
}
.elementor-sticky--effects.header {
  min-height: 80px !important;
  height: 80px !important;
  grid-template-rows: 80px !important;
  background-color: #232323;
}
.elementor-sticky--effects.header.onlight {
  background-color: #FFF;
}
.header .elementor-nav-menu .elementor-nav-menu--dropdown .sub-item a {
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-left: 20px !important;
  font-size: 16px !important;
  transition: all .7s ease-in-out;
}
.sub-menu {
  border-radius: 10px !important;
  padding: 10px 0 !important;
}
.elementor-nav-menu--dropdown {
  padding: 10px 0;
}
.sub-menu, .sub-menu li {
  min-width: 160px !important;
}
.sub-menu, .sub-menu li a {
  border-left: 0 !important;
}
.header .elementor-menu-toggle {
  padding: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .header .elementor-nav-menu--dropdown:not(.sub-menu) {
    min-height: 100vh !important;
  }
}
/* ==========================================================================
   Underline Effect
   ========================================================================== */
.header a:hover {
  text-decoration: none !important;
}
@media only screen and (min-width: 1025px) {
  .header nav > ul {
      justify-content: space-between;
  }
  .header nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li:not(.button) {
      position: relative;
      z-index: 1;
      flex-grow:0;
      margin: 0 8px !important;
  }
  .header nav > ul > li:not(.button)::before {
    content:'';
    position:absolute;
    width: 100%;
    height:1px; /* How thick the line is */
    background-color: #EB5C4D !important; /* Color of the line */
    transition: transform 1s cubic-bezier(1, 0, 0, 1); /* Adjust the transition duration and timing function here , use website cubic-bezier.com for a fancy timing function */
    bottom:5px; /* Vertical positioning of the line*/
    opacity: 1 !important; /* !important is only needed for nav menu element , you can delete it for the others */
    left:0;
    z-index: -3;
    transform: scaleX(0);
    transform-origin:right;
  }
  .header.onlight nav > ul > li:not(.button)::before {
    background-color: #B23E32 !important; /* Color of the line */
  }
  .header nav > ul > li:not(.button):hover::before, .header nav > ul > li.current_page_item:not(.button)::before, .header nav > ul > li.current-page-ancestor:not(.button)::before, .single-post .header nav > ul > li.insights::before {
    transform:scaleX(1);
    transform-origin:left;
  }
  .header nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li:not(.button) > a {
    margin-inline-end:0px;
    margin-inline-start:0px;
  }
  .header .elementor-nav-menu:after {
      content: none;
  }
}
@media only screen and (min-width: 1200px) {
  .header nav > ul.elementor-nav-menu.elementor-nav-menu.elementor-nav-menu > li:not(.button) {
      margin: 0 15px !important;
  }
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/* Form + Button Custom Styles */
.elementor a.elementor-button {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400 !important;
  line-height: normal !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  text-decoration: none !important;
  color: #FFF;
  padding: 15px 25px!important;
  min-width: 150px;
  transition: all .7s ease-in-out; 
  border-top: 1px solid #EB5C4D;
  border-bottom: 1px solid #EB5C4D;
}
.elementor a.elementor-button:hover {
  color: #FFF;
  border-top: 1px solid #B23E32;
  border-bottom: 1px solid #B23E32;
}
.elementor .white a.elementor-button, .elementor .white a.elementor-button:hover {
  color: #FFF !important;
}
input.elementor-field-textual, textarea.elementor-field-textual, .elementor-field-type-select select {
  padding: 10px 15px !important;
}
input.elementor-field-textual::placeholder, textarea.elementor-field-textual::placeholder { 
  opacity: .8 !important;
}

/* ==========================================================================
   Overview
   ========================================================================== */
@media only screen and (min-width: 768px) {
  .twocols {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      column-gap: 40px;
  }
  .twocols p:first-of-type {
    margin-top: 0px !important;
  }
}

/* ==========================================================================
   Home Page
   ========================================================================== */
@media only screen and (min-width: 1025px) {
  .plant svg {
    height: 450px !important;
  }
  .lamp svg {
    height: 350px !important;
  }
}
/* ==========================================================================
   Form
   ========================================================================== */
.underline-field .elementor-field-textual {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
select#slct {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-size: 22px;
  padding: 10px 15px !important;
  border: 0;
  background: #FFF;
  border-radius: 5px;
  border: none;
  min-width: 250px;
}
.select-container {
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #000;
  padding-right: 10px; 
}
select:focus {
  outline: none !important;
}
/* ==========================================================================
   Footer
   ========================================================================== */