/* 
Theme Name: Richard Verschoor Child
Theme URI:
Description:
Author: Design voor Online
Author URI: https://designvooronline.nl
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
*/

.close-icon a {
    outline: none!important;
}

.aspect-1-1{
	aspect-ratio: 1 / 1;
}

.aspect-16-9{
	aspect-ratio: 16 / 9;	
}

.blurry {
    backdrop-filter: blur(7px);
}

.flag-item {
    aspect-ratio: 4/3;
    display: flex;
    justify-content: center;
    transform: skew(-15deg);
}

.flag-item img {
    transform: skew(15deg);
}

.flag-next-race-fr{
	background: linear-gradient(
  to right,
  #002654 0 33.33%,
  #ffffff 33.33% 66.66%,
  #CE1226 66.66% 100%
);
}

.flag-next-race-it{
	background: linear-gradient(
  to right,
  #008C45 0 33.33%,
  #FFFFFF 33.33% 66.66%,
  #CD212A 66.66% 100%
);
}

a.flag-item:hover {
    background: var( --e-global-color-accent )!important;
}

a.elementor-button {
    transform: skew(-15deg);
}

a.elementor-button > .elementor-button-content-wrapper {
    transform: skew(15deg);
}

.menu-icon a.elementor-button > .elementor-button-content-wrapper {
    transform: skew(0deg)!important;
}

.menu-icon a.elementor-button {
    backdrop-filter: blur(7px);
}

a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    outline: 1px solid var( --e-global-color-accent );
    outline-offset: 3px;
}

.menu-head {
	transform: skew(-15deg);
}

.menu-head ul {
    transform: skew(15deg);
}

.close-icon-menu svg a{
	outline: none !important;
}

@media (min-width: 1025px) {
.custom-sticky {
	position: sticky;
	top: 120px;
	height: fit-content;
}
}

@media (max-width: 767px) {
img.attachment-full.size-full.wp-image-1211 {
    outline: none!important;
}
}

/* ABOUT */


/* NEWS */
.news-content h5 {
    margin-bottom: 10px!important;
    margin-top: 38px !important;
}

.news-content h3 {
	font-weight: 600!important;
}

/* TRANSITIONS */
/* ========== BASE ========== */
.dvo-animate {
  opacity: 0;
  transition: all 0.8s ease;
}

/* ========== FADE UP BLUR (main effect) ========== */
.dvo-fade-up {
  transform: translateY(40px);
  filter: blur(10px);
}

.dvo-fade-up.active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* ========== SCALE FADE (cards) ========== */
.dvo-scale {
  transform: scale(0.95);
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.dvo-scale.active {
  opacity: 1;
  transform: scale(1);
}

/* ========== STAGGER ITEMS ========== */
.dvo-stagger-item {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.dvo-stagger-item.active {
  opacity: 1;
  transform: translateY(0);
}

/* ========== PARALLAX ========== */
.dvo-parallax {
  transition: transform 0.1s linear;
}

/* ========== OPTIONAL DELAYS ========== */
.dvo-delay-1 { transition-delay: 0.1s; }
.dvo-delay-2 { transition-delay: 0.2s; }
.dvo-delay-3 { transition-delay: 0.3s; }
.dvo-delay-4 { transition-delay: 0.4s; }