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

/*
    Add your custom styles here
*/
:root,
body {
  font-size: 18px;

  /* Fonts - Clamp */
  --h1FontClamp: clamp(2.625rem, 2.1726rem + 2.2619vw, 5rem);
  --h2FontClamp: clamp(2.125rem, 2.006rem + 0.5952vw, 2.75rem);
  --h2HomeClamp: clamp(2.75rem, 2.4405rem + 1.5476vw, 4.375rem);
  --h3FontClamp: clamp(1.375rem, 1.2045rem + 0.4545vw, 1.5rem);
  --h4FontClamp: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem);
  --h5FontClamp: clamp(0.9375rem, 0.9091rem + 0.0758vw, 1rem);
  --h6FontClamp: clamp(1rem, 1.5227rem + 0vw, 1.125rem);
  --pFontClamp: clamp(1rem, 0.9432rem + 0.1515vw, 1.125rem);

  /* spacing */
  --verticalPad: clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
	--dblVerticalPad: calc(2 * var(--verticalPad));
  --outsidePad: clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
  --dblOutsidePad: calc(2 * var(--outsidePad));
  --tripleOutsidePad: calc(3 * var(--outsidePad));
  --fullWidth: calc(100vw - var(--dblOutsidePad));
  --singlePad: clamp(0.5rem, 2.374vw - 0.636rem, 1.5rem);
  --gridGap: clamp(0.625rem, 3.264vw - 0.938rem, 2rem);
  --sidebarPad: 16px;
  --totalGap: calc(23 * var(--gridGap));
  --borderRad: 10px;
  --boxShadow: 0px 3px 6px #00000029;
  --zeroInset: 0px 0px 0px 0px;
}
[x-cloak] {
  display: none !important;
}

@media (max-width: 1024px) {
  body {
    --outsidePad: 20px;
    --verticalPad: 40px;
  }
}