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

/* Add your custom styles here */

/* Bordi */

.qlv-border {
	border: 3px solid var(--e-global-color-secondary);
}

.qlv-border-thin {
	border: 2px solid var(--e-global-color-secondary);
}

/* Ombre */

.qlv-shadow {
	box-shadow: 6px 6px 0 var(--e-global-color-secondary);
}

.qlv-shadow-small {
	box-shadow: 4px 4px 0 var(--e-global-color-secondary);
}

.qlv-shadow-large {
	box-shadow: 10px 10px 0 var(--e-global-color-secondary);
}


.card:hover {
  transform: translate(-3px, -3px);
  box-shadow: 9px 9px 0 var(--e-global-color-secondary);
}

/* Border Radius */

.qlv-radius {
	border-radius: 18px;
}

.qlv-radius-small {
	border-radius: 12px;
}

.qlv-radius-large {
	border-radius: 28px;
}

/* Pulsanti */

.qlv-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: var(--e-global-color-e730ac3);
  color: var(--e-global-color-secondary);
  border: 3px solid var(--e-global-color-secondary);
  border-radius: 12px;
  box-shadow: 5px 5px 0 var(--e-global-color-secondaryk);
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.qlv-btn-primary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 7px 7px 0 var(--e-global-color-secondary);
}


.qlv-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: var(--e-global-color-text);
  color: var(--e-global-color-secondary);
  border: 3px solid var(--e-global-color-secondary);
  border-radius: 12px;
  box-shadow: 5px 5px 0 var(--e-global-color-secondary);
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
}

.main {
	background-color: red !important;
}