/*
Theme Name: Aqua Musical
Description: A child theme for Twenty Twenty-Five with musical and aquatic design elements
Template: twentytwentyfive
Version: 1.0.1
Theme URI: https://createdbyblack.com/cases/aqua-musical
Author: Created by Black
Author URI: https://createdbyblack.com/
*/

/* Import parent theme styles */
@import url("../twentytwentyfive/style.css");

/* Custom styles for Aqua Musical theme */
:root {
    --wp--preset--color--primary: #A862FF;
    --wp--preset--color--secondary: #DABCFF;
    --wp--preset--color--accent: #1B0035;
    --wp--preset--color--background: #f0f8ff;
    --wp--preset--color--foreground: #1E1E1E;
    --bodyFont: 'Archivo', sans-serif!important;
    --HeadingFont: 'Archivo Condensed', sans-serif!important;
}
html{
    overflow-x: hidden;
}

html body {
	font-family: var(--bodyFont)!important;
    font-weight: 400;
    background: #330065!important; 
    animation: fadeIn 1s;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--HeadingFont)!important;
    font-weight: 900;
    line-height: 1.2;
}

p, li{ line-height: 1.5;}


/* Common Classes
-------------------------------------------------------- */
.not-ready{
    display: none!important;
}

.heading-font{ font-family: var(--HeadingFont)!important; font-weight: 900;}


@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}


/* Buttons
-------------------------------------------------------- */
.wp-block-buttons .wp-block-button{ position: relative;}
.wp-block-buttons .wp-block-button a{
    font-family: var(--HeadingFont)!important;
    font-weight: 900;
    border-radius: 50px;
    outline: none!important;
    border: none!important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: transparent!important;
    z-index: 1;
	height: 60px;
    display: flex;
    align-items: center;
	justify-content: center;
}

.wp-block-buttons .wp-block-button a img{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform: scale(1); }

/* Hover state for accessibility */
.wp-block-buttons .wp-block-button:hover a { color: #fff!important;}
.wp-block-buttons .wp-block-button:hover a img{
/*     filter: invert(1); */
	/* filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(26deg) brightness(111%) contrast(100%); */
    transform: scale(1.1);
}

.wp-block-buttons .wp-block-button, .wpforms-submit {    
  z-index: 1;
  position: relative;
  background-color: transparent;
  outline: none;
  border: none;
  transition: color 0.5s;
  cursor: pointer;
  border-radius: 50px;
  overflow: hidden;
}
.wp-block-buttons .wp-block-button:before, .wpforms-submit:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wp-block-buttons .wp-block-button:after, .wpforms-submit:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 100%;
  height: 100%;
  transition: all 0.3s 0.2s;
  border-radius: 50px;
}
.wp-block-buttons .wp-block-button:hover, .wpforms-submit:hover {
  color: #FFFFFF;
  border-radius: 50px;
}
.wp-block-buttons .wp-block-button:hover:after, .wpforms-submit:hover:after {
  transition: all 0.3s;
  left: 0;
  top: 0;
  border-radius: 50px;
}

.blob-svg {
  position: absolute!important;
  left: 0;
  top: 0;
  width: 100%!important;   /* take button width */
  height: 100%!important;  /* take button height */
  z-index: -1;   /* behind the text */
  border-radius: 50px!important;
  overflow: visible!important; /* allow blobs to move outside */
}

body .blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: #ffffff;
}
body .blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo");
  -webkit-filter: url(#goo);
}


body .blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: #a862ff;
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
@supports (filter: url("#goo")) {
  body  .blob-btn__blob {
    transform: translate3d(0, 150%, 0) scale(1.4);
  }
}
body .blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}
body .blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}
body .blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}
body .blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}
.wp-block-buttons .wp-block-button:hover .blob-btn__blob, body .wpforms-submit:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}
@supports (filter: url("#goo")) {
  .wp-block-buttons .wp-block-button:hover .blob-btn__blob, body .wpforms-submit:hover .blob-btn__blob {
    transform: translateZ(0) scale(1.4);
  }
}


/* BTN PURPLE */
.btn-purple .blob-btn__inner{ background: #A862FF;}
.btn-purple .blob-btn__blob, button.wpforms-submit .blob-btn__inner{ background: #1b0035;}

/* social media icons */
.wp-block-buttons .wp-block-button .icon-wrapper{ position: relative; display: flex;  }
.wp-block-buttons .wp-block-button .hover-icon{ 
  opacity: 0;
  position: absolute;
}

.wp-block-buttons .wp-block-button:hover img{ 
  opacity: 0;
}
.wp-block-buttons .wp-block-button:hover .hover-icon{ 
  opacity: 1;
}
 

/* Header
-------------------------------------------------------- */
header{
    position: absolute;
    width: 100%;
    z-index: 11;
}

header .inner-wrap  .wp-block-group{ background: transparent!important;}


.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content, 
.ftr_copy p a{ outline: none!important; text-decoration: none!important;}


/* Link underline animation
-------------------------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__label, .ftr_copy p a, 
div.wpforms-container-full .wpforms-field-label-inline a{ 
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size .5s;
    text-decoration: none !important;
}

.wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__label, .ftr_copy p a,
div.wpforms-container-full .wpforms-field-label-inline a{
    background-size: 100% 100%;
}

div.wpforms-container-full .wpforms-field-label-inline a:hover,
.ftr_copy p a:hover{
    background-size: 0% 100%;
    background-position: right!important;
}


/* Hero Section
-------------------------------------------------------- */
.sec-hero{ 
  min-height: 900px!important; 
  height: 100vh; 
  overflow: visible; 
  z-index: 1; 
}
.sec-hero::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 101, 255, 0.30);
  mix-blend-mode: darken;
  z-index: 1;
}
.sec-hero::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(180deg, rgba(51, 0, 101, 0.00) 0%, #330065 100%);
  z-index: 2;
}

.sec-hero .wp-block-cover__inner-container {  position: initial;}
.sec-hero .hero-logo{ max-width: 600px;    z-index: 5; position: relative; }
/* .hero-logo svg path{ fill: #1b0035;} */


/* Top Newsletter Section
-------------------------------------------------------- */
.top-newsletter{ 
  position: absolute;
  z-index: 10;
  left: 5%;
  right: 5%;
  bottom: 4rem;
}


.top-newsletter .arrow-img img{ 
    width: 100px!important;
    position: absolute;
    margin-top: -25px;
}


/* Newsletter Popup
-------------------------------------------------------- */
.mfp-content{ max-width: 1000px; padding: 50px 0;}
.mfp-content #newsletter{ padding: 0!important;}
.newsletter-content { padding: 60px 70px !important; }
.newsletter-content p{ font-size: 16px!important;}
.newsletter_logo{ max-width: 300px; margin: auto;}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, 
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input{ 
  margin: 0!important;
}


/* modal close buttons */
.mfp-close:before, .mfp-close:after {
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    display: block;
    height: 2.3px;
    width: 25px;
    background-color: #1B0035;
    transition: all 0.25s ease-out;
}
.mfp-close:after { transform: rotate(-135deg); }
.mfp-close:hover:before,
.mfp-close:hover:after {
    transform: rotate(0deg);
}

.mfp-content .mfp-close:before,
.mfp-content .mfp-close:after{
    background-color: #1B0035;
}

.mfp-content .mfp-close{
	font-size:0px!important;
    margin-right: 0px!important;
    margin-top: 0px;
    opacity: 1;
    right: 20px;
    top: 15px!important;
}


/* Newsletter Section
-------------------------------------------------------- */
.btf-newsletter-group{
  position: absolute;
  z-index: 10;
  left: 5%;
  right: 5%;
  bottom: 4rem;
}
.btf-newsletter-group .lbl{ flex-basis: 200px; padding-top: 15px; }
.btf-newsletter-group .lbl p{ font-size: 20px!important;}
.content-container{ margin-top: 0!important;}
div.wpforms-container-full{ margin: 0!important; /*flex-basis: calc(100% - 220px);*/}
.wpforms-container .wpforms-field{ padding:10px 0!important;}
div.wpforms-container-full .wpforms-field-label-inline{
    color: #1B0035!important;
    /* font-style: italic; */
    font-size: 14px !important;
}

div.wpforms-container-full .wpforms-field-label-inline a{
    color: #A862FF;
    font-style: italic;
}

div.wpforms-container-full input[type=checkbox]:before, div.wpforms-container-full input[type=radio]:before,
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before{
    box-shadow: none!important;
    border-color: #1B0035!important;
    background: transparent!important;
    border-radius: 2px !important;
}

.wpforms-container-full form{ 
  padding-top: 10px;
    /* display: flex;
    align-items: flex-start;
    gap: 5px;
    padding-left: 20px; */
}

/* .wpforms-container-full .wpforms-field-container { flex-basis: calc(100% - 260px);} */
div.wpforms-container-full input[type=checkbox]:checked:after, 
div.wpforms-container-full input[type=radio]:checked:after{ border-color: #1B0035!important;}
div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=text]{
    border-radius: 50px !important;
    background: url(/wp-content/uploads/2025/08/icon-email.svg) no-repeat;
    color: #1B0035 !important;
    backdrop-filter: blur(7.61834192276001px) !important;
    box-shadow: none !important;
    border: none !important;
    padding: 1.3rem 20px 1.3rem 60px !important;
    height: auto !important;
    font-size: 1.25rem !important;
    outline: none !important;
    background-position: 20px center;
    background-color: rgba(255, 255, 255, 0.50);
    border-width: 3px !important;
    /* margin-left: -20px; */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

div.wpforms-container-full input[type=text]{
  background: url(/wp-content/uploads/2025/08/icon-heart.svg) no-repeat;
   background-position: 20px center;
  background-color: rgba(255, 255, 255, 0.50);
}

/* Newsletter input focus state with box shadow */
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full input[type=text]:focus{
    box-shadow:0 0 15px 5px rgba(168, 98, 255, 0.3), 0 8px 25px rgba(27, 0, 53, 0.25) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

div.wpforms-container-full input[type=email]::placeholder,
div.wpforms-container-full input[type=text]::placeholder{ opacity: 1!important; color: #1B0035!important;}


/* Submit Button */
div.wpforms-container-full .wpforms-form .wpforms-submit-container{ margin-top: 0!important; text-align: center; padding-top: 20px;}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{
  margin: auto;
  position: absolute;
  left: 0;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: #fff; */
  border-radius: 100px;
}
div.wpforms-container-full button[type=submit]:focus:after{ display: none!important;}
.wpforms-submit-container button.wpforms-submit{ 
    border-radius: 50px !important;
    background: transparent !important;
    color: #DABCFF !important;
    font-family: var(--HeadingFont) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    padding: 1.3rem 1rem !important;
    height: auto !important;
    font-size: 1.25rem !important;
    width: 300px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.wpforms-submit-container button.wpforms-submit:hover{
    color: #fff!important;
}

/* disclaimer */
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox{ 
    /* position: absolute; */
    padding: 25px 0px 0 0px !important;
    /* width: 130%; */
}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{ margin-top: 5px!important;}


/* thanks message */
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
  border: none !important;
  background: transparent !important;
  text-align: center;
}

div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
  color: #1B0035!important;
  font-size: 20px;
}
div.wpforms-container-full .wpforms-confirmation-container-full  h2,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) h2{ 
  color: #1B0035!important;
  font-family: var(--HeadingFont)!important;
  font-size: 3rem!important;
  font-weight: 900;
  text-transform: uppercase;
  margin: 10px 0;
}


/* language toggler */
#wpforms-14-field_4-container, #wpforms-14-field_2-container{ max-width: 93%; margin: 0 auto; }
div.wpforms-container-full .wpforms-field#wpforms-14-field_9-container{ padding-top: 10px!important;}
div.wpforms-container-full ul#wpforms-14-field_9{ flex-wrap: nowrap; display: flex; justify-content: space-between; }
div.wpforms-container-full ul#wpforms-14-field_9 li{ 
  padding: 1.3rem 20px 1.3rem 20px !important;
  background: #eddeff;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
div.wpforms-container-full ul#wpforms-14-field_9 li.wpforms-selected{ background: #1B0035; }

div.wpforms-container-full  ul#wpforms-14-field_9 li.wpforms-selected .wpforms-field-label-inline{ color: #DABCFF !important; }
div.wpforms-container-full  ul#wpforms-14-field_9 li.wpforms-selected input[type=checkbox]:before, div.wpforms-container-full  li.wpforms-selected input[type=radio]:before, 
div.wpforms-container-full  ul#wpforms-14-field_9 li.wpforms-selected input[type=checkbox]:checked:before, div.wpforms-container-full  li.wpforms-selected input[type=radio]:checked:before,
div.wpforms-container-full  ul#wpforms-14-field_9 li.wpforms-selected input[type=checkbox]:checked:after, div.wpforms-container-full  li.wpforms-selected input[type=radio]:checked:after{
      border-color: #DABCFF  !important;
}

div.wpforms-container-full input[type=radio]:checked:after{
    border-top: none;
    border-right: none;
    height: calc(var(--wpforms-field-size-checkbox-size) * 0.6);
    border-left: 4px solid #DABCFF;
    border-bottom: 4px solid #DABCFF;
    background-color: transparent;
    transform: translate(0, 1px) scale(0.5) rotate(-45deg);
    left: calc(-4px + var(--wpforms-field-border-size, 1px));
    top: calc(-3px + var(--wpforms-field-border-size, 1px));
    border-radius: 0;
}


/* Intro Section
-------------------------------------------------------- */
.intro-content{ position: relative; z-index: 5;}
.intro-content p{ margin: 35px 0; }


/* Video Trailer
-------------------------------------------------------- */
.video-trailer-group{ margin-top: 30px; position: relative; background: #2f005d; border-radius: 30px;}
.video-trailer-group figure.wp-block-video, .video-trailer-group figure.wp-block-embed { overflow: hidden; border-radius: 40px; box-shadow: 0 20px 50px 20px rgba(27, 0, 53, 0.50); }
.video-trailer-group .play-trailer-btn img{  transition: all 0.5s ease; transform: scale(1); }
.video-trailer-group:hover .play-trailer-btn img{ transition: all 0.5s ease; transform: scale(1.1); }

.video-trailer-group .bt-overlay { 
    cursor: pointer;
    position: absolute;
    inset: 0;
    border-radius: 40px;
    background: rgba(51, 0, 101, 0.40);
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.sec-trailer{ position: relative; z-index: 5;}


/* Social Media Section
-------------------------------------------------------- */
.row-socials{ position: relative; z-index: 10;}
.row-socials h2{ margin: 0px; }
.row-socials .wp-block-buttons{ gap: 35px; padding-top: 10px;}
.row-socials .wp-block-button a{ 
    padding: 18px 40px 15px 40px;
    background: #FFF;
    box-shadow: 0 4px 25px 15px rgba(27, 0, 53, 0.35);
    display: flex;
    align-items: center;
    gap: 10px;
}

.row-socials .wp-block-button a img{ position: relative; top: -3px;}


/* PreFooter Section
-------------------------------------------------------- */
.pre-footer-group{ position: relative; z-index: 5; background: #fff;}
.pre-footer-group .arrow-down{ position: absolute; right: 10%; top: -70px;}
.pre-footer-group .arrow-down img{position: absolute; bottom: -85px; left: -150px; }
.pre-footer-group lottie-player{max-width: 250px;}


/* Footer Section
-------------------------------------------------------- */
footer{ margin-top: 0!important;  font-family: 'CeraPro', sans-serif!important;}
footer .ftr_logo{ margin-top: 10px;}
footer .ftr_address  p{ margin-top: 0; margin-bottom: 5px;}
footer .ftr_menu ul{ gap: 5px;}

footer .legal-links{ margin-top: 0px;}
footer .legal-links p{ display: inline-block; margin: 0; padding-right: 12px; }
footer .legal-links p.copy{ padding-right: 90px;}

footer .column_socials { justify-content: flex-end;}

footer .ftr_copy{
    border-top: 1px solid #A862FF;
    padding-top: 30px;  
    margin-top: 100px;
}

footer .ftr_copy p strong{ font-weight: 500;}   
footer .ftr_copy .wp-block-column{  display: flex; justify-content: space-between; gap: 50px;}
footer .ftr_copy .cbb-link{ margin-top: 0px;}

footer .ftr_follow figure a{ position: relative; transform: scale(1); transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
footer .ftr_follow figure a:hover {
  transform: scale(1.1); 
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
footer .ftr_follow figure a::before{ 
  content: '';
  position: absolute;
  inset: 0;
  background: transparent;
  border-radius: 100px;
  line-height: 1;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 30px;
  height: 30px;
  opacity: 0;
}

footer .ftr_follow figure a:hover::before{
  background: #a862ff;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


/* Bubbles with Parallax and Blend Effects
-------------------------------------------------------- */
.bubbles{
  position: absolute;
  z-index: 0;
  right: 0;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  /* Parallax and blend effects */
  will-change: transform;
  transform: translateZ(0);
  mix-blend-mode: color-dodge;
  filter: contrast(1.1) brightness(1.2);
}

.bubbles img{ 
  opacity: 75%;
  transition: all 0.3s ease;
}

/* Individual bubble parallax speeds */
.bubbles.bubble-01{
  max-width: 550px;
  top: 22%;
  transform: translateZ(-50px);
  animation: floatBubble1 5s ease-in-out infinite;
	z-index: 3;
}

.bubbles.bubble-02{
  max-width: 550px;
  left: 0;
  right: auto;
  transform: translateZ(-30px);
  animation: floatBubble2 5s ease-in-out infinite;
}

.bubbles.bubble-03{
  max-width: 550px;
  left: auto;
  right: 0;
  margin-top: -55%;
  transform: translateZ(-70px);
  animation: floatBubble3 5s ease-in-out infinite;
}

.bubbles.bubble-04{
  max-width: 550px;
  left: 0;
  right: auto;
  bottom: -200px;
  transform: translateZ(-40px);
  animation: floatBubble4 5s ease-in-out infinite;
}

/* Parallax animations */
@keyframes floatBubble1 {
  0%, 100% { transform: translateZ(-50px) translateY(0px)  rotate(0deg);   }
  50% { transform: translateZ(-50px) translateY(-5px)  rotate(1deg); }
}

@keyframes floatBubble2 {
  0%, 100% { transform: translateZ(-30px) translateY(0px) rotate(0deg); }
  50% { transform: translateZ(-30px) translateY(-15px) rotate(-1deg); }
}

@keyframes floatBubble3 {
  0%, 100% { transform: translateZ(-70px) translateY(0px) rotate(0deg); }
  50% { transform: translateZ(-70px) translateY(-25px) rotate(1deg); }
}

@keyframes floatBubble4 {
  0%, 100% { transform: translateZ(-40px) translateY(0px) rotate(0deg); }
  50% { transform: translateZ(-40px) translateY(-18px) rotate(-2deg); }
}

/* Magnific Popup transitions */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  transform: translateY(20px);
}



/* Media Queries
-------------------------------------------------------- */
@media (max-width: 1380px){
    .event-details{ max-width: 500px;}
}

@media (max-width: 1280px){
   header .inner-wrap .wp-block-group h2:nth-child(2){ font-size: 2.5rem !important;}
}

@media (max-width: 1180px){
	
	header .inner-wrap .wp-block-group h1, header .inner-wrap .wp-block-group h2, header .inner-wrap .wp-block-group p.left-item{ font-size: 1.5rem!important; }
  	header .inner-wrap .wp-block-group h2:nth-child(2), header .inner-wrap .wp-block-group p.middle{ font-size: 2rem!important; }

  .sec-hero .hero-logo{ max-width: 500px;}
  .event-details { max-width: 460px;}

  .bubbles{ 
    max-width: 380px!important;
    /* Reduce animation intensity on smaller screens */
    animation-duration: 12s !important;
  }
  
  /* Reduce parallax effect on mobile */
  .bubbles.bubble-01,
  .bubbles.bubble-02,
  .bubbles.bubble-03,
  .bubbles.bubble-04 {
    transform: translateZ(-20px) !important;
  }

  footer .column-top{ gap: 30px;}
  footer .column-top .wp-block-column:nth-child(3){ flex-basis: 26%!important;}
  footer .ftr_member { flex-basis: 140px!important;}
  footer .column_socials { gap: 30px; }
  footer .ftr_copy{ display: grid; grid-template-columns: 1fr 250px;}


}

@media (max-width: 991px){
   /* .btf-newsletter-group{ display: block!important;} */
   /* .btf-newsletter-group .lbl{ text-align: center; padding-bottom: 25px;} */

   header .inner-wrap .wp-block-group h2:nth-child(2){ font-size: 2rem !important;}
   header .inner-wrap .wp-block-group h2{ font-size: 1.3rem !important; }

   div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
    text-align: center;
  }
	
	
	.text-dropdown-group{ padding-top: 80px!important;}

  .pre-footer-group  .wp-block-group{ display: block!important; text-align: center; }
  .event-details{ max-width: 100%; padding: 40px 0;}
  .pre-footer-group .ftr_logo img{ max-width: 250px; margin: auto;}
  .pre-footer-group .wp-block-buttons{ justify-content: center;}
  .pre-footer-group .arrow-down{ display: none;}
  .pre-footer-group lottie-player{ margin: auto;}

  footer .inner_wrap{ padding-top: 80px!important;}
  footer .column-top{ flex-wrap: wrap!important;}
  footer .ftr_logo  { flex-basis: 100%!important;}
  footer .column-top .ftr_logo + .wp-block-column{ flex-basis: 55% !important; }
  footer .column-top .wp-block-column:nth-child(3) { flex-basis: 40% !important; }
  /* footer .column_menus { padding: 30px 0;} */
  footer .column_socials{ justify-content: flex-start;}

  footer .ftr_copy{ display: block;}
  footer .ftr_copy p.has-text-align-right{text-align: left!important; padding-top: 3px;}

  /* modal popup */
  .mfp-content{ max-width: 95%;}
  .newsletter-content { padding: 50px !important; }
  #wpforms-14-field_4-container, #wpforms-14-field_2-container{ max-width: 100%;}

}

@media (max-width: 860px){

  header .inner-wrap .wp-block-group h1, header .inner-wrap .wp-block-group h2, header .inner-wrap .wp-block-group p.left-item{ font-size: 1.2rem!important; }
  header .inner-wrap .wp-block-group h2:nth-child(2), header .inner-wrap .wp-block-group p.middle{ font-size: 1.5rem!important; }


  .sec-hero .hero-logo { max-width: 400px;margin-top: -150px; }
  /* div.wpforms-container-full .wpforms-field.wpforms-field-checkbox{ width: 155%;} */
  /* .btf-newsletter-group{ bottom: 7rem;} */


  /* .video-trailer-group figure.wp-block-video{ min-height: 300px;} */

  .intro-content{ padding-top: 100px!important; padding-bottom: 0px!important;}
  .sec-trailer { padding-top: 80px!important; padding-bottom: 80px!important;}
  .row-socials{ padding-bottom: 40px!important;}
  .row-socials .wp-block-buttons{ gap: 20px;}


  footer .ftr_copy .wp-block-column{ display: block; }
  footer .legal-links p.copy{ display: block; padding-right: 0px; }
  footer .legal-links p{ padding-top: 3px; padding-bottom: 3px;}

  /* modal popup */
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row, 
  div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row{ flex-direction: column-reverse; gap: 10px;}
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-67, 
  div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-67,
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33, 
  div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-33{ width: 100%!important; }

  .wpforms-container .wpforms-field{ padding: 5px 0 !important; }
  div.wpforms-container-full ul#wpforms-14-field_9{ justify-content: flex-start; }
  div.wpforms-container-full ul#wpforms-14-field_9 li{ padding: 1.3rem 30px 1.3rem 30px !important; width: auto; }



}

@media (max-width: 680px){
  header .inner-wrap .wp-block-group{ display: block; text-align: center;}
  header .inner-wrap .wp-block-group h2, header .inner-wrap .wp-block-group h1,  header .inner-wrap .wp-block-group p.left-item{ font-size: 1.3rem !important;}
  header .inner-wrap .wp-block-group h2:nth-child(2),  header .inner-wrap .wp-block-group p.middle{ font-size: 2rem !important;}

  .bubbles.bubble-01 { top: 32%; max-width: 330px !important;}
  .bubbles.bubble-03{ margin-top: 40%;}
  /* .bubbles.bubble-02{ margin-top: 30%;} */

  .sec-hero{ min-height: auto !important; height: auto;}
  .sec-hero h2.lbl{ padding-bottom: 15px;}
  .sec-hero .hero-logo{ margin-top: 0px; padding:200px 5% 30px 5%;}
  .btf-newsletter-group, .top-newsletter{ position: relative; left: auto; right: auto;  padding-top: 100px;}
  .wpforms-container-full form{ display: block;}
  .wpforms-container-full form{ padding-left: 0;}
  div.wpforms-container-full .wpforms-field.wpforms-field-checkbox{ width: 100%; /*padding-bottom: 30px!important;*/}
  div.wpforms-container-full input[type=email]{ margin-left: 0;}
  div.wpforms-container-full .wpforms-field-label-inline{ font-size: 13px !important;line-height: 1.5 !important; }
  div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
    text-align: center;
  }

  div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=text]:focus{ box-shadow: none!important;}

  div.wpforms-container-full .wpforms-confirmation-container-full h2, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) h2{
    font-size: 2rem !important;
  }

  .top-newsletter{ display: block!important; text-align: center;}
  .top-newsletter p{ padding-bottom: 15px; font-size: 18px!important;}
  .top-newsletter .arrow-img img{ display: none;}

  .wp-block-buttons .wp-block-button, .wpforms-submit{ width: 100%!important;}
  .wp-block-buttons .wp-block-button a{ font-size: 20px!important;}

  .intro-content{ padding-top: 0!important;}

  .row-socials{ padding-bottom: 100px !important; }
  .row-socials h2{ line-height: 1;}
  .row-socials .wp-block-button a{ justify-content: center;}


  .video-trailer-group .bt-overlay{ gap: 0px; border-radius: 30px;}
  .play-trailer-btn{ max-width: 70px; }
  .video-trailer-group figure.wp-block-video{ border-radius: 30px;}


  .event-details{ padding: 30px 0; }
  .event-details h2{ margin-top: 10px; }
  .event-details h2 + p{ margin-top: 10px;}
	
	.text-dropdown-group{ padding-top: 0px!important; padding-bottom: 110px!important;}
	.text-dropdown-group h2 + p{ margin-top: 30px!important;}
	.text-dropdown-group .wp-block-buttons, .text-dropdown-group .wp-block-buttons + h2{ margin-top: 50px!important; }


  footer .inner_wrap { padding-top: 40px !important;}
  footer .ftr_copy{ margin-top: 45px;}

  /* moda; popup */
  .newsletter-content{ padding: 50px 20px !important; }
  .newsletter-content p{ font-size: 15px !important; line-height: 1.6; }
  .newsletter_logo{ max-width: 190px; }
  .newsletter-content h2{ font-size: 1.7rem!important;margin-top: 0px;}
  div.wpforms-container-full input[type=email], 
  div.wpforms-container-full input[type=text]{     
    font-size: 1rem !important;
    background-size: 18px;
    padding: 1rem 20px 1rem 45px !important;
  }

  div.wpforms-container-full ul#wpforms-14-field_9 li{ padding: 1rem 30px 1rem 30px !important;width: 100%; }
  .wpforms-container .wpforms-field{ padding: 4px 0 !important; }
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row{ 
    gap: 5px;
  }
  div.wpforms-container-full ul#wpforms-14-field_9{ gap: 12px;}

/*   div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li{ align-items: center!important;} */
	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input{ position: relative; top: 6px;}
  #wpforms-14-field_3-container em.wpforms-error{  padding-left: 30px;}




}


