/*
Theme Name: Ramo - WordPress Theme
Theme URI: https://www.ilramo.org
Author: After Spell Studios - Rccardo Molti
Author URI: https://www.afterspellstudios.it/chi-siamo/
Description: Official Wordpress Theme Il Ramo Lodi
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramo
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body.privacy-policy main,
body.page-id-2145 main{padding: 130px 0;}



.primaParte{padding: 50px 15px!important;}
.primaParte,
.intro_container{
  background: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
}

.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show{display: none;}


.mega-menu__division-list a{position: relative;}

.mega-menu__division-list a:nth-child(1)::before{
  content: 'Bambini e Teenagers';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 5%;
}

.mega-menu__division-list a:nth-child(2){
  margin-bottom: 30px;
  /* border-bottom: 2px solid var(--wp--preset--color--foreground); */
}

.mega-menu__division-list a:nth-child(3)::before{
  content: 'Giovani e Adulti';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 5%;
}

.mega-menu__division-list a:nth-child(3){
  padding-top: 50px;
}

/* ==========================================================
   MEGA MENU
   ========================================================== */

.mega-menu {
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    /* height: calc(100vh - var(--header-height, 100px)); */
    height: 80vh;

    z-index: 1;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transform: translateY(-20px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        visibility .4s ease,
        background-color .5s ease;
}


/* apertura */

body.mega-menu-open .mega-menu.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}


/* ==========================================================
   COLORI CORSI
   ========================================================== */

.mega-menu--corsi {
    --mega-bg: #2B6ABD;

    background: var(--mega-bg);

    transition: background-color .5s ease;
}

.mega-menu--corsi.is-danza {
    --mega-bg: #2B6ABD;
}

.mega-menu--corsi.is-musical {
    --mega-bg: #08693C;
}

.mega-menu--corsi.is-canto {
    --mega-bg: #A77210;
}

.mega-menu--corsi.is-teatro {
    --mega-bg: #890C35;
}


/* Repertorio / Chi siamo (pannelli "semplici") */

.mega-menu--repertorio,
.mega-menu--chi-siamo {
    background: #111;
}


/* ==========================================================
   LAYOUT
   ========================================================== */

.mega-menu__inner {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 40% 60%;

    position: relative;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    --overlay-opacity: 1;
}

.mega-menu__inner::before {
    content: '';

    position: absolute;
    inset: 0;

    background-image: var(--mega-menu-image-current);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 1;

    transition: opacity .6s ease;

    z-index: 0;

    pointer-events: none;
}

.mega-menu__inner.has-image-transition::after {
    content: '';

    position: absolute;
    inset: 0;

    background-image: var(--mega-menu-image-next);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;

    transition: opacity .6s ease;

    z-index: 1;

    pointer-events: none;
}


.mega-menu__image {
    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    pointer-events: none;

    transition: opacity .6s ease;
}

.mega-menu__image--current {
    opacity: 1;
    z-index: 0;
}

.mega-menu__image--next {
    opacity: 0;
    z-index: 1;
}



.mega-menu__categories,
.mega-menu__divisions {
    position: relative;
    z-index: 3;
}

.mega-menu__inner::after {
    content: '';

    width: 100%;
    height: 100%;

    position: absolute;
    inset: 0;

    opacity: var(--overlay-opacity);

    mix-blend-mode: multiply;

    pointer-events: none;

    background-color: var(--mega-overlay-color);

    z-index: 2;
}

.mega-menu--corsi.is-danza .mega-menu__inner {
    --mega-overlay-color: var(--wp--preset--color--dance);
}

.mega-menu--corsi.is-musical .mega-menu__inner {
    --mega-overlay-color: var(--wp--preset--color--musical);
}

.mega-menu--corsi.is-canto .mega-menu__inner {
    --mega-overlay-color: var(--wp--preset--color--song);
}

.mega-menu--corsi.is-teatro .mega-menu__inner {
    --mega-overlay-color: var(--wp--preset--color--theatre);
}


/* ==========================================================
   COLONNA SINISTRA
   ========================================================== */

.mega-menu__categories {

    display: flex;
    flex-direction: column;

    justify-content: center;

    padding: 0 5vw;
    position: relative;

    /* border-right: 1px solid var(--wp--preset--color--foreground); */
}

.mega-menu__categories::after{
  content: '';
  width: 3px;
  height: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(180deg,rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, .8) 50%, rgba(240, 240, 240, 0) 100%);
}


.mega-menu__category {

    position: relative;

    display: block;

    color: #fff;
    text-decoration: none;

    font-size: clamp(40px, 5vw, 90px);

    font-family: 'Antonio';

    text-transform: uppercase;

    line-height: .95;

    padding: 12px 0;

    opacity: .35;

    transition:
        opacity .3s ease,
        transform .3s ease;

    
    isolation: isolate;
    min-height: 130px;
    display: flex;
    align-items: center;
}


.mega-menu__category::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    opacity: 0.5;

    transition:
        opacity 0.4s ease,
        transform 0.6s ease;
}

/* .mega-menu__category[data-mega-category="danza"]::before {
    background-image: url("/wp-content/uploads/2026/08/Sfondo_Macro_Danza1.webp");
}

.mega-menu__category[data-mega-category="musical"]::before {
    background-image: url("/wp-content/uploads/2026/08/Sfondo_Macro_Musical1.webp");
}


.mega-menu__category[data-mega-category="canto"]::before {
    background-image: url("/wp-content/uploads/2026/08/Sfondo_Macro_Canto1.webp");
}

.mega-menu__category[data-mega-category="teatro"]::before {
    background-image: url("/wp-content/uploads/2026/08/Sfondo_Macro_Teatro1.webp");
}

.mega-menu__category.is-active::before {
    opacity: 0.8;
    transform: scale(1.03);
} */



.mega-menu__category:hover,
.mega-menu__category.is-active {

    opacity: 1;
    transform: translateX(15px);

}


/* linea attiva */

.mega-menu__category::after {

    content: '';

    position: absolute;

    bottom: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: rgba(255,255,255,.5);

    transition: width .3s ease;
}

.mega-menu__category.is-active::after {
    width: 120px;
}


/* ==========================================================
   COLONNA DESTRA
   ========================================================== */

.mega-menu__divisions {

    display: flex;
    align-items: center;

    padding: 0 5vw;

    position: relative;
}


.mega-menu__division-list {
    position: absolute;

    display: flex;
    flex-direction: column;

    gap: 20px;

    opacity: 0;
    visibility: hidden;
}

.mega-menu__division-list.is-active {
    visibility: visible;
}


.mega-menu__division-list a {

    color: #fff;

    text-decoration: none;

    font-size: clamp(30px, 3.5vw, 65px);

    font-weight: 200;

    line-height: 1;

    transition:
        opacity .3s ease,
        transform .3s ease;
}

.mega-menu__division-list a::after{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;

  width: 0;
  height: 2px;

  background: rgba(255,255,255,.5);

  transition: width .3s ease;
}

.mega-menu__division-list a:hover::after{
  width: 120px;
}

/* 
.mega-menu__division-list a:hover {

    opacity: .6;
    transform: translateX(15px);

} */


/* ==========================================================
   PANNELLI SEMPLICI (Repertorio, Chi siamo)
   ========================================================== */

.mega-menu__inner--simple {

    display: flex;
    flex-direction: column;

    justify-content: center;

    padding: 0 10vw;
}

.mega-menu__inner--simple::after {
    content: '';

    position: absolute;
    inset: 0;

    background-color: rgba(0, 0, 0, .45);

    pointer-events: none;

    z-index: 1;
}

.mega-menu__simple-items {
    position: relative;
    z-index: 2;
}

.mega-menu__simple-item {

    display: block;

    position: relative;

    color: #fff;

    text-decoration: none;

    font-size: clamp(40px, 5vw, 90px);

    font-family: 'Antonio';

    line-height: .95;

    text-transform: uppercase;

    padding: 12px 0;

    opacity: .5;

    transition:
        opacity .3s ease,
        transform .3s ease;

}


.mega-menu__simple-item::after {

    content: '';

    position: absolute;

    bottom: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: rgba(255,255,255,.5);

    transition: width .3s ease;
}

.mega-menu__simple-item.is-active::after {
    width: 120px;
}



.mega-menu__simple-item:hover,
.mega-menu__simple-item.is-active {

    opacity: 1;
    transform: translateX(15px);

}



@media (max-width: 1189px) {

    .mega-menu {
        display: none !important;
    }

}





.page-template-page-divisione .col-100{position: relative;}
.selettore-divisione{
  width: 40px;
  height: 80px;
  background: #C4C4C4;
  position: fixed;
  top: 50%;
  left: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wp--preset--color--background);
  border-radius: 5px;
  cursor: pointer;
}

.selettore-divisione--open{
  position: fixed;
  top: 50%;
  left: 60px;
  z-index: 1;
  background: #DBDBDB;
  display: none;
  opacity: 0;
  border-radius: 5px;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.selettore-divisione--open.isopen{display: block; opacity: 1;}

.selettore-divisione span{transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.selettore-divisione.isopen span{transform: rotate(180deg);}


.selettore-divisione--open ul{list-style-type: none; margin: 0;}
.selettore-divisione--open ul li{padding: 10px 20px;}
.selettore-divisione--open ul li a{color: var(--wp--preset--color--background); opacity: .5; transition: all .5s cubic-bezier(.215, .61, .355, 1); text-decoration: none; text-transform: uppercase;}
.selettore-divisione--open ul li a:hover{opacity: 1;}

.hidden {
  opacity: 0;
  visibility: hidden;
}

.visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .selettore-divisione,
  .selettore-divisione--open{display: none;}
}



/* -------------------------------------------------------------------------------- */
/* ! FASTIDOP MEDIA QUERY */
/* -------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  
}



/* Struttura fissa del loader a tutto schermo */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;      
  min-height: 100vh; 
  z-index: 999999;
  background-color: transparent;
  overflow: hidden;  
}

#loader-svg {
  width: 100%;
  height: 100%;      
  display: block;
  object-fit: cover; 
}



body.admin-bar .header{top: 32px; z-index: 1000;}

.sezione-animata-pro {
    overflow: hidden;
    position: relative;
}

.sezione-animata-pro::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,rgba(20, 20, 20, 0) 70%, rgba(20, 20, 20, 0.8) 100%);
  z-index: 1;
}

.sezione-animata-pro img {
    width: 100%;
    display: block;
    transform: scale(1.5);
}

.fade-up{opacity: 0; transform: translateY(5rem);}
.fade-up2{opacity: 0; transform: translateY(5rem);}
.fade-up3{opacity: 0; transform: translateY(5rem);}
.fade-up4{opacity: 0; transform: translateY(5rem);}


/* === Color Shift Section === */
.color-shift-wrapper,
.wp-block-group.color-shift-wrapper {
  position: relative;
  /* width: 100%; */
  /* min-height: 150vh; */
  background-color: var(--wp--preset--color--background);
  /* display: flex;
  align-items: center;
  justify-content: center; */
  overflow: hidden;
  will-change: background-color;
}

.color-shift-wrapper.alignwide {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.color-shift-wrapper__inner {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 2rem;
  text-align: center;
}

.color-shift-wrapper__title,
.color-shift-wrapper__text {
  color: var(--wp--preset--color--foreground);
  will-change: color;
}


.danza .color-shift-wrapper,
.danza .wp-block-group.color-shift-wrapper{background-color: var(--wp--preset--color--dance);}


@media (max-width: 768px) {
  .sezione-animata-pro::after{background: linear-gradient(180deg,rgba(20, 20, 20, 0) 50%, rgba(20, 20, 20, 0.8) 100%);}

}


/* ! Reset */
/* =====================================
   BASE RESET MODERNO PER WP IBRIDO
===================================== */


html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--wp--preset--color--foreground);
  font-weight: 300;
}

html,
body{
  margin: 0;
  width: 100%;
  height: 100%;
  color: var(--wp--preset--color--background);
}


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

/* img, */
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

button,
input,
textarea,
select {
  font: inherit;
}

.wp-block-video video{border-radius: 10px;}

ul,ol{list-style-type: disc; padding: 0; list-style-position: inside;}

blockquote p{margin-left: 24px;}

strong{font-weight: 500;}

p{font-size: 20px;}

.plink a,
.plink a:visited{color: var(--wp--preset--color--accent-light); text-decoration: none; font-weight: 400; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.plink a:hover{color: var(--wp--preset--color--accent); text-decoration: underline;}

#training_divisioni,
#foundation,
#intermediate,
#advanced,
#refinement,
#d_foundation,
#m_foundation,
#t_foundation,
#d_intermediate,
#m_intermediate,
#t_intermediate,
#d_advanced,
#m_advanced,
#t_advanced,
#d_refinement,
#m_refinement,
#t_refinement,
#danza,
#musical,
#canto,
#teatro{scroll-margin-top: 100px;}




/* -------------------------------------------------------------------------------- */
/* ! WP Edit */
/* -------------------------------------------------------------------------------- */
/* .wp-block-group{padding: 0 15px!important;} */




/* -------------------------------------------------------------------------------- */
/* ! BUTTONS SYSTEM */
/* -------------------------------------------------------------------------------- */
a.button,
.wp-block-button__link,
.wpcf7-submit,
.video-container-scuola button{
  font-size: 18px;
  font-weight: 400;
  font-family: 'PlusJakartaSans';
  letter-spacing: 12%!important;
  text-transform: uppercase;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  display: inline-block;
  /* background: linear-gradient(170deg,rgba(253, 159, 61, 1) 0%, rgba(255, 106, 0, 1) 100%); */
  background: rgba(160, 160, 160, .2)!important;
  color: var(--wp--preset--color--background);
  letter-spacing: 10%;
  transform: scale(1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}


a.button.btn-dark,
.btn-dark .wp-block-button__link,
button.btn-dark
{
  color: var(--wp--preset--color--foreground);
}

a.button:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover,
.video-container-scuola button:hover{
  /* background: linear-gradient(170deg,rgba(253, 159, 61, 1) 0%, rgba(253, 159, 61, 1) 100%); */
  background: linear-gradient(170deg,rgba(253, 159, 61, 1) 0%, rgba(255, 106, 0, 1) 100%)!important;
  transform: scale(1.05);
}


@media (max-width: 768px) {
  a.button,
  .wp-block-button,
  .wp-block-button__link,
  .wpcf7-submit{padding: 14px 20px; width: 100%; font-size: 16px;}
}


/* -------------------------------------------------------------------------------- */
/* ! HEADINGS */
/* -------------------------------------------------------------------------------- */
.lightitle{
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 10%;
  font-family: 'PlusJakartaSans';
  text-transform: uppercase;
}

.bigtitle{
  font-size: 65px;
  /* font-weight: 500; */
}

.bigtitle--dark{
  color: var(--wp--preset--color--background);
}

.bigtitle--light{
  color: var(--wp--preset--color--foreground);
}






/* body.page-template-home-page-template main,
body.page-template-macro-corso-template main,
body.page-template-singolo-corso-template main,
body.single-courses main,
body.single-workshops main,
body.page-id-318 main,
body.page-template-page-slider main,
body.single-produzioni main{padding: 0!important;} */

/* body:not(.page-template-home-page-template) main{padding: 150px 0 100px 0} */

/* body.page main{padding: 0;} */

body.blog main,
body.single-insegnanti main,
body.page-id-1705 main,
body.page-id-1762 main,
body.single-eventi main,
body.single-post main{padding: 130px 0;}
body.blog h1,
body.page-id-1705 h1,
body.page-id-1762 h1,
body.single h1{font-size: 70px;}


.blog h2{font-size: 32px;}

body.single-courses main,
body.single-workshops main{padding: 50px 0;}









.page-id-318 p,
.page-id-318 h3,
.page-id-318 .wp-block-spacer{margin: 0;}


@media (max-width: 768px) {
  .bigtitle{font-size: 50px;}
  .page-template-macro-corso-template .bigtitle,
  .page-template-page-slider .bigtitle,
  body.single h1{font-size: 40px;}
  p{font-size: 18px!important;}
  body.blog main,
  body.single main,
  body.page-id-1705 main,
  body.page-id-1762 main,
  body.single-eventi main{padding: 70px 0!important;}

  body.single-courses main,
  body.single-produzioni main,
  body.single-workshops main{padding: 0 0 50px 0!important;}
  .blog h2{font-size: 24px;}
}





/* -------------------------------------------------------------------------------- */
/* ! BLOCKS */
/* -------------------------------------------------------------------------------- */
.wp-block-columns{margin: 0;}
/* .wp-block-group{padding: 0;} */
.wp-block-quote{border-left: 12px solid var(--wp--preset--color--accent); margin: 24px 0 0 0;}
.wp-block-quote h3{margin-left: 24px;}





/* -------------------------------------------------------------------------------- */
/* ! Header */
/* -------------------------------------------------------------------------------- */
.sub-menu,
.divisioni-mobile{display: none!important;}

body.mega-menu-open .header {
    background: transparent !important;
}

.header{position: fixed; top:0;  left:0; z-index: 10000; width: 100%; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

.home .header,
.page-template-page-slider .header,
.page-template-macro-corso-template .header,
.single-courses .header{background: transparent!important; }


.header__content{max-width: 1400px;margin: 0 auto; display: flex;justify-content: start; align-items: center; padding:10px 20px; position: relative;}

.header__logo{display: flex; align-items: center;color:var(--site-text-color);font-weight: bold; width: 20%; position: relative; z-index: 10;}
.header__logo img{height: 80px; width: auto; padding: 10px 0; transition: all .5s cubic-bezier(.215, .61, .355, 1);}

.header__search{filter: invert(1); position: relative; z-index: 10;}
.header__search img{width: 24px;}

nav{width: 80%; position: relative; z-index: 10;}

.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative}
.menu li a{color: var(--wp--preset--color--foreground);display: block;padding: 16px;font-size: 14px; text-decoration: none; font-weight: 300; text-transform: uppercase;}

.menu .training_menu{border-bottom: 1px solid var(--wp--preset--color--foreground);}

[aria-current]:not([aria-current="false"]) {font-weight: 700; border-bottom: 1px solid var(--wp--preset--color--foreground);}

.scroll-down .header{background: rgba(20, 20, 20, .9)!important; box-shadow: 0 10px 20px rgba(0,0,0, .5);}
.scroll-down .header__logo img{height: 60px;}

.icon-hamburger{display: none;}


@media (max-width: 768px) {

    .icon-hamburger{display: block;}

    .header__content {
        width: 100%;
        max-width: none;
        height: 60px;
        padding: 0 50px 0 20px;
        box-sizing: border-box;
    }

    .header__logo img {
        height: 50px;
        width: auto;
    }

    .header__search img{
      width: 20px;
      margin-right: 20px;
      margin-top: 5px;
    }

    nav {
        width: 100%;
        position: static;
    }

    .menu {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: calc(100vh - 60px);

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        background-color: var(--wp--preset--color--background);

        overflow-y: auto;
        overflow-x: hidden;

        clip-path: inset(0 100% 0 0);
        transition: clip-path 1s cubic-bezier(.215, .61, .355, 1);

        z-index: 9998;
    }

.menu-open .menu {
    clip-path: inset(0 0 0 0);
}

    .menu li {
        display: block;
        width: 90%;
        margin: 0 5%;
        border-bottom: 1px solid #000;
    }

    .menu li a {
        padding: 16px;
    }

    .menu-open .menu > li:last-child {
        margin-bottom: 150px;
        position: relative;
    }


    /* Hamburger */

    .icon-hamburger {
        height: 50px;
        width: 50px;
        margin: 0;

        position: absolute;
        top: 8px;
        right: 5px;

        display: block;
        border: none;
        background: transparent;
        z-index: 9999;
    }

    .icon-hamburger strong {
        height: 1px;
        width: 1px;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
    }

    .icon-hamburger span {
        height: 2px;
        width: 30px;
        background: var(--wp--preset--color--foreground);
        position: relative;
        display: block;
        margin-bottom: 11px;
        transition: all .2s cubic-bezier(.215, .61, .355, 1);
    }

    .menu-open .icon-hamburger span:nth-child(2) {
        transform: rotate(45deg) translateY(9px);
    }

    .menu-open .icon-hamburger span:nth-child(3) {
        transform: rotate(-45deg) translateY(-9px);
    }


    /* Dropdown mobile */

    .menu-item-has-children > .sub-menu {
        display: none !important;
        position: static;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        opacity: 1;
        background: transparent;
    }

    .menu-item-has-children.open-dropdown > .sub-menu,
    .divisioni-mobile
     {
        display: block !important;
    }

    .menu-item-has-children > .sub-menu li {
        width: 100%;
        margin: 0;
        border-bottom: 0;
    }

    .menu-item-has-children > .sub-menu li a {
        padding: 12px 30px;
        font-size: 13px;
    }


    /* Freccia dropdown */

    .menu > li.menu-item-has-children > a::after {
        transition: transform .3s ease;
    }

    .menu > li.menu-item-has-children.open-dropdown > a::after {
        transform: rotate(270deg);
    }


    .header__quick {
        display: flex;
        justify-content: flex-end;
    }

    .header__quick ul {
        padding-left: 0;
    }


    .mega-menu {
        display: none !important;
    }

}



/* Menu Dropdown */
.menu > li > ul{
  background: var(--wp--preset--color--background);
  opacity: 0; 
  display: none; 
  min-width: 220px; 
  position: absolute; 
  transition: all 0.5s ease; 
  margin-top: 0px;
  left: 0; 
  padding: 10px;
  border-radius: 10px;
}

.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a,
.page-template-align-wide-fix-trasparent .menu li ul > li > a{color:#fff;}

.menu li ul > li > a:hover {background: #ccc;color:#000}



.single-produzioni .header,
.page .header,
.blog .header,
.single .header{background: rgba(20, 20, 20, .9);}


/* ! Search Panel */
.search-panel{
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  overflow: hidden;
  height: 0vh;
  opacity: 0;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.search-panel--open{
  height: 100vh;
  opacity: 1;
}

.search-panel-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.seach-close{cursor: pointer; font-family: 'PlusJakartaSans';}

.search-result{display: flex; padding: 20px;}
.thumbnail-small{width: 40px; height: 40px;}
#datafetch h3{padding: 10px 10px 7px 10px;
    font-size: 18px;
    line-height: 27px;
    margin: 0;}


/* Open Menus */
@media (min-width: 1190px) {

  .menu > li:hover > ul,
  .menu > li > ul:hover { visibility: visible; opacity: 1; display: block; }
  
  .menu > li.mega-menu:hover > ul,
  .menu > li.mega-menu > ul:hover,
  .menu > li.mega-menu:focus-within > ul { visibility: visible; opacity: 1; display: flex; flex-wrap: wrap;width: 600px;}
  .menu > li.mega-menu > ul > li{width: 193px;}

} 

.menu li.open-dropdown > ul{visibility: visible; opacity: 1; display: block; }
.menu li.mega-menu.open-dropdown > ul{visibility: visible; opacity: 1; display: block;}

/* open dropdown with focus tab*/
.menu li:focus-within ul{visibility: visible; opacity: 1; display: block; }

.menu li ul li { clear: both; width: 100%; }
/* .menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;} */

.menu > li.menu-item-has-children > a::after{
  content:" ";width: 30px;height: 30px; background-size:30px;position: absolute;
  top:50%; right: 0; transform: rotate(90deg);margin-top: -15px;
  background-size:100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
  display: none;
}



@media (max-width: 1190px) {

  .menu > li.menu-item-has-children > a::after{display: block;}

  .menu li ul{position: relative;background: none;}
  .menu li ul li{border:none; width: 95%; }
  /* .menu li ul li a{padding-left: 30px;} */
  .menu > li.mega-menu > .sub-menu {margin-left: 5vw;}
  .menu > li.mega-menu > .sub-menu li {margin:0;}
  .menu > li.mega-menu > .sub-menu > li {width: 40vw;margin-bottom: 20px;}
}


@media (max-width: 768px) {
  .header{padding: 0 20px;}
  .scroll-down .header__logo img{height: 50px;}
}



/* -------------------------------------------------------------------------------- */
/* ! COVER */
/* -------------------------------------------------------------------------------- */
.cover{
  width: 100vw;
  height: 550px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
}


.page-template-macro-corso-template .cover,
.home .cover{
    /* height: calc(100vh - 40px); */
    height: 100vh;
}

.page-id-924 .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}

.page-id-924 h1{font-size: 40px;}

.cover img {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}


.cover video{object-fit: cover; width: 100%; height: 100%;}

.video-container{width: 100%; height: 100%; position: relative;}

.video-container::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,rgba(20, 20, 20, 0.5) 0%, rgba(20, 20, 20, 0) 50%, rgba(20, 20, 20, 0.5) 100%);
}



.cover .cover__text {
  position: absolute;
  /* bottom: 100px; */
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  color: #fff;
  max-width: 1400px;
  padding: 0 15px;
}

.playvideo{
  position: absolute;
  right: 20px;
  background: transparent;
  border: 1px solid var(--wp--preset--color--foreground);
  padding: 10px;
  border-radius: 5px;
  bottom: 40px;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.playvideo a{
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.playvideo:hover{
  background: var(--wp--preset--color--foreground);
}

.playvideo a:hover{
  color: var(--wp--preset--color--background);
}


.intro_text{margin-top: 50px;}



/* .cover .cover__text h1{font-size: 24px;} */
.cover .cover__text h2{margin: 0; font-size: 54px; line-height: 70px;}
.cover .cover__text p{font-size: 20px; font-weight: 300;}



@media (max-width: 1600px) {
  .home .cover__text h1{font-size: 16px!important; line-height: 1.3!important;}
  .home .cover__text h2{font-size: 30px!important; line-height: 1.3!important;}
  
}


@media (max-width: 768px) {
  .cover .cover__text{bottom: 80px;}
}



/* -------------------------------------------------------------------------------- */
/* ! INTRO */
/* -------------------------------------------------------------------------------- */
.intro_container{
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  /* background: #fff;
  color: #000; */
  padding: 50px 0;
}

.intro.wp-block-columns{gap: 70px;}
.wp-block-column{position: relative;}

.intro_corsi{margin-top: 100px;}
.intro_corsi figure{height: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.intro_corsi figure a{display: block; height: 100%;}
.intro_corsi figure a img{
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transform: scale(1);
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.intro_corsi figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .7;
  border-radius: inherit;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.intro_corsi h3{
  position: absolute;
  bottom: 40px;
  left: 30px;
  color: var(--wp--preset--color--foreground);
  font-size: 70px;
  font-weight: 500;
  transform: translateY(0);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.intro_corsi h3 a{color: #fff; text-decoration: none;}


.intro_corsi .theatre figure:hover::after {background: linear-gradient(0deg,rgba(137, 12, 53, 1) 0%, rgba(137, 12, 53, 0) 100%)!important;}
.intro_corsi .musical figure:hover::after {background: linear-gradient(0deg,rgba(8, 105, 60, 1) 0%, rgba(8, 105, 60, 0) 100%)!important;}
.intro_corsi .song figure:hover::after {background: linear-gradient(0deg,rgba(167, 114, 16, 1) 0%, rgba(167, 114, 16, 0) 100%)!important;}
.intro_corsi .dance figure:hover::after {background: linear-gradient(0deg,rgba(122, 169, 231, 1) 0%, rgba(122, 169, 231, 0) 100%)!important;}

.intro_corsi figure:hover::after {opacity: .7;}
.intro_corsi figure:hover a img{transform: scale(1.1);}
.intro_corsi figure:hover + h3 {transform: translateY(-20px); font-size: 75px;}


.intro_corsi .dance figure::after{background: var(--wp--preset--color--dance);}
.intro_corsi .musical figure::after{background: var(--wp--preset--color--musical);}
.intro_corsi .song figure::after{background: var(--wp--preset--color--song);}
.intro_corsi .theatre figure::after{background: var(--wp--preset--color--theatre);}



.bg-layer {
  position: fixed;
  inset: 0;
  /* background: #000; */
  z-index: -1;
}


@media (max-width: 768px) {
  .intro p{font-size: 18px!important;}
  .intro_corsi .wp-block-column{max-height: 450px;}
  .intro.wp-block-columns{padding: 0 15px;}
}

/* -------------------------------------------------------------------------------- */
/* ! TAGLINE */
/* -------------------------------------------------------------------------------- */
.tagline{
  font-family: 'PlusJakartaSans';
  font-size: 50px;
  font-weight: 200;
  margin: 50px 0 100px 0;
  text-transform: capitalize;
  padding: 10px;
}

@media (max-width: 768px) {
  .tagline{font-size: 40px; margin: 30px 0 80px 0;}
}


/* ! CARD HOME PAGE */
/* -------------------------------------------------------------------------------- */
.home .card-container.wp-block-columns,
.page-template-page-slider .card-container.wp-block-columns{gap: 50px;}
/* .home .card, */
.page-template-macro-corso-template .card,
/* .page-template-page-slider .card, */
.blog .card
{
  /* border: 1px solid var(--wp--preset--color--accent); */
  padding: 40px;
  /* border-radius: 10px; */
  /* background: var(--wp--preset--color--foreground); */
  /* box-shadow: 0 30px 40px rgba(0,0,0, .07); */
  margin-bottom: 70px;
}

.page-template-macro-corso-template .card{
  margin-top: 70px;
  margin-bottom: 20px;
}

.page-template-macro-corso-template .card .wp-block-quote{
  margin-bottom: 20px;
}

.musical.page-template-macro-corso-template .card .wp-block-quote{
  border-color: var(--wp--preset--color--musical);
}

/* .page-template-page-slider .card,
.blog .card{
  padding: 30px;
} */

.blog .card{margin-bottom: auto;}


.home .card h3,
.page-template-page-slider .card h3{font-size: 50px; font-weight: 400; color: var(--wp--preset--color--foreground);}
.page-template-page-slider .card h3{color: var(--wp--preset--color--background);}

.page-template-macro-corso-template .card h3{font-size: 30px; font-weight: 500; color: var(--wp--preset--color--background);}

.home .card h4,
.page-template-macro-corso-template .card h4{font-family: 'PlusJakartaSans'; font-size: 20px; font-weight: 200; margin-top: 10px;}

.home .card p,
.page-template-macro-corso-template .card p{font-size: 18px; font-weight: 300;}

.page-template-macro-corso-template .card ul li{font-size: 20px; font-weight: 300;}

@media (max-width: 768px) {
  .home .card h3,
  .page-template-page-slider .card h3{margin-bottom: 20px;}
  .blog h1{font-size: 50px;}
  .blog .card,
  .page-template-macro-corso-template .card{padding: 20px; margin-bottom: 0;}
  .single .wp-post-image{padding: 0; margin-top: 30px;}
  .single h1{font-size: 42px;}

  .page-template-macro-corso-template .card{
    margin-top: 30px;
  } 


}



/* -------------------------------------------------------------------------------- */
/* ! HOME FASCE */
/* -------------------------------------------------------------------------------- */
.fasce_container{background: var(--wp--preset--color--background);}
.home_fasce{gap: 0; padding: 20px 0;}
.home_fasce .wp-block-column{padding: 40px 10px; transition: all 1s cubic-bezier(.215, .61, .355, 1); position: relative;}
.home_fasce .wp-block-column h3 a{
  font-family: 'PlusJakartaSans';
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 10%;
  color: var(--wp--preset--color--foreground);
  text-decoration: none;
}



.home_fasce .wp-block-column p,
.home_fasce .wp-block-column h3{margin: 0; position: relative; z-index: 1;}
.home_fasce .wp-block-column p a{color: #fff; text-decoration: none;}

/* .home_fasce .wp-block-column:hover{background: #4F4F4F; opacity: .7;} */
.home_fasce .wp-block-column::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:#4F4F4F;
  opacity: 0;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.home_fasce .wp-block-column:hover::after{
  opacity: 1;
}

.home_fasce .wp-block-column:nth-child(2){border-left: 1px solid var(--wp--preset--color--foreground); border-right: 1px solid var(--wp--preset--color--foreground);}
.home_fasce .wp-block-column:nth-child(3){border-right: 1px solid var(--wp--preset--color--foreground);}



@media (max-width: 768px) {
  .home_fasce .wp-block-column{padding: 20px 10px;}
  .home_fasce .wp-block-column:nth-child(2),
  .home_fasce .wp-block-column:nth-child(3){border: none!important;}
}



.sezione-animata-pro .fasce_container {
    z-index: 20 !important; /* Più alto della sfumatura che è a 5 */
    background-color: rgba(20,20,20, .7) !important; /* Il tuo colore */
}

.sezione-animata-pro .fasce_container h3 a{font-family: 'PlusJakartaSans';}

.page-template-macro-corso-template .home_fasce .wp-block-column:hover{background-color: rgba(176,203,238, .7);}




/* .page-template-macro-corso-template.danza .fasce_container{background: color-mix(in srgb, var(--wp--preset--color--dance) 70%, transparent)} */
.page-template-macro-corso-template.danza .fasce_container{background: var(--wp--preset--color--dance)}
.page-template-macro-corso-template.danza .fasce_container .wp-block-column::after{background: var(--wp--preset--color--dance-light);}


.page-template-macro-corso-template.musical .fasce_container{background-color: var(--wp--preset--color--musical);}
.page-template-macro-corso-template.musical .fasce_container .wp-block-column::after{background: var(--wp--preset--color--musical-light);}

.page-template-macro-corso-template.teatro .fasce_container{background-color: var(--wp--preset--color--theatre);}
.page-template-macro-corso-template.teatro .fasce_container .wp-block-column::after{background: var(--wp--preset--color--theatre-light);}







/* La sezione Cover di WordPress */
.wp-block-cover.sezione-animata-pro {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 0;
}

/* Creiamo il velo bianco con il CSS puro */
.sezione-animata-pro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    /* Gradiente bianco solido che sfuma */
    /* background: linear-gradient(180deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%); */
    background: linear-gradient(180deg,rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 100%);
    z-index: 5; /* Sopra la foto, sotto il titolo */
    pointer-events: none;
    /* Questa è la variabile che GSAP controllerà */
    opacity: 1; 
    transition: opacity 0.1s linear;
}

/* Assicuriamoci che l'immagine stia sotto */
.sezione-animata-pro img.wp-block-cover__image-background {
    z-index: 1 !important;
}


.sezione-animata-pro p
 {
    position: relative;
    bottom: 50px;
    z-index: 10 !important;
    font-weight: 200;
}

.sezione-animata-pro img::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: red;
}

/* -------------------------------------------------------------------------------- */
/* ! HOME CORSI */
/* -------------------------------------------------------------------------------- */
.wp-block-cover.home_corsi .wp-block-cover__inner-container{
  position: absolute;
  height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.wp-block-cover.home_corsi{position: relative;}

.wp-block-cover.home_corsi::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,rgba(20, 20, 20, 0.5) 0%, rgba(20, 20, 20, 0) 50%, rgba(20, 20, 20, 0.7) 100%);
}


.text_top{position: absolute; top: 100px;}
.text_bottom{position: absolute; bottom: 100px;}
.text_bottom p{margin-right: 0!important; font-size: 20px!important; font-weight: 300!important;}



@media (max-width: 768px) {
  .wp-block-cover.home_corsi{min-height: 130vh!important;}
  .wp-block-cover.home_corsi::after{background: var(--wp--preset--color--background); opacity: .7;}
  .home_corsi .wp-block-group{padding: 0 15px;}
  .home_corsi .wp-block-group p{font-size: 18px!important;}
  .text_top{top: 50px;}
  .text_bottom{bottom: 30px;}

}



/* -------------------------------------------------------------------------------- */
/* ! FOCUS */
/* -------------------------------------------------------------------------------- */
.focus.wp-block-columns{margin-top: 100px; gap: 100px;}
.focus h3{font-size: 30px; font-weight: 500;}
.focus p{font-size: 20px; font-weight: 300;}


/* -------------------------------------------------------------------------------- */
/* ! HOME PRODUZIONI */
/* -------------------------------------------------------------------------------- */
.produzioni{
  padding: 100px 0 50px 0;
}

#splide-produzioni{width: 100vw; max-width: none; margin-top: 80px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: 20px; padding-right: 20px;}
#splide-produzioni .splide__pagination{display: none;}
#splide-produzioni a{text-decoration: none;}

.splide__slide img {
    width: 100%;
    height: 350px;
    border-radius: 8px;
    object-fit: cover;
}
.slide-content {
    /* padding: 10px; */
    /* text-align: center; */
    /* position: relative; */
    min-height: 350px;
}

.slide-content__title{
  font-family: 'PlusJakartaSans';
  font-weight: 200!important;
  font-size: 30px;
  font-weight: 500;
  color: var(--wp--preset--color--background);
  padding: 10px 0 0 10px;
}





/* .slide-content__title{
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-family: 'Oswald';
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  z-index: 1;
} */

/* #splide-produzioni .slide-content{position: relative;}
#splide-produzioni .slide-content::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  background: linear-gradient(180deg,rgba(20, 20, 20, 0) 30%, rgba(20, 20, 20, 0.5) 100%);
} */








/* -------------------------------------------------------------------------------- */
/* ! HOME EVENTI */
/* -------------------------------------------------------------------------------- */
.eventi{
  padding: 100px 0 50px 0;
}

#splide-eventi{width: 100%; max-width: none;}

#splide-eventi .overlay,
.evento .overlay{position: relative; }
#splide-eventi .overlay::after,
.evento .overlay::after{
  content: '';
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background: #F0F0F0;
  border-radius: 10px;
  pointer-events: none;
  opacity: .9;
}

#splide-eventi .slider-text,
.evento .slider-text{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding: 0 50px;
  text-align: left;
}

#splide-eventi a .slider-text,
.evento a .slider-text{color: var(--wp--preset--color--background); text-decoration: none;}
#splide-eventi a .slider-text blockquote,
.evento a .slider-text blockquote{
  border-left: 10px solid var(--wp--preset--color--accent);
  padding-left: 12px;
  font-family: 'Antonio';
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 500;
  margin: 0;
}

#splide-eventi a .slider-text p,
.evento a .slider-text p{
  font-size: 24px;
  font-weight: 400;
  margin: 20px 0;
}

#splide-eventi .button{
  padding: 5px 20px;
  border: 1px solid var(--wp--preset--color--background);
}

.evento img,
#splide-eventi img{border-radius: 10px;}

#splide-eventi .slide-content span{
  font-weight: 400;
}

.eventi-griglia{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1400px;
  gap: 50px;
}


.single-eventi img{border-radius: 10px;}
.single-eventi .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--foreground);
  opacity: .8;
}

.single-eventi .cover .cover__text h1,
.single-eventi .cover .cover__text h2{color: var(--wp--preset--color--background);}

.single-eventi .cover .cover__text h2{font-family: 'PlusJakartaSans'; font-size: 32px; line-height: 1.5;}

.single-eventi h3,
.single-post h3,
.single-workshops h3{font-family: 'PlusJakartaSans'; font-size: 32px;}
.single-eventi h4,
.single-post h4,
.single-workshops h4{font-family: 'PlusJakartaSans'; font-size: 22px;}




@media (max-width: 768px) {
  .eventi{padding-top: 0px!important}

  .eventi-griglia{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .evento .slide-content{min-height: auto;}

  .single-eventi .cover .cover__text h2{font-size: 24px;}

}


/* -------------------------------------------------------------------------------- */
/* ! BANNER APP */
/* -------------------------------------------------------------------------------- */
.banner-app{margin-bottom: 100px;}
.banner-app::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}

.banner-app .wp-block-cover__inner-container{z-index: 1; padding: 0 20px;}

@media (max-width: 768px) {
  .banner-app{height: 500px; position: relative;}
  .banner-app::after{opacity: .7;}
}


/* -------------------------------------------------------------------------------- */
/* ! CLOSING */
/* -------------------------------------------------------------------------------- */
.closing{position: relative;}
.closing::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(0deg,rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 30%);
}

.closing .wp-block-cover__inner-container{
  position: relative;
  z-index: 1;
}




/* -------------------------------------------------------------------------------- */
/* ! MACRO CORSI */
/* -------------------------------------------------------------------------------- */
.page-template-macro-corso-template .wp-block-cover.opening,
.page-template-macro-corso-template .opening{position: relative; --overlay-opacity: 1;}
.page-template-macro-corso-template .wp-block-cover.opening::after,
.page-template-macro-corso-template .hero-macro::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: var(--overlay-opacity);
  mix-blend-mode: multiply;
  pointer-events: none;
}

.page-template-macro-corso-template h1.wp-block-heading.alignwide.lightitle{color: var(--wp--preset--color--foreground)!important;}
.page-template-macro-corso-template .cover__text p{font-size: 26px; margin-bottom: 10px;}
.page-template-macro-corso-template .cover__text cite{font-size: 18px;}
.page-template-macro-corso-template h2{margin-left: 24px;}

.page-template-macro-corso-template.danza .wp-block-cover.opening::after,
.page-template-macro-corso-template.danza .hero-macro::after{background-color: var(--wp--preset--color--dance);}


.page-template-macro-corso-template.musical .wp-block-cover.opening::after,
.page-template-macro-corso-template.musical .hero-macro::after{background-color: var(--wp--preset--color--musical);}

.page-template-macro-corso-template.canto .wp-block-cover.opening::after,
.page-template-macro-corso-template.canto .hero-macro::after{background-color: var(--wp--preset--color--song);}

.page-template-macro-corso-template.teatro .wp-block-cover.opening::after,
.page-template-macro-corso-template.teatro .hero-macro::after{background-color: var(--wp--preset--color--theatre);}

.page-template-macro-corso-template .wp-block-cover.opening .wp-block-cover__inner-container{position: relative; z-index: 1;}



.corsi-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 20px;
  margin: 100px auto!important;
  padding: 0 15px;
  max-width: 1400px;
}

.corso-card{
  height: 380px;
  position: relative;
  border-radius: 10px;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.corso-card::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .7;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.corso-img{
  overflow: hidden;
  border-radius: 10px;
  height: 380px;
}
.corso-card img{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.corso-card:hover img{transform: scale(1.1);}


.danza .corso-card::after{background: var(--wp--preset--color--dance);}
.danza .corso-card:hover::after{  background: linear-gradient(0deg,rgba(122, 169, 231, 1) 0%, rgba(122, 169, 231, 0) 100%)!important}

.musical .corso-card::after{background: var(--wp--preset--color--musical);}
.musical .corso-card:hover::after{  background: linear-gradient(0deg,rgba(89, 214, 156, 1) 0%, rgba(89, 214, 156, 0) 100%)!important}

.canto .corso-card::after{background: var(--wp--preset--color--song);}
.canto .corso-card:hover::after{  background: linear-gradient(0deg,rgba(218, 165, 68, 1) 0%, rgba(218, 165, 68, 0) 100%)!important}

.teatro .corso-card::after{background: var(--wp--preset--color--theatre);}
.teatro .corso-card:hover::after{  background: linear-gradient(0deg,rgba(205, 50, 102, 1) 0%, rgba(205, 50, 102, 0) 100%)!important}



.corso-card img{
  min-height: 380px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* .corso-card h3{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
} */

.corso-card h3 a{
  color: var(--wp--preset--color--background);
  font-family: 'PlusJakartaSans';
  font-size: 32px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

.divisione_danza .corso-card::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--dance);
  opacity: .7;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.divisione_danza .corso-card:hover::after{
  opacity: .2;
}

.divisione_musical .corso-card::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--musical);
  opacity: .7;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.divisione_musical .corso-card:hover::after{
  opacity: .2;
}

.divisione_teatro .corso-card::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--theatre);
  opacity: .7;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.divisione_teatro .corso-card:hover::after{
  opacity: .2;
}

/* ! Accordion */
.block-container.accordion{margin-top: -150px; position: relative; z-index: 1;}
.acc-title{cursor: pointer; padding: 20px 10px; margin-bottom: 0;border-top:1px solid var(--wp--preset--color--foreground); position: relative; font-family: 'PlusJakartaSans';}
.acc-title::before {
    content: '+';
    position: absolute;
    right: 0;
    top: 10%;
    font-size: 40px;
    transition: transform .3s ease;
}

.acc-title.active::before {
    transform: rotate(45deg);
}
.acc-panel{max-height: 0;overflow:hidden; transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.acc-panel p{padding: 10px;}
.acc-panel--show{max-height:800px;}


@media (max-width: 768px) {
  .acc-title{font-size: 16px;}
  .corsi-grid{grid-template-columns: repeat(1, 1fr); gap: 120px 100px;}
  .corso-card h3{margin-top: 10px;}
  .corso-card::after{opacity: .3;}
}


/* ! Insegnanti */
.img-container{position: relative;}
#splide-insegnanti{width: 100%; max-width: none; margin: 80px 0; position: relative;}
#splide-insegnanti .img-container::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
  border-radius: 10px;
  pointer-events: none;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

#splide-insegnanti .img-container:hover::after{opacity: 0;}


#splide-insegnanti .slide-content:hover::after{opacity: 0;}

#splide-insegnanti img{height: 350px; object-fit: cover; object-position: top center; filter: grayscale(1); transition: all .5s cubic-bezier(.215, .61, .355, 1);}
#splide-insegnanti img:hover{filter: grayscale(0);}

#splide-insegnanti .splide__slide a{text-decoration: none; color: var(--wp--preset--color--background);}

#splide-insegnanti .splide__slide a .slide-content__title{opacity: .5; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
#splide-insegnanti .splide__slide a:hover .slide-content__title{opacity: 1;}



#splide-insegnanti .splide__pagination{display: none;}



/* ! Gallery */
.gallery{margin: 100px 0;}
.gallery .splide__slide,
.gallery .splide__track,
.gallery .splide__slide img{height: 900px;}
.gallery .splide__slide img{object-fit: cover;}

@media (max-width: 768px) {
  .gallery .splide__slide,
  .gallery .splide__track,
  .gallery .splide__slide img{height: 250px;}

}


/* -------------------------------------------------------------------------------- */
/* ! CARD SINGOLO CORSO */
/* -------------------------------------------------------------------------------- */

.single-courses .card-container .wp-block-column,
.single-workshops .card-container .wp-block-column{padding: 10px;}

.single-courses .has-media-on-the-right .wp-block-media-text__content,
.single-workshops .has-media-on-the-right .wp-block-media-text__content{padding: 0 0 0 20px;}
.single-courses .has-media-on-the-left .wp-block-media-text__content,
.single-workshops .has-media-on-the-left .wp-block-media-text__content{padding: 0 20px 0 0;}

.single-courses .wp-block-media-text.has-media-on-the-right,
.single-workshops .wp-block-media-text.has-media-on-the-right{grid-template-columns: 1fr 60%;}
.single-courses .wp-block-media-text,
.single-workshops .wp-block-media-text{grid-template-columns: 1fr 40%;}

.single-courses .card h3,
.single-workshops .card h3{font-size: 44px; font-weight: 400;}
.single-courses .card h4,
.single-workshops .card h4{font-size: 24px; font-family: 'PlusJakartaSans';}
.single-courses .card p,
.single-workshops .card p{color: var(--wp--preset--color--background); font-size: 20px; line-height: 30px; font-weight: 300;} 
.single-courses .card ul,
.single-workshops .card ul{list-style-type: square; list-style-position: inside;}
.single-courses .card ul li,
.single-workshops .card ul li{
  font-size: 20px;
  color: var(--wp--preset--color--background);
  font-weight: 400;
}

.single-workshops .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}




.single-courses .danza ::marker{color: var(--wp--preset--color--dance);}
.single-courses .musical ::marker{color: var(--wp--preset--color--musical);}
.single-courses .canto ::marker{color: var(--wp--preset--color--song);}
.single-courses .teatro ::marker{color: var(--wp--preset--color--theatre);}

.single-courses .danza .wp-block-quote{border-color: var(--wp--preset--color--dance);}
.single-courses .musical .wp-block-quote{border-color: var(--wp--preset--color--musical);}
.single-courses .canto .wp-block-quote{border-color: var(--wp--preset--color--song);}
.single-courses .teatro .wp-block-quote{border-color: var(--wp--preset--color--theatre);}











.single-courses .wp-block-media-text.card .wp-block-media-text__media img{
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}


.single-courses .cover,
.page-template-default .cover,
.single-workshops .cover{
  height: 80vh;
  position: relative;
  color: var(--wp--preset--color--foreground);
  margin-bottom: 50px;
}

.single-courses .cover::before,
.single-courses .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.single-courses .cover::after{background: linear-gradient(180deg,rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, .5) 100%);}

.page-template-default .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}

.single-courses .cover.cover--video{margin: 0 0 50px 0; height: 80vh;}

.single-workshops .video-container-scuola{height: 80vh;}
.single-workshops .video-container-scuola .button{display: none;}

/* ! Colori overlar per corsi */
.single-courses .cover.danza::before{background: color-mix(in srgb, var(--wp--preset--color--dance) 70%, transparent);}
.single-courses .cover.musical::before{background: color-mix(in srgb, var(--wp--preset--color--musical) 70%, transparent);}
.single-courses .cover.canto::before{background: color-mix(in srgb, var(--wp--preset--color--song) 70%, transparent);}
.single-courses .cover.teatro::before{background: color-mix(in srgb, var(--wp--preset--color--theatre) 70%, transparent);}

.single-courses .cover__text,
.page-template-default .cover__text,
.single-workshops .cover__text{
  width: 1400px;
  left: 50%;
  transform: translateX(-50%);
}

.single-courses .cover__text h1,
.page-template-default .cover__text h1,
.single-workshops .cover__text h1{font-size: 90px;}

.single-courses hr{
  border: 1px solid #8A8A8A;
  margin: 30px 0!important;
}



.page-template-page-slider .insegnanti-slider{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.single-courses .insegnanti-slider,
.single-workshops .insegnanti-slider{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 20px;
}

.page-id-318 .produzioni-slider {
  display: grid;
  /* minmax(0, 1fr) impedisce alle immagini grandi di rompere le 3 colonne */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 100px 40px;
  
  /* Tecniche di break-out dal contenitore */
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  
  margin-top: 50px;
  margin-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

/* Regole fondamentali per i contenuti interni */
.produzioni-slider .produzione {
  width: 100%;
}

.produzioni-slider .produzione-foto {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.page-template-page-slider .insegnanti-slider{
  grid-template-columns: repeat(3, 1fr);
  margin: 50px 0;
  gap: 90px 20px;
}

.insegnanti-slider a{text-decoration: none;}
.insegnanti-slider a h3{color: var(--wp--preset--color--background); opacity: .5; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.insegnanti-slider a:hover h3{opacity: 1;}


.insegnante img{border-radius: 10px;}
.insegnante .insegnante-nome,
.page-id-318 .produzioni-slider article.produzione .produzione-nome{
  font-family: 'PlusJakartaSans';
  font-weight: 200;
  font-size: 32px;
  text-transform: capitalize;
  margin: 10px 0;
}

.single-courses .insegnanti-slider article.insegnante,
.single-workshops .insegnanti-slider article.insegnante,
.page-template-page-slider .insegnanti-slider article.insegnante,
.page-id-318 .produzioni-slider article.produzione{
  width: 100%;
  height: 350px;
  /* overflow: hidden; */
  border-radius: 10px;
  position: relative;
}



.page-id-318 .produzioni-slider article.produzione{height: 350px;}
.page-id-318 .produzioni-slider article.produzione a{text-decoration: none; color: var(--wp--preset--color--background);}
.page-id-318 .produzioni-slider article.produzione a h3{opacity: .5; transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.page-id-318 .produzioni-slider article.produzione img{border-radius: 10px;}

.page-id-318 .produzioni-slider article.produzione:hover a h3{opacity: 1;}

.single-courses .insegnanti-slider article.insegnante::after,
.single-workshops .insegnanti-slider article.insegnante::after,
.page-template-page-slider .insegnanti-slider article.insegnante::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
  pointer-events: none;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  border-radius: 10px;
}

.single-courses .insegnanti-slider article.insegnante:hover::after,
.single-workshops .insegnanti-slider article.insegnante:hover::after,
.page-template-page-slider .insegnanti-slider article.insegnante:hover::after{
  opacity: 0;
}


@media (max-width: 768px) {
  .page-template-page-slider .insegnanti-slider{grid-template-columns: repeat(1, 1fr);}
  .single-courses .cover__text h1,
  .page-template-default .cover__text h1{font-size: 70px;}
  .single-workshops .cover__text h1{font-size: 50px;}
  .single-workshops .cover,
  .single-workshops .video-container-scuola{height: 50vh;}


  .single-courses .wp-block-media-text__content{margin-top: 20px;}
  .single-courses .card h4,
  .single-workshops .card h4{font-size: 20px;}
  .single-courses .insegnanti-slider,
  .single-workshops .insegnanti-slider{grid-template-columns: repeat(1, 1fr); gap: 100px 20px;}

  .single-courses .insegnanti-slider article.insegnante::after, .single-workshops .insegnanti-slider article.insegnante::after, .page-template-page-slider .insegnanti-slider article.insegnante::after{opacity: 0;}

  .page-id-318 .produzioni-slider{ grid-template-columns: repeat(1, minmax(0, 1fr)); padding-right: 15px; padding-left: 15px; gap: 80px 40px;}
  .page-id-318 .produzioni-slider article.produzione{height: 250px;}
  .page-id-318 .produzioni-slider article.produzione .produzione-nome{font-size: 24px;}
  
}





.single-courses .insegnanti-slider article.insegnante img,
.single-workshops .insegnanti-slider article.insegnante img,
.page-template-page-slider .insegnanti-slider article.insegnante img{object-fit: cover; object-position: top; height: 100%; width: 100%; filter: grayscale(1); transition: all .5s cubic-bezier(.215, .61, .355, 1);}

.page-id-318 .produzioni-slider article.produzione img{object-fit: cover; height: 100%;}

.single-courses .insegnanti-slider article.insegnante img:hover,
.single-workshops .insegnanti-slider article.insegnante img:hover,
.page-template-page-slider .insegnanti-slider article.insegnante img:hover{filter: grayscale(0);}

/* .single-courses .insegnanti-slider article.insegnante h3,
.page-template-page-slider .insegnanti-slider article.insegnante h3,
.page-id-318 .produzioni-slider article.produzione h3{
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: var(--wp--preset--color--foreground);
  z-index: 1;
} */





.mediatext_single{
  margin-bottom: 100px;
}

.mediatext_single .card{margin: 0;}

.mediatext_single figure{
  display: flex;
  align-items: center;
  justify-content: center;
}

.mediatext_single figure img{width: 90%; max-height: 500px; border-radius: 10px; object-fit: cover;}





.page-template-home-page-template div.cover:nth-of-type(3){height: 80vh;}

.page-template-page-slider .cover{height: 80vh; margin-top: 100px; margin-bottom: 100px;}
.page-template-page-slider .video-container-scuola{position: relative; height: 80vh;}
.page-template-home-page-template .video-container-scuola{height: 80vh;}
.page-template-page-slider .video-container-scuola::after,
.page-template-home-page-template .video-container-scuola::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--wp--preset--color--background);
  opacity: .5;
  pointer-events: none;
}

.page-template-page-slider .video-container-scuola button,
.page-template-home-page-template .video-container-scuola button{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.page-template-page-slider h2{margin: 70px 0 30px 24px!important;}


/* .video-container-scuola button{
  background: rgba(160, 160, 160, .2)!important;
} */




.card-container.divisioni .card img{border-radius: 10px; height: 350px; object-fit: cover;}
.card-container.divisioni .card h2{font-family: 'PlusJakartaSans'; font-weight: 400; font-size: 32px; margin: 20px 0!important;}
.card-container.divisioni .card h3{font-family: 'PlusJakartaSans'; font-weight: 200; font-size: 24px; margin: 0;}



@media (max-width: 768px) {
  .page-template-page-slider .cover{height: 60vh;}
  .page-template-page-slider .video-container a.button{width: 80%;}
}



/* -------------------------------------------------------------------------------- */
/* ! PRODUZIONI PAGE */
/* -------------------------------------------------------------------------------- */
.single-produzioni .cover{height: 550px; position: relative;}
.single-produzioni .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}
.single-produzioni .cover .cover__text{left: 50%; width: 1400px; transform: translateX(-50%);}

.single-produzioni h2{margin-top: 50px; font-size: 32px;}
.single-produzioni p{font-size: 20px;}





/* -------------------------------------------------------------------------------- */
/* ! SLIDER PAGE */
/* -------------------------------------------------------------------------------- */
.hero_page_slider,
.hero-macro{
  width: 100vw;
  height: 100vh;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  margin-bottom: 70px;
}

.hero-macro{height: 80vh; margin-bottom: 0;}

.hero_page_slider{position: relative;}
.hero_page_slider::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,rgba(20, 20, 20, 0.5) 0%, rgba(20, 20, 20, 0) 50%, rgba(20, 20, 20, 0.5) 100%);
}

.hero_page_slider .splide__arrows,
.hero_page_slider .splide__pagination,
.hero-macro .splide__arrow,
.hero-macro .splide__pagination{display: none;}



.hero_page_slider .hero_page_slider,
.hero_page_slider .splide__track,
.hero_page_slider .splide__slide{height: 100vh;}


.hero-macro .splide__track,
.hero-macro .splide__slide{height: 80vh;}

.hero_page_slider .splide__slide img,
.hero-macro .splide__slide img{object-fit: cover; height: 100%; border-radius: 0;}


.slider_text_container{
  width: 1400px;
  position: absolute;
  bottom: 50px;
  color: var(--wp--preset--color--foreground);
  padding: 20px 20px 20px 20px;
}

.slider_text h1{
  padding: 0 15px;
  font-size: 120px;
}


.page-template-page-slider .wp-block-media-text__content{padding-right: 0;}


.hero-macro-text{position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: auto; color: #fff; width: 1400px;}
.hero-macro-text p{font-size: 20px;}


@media (max-width: 768px) {
  .slider_text h1{font-size: 80px;}
  .hero_page_slider .splide__slide img,
  .hero-macro .splide__slide img{object-position: right;}
}


/* -------------------------------------------------------------------------------- */
/* ! DIVISIONI PAGE */
/* -------------------------------------------------------------------------------- */
/* ! Hero */
.page-template-page-divisione .cover{
  height: 100vh;
  position: relative;
  margin-bottom: 70px;
}

.page-template-page-divisione .cover::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--background);
  opacity: .3;
}

.page-template-page-divisione .cover h1{
  font-size: 120px;
  font-weight: 400;
}


/* ! Colonne */
.page-template-page-divisione .wp-block-column h2{
  font-size: 70px;
  font-weight: 400;
  margin-left: 24px;
}


.page-template-page-divisione article{
  margin-bottom: 70px;
  display: flex;
  align-items: center;
}

.course-card__img{flex-basis: 55%; height: 350px;}
.course-card__img img{width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px;}

.course-card__content{flex-basis: 45%; padding: 15px 30px;}

.course-card__content .fasce_divisione{font-weight: 200; font-size: 24px; opacity: .7;}
.course-card__content h3{font-family: 'PlusJakartaSans'; font-weight: 400; font-size: 32px; text-transform: capitalize; margin: 0;}
.course-card__content p{font-size: 18px;}

.page-template-page-divisione hr.wp-block-separator{border-color: var(--wp--preset--color--background); opacity: .2; margin-bottom: 70px;}


/* ! Blockquote Colors */
.page-template-page-divisione .danza .wp-block-quote,
.page-template-page-slider .danza.wp-block-quote{border-color: var(--wp--preset--color--dance);}

.page-template-page-divisione .musical .wp-block-quote,
.page-template-page-slider .musical.wp-block-quote{border-color: var(--wp--preset--color--musical);}

.page-template-page-divisione .canto .wp-block-quote,
.page-template-page-slider .canto.wp-block-quote{border-color: var(--wp--preset--color--song);}

.page-template-page-divisione .teatro .wp-block-quote,
.page-template-page-slider .teatro.wp-block-quote{border-color: var(--wp--preset--color--theatre);}


@media (max-width: 768px) {
  .page-template-page-divisione .cover h1{font-size: 80px;}
  .page-template-page-divisione article{display: block;}
  .page-template-page-divisione .col-100{padding: 0;}
}


/* -------------------------------------------------------------------------------- */
/* ! SINGLE INSEGNANTI */
/* -------------------------------------------------------------------------------- */
.single-insegnanti #content h1{font-size: 70px; margin: 0;}
.single-insegnanti #content h3{font-family: 'PlusJakartaSans'; text-transform: uppercase; font-size: 32px; font-weight: 200;}
.single-insegnanti #content h4{font-family: 'PlusJakartaSans'; text-transform: uppercase; font-size: 24px; font-weight: 400;}
.single-insegnanti #content blockquote{margin-bottom: 50px;}
.single-insegnanti #content img{mix-blend-mode: darken; border-radius: 10px;}
.single-insegnanti #content hr{opacity: .5; margin-bottom: 50px;}



/* -------------------------------------------------------------------------------- */
/* ! CONTATTI */
/* -------------------------------------------------------------------------------- */
form p:nth-child(7){text-align: center;}
form p:nth-child(7) .wpcf7-submit{width: 50%;}

@media (max-width: 768px) {
  form p:nth-child(7){display: flex; align-items: center; flex-direction: column;}
}



/* -------------------------------------------------------------------------------- */
/* ! WORKSHOP */
/* -------------------------------------------------------------------------------- */
.single-workshops .video-container .button{display: none;}

.workshop-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
}

.workshop-card{
  flex-basis: 49%;
  min-height: 700px;
  margin-bottom: 70px;
}

.workshop-card h3{
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: 32px;
  text-transform: capitalize;
}

.workshop-card__img{height: 450px;}
.workshop-card__img img{object-fit: cover; width: 100%; height: 100%; border-radius: 10px;}


@media (max-width: 768px) {
  .workshop-card{flex-basis: 100%;}
  .workshop-card__img{height: 300px;}
}


/* -------------------------------------------------------------------------------- */
/* ! NEWS HOME */
/* -------------------------------------------------------------------------------- */
.news-list{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  margin-bottom: 100px!important;
}

.news-card,
.blog article{
  flex-basis: 33%;
  padding: 15px;
  background: #E5E5E5;
  margin: 0 10px;
  border-radius: 10px;
}

.news-card h3{
  font-size: 30px;
  margin: 0;
}

.news-card span{
  display: block;
  font-size: 14px;
  margin: 10px 0;
}

.news-card .news-card__text{
  font-size: 18px;
}


@media (max-width: 768px) {
  .news-list{flex-wrap: wrap;}
  .news-card{flex-basis: 100%; margin-top: 40px; padding: 0;}

}



/* -------------------------------------------------------------------------------- */
/* ! Footer */
/* -------------------------------------------------------------------------------- */
footer{background: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground);}
footer p{font-size: 16px;}
footer a{color: var(--wp--preset--color--foreground); text-decoration: none;}
footer hr{margin: 50px 0;}

footer .footer-copy{font-size: 14px;}


footer ul.menu-footer li{display: inline-block; margin: 0 10px;}
footer ul.menu-footer li a{text-decoration: none;}
footer ul.menu-footer li a:hover,
footer a:hover{text-decoration: underline;}



footer .footer_bottom_dx ul{
  margin: 0;
  list-style-type: disc;
  list-style-position: inside;
}


footer .footer_bottom_sx h3{
  font-size: 36px;
  font-weight: 500;
}

footer .footer_bottom_sx h3 a{
  color: #fff;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
}

footer .footer_bottom_sx h3 a:hover{
  color: #F19432;
}

footer #block-13 figure img{height: 100px; width: auto;}

footer .wpcf7-submit{color: var(--wp--preset--color--foreground);}

body form.es_subscription_form.es_subscription_form[data-form-id="2"].wysiwyg-form{
  background: transparent!important;
  padding: 0!important;
}

.es_form_wrapper.es-form-2.ig-es-form-wrapper{
  margin: 0!important;
}

.es-field-label{
  color: var(--wp--preset--color--foreground)!important;
}

 
.single-produzioni .footer-copy p{font-size: 16px;}

/* ! Newsletter Form */
.es-subscribe-btn{
  background: rgba(160, 160, 160, .2)!important;
  border: none!important;
  text-transform: uppercase;
  color: var(--wp--preset--color--foreground);
  font-weight: 400!important;
  font-size: 18px!important;
  transform: scale(1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.es-subscribe-btn:hover{
  background: linear-gradient(170deg,rgba(253, 159, 61, 1) 0%, rgba(255, 106, 0, 1) 100%)!important;
  transform: scale(1.05);
}




@media (max-width: 768px) {
  footer p a{font-size: 14px;}
  footer .wp-block-columns{margin-top: 30px;}
  footer .wp-block-columns figure{margin: 0!important; float: left!important;}
  footer .footer-copy{text-align: center;}
  footer .footer-copy .text-right{text-align: center;}
  footer hr{margin: 30px 0;}
}




/* -------------------------------------------------------------------------------- */
/* ! FORM */
/* -------------------------------------------------------------------------------- */
input,
textarea{width: 90%; padding: 5px;}
.wpcf7-list-item{margin: 0;}

@media (max-width: 768px) {
  input,
  textarea{width: 100%; padding: 5px;}
}

/* -------------------------------------------------------------------------------- */
/* ! MAPPA */
/* -------------------------------------------------------------------------------- */
.page-id-924 iframe{width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);}


/* -------------------------------------------------------------------------------- */
/* ! PAGE */
/* -------------------------------------------------------------------------------- */
/* .page .cover__text h1{font-size: 40px;} */
.home .cover__text h1{
  font-size: 20px;
}

.home .cover__text h2{
  font-family: 'PlusJakartaSans';
  font-weight: 200;
  font-size: 40px;
  text-transform: none;
}

@media (max-width: 768px) {
  .home .cover__text h1{font-size: 18px; line-height: 1.4;}
  .home .cover__text h2{font-size: 30px; line-height: 1.4;}
}



/* -------------------------------------------------------------------------------- */
/* ! MODAL */
/* -------------------------------------------------------------------------------- */
.modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility .25s;
}
.modal[hidden] { display: none; }
.modal.is-open { opacity: 1; visibility: visible; }

.modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .7);
}

.modal__dialog {
  position: relative;
  background: #fff;
  /* width: min(92%, 800px); */
  width: 80%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2rem;
  border-radius: 8px;
  transform: translateY(20px);
  transition: transform .25s;
}
.modal.is-open .modal__dialog { transform: translateY(0); }

.modal__close {
  position: absolute;
  top: .5rem;
  right: .75rem;
  background: none;
  border: 0;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.modal__video {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  margin-top: 1rem;
  background: #000;
}
.modal__video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

body.modal-open { overflow: hidden; }

.modal h2{margin: 0!important;}



/* -------------------------------------------------------------------------------- */
/* ! BLANK TEMPLATE */
/* -------------------------------------------------------------------------------- */
.page-template-blank-template{background: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground);}

.page-template-blank-template footer,
.page-template-blank-template header{
  display: none;
}

.page-template-blank-template .col-100{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}


/* -------------------------------------------------------------------------------- */
/* ! 404 */
/* -------------------------------------------------------------------------------- */
.error404 main{
  padding: 130px 0;
  text-align: center;
}

.error404 .header{background: rgba(20, 20, 20, .9)!important;}


.error404 main h1{font-size: 100px;}
.error404 main h2{font-size: 70px;}





/* -------------------------------------------------------------------------------- */
/* ! ANIMATIONS */
/* -------------------------------------------------------------------------------- */
.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
/* .fade-up{opacity: 0; transform: translateY(5rem);} */

.fade-left{opacity: 0; transform: translateX(-5rem);}
.fade-right{opacity: 0; transform: translateX(5rem);}

.fade-in-left{opacity: 0; transform: translateX(-5rem);}
.fade-in-right{opacity: 0; transform: translateX(5rem);}

.fade-in-trigger{opacity: 0;}
.zoom-in{opacity: 0; transform: scale(0);}


.slide-right{position: relative; right: -200px;}
.slide-left{position: relative; left: -200px;}






/* ! Grid System */
.grid { margin: 0 auto; padding: 0 15px; max-width: 1400px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}
.grid .grid [class*='col-'] {padding: 0px;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
    .tab-20 { width: 20%; }
    .tab-25 { width: 25%; }
    .tab-33 { width: 33.33%; }
    .tab-50 { width: 50%; }
    .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
    [class*='col-'] { width: 100%;}
    .sma-20 { width: 20%; }
    .sma-25 { width: 25%; }
    .sma-33 { width: 33.33%; }
    .sma-50 { width: 50%; }
    .sma-100 { width: 100%; }
}

/* ! Helpers  */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 50px}
.mt-4{margin-top: 70px }
.mt-5{margin-top: 100px}

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 50px}
.mb-4{margin-bottom: 70px}
.mb-5{margin-bottom: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 50px}
.p-4{padding: 70px}
.p-5{padding: 100px}

.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 50px;}
.pt-4{padding-top: 10vh;}
.pt-5{padding-top: 100px;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 50px;}
.pb-4{padding-bottom: 10vh;}
.pb-5{padding-bottom: 100px;}

.pr-1{padding-right: 10px;}
.pr-2{padding-right: 20px;}
.pr-3{padding-right: 50px;}
.pr-4{padding-right: 10vh;}
.pr-5{padding-right: 100px;}

.pl-1{padding-left: 10px;}
.pl-2{padding-left: 20px;}
.pl-3{padding-left: 50px;}
.pl-4{padding-left: 10vh;}
.pl-5{padding-left: 100px;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-light{color: var(--wp--preset--color--foreground);}
.text-dark{color: var(--wp--preset--color--background);}
.img-res { width: 100%; height: auto;vertical-align: middle;}
.d-none{display: none!important;}



.alignwide {
  width: 100%;
  max-width: 1400px; /* stesso della grid */
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 15px;
  padding-right: 15px;
}

.alignfull,
.alignwide {
  flex: 0 0 100%;
}




/* .header__content {
    position: relative;
}

.header__logo,
.header__content nav,
.header__search {
    position: relative !important;
    z-index: 99999 !important;
}

.mega-menu {
    position: fixed !important;
    top: 0 !important;
    z-index: 1 !important;
} */


@media (max-width: 768px) {

     #loader-wrapper {
        width: 100%;
    }

    .slider_text_container {
        width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }

    .slider_text {
        width: 100%;
        box-sizing: border-box;
    }

    .hero-macro-text {
        width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }

    .single-courses .cover__text,
    .page-template-default .cover__text,
    .single-workshops .cover__text,
    .single-produzioni .cover__text,
    .page-template-page-divisione .cover__text
    {
        width: 100%;
        max-width: 100%;
        left: 0;
        transform: none;
        box-sizing: border-box;
    }

}