/* 
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
*/

:root {
  --wpforms-button-background-color: #1c23ba !important;
}

::selection {
  background-color: #1b1b1b;
  color: #fff;
}

body {
  overflow-x: hidden;
}

#page {
  overflow-x: clip;
}

a {
  transition: 0.3s ease all;
}

/* Header */
#masthead .header-tagline {
  font-family: "Thernaly", serif;
  font-size: 2.9rem;
  font-weight: 400;
  line-height: 1;
  color: var(--e-global-color-text);
}

#masthead .header-tagline svg {
  width: 1em;
  height: 1em;
}

/* Menu */
#masthead .hndsm_menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  list-style: none;
}

#masthead .hndsm_menu a {
  font-family: "Fjalla One", serif;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--e-global-color-primary);
  padding: 1rem;
  display: inline-block;
}

#masthead .hndsm_menu a:hover {
  color: var(--e-global-color-text);
}

/* Hero */
#hero-dish {
  transform: scale(0.2);
}

#hero-watermark,
#hero-text-1,
#hero-text-2,
#hero-product-1,
#hero-product-2,
#hero-product-3,
#hero-product-4,
#hero-product-5,
#hero-product-6,
#hero-product-7 {
  opacity: 0;
}

#products-shape svg g {
  cursor: pointer;
  transition: 0.3s ease all;
}

#products-shape svg g:hover {
  opacity: 0.7;
}

@media (max-width: 1024px) {
  #masthead .header-tagline {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  #masthead .header-tagline {
    font-size: 1.15rem;
  }

  #masthead .hndsm_menu a {
    padding: 0.2rem;
    font-size: 0.85rem;
  }
}