/* 
Theme Name: Child
Author: Consulweb Development Team
Author URI: https://www.consulweb.net
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
*/

@font-face {
	font-family: 'Supreme';
	src: url('/wp-content/themes/child/fonts/Supreme-var.woff2') format('woff2 supports variations'),
       url('/wp-content/themes/child/fonts/Supreme-var.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
}

/* tipografia */
body, input, textarea, select, button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: justify;
	font-family: 'Supreme';
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: 'Supreme';
}
@media (min-width: 1100px) {
	h1 {
    font-size: 4.2rem;
	}
	h2 {
	font-size: 3.4rem;
	color: var(--e-global-color-primary);
	}
	.single-post .site-main h1 {
		font-size: 2.4rem;
		color: var(--e-global-color-accent);
	}
	.single-post .site-main h2 {
		font-size: 1.8rem;
	}
	.single-post .site-main h3 {
		font-size: 1.3rem;
	}
}

/* general */
body {
	color: var(--e-global-color-text);
	font-size: 17px;
	overflow-x: hidden;
}
a, a:hover, a:active {
	color: var(--e-global-color-text);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #49D49D; 
}
::-webkit-scrollbar-thumb {
  background: #0081AF;
}
.elementor-icon-list-item {
    align-items: flex-start!important;
}

/* header */
header {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 9991;
	background: #ffffffb3;
}
header.hfe-sticky {
	position: fixed;
	animation: slide-down 0.8s;
	background: #ffffffe8;
	box-shadow: 0 2px 20px rgba(2,129,175, 0.4);
}
@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    } 
    100% {
        transform: translateY(0);
    }
}
header .elementor-nav-menu .menu-item-object-page:hover .sub-arrow .e-font-icon-svg,
header .elementor-nav-menu .current-menu-item .sub-arrow .e-font-icon-svg {
    fill: var(--e-global-color-secondary);
}

/* inputs, buttons */
.elementor-button {
	display: inline-block;
	font-family: 'Supreme';
	font-weight: 500;
	border-radius: 0;
	padding: 1em 1.75em;
	width: max-content;
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--e-global-color-text);
	border: 1px solid var(--e-global-color-text);
	box-shadow: inset 0 0 0 0 var(--e-global-color-text);
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}
.elementor-button:visited {
	color: currentcolor;
}