/* 
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
*/

/* GENERAL */

.site-header {
    display: none
  }

  .emoji-list img {
    height: 22px; 
    transform: translate(0, 0.1em)
  }

  .elementor-accordion-item {
    border-bottom: 1px #26282B solid !important;
}

.elementor-accordion div:last-child {
  border-bottom: none !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
  width: 1.3em !important;
  height: 1.3em !important;
}

.header-inner {
background: linear-gradient(128deg, rgba(255, 255, 255, 0.205) 100%, rgba(255, 255, 255, 0.064) 100%) !important;
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;
      border-radius: 192px !important;
      box-shadow: inset 0px 0px 0px 1px #ffffff16;
      box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.10);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

	.desktop-hide {
	display: none;
}

.two-col ul {
    columns: 2;
}

@media (max-width: 767px) {
	
	.mobile-hide {
		display: none;
	}
	
	.desktop-hide {
		display: block;
	}
	
	.two-col ul {
    columns: 1;
}
	
}

  
  /* VARIABLES */
  
  :root {
    --desktop-horizontal-padding: 60px;
    --tablet-horizontal-padding: 40px;
    --mobile-horizontal-padding: 20px;
  }
  
  /* DESKTOP SECTION PADDING */
  
  section.section-padding-large {
    padding: 150px var(--desktop-horizontal-padding);
  }
  
  section.section-padding-large.top {
    padding: 150px var(--desktop-horizontal-padding) 0px;
  }
  
  section.section-padding-large.bottom {
    padding: 0px var(--desktop-horizontal-padding) 150px;
  }
  
  section.section-padding-medium,
  div.section-padding-medium {
    padding: 100px var(--desktop-horizontal-padding);
  }
  
  section.section-padding-medium.top,
  div.section-padding-medium.top {
    padding: 100px var(--desktop-horizontal-padding) 0px;
  }
  
  section.section-padding-medium.bottom,
  div.section-padding-medium.bottom {
    padding: 0px var(--desktop-horizontal-padding) 100px;
  }
  
  section.section-padding-small, 
  div.section-padding-small {
    padding: 50px var(--desktop-horizontal-padding);
  }
  
  section.section-padding-small.top,
  div.section-padding-small.top {
    padding: 50px var(--desktop-horizontal-padding) 0px;
  }
  
  section.section-padding-small.bottom,
  div.section-padding-small.bottom {
    padding: 0px var(--desktop-horizontal-padding) 50px;
  }
  
  section.section-padding-left-right,
  div.section-padding-left-right {
    padding: 0px var(--desktop-horizontal-padding) 0px;
  }
  
  
  /* - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - -
  
  T A B L E T   S T Y L E S
  
  - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - */
  
  
  @media (max-width: 1024px) {
  
    /* TABLET SECTION PADDING */
  
    section.section-padding-large,
	 div.section-padding-large {
      padding: 100px var(--tablet-horizontal-padding);
    }
  
    section.section-padding-large.top,
	  div.section-padding-large.top {
      padding: 100px var(--tablet-horizontal-padding) 0px;
    }
  
    section.section-padding-large.bottom,
	  div.section-padding-large.bottom {
      padding: 0px var(--tablet-horizontal-padding) 100px;
    }
  
    section.section-padding-medium,
	  div.section-padding-medium {
      padding: 70px var(--tablet-horizontal-padding);
    }
  
    section.section-padding-medium.top,
	  div.section-padding-medium.top {
      padding: 70px var(--tablet-horizontal-padding) 0px;
    }
  
    section.section-padding-medium.bottom,
	  div.section-padding-medium.bottom {
      padding: 0px var(--tablet-horizontal-padding) 70px;
    }
  
    section.section-padding-small,
	  div.section-padding-small {
      padding: 40px var(--tablet-horizontal-padding);
    }
  
    section.section-padding-small.top,
	  div.section-padding-small.top {
      padding: 40px var(--tablet-horizontal-padding) 0px;
    }
  
    section.section-padding-small.bottom,
	  div.section-padding-small.bottom {
      padding: 0px var(--tablet-horizontal-padding) 40px;
    }
  
    section.section-padding-left-right,
	  div.section-padding-left-right {
      padding: 0px var(--tablet-horizontal-padding) 0px;
    }
  
  }
  
  /* - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - -
  
  M O B I L E   S T Y L E S
  
  - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - */
  
  @media (max-width: 767px) {
  
  
    /* MOBILE SECTION PADDING */
  
    section.section-padding-large,
	  div.section-padding-large {
      padding: 50px var(--mobile-horizontal-padding);
    }
  
    section.section-padding-large.top,
	  div.section-padding-large.top {
      padding: 50px var(--mobile-horizontal-padding) 0px;
    }
  
    section.section-padding-large.bottom,
	  div.section-padding-large.bottom {
      padding: 0px var(--mobile-horizontal-padding) 50px;
    }
  
    section.section-padding-medium,
	  div.section-padding-medium {
      padding: 40px var(--mobile-horizontal-padding);
    }
  
    section.section-padding-medium.top,
	  div.section-padding-medium.top {
      padding: 40px var(--mobile-horizontal-padding) 0px;
    }
  
    section.section-padding-medium.bottom,
	  div.section-padding-medium.bottom {
      padding: 0px var(--mobile-horizontal-padding) 40px;
    }
  
    section.section-padding-small,
	  div.section-padding-small {
      padding: 20px var(--mobile-horizontal-padding);
    }
  
    section.section-padding-small.top,
	  div.section-padding-small.top {
      padding: 20px var(--mobile-horizontal-padding) 0px;
    }
  
    section.section-padding-small.bottom,
	  div.section-padding-small.bottom {
      padding: 0px var(--mobile-horizontal-padding) 20px;
    }
  
    section.section-padding-left-right,
	  div.section-padding-left-right {
      padding-left: var(--mobile-horizontal-padding);
      padding-right: var(--mobile-horizontal-padding);
    }
  
  
  }