/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Tema child per Hello Elementor
Author: Luigi Vitale
Author URI: https://iltuosito.it/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('fonts/Gelasio-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WorkSans';
    src: url('fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'WorkSans';
    src: url('fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'WorkSans';
    src: url('fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'WorkSans';
    src: url('fonts/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ======================== 
    COLORI GLOBALI
=========================*/

:root {
    --color-dark: #2c2c2c;
    --color-white: #ffffff;
    --color-accent: #c45a19;
    --color-dark-gray: #7e7e7e;
    --color-lite-gray: #f9f9f9;
    --color-bg-orange: #f2eee9;
}

/* =======================
    RESET & BASE
======================== */

html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: 'WorkSans', Arial, sans-serif !important;
  /*color: var(--color-text);
  background: #fff;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gelasio', Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span {
  letter-spacing: 0.02em;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  opacity: 1;
  /*pointer-events: none;*/
}

h1 {
    font-size: 4.235rem;
    font-weight: 500;
}
h2 {
    font-size: 4.235rem;
    font-weight: 500;
}
h3 {
    font-size: 2.618rem;
    font-weight: 500;
}
h4 {
    font-size: 1.618rem;
    font-weight: 500;
}
h5 {
    font-size: 1.25rem;
    font-weight: 500;
}
h6, p, span {
    font-size: 1rem;
    font-weight: 500;
}
div {
    font-size: 0.9rem;
    font-weight: 500;
}
/*================
    button
================*/

button,
.wp-element-button,
.elementor-button {
    display: inline-block;
    padding: 13px 25px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 1.1;
    border: none;
    border-radius: 20px;
    background: none;
    text-decoration: none!important;
}
button:hover,
.wp-element-button:hover,
.elementor-button:hover {
    text-decoration: none;
    transform: scale(1.05,1.05);
}
.elementor-button-icon {
    font-size: 18px;
}

.btn1 {
    background: var(--color-accent);
    border-radius: 10px;
}
.btn2 {
    background: var(--color-dark);
    border-radius: 10px;
}
.btnT {
    background: var(--color-accent);
    border-radius: 10px;
}



/*======================
        Hero 
=======================*/
.cnt-hero {
    min-width: 100%;
    min-height: 100vh;
}
.cnt-hero-inn {
    width: 90%;
    min-width: 90%;
}

.cnt-hor {
    display: flex;        /* Layout: Flexbox */
    width: auto;          /* Width: auto */
    min-height: 100vh;    /* MinHeight: 100vh */
    flex: 1 1 auto;       /* size: grow --> permette al contenitore di espandersi */
}