@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Paytone+One&display=swap');

:root {
  --font1: "Bebas Neue", sans-serif;
  --font2: "Paytone One", sans-serif;
  --color1: #003f62;
  --color2: #FCA311;
  --color3: #EDE9E2;
  --color4: #FCE1AC;
  --color5: #FF3541;
  --black: #171717;
}

.bg01 {
  background-color: var(--color1);
}

.bg02 {
  background-color: var(--color2);
}

.bg03 {
  background-color: var(--color3);
}

.bg04 {
  background-color: var(--color4);
}

.bg05 {
  background-color: var(--color5);
}

.color1 {
  color: var(--color1);
}

.color2 {
  color: var(--color2);
}

.color3 {
  color: var(--color3);
}

.color4 {
  color: var(--color4);
}

.color5 {
  color: var(--color5);
}

.color6 {
  color: var(--black);
}

.font1 {
  font-family: var(--font1);
}

.font2 {
  font-family: var(--font2);
}

/************ANIMACIONES ********/
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}




.animated {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .6s
}

.animated2 {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .3s
}

.animated3 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s
}

.animated4 {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s
}

.transform_up {
  transform: translateY(20%);
}

.transform_down {
  transform: translateY(-20%);
}

.transform_left {
  transform: translateX(20%);
}

.transform_right {
  transform: translateX(-20%);
}

.animate-bl {
  opacity: 0;
  transition: all .5s;
}

.aparece {
  opacity: 1;
  transform: none;
}




@-webkit-keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@keyframes float {
  0% {

    transform: translatey(0px);
  }

  50% {

    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

@keyframes slidein {
  from {
    left: -100%;

  }

  to {
    left: 100%;

  }
}

@keyframes pendulum {

  0%,
  100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(2deg);
  }
}

@keyframes pendulum1 {

  0%,
  100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(1deg);
  }
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes parpadeo-tenue {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }
}







/************FIN ANIMACIONES ********/

.subt2 {
  color: var(--color2);
  border-bottom: 1px solid var(--color3);
  letter-spacing: 2px;
  padding-bottom: .5rem;
}

h2.subt2 {
  font-size: 1.6rem;
}

h3.subt2 {
  font-size: 1.3rem;
}





body {
  background-position: top, bottom;
  background-repeat: repeat;
  background-size: 100% auto, cover;
  background-color: var(--color5);
}

.mile-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.mile-bg>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: none;
}

#Map {
  width: 100%;
  height: 340px;
}

/********************************************
**************  1 REGIONS   *****************
********************************************/

.mile-container {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: top center;
}


.custom-col-1 {
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.group-head1 {
  margin-bottom: 33rem;
}



.menu01 {
  position: fixed;
  z-index: 10;
  transition: opacity 0.2s ease, max-height 0.2s ease;
}


.date-2023 .number1 {
  font-size: 4rem;
  text-align: center;
  line-height: 1;
  font-weight: 800;
}

.date-2023 .month1 {
  text-align: center;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
}

.date-2023 .date1 {
  line-height: 1;
  text-align: center;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 100;
}

.date-2023 .lug-23 {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1rem;
}

.date-2023 {
  color: var(--color2);
}

.gdate23-1:before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 50%;
  border-right: 2px solid var(--color4);
  right: 0;
  top: 0;
}

.img-float2 {
  bottom: 0;
}

.mile-container>header {
  width: 100%;
  padding: 1rem 2.5rem;
  background-color: var(--color5);
}

header .content-header {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: flex-end;
  align-items: center;
  height: 50px;
}

header .content-header #block-festivalvap-theme-branding {
  position: absolute;
  left: 45px;
  order: 1;
  -webkit-order: 1;
  height: 75px;
}

header .content-header #block-festivalvap-theme-branding a {
  position: relative;
  height: 100%;
  display: block;
}

header .content-header #block-festivalvap-theme-branding a img {
  height: 100%;
}


header .content-header .logos-festivals>a>div.img-festival {
  width: 78px;
  height: 42px;
  margin: 19px 0.5rem 0 0.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

header .content-header .logos-festivals>a>div.img-festival[title^="Rock"] {
  height: 54px !important;
  margin: 12px 0.5rem !important;
}

header .content-header .social-networks {
  margin: 0 0.5rem 0 1rem;
  order: 3;
  -webkit-order: 3;
}

header .content-header .social-networks a {
  width: 37px;
  height: 37px;
  line-height: 38px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  margin: 0 2px;
  font-size: 21px;
}

header .content-header .btn-open-menu {
  margin: 1rem;
  cursor: pointer;
  order: 4;
  -webkit-order: 4;
  z-index: 1;
}


.mile-container>section {
  width: 100%;
  min-height: 600px;
  padding: 0rem 0;
  margin-bottom: 0rem;
}

.mile-container>section.container-highlighted {
  height: auto !important;
  min-height: auto !important;

}

.mile-container>section.container-front {
  overflow: hidden;
  opacity: 0.8;
}

.mile-container>footer {
  min-height: 100px;
  background-color: var(--color2);
}


footer .content-footer-frontpage,
footer .content-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 6rem;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

footer .content-footer .contact-info {
  color: var(--black) !important;
  font-size: 0.9rem;
  order: 1;
  -webkit-order: 1;
}

footer .content-footer .contact-info p,
footer .content-footer .contact-info a {
  color: var(--black) !important;
}

footer .content-footer .logos-festivals {
  display: flex;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: 0 1rem;
  order: 4;
  -webkit-order: 4;
}

footer .content-footer .logos-festivals>a>div.img-festival {
  height: 90px;
  margin: 0 0.7rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(22%) hue-rotate(333deg) brightness(97%) contrast(95%);
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Colombia"] {
  width: 102px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="HipHop"] {
  width: 103px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Jazz"] {
  width: 74px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Joropo"] {
  width: 76px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Popular"] {
  width: 104px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Rock"] {
  width: 75px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Salsa"] {
  width: 78px;
}

footer .content-footer .logos-festivals>a>div.img-festival[title^="Vallenato"] {
  width: 104px;
}

footer .content-footer #block-newsletter {
  margin: 0 1rem;
  order: 3;
  -webkit-order: 3;
}

footer .content-footer #block-newsletter .btn-newsletter {
  background-color: var(--color-text);
  color: var(--color-bg);
  font-weight: 700;
  font-size: 0.9rem;
  width: 280px;
}



footer .content-footer .social-networks {
  margin: 0 0.5rem 0 1rem;
  order: 2;
  -webkit-order: 2;
  display: flex;
}

footer .content-footer .social-networks a {
  width: 37px;
  height: 37px;
  line-height: 38px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  font-size: 21px;
  margin: 3px;
}

footer .content-subfooter .copyright img {
  max-width: 400px;
  margin-top: -45px;
  margin-bottom: 30px;
}

footer .content-subfooter .copyright p a{ 
  color: var(--black);
}

.global-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 2rem 1rem 2rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0);
  opacity: 0;
  z-index: 10000;
  transition: 0.6s all;
}

.global-modal.active {
  opacity: 1;
  transform: scale(1) !important;
}

.global-modal .content-global-modal {
  position: relative;
  width: 100%;
}

.global-modal .content-global-modal img {
  max-height: 90vh !important;
  width: auto !important;
  max-width: 80% !important;
  margin: 0 auto;
  display: block;
  border: 2px solid var(--color-text);
}

.btn-close-global-modal {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 32px;
  color: #f2f2f2;
  cursor: pointer;
  z-index: 1;
}

/********************************************
**************  3 MAIN MENU   ***************
********************************************/

/*Open Menu*/

.btn-open-menu {
  margin: 1rem;
  cursor: pointer;
  display: block;
}

/* The Overlay (background) */
.overlay-main-menu {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed;
  /* Stay in place */
  z-index: 1000;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.overlay-main-menu .menu-title {
  position: relative;
  top: 100px;
  left: 0;
  right: 0;
  color: var(--color-text);
  font-size: 3rem;
  font-style: inherit;
  font-weight: 900;
  margin: 0 auto;
  text-align: center;
  display: none;
}

.overlay-main-menu .logo-festival {
  background-image: url(/sites/default/files/inline-images/pick.png);
  width: 104px;
  height: 104px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 50px;
}

/* Position the content inside the overlay */
.overlay-main-menu .overlay-content {
  position: relative;
  top: 5%;
  /* 25% from the top */
  width: 100%;
  /* 100% width */
  text-align: center;
  /* Centered text/links */
  margin-top: 30px;
  /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay-main-menu a {
  padding: 8px;
  text-decoration: none;
  font-size: 30px;
  color: var(--color-text);
  display: block;
  /* Display block instead of inline */
  transition: 0.3s;
  /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay-main-menu a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay-main-menu .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/********************************************
**************  4 BREADCRUMB   ***************
********************************************/
.mile-breadcrumb ol {
  background-color: transparent !important;
  border-radius: 0 !important;
}

.mile-breadcrumb ol a {
  color: var(--color-text);
}

/********************************************
**************  5 BLOCKS   ***************
********************************************/

#block-festivalvap-theme-local-tasks ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
}

#block-festivalvap-theme-local-tasks ul li {
  margin: 0 4px;
}


.block-festivalcap-theme-page-title {
  margin-top: 2rem;
}

.block-festivalcap-theme-page-title h1 {
  padding: 1rem 2rem;
  margin: 0 0 1px 0 !important;
  text-align: center;
  color: var(--color-text);
}

.block-festivalcap-theme-content {
  padding: 0rem 2rem 1rem 2rem;
  margin: 0 !important;
  color: var(--color-header);
}

.block-festivalcap-theme-content img {
  text-align: center;
  max-width: 450px;
  width: 100%;
  height: auto;
}

#block-pick img,
#block-pick-2 img {
  position: relative;
  width: 180px;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  margin: 0 auto;
  display: block;
}

body.node-0 #block-pick img,
body.node-0 #block-pick-2 img body.path-frontpage #block-pick img,
body.path-frontpage #block-pick-2 img {
  width: 281px;
}


.btn-mile-theme {
  width: 100%;
  min-height: 40px;
  background-color: var(--color-text);
  color: var(--color-bg) !important;
  font-size: 1.4rem;
  font-weight: bold;
}

#block-playlist {
  margin: 4rem 0 6rem 0;
  padding: 6px 12px;
}

#block-playlist h3 {
  font-weight: bold;
  color: var(--color-header);
  font-size: 2.5rem;
}

#block-playlist iframe {
  width: 100%;
  border: 2px solid var(--color-text);
  padding: 0.5rem;
  height: 273px;
}

#block-credits {
  margin-bottom: 6rem;
}

#block-credits p {
  font-size: 0.8rem;
  line-height: 14px;
}

#block-credits p span.label {
  color: var(--color-text);
}

#block-credits p span.author {
  color: var(--color-header);
  font-weight: 500;
}

#block-views-block-ultimos-articulos-block-1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 2rem 0;
  background-color: #0003;
  padding: 1rem;
  box-sizing: border-box;
}

#block-views-block-ultimos-articulos-block-1 h3 {
  color: #fff;
}

#block-views-block-ultimos-articulos-block-1 .row {
  margin: 0 !important;
}

#block-views-block-ultimos-articulos-block-1 .row .views-row {
  border-bottom: 2px dashed var(--color-text) !important;
  padding: 1rem 0;
}

#block-views-block-ultimos-articulos-block-1 a {
  color: var(--color-header);
  font-size: 16px;
  font-weight: bold;
}

#block-countdowntimer {
  margin: 1rem 0 2rem 0
}

#block-countdowntimer .countdownHolder {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

#block-countdowntimer .countDiv {
  display: none;
}

#block-countdowntimer .countdownHolder .countWeeks,
#block-countdowntimer .countdownHolder .countDays,
#block-countdowntimer .countdownHolder .countHrs,
#block-countdowntimer .countdownHolder .countMins,
#block-countdowntimer .countdownHolder .countSecs {
  position: relative;
  border: 2px solid var(--color-text);
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
}

#block-countdowntimer .countdownHolder .digit {
  background: transparent;
  box-shadow: none;
  border: none;
  color: var(--color-text);
  font-weight: 900;
}

#block-countdowntimer .countdownHolder .countWeeks::after {
  content: "Semanas";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#block-countdowntimer .countdownHolder .countDays::after {
  content: "Días";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#block-countdowntimer .countdownHolder .countHrs::after {
  content: "Horas";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#block-countdowntimer .countdownHolder .countMins::after {
  content: "Minutos";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#block-countdowntimer .countdownHolder .countSecs::after {
  content: "Segundos";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#block-countdowntimer .countdownHolder+div {
  display: none;
}

@media (max-width: 768px) {
  #block-countdowntimer {
    transform: scale(0.9);
  }
}


#block-views-block-view-news-block-1 {
  padding: 6px 12px;
  margin: 2rem 0 6rem 0;
}

#block-views-block-view-news-block-1>h3 {
  color: var(--color-header);
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

#block-views-block-view-news-block-1 .item {
  position: relative;
  width: 100%;
}

#block-views-block-view-news-block-1 a {
  position: relative;
  width: 100%;
  color: var(--color-header) !important;
  display: block;
  margin: 0 auto;
  text-decoration: none;
}

#block-views-block-view-news-block-1 span.external-link,
#block-views-block-view-news-block-1 span.internal-link {
  display: none;
}

#block-views-block-view-news-block-1 a .item-new {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

#block-views-block-view-news-block-1 a .filter {
  position: relative;
  float: left;
  border: 2px solid var(--color-text);
  width: 250px;
  height: 250px;
}

#block-views-block-view-news-block-1 a .filter::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-text);
  opacity: 0.4;
}

#block-views-block-view-news-block-1 a .filter .new-background {
  width: 100%;
  height: 100%;
  filter: saturate(0.5);
}

#block-views-block-view-news-block-1 a .filter img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.5);
}

#block-views-block-view-news-block-1 a .new-content {
  float: right;
  width: 40%;
  margin-left: 2rem;
}

#block-views-block-view-news-block-1 a .new-content h5 {
  font-weight: bold;
}

#block-views-block-view-news-block-1 a .new-content p {
  font-size: 1rem;
  font-weight: 300;
}

#block-views-block-view-news-block-1 .owl-nav button {
  position: absolute;
  top: 20px;
}

#block-views-block-view-news-block-1 .owl-nav button.owl-prev {
  left: 0;
}

#block-views-block-view-news-block-1 .owl-nav button.owl-next {
  right: 0;
}

#block-views-block-view-news-block-1 .owl-nav button span {
  font-size: 40px;
  color: var(--color-text);
}



#block-views-block-view-news-block-1 .owl-dots {
  margin-top: 4rem;
}

#block-views-block-view-news-block-1 .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}

#block-views-block-view-news-block-1 .owl-dots .owl-dot.active span {
  background: var(--color-text) !important;
}



@media (max-width: 576px) {
  #block-views-block-view-news-block-1 {
    margin: 1rem 0 0 0;
  }
}

#block-pestanas ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
}

#block-pestanas ul li {
  margin: 0 4px;
}

.block-artistas-home2023 {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.block-artistas-home2023 h3 {
  color: #fff;
  letter-spacing: 6px;
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  margin: 3rem 0;
  padding: 0 0.5rem;
}

.block-artistas-home2023 .row {
  justify-content: center;
}

.block-artistas-home2023 .row .views-row {
  margin: 0.2rem 1rem;
}

.block-artistas-home2023 .info-artista {
  color: var(--color-header);
  display: flex;
  font-size: 2rem;
}

.block-artistas-home2023 .info-artista a {
  color: var(--color-text);
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0.2rem;
}

.block-artistas-home2023 .info-artista .ciudad {
  margin: 0 0.5rem;
}

@media (max-width: 768px) {

  .block-artistas-home2023 h3 {
    font-size: 1.2rem;
    margin: 2rem 0;
  }

  .block-artistas-home2023 .info-artista {
    font-size: 1rem;
  }
}

/********************************************
********** 6 NODES AND FIELDS ***************
********************************************/


.node--type-ct-memory [class^="mile-node"] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.node--type-ct-memory [class^="mile-node"]>div:nth-child(1) {
  width: 60%;
  margin: 0 2%;
  align-self: center;
  order: 2;
}

.node--type-ct-memory [class^="mile-node"]>div:nth-child(2) {
  width: 36%;
  order: 1;
}

.node--type-ct-memory [class^="mile-node"]>div:nth-child(3),
.node--type-ct-memory [class^="mile-node"]>div:nth-child(4) {
  width: 100%;
}


/**/
.mile-node img {
  margin: 40px auto;
  display: block;
}

.mile-field-author {
  text-align: right;
  font-size: 0.8rem;
}

[class^="mile-field"] {
  margin: 0em 0 0em 0;
}

footer [class^="mile-field"] {
  margin: 0 0;
}

.mile-field-custom img {
  max-width: none;
}



.mile-field-details iframe {
  border: 2px solid var(--color-text);
  padding: 0.5rem;
  box-sizing: border-box;
}

.mile-field-attachments {
  position: relative;
  height: auto;
  width: 100%;
  margin: 2rem auto 1rem auto;
}

.mile-field-attachments .list-attachments {
  margin: 0;
  padding: 0;
  list-style: none;
}


.mile-field-attachments .list-attachments .item-attachment {
  /* border-bottom: 1px dashed var(--color-text); */
  padding: 0.4rem 1rem;
}

.mile-field-attachments .list-attachments .item-attachment a {
  color: var(--color-bg);
  background-color: var(--color-text);
  width: 100%;
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 10px 2px;
  border-radius: 4px;
}

.mile-field-attachments .list-attachments .item-attachment a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.mile-field-imagelink .card {
  background-color: transparent;
  border: none;
  /*
  border: 1px solid var(--color-text);
  min-height: 430px;
  padding-top: 20px;
  */
}

.mile-field-imagelink .card img {
  max-width: none !important;
  width: 90%;
  height: 320px;
  object-fit: contain;
  margin: 0 auto !important;
}

.mile-field-imagelink .card a {
  text-align: center;
  color: var(--color-text);
  font-weight: bold;
  width: 100%;
}

/* mile-node-6 */

.mile-node-6 {
  display: grid;
  grid-template-columns: 68% 30%;
  grid-template-rows: auto auto auto;
  justify-content: space-between;
}

.mile-node-6>div:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.mile-node-6>div:nth-child(2) {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
}

.mile-node-6>div:nth-child(3) {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.mile-node-6>div:nth-child(4) {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  margin-top: 530px;
}

/* mile-node- */

.mile-node-25 {
  display: flex;
  flex-wrap: wrap;
}

.mile-node-25>div:nth-child(1) {
  width: 70%;
}

.mile-node-25>div:nth-child(1) img {
  margin-top: 0 !important;
  margin-bottom: 10px;
}

.mile-node-25>div:nth-child(2) {
  width: 25%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2rem 1rem;
}

/********************************************
***************** 8 VIEW ********************
********************************************/

.view-gallery {
  position: relative;
}

.view-gallery .views-row {
  margin: 10px 0;
}

.view-gallery img {
  max-width: 100%;
  height: 290px;
  object-fit: cover;
}

.view-gallery .title-gallery {
  background-color: var(--color-text);
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.view-gallery .title-gallery a {
  font-weight: bold;
  color: var(--color-bg);
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

/**********************************************************************/

.view-documentals {
  position: relative;
}

.view-documentals .row>div {
  margin: 2em 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px dashed var(--color-text);
  padding-bottom: 4rem;
}

.view-documentals .row>div:last-child {
  border-bottom: none;
}

.view-documentals .row .views-field-title {
  width: 100%;
  margin-bottom: 1rem;
}

.view-documentals .row .views-field-title h2 {
  font-size: 1.5rem !important;
}

.view-documentals .row .views-field-title h2::before {
  content: "Documental ";
}

.view-documentals .row .views-field-field-ct-video {
  width: 48%;
}

.view-documentals .row .views-field-body {
  font-size: 1.1rem;
  width: 48%;
  align-self: center;
}

.view-documentals .row .views-field-field-ct-edition {
  width: 100%;
  text-align: right;
  font-weight: bold;
  color: var(--color-text);
  margin-top: -30px;
}

/**********************************************************************/
.view-videos {
  position: relative;
}

.view-videos .views-row {
  margin: 2rem 0;
}

.view-videos .views-field-title {
  background-color: var(--color-text);
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.view-videos .views-field-title span {
  font-weight: bold;
  color: var(--color-bg);
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

.view-videos .views-field-field-ct-edition {
  text-align: center;
  font-weight: bold;
  color: var(--color-text);
  margin-top: 10px;
}

/**********************************************************************/
.view-retos {
  position: relative;
}

.view-retos .views-row {
  margin: 2rem 0;
}

.view-retos .views-field-title {
  background-color: var(--color-text);
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.view-retos .views-field-title span {
  font-weight: bold;
  color: var(--color-bg);
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

.view-retos .views-field-field-ct-iframe .field-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.view-retos .views-field-field-ct-iframe .field-content iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*******************************************************************/

.musica-del-parque-a-la-casa {
  position: relative;
}

.musica-del-parque-a-la-casa .views-row {
  margin: 2rem 0;
}

.musica-del-parque-a-la-casa .views-field-title {
  background-color: var(--color-text);
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.musica-del-parque-a-la-casa .views-field-title span {
  font-weight: bold;
  color: var(--color-bg);
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  width: 90%;
  margin: 0 5%;
}

.musica-del-parque-a-la-casa .views-field-field-ct-iframe .field-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.musica-del-parque-a-la-casa .views-field-field-ct-iframe .field-content iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/**********************************************************************/
.view-memories,
.afiche-home {
  position: relative;
}

.view-memories header,
.afiche-home header {
  font-size: 1.1rem;
  margin-bottom: 4rem;
}

.view-memories .row .views-row {
  margin: 1rem 0;
}

.afiche-home .row .views-row {
  margin: 0rem 0;
}

.view-memories .memory-overlay,
.afiche-home .memory-overlay {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--color4);
}

.view-memories .memory-overlay img,
.afiche-home .memory-overlay img {
  height: 450px;
  object-fit: cover;
}

.afiche-home .memory-overlay img {
  height: auto;
  width: 100%;
}


.view-memories .memory-overlay .memory-year,
.afiche-home .memory-overlay .memory-year {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: 0.4s all;
}

.view-memories .memory-overlay .memory-year a,
.afiche-home .memory-overlay .memory-year a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-memories .memory-overlay .memory-year a h2,
.afiche-home .memory-overlay .memory-year a h2 {
  color: var(--color4);
  font-weight: bold;
}

.view-memories .memory-overlay:hover>.memory-year,
.afiche-home .memory-overlay:hover>.memory-year {
  opacity: 1;
  top: 0%;
}



/********************************************
************ COLOMBIA AL PARQUE 2022 ****************
********************************************/

.max-1140 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}


.max-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.max-670 {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.art-home .row {
  display: flex;
  justify-content: center;
}

.art-home h2 {
  color: white;
  font-family: var(--font2);
  font-size: 1.8rem;
  margin-bottom: 2rem;
  letter-spacing: .8rem;
  text-transform: uppercase;
}

.foot23 p {
  color: var(--color6)
}


.title1 a {
  color: var(--color5);
  transition: ease .5s;
}

.title1 a:hover {
  text-decoration: none;
}


.title1:hover {
  background-color: var(--color4)
}

.title1:hover a {
  color: white
}


.art-home .views-row {
  margin: .5rem .4rem;
}

.art-home {
  margin-bottom: 5rem;
}


.logo22 img {
  width: 100%;
  height: auto;
}







.art-img {
  padding: 0;

}

.art-img .mile-field-custom {
  margin-bottom: 0;
  margin-top: 0
}

.border-1:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: .6rem solid var(--color3);
}

.art-img:hover img {
  filter: none
}

.head01 {
  background-image: url(/sites/default/files/img03.png), url(/sites/default/files/img07.png);
  background-position: right bottom, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: contain;
}

.titart {
  display: flex;
  justify-content: center;
  margin-top: -37px;
  z-index: 3;
}

.titart .mile-field-custom {
  margin: 0;
}

.titart h1,
.titart h2 {
  margin: 0;
  color: var(--color5);
  font-size: 3.5rem;
}

.bodyart3 {
  text-align: center;
  font-family: var(--font2);
  text-transform: uppercase;
  letter-spacing: .8rem;
  margin-top: -1.7rem;

}

.bodyart2 {
  font-size: 1.2rem;
  text-align: center;
  display: none;
}

.bodyart2 .social-link-field a {
  color: var(--color5);
  font-size: 3rem;
}

.mile-node-73 p {
  font-size: 1.2rem;
}

.mile-node-73 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.mile-node-73 h2 {
  font-size: 2.2rem;
  font-family: var(--font2);
  text-transform: uppercase;
  margin-top: 3rem;
}

.vprog tbody>tr>:nth-child(1) {
  color: var(--color5);
  text-align: right;
  width: 39%;
}

.vprog2 tbody>tr>:nth-child(4) {
  width: 18%;
  font-family: var(--font2);
  color: var(--color5);
  text-transform: uppercase;
  line-height: 1;
  font-size: 1.2rem;
}

.vprog td {
  padding: 1rem 0;
}




.vprog tr:hover {
  background-color: #00000021;
}

.vprog .cols-0 {
  margin-bottom: 2rem;
}




.vprog .row {
  justify-content: center;
  display: grid;
}



.vprog2 h2 {
  margin-bottom: 2.6rem;
}

.prog04 {
  font-family: var(--font2);
  font-size: 2.5rem;
  text-transform: uppercase;
  color: white;

}

.prog04 .mile-field-custom {
  margin: 0
}


.vprog th {
  display: none
}

.tabsbar ul.quicktabs-tabs {
  border: none;
  display: flex;
  justify-content: center;

}

.tabsbar {
  min-height: 1140px;
}

.tabsbar .quicktabs-tabs>li>a {
  border-radius: 0.25rem;
  background-color: var(--color3);
}


.catev {
  color: var(--color5);
  font-family: var(--font2);
  text-transform: uppercase;
  opacity: .8;
  font-size: 1.1rem;

}

.datehead {
  margin-top: 2rem;
  margin-bottom: -2.6rem;

}


.headhome h2 {
  font-family: var(--font2);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.5rem;
  color: white;
  opacity: .6;
}

.headhome h2 span {
  color: var(--color5);
}

.iframebox {
  padding-bottom: 56.25%;
  position: relative;

}

.iframebox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.livehome {

  border: solid 2px var(--color5);
  transition: 0.5s all ease-in-out;
  float: left;
  margin-top: 1.5rem !important;
  display: block;
  margin-bottom: 8rem !important;
  padding: 0 !important;
}

.vidmpac {
  margin-left: auto !important;
  margin-right: auto !important;
  float: unset;
}

.livehome:hover {

  border: solid 2px var(--color5);
}

.art h1 {
  color: var(--color-text)
}

.art p {
  font-size: 1.2rem;
}

.node-article .block-festivalcap-theme-page-title {
  display: none;
}

.date {
  color: var(--color-text);
  font-weight: 700;
  font-size: .9rem;
  text-align: right;

}


.artb1-img img {
  width: 100%;
  height: auto;
}

.artb1-tit h2 a {
  font-family: var(--font2);
  color: white;
  text-transform: uppercase;
}

.artb1-img {
  border: 1px solid var(--color-text)
}

.artb1-txt p {
  line-height: 1.3;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.groupspt {
  margin-top: 10rem !important;
  display: flow-root;
}

.mb-7 {
  margin-bottom: 7rem !important;
}


.artint .artb1-tit h2 a {
  font-family: unset;
  color: var(--color-text);
  text-transform: unset;

}

.artint .artb1-tit h2 {
  font-family: unset;
  color: var(--color-text);
  text-transform: unset;
  font-size: 1.6rem;
  line-height: 1.1;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.artint .artb1-txt p {
  line-height: 1.3;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  color: var(--color-header);
}

.link-foot {
  margin-top: 3rem
}

.livehome .mile-field-custom {
  margin: 0
}


/********************************************
************ VALLENATO AL PARQUE 2025 ****************
********************************************/

.max-1320 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.art-img img {
  width: 100%;
  height: auto;
}

.vprog {
  background-color: var(--color4);
}

.art-dt {
  bottom: 0.7rem;
  left: 0.7rem;
  background-color: var(--color3);
}

.art-dt1 {
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--color2);
  line-height: 1;
}

.art-dt2 {
  color: var(--color2);
  font-weight: 300;
  font-size: .8rem;
  letter-spacing: -1px;
  line-height: 1;
}

.art-ctg:before {
  position: absolute;
  width: 100%;
  bottom: -1rem;
  border-bottom: 1px solid black
}

.v-arthome .row {
  justify-content: center;
}

.vprog-int .row {
  justify-content: center;
}

.bodyart2 .social-link-field {
  display: inline-flex;
  padding: 0;
}

.bodyart2 .social-link-field li {
  padding: 0 1.5rem;
}

.art,
.artbox1 {
  background-color: var(--color2);
  transition: transform .3s, -webkit-transform .3s;
}

.art:hover,
.artbox1:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
  z-index: 999;
}

.art-tit h2 {
  font-family: var(--font2);
  font-weight: 800;
  font-size: 1.3rem;
  color: var(--color3);
}

.art-pr {
  font-family: var(--font2);
  font-weight: 500;
  color: var(--color3);
  font-size: 1rem
}

.art-ctg {
  font-family: var(--font2);
  font-weight: 700;
  font-size: 1rem;
  color: var(--color3);
  bottom: 1rem;
  right: 1.5rem;
  border-bottom: .5px solid var(--color3);
}

.art-info {
  height: 180px;
}

.ilu-img img {
  width: 100%;
  height: auto;
}

.ilu-img {
  animation: float 2s ease-in-out infinite;
}

.head1-2 img {
  width: 100%;
  height: auto;
}

.head1-2 {
  padding-top: 4rem;
  margin-bottom: 1.5rem;
}

.head1-1,
.head1-3 {
  animation: float 2s ease-in-out infinite;
}

.head1-22 {
  margin-top: -16rem;
  z-index: -1;
  position: relative;
  animation: fadeIn 15s alternate;
}

.head1-3 img,
.head1-1 img {
  height: auto;
  width: 130%;
}

.head1-3 img {
  float: right;
}

.max-1260 {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

#block-quicktabs2023tabshome .tabsbar ul.quicktabs-tabs {
  justify-content: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

#quicktabs-prog ul.quicktabs-tabs {
  justify-content: center !important;
}

.tabsbar .quicktabs-tabs>li>a {
  margin-right: 1.3rem;
  text-transform: uppercase;
  background: none;
  color: var(--color4);
  font-weight: 800;
  font-size: 2.1rem;
  text-decoration: none;
  letter-spacing: -.5px;
  line-height: 1;
}

.tabsbar .quicktabs-tabs>li.active>a,
.tabsbar .quicktabs-tabs>li.active>a:hover,
.tabsbar .quicktabs-tabs>li.active>a:focus {
  color: var(--color2);
  background: none;
  border-bottom: 3px solid;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.vprog h2,
.vprog2 h2 {
  color: var(--color4);
  text-transform: uppercase;
  font-weight: 500;
}

.plhead {
  color: var(--color4);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 100;

}


.vprog tbody>tr>:nth-child(2) .meridiano {
  font-size: 1.1rem;
  padding-left: .5rem;
  flex-wrap: wrap;
  display: flex;
  align-items: center;

}


.no-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.no-link a {
  display: block;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
  top: 0;
}

.boxprog-int .mile-field-custom img {
  width: 100%;
  height: auto
}

.boxprog-int {
  background-color: var(--color2)
}

.title1 {
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1;
  color: var(--color2);
  margin-top: 0;
  letter-spacing: -1px;
}

.gleft23 .mile-field-custom,
.gright23 .mile-field-custom {
  margin: 0
}

.art23-dsc p {
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: 300;
}

.gleft23 {
  background-color: var(--color3);
  padding: 1.5rem 2rem;
}

.art23-dsc p,
.art23-ctg,
.art23-pr {
  color: var(--color2)
}

.art23-ctg {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: -1px;
  border-bottom: 1px solid;
  font-weight: 100;
  text-align: end;

}

.art23-pr {
  font-weight: 800;
  font-size: 1.7rem;
}



.bprog {
  color: var(--color3);
  font-weight: 800;
  letter-spacing: -1px;
}

.vprog-int {
  display: none;
}

.prog2 {
  font-size: 1.6rem;
  margin-top: 2rem;
}

.prog3-2 {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.prog3-1 {
  font-size: 3rem;
}

.content-2 {
  min-height: auto !important;
  padding: 0 !important;
}

.bl-ilu .mile-field-custom {
  margin: 0 !important;
}

.box-ilu {
  margin-bottom: -4rem;
}

.imgft1 {
  animation: float 1.5s infinite;
}

.imgft2 {
  animation: float 1.7s infinite;
}



.but-prog a {
  background-color: var(--color4);
  padding: 0.5rem 1rem;
  font-weight: 500;
  color: var(--color2);
}

.mile-breadcrumb ol a {
  text-transform: uppercase;
  color: var(--color2);
  font-weight: 400;
  font-size: .8rem;
}

header .content-header .logos-festivals {
  margin: 0 1rem;
  order: 2;
  -webkit-order: 2;
  filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(3271%) hue-rotate(350deg) brightness(91%) contrast(81%);
}

header .content-header #block-festivalvap-theme-branding {
  filter: brightness(0) saturate(100%) invert(99%) sepia(33%) saturate(1827%) hue-rotate(310deg) brightness(96%) contrast(115%);
}

header .content-header .social-networks a {
  background-color: var(--color4);
  color: var(--color5);
}

header .content-header .btn-open-menu {
  filter: brightness(0) saturate(100%) invert(99%) sepia(33%) saturate(1827%) hue-rotate(310deg) brightness(96%) contrast(115%);
}

.head2-2 .head1-2 {
  padding-top: 0;
}

.head2-2 .head1-22 {
  margin-top: -14rem;
}

#block-festivalvap-theme-newsletter {
  display: none;
}


footer .content-footer .logos-festivals {
  filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(2834%) hue-rotate(317deg) brightness(94%) contrast(82%);
}

.contact-info p {
  font-size: .8rem;
  color: var(--black);
  line-height: 1.4;
}

footer .content-subfooter .copyright img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(330deg) brightness(102%) contrast(101%);
  margin-bottom: 1rem;
}

footer .content-subfooter .copyright p a {
  color: var(--black);
  font-size: .7rem;
}


footer .content-subfooter .copyright p {
  margin: 0.5rem 0 0.2rem;
  font-size: 0.8rem;
}

footer .content-footer .social-networks a {
  background-color: var(--black);
  color: var(--color2);
}

footer .content-footer .triptico-footer {
  filter: brightness(0) saturate(100%) invert(7%) sepia(1%) saturate(201%) hue-rotate(314deg) brightness(91%) contrast(94%);
}

.titsec2 {
  color: var(--color2);
  font-weight: 800;
  letter-spacing: -1px;
}

.artbox1 {
  background-color: var(--color2);
}

.artb1-info {
  color: var(--color3);
}

.artb1-tit h2 {
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
}

.evbta {
  margin-bottom: 2rem;
  background-color: var(--color4);
  padding: 1rem 1.5rem;
}

.evbta-1 {
  display: grid;
}

.dateev {
  text-transform: uppercase;
  font-size: 1.1rem;
  background-color: var(--color5);
  color: var(--color4)
}

.lugev {
  color: var(--color5);
  font-size: .9rem;
}

.art-hr {
  color: var(--color3);
  font-size: .9rem;
  letter-spacing: -1px;
  text-transform: lowercase;
  font-weight: 700
}

.vprog table {
  display: grid;
  margin-top: .5rem;
  background-color: var(--color4);
}

.head-prog {
  background-color: var(--color5);
  padding: 0.4rem 2rem;
}

.vprog header {
  display: flex;
  justify-content: center;
}

.link-foot a {
  color: var(--color4);
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 1.4rem;
}

#quicktabs-tabpage-prog-1>div:nth-child(2)>div>div>div.row>table>tbody>tr:nth-child(6)>td.views-field.views-field-title>a {
  pointer-events: none
}

/************** ACORDEON RECOMENDACIONES 2023  **********************/
.rec01 .ckeditor-accordion-container>dl dd {
  padding: 2rem 1.5rem;
}

.rec01 h2 {
  margin-top: 2.5rem;
}

.rec01 .ckeditor-accordion-container>dl dt>a {
  color: var(--color3);
  border-top: 1px solid var(--color1);
  border-bottom: none;
  text-transform: uppercase;
  font-size: 2rem;
  background-color: var(--color2);
  letter-spacing: -1px;
  font-weight: 800;
  text-decoration: none;
}

.title-sec2 {
  font-size: 3rem;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0 !important;
  font-weight: 800;
  color: var(--color2);
}

.ckeditor-accordion-container>dl dt>a:hover,
.ckeditor-accordion-container>dl dt>a:not(.button):hover {
  background-color: var(--color4);

}

.ckeditor-accordion-container .active {
  background-color: var(--color2)
}


.ckeditor-accordion-container .active .ckeditor-accordion-toggler {
  background-color: var(--color4)
}


.rec01 .ckeditor-accordion-container>dl {
  border: none !important;
}

.rec01 .ckeditor-accordion-container>dl dt:nth-child(1)>a {
  border-top: none;
}

.rec01-1 p {
  font-size: 1.4rem;
  margin-bottom: 0;
  color: var(--color2);
  font-weight: 500;
}

.rec01-1 {
  margin-bottom: 2rem;
}

.rec01 h2 {
  color: var(--color2);
  font-weight: 800;
  font-size: 1.5rem;
}

.class2022 {
  color: var(--color3);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.8;

}

.class2022 a {
  color: var(--color3);
  text-decoration: underline;
}

.img-100 img {
  width: 100%;
  height: auto;
}

.ckeditor-accordion-container>dl dt>a:hover,
.ckeditor-accordion-container>dl dt>a:not(.button):hover {
  color: var(--color3);
}



/************** FIN ACORDEON RECOMENDACIONES**********************/

.prof-img02 {
  margin-top: -2rem;
}

.prof-desc {
  display: flex;
  align-items: center;
  font-family: var(--font2);
  text-align: center;
}

.prof01 .row01:nth-child(even) {
  flex-direction: row-reverse
}

.row01 {
  padding: 4rem 0;
}

.prof01 p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--color3);
  font-weight: 300;
}

.prof01 {
  padding: 5rem 0;
}

.multi1 {
  justify-content: space-between;
}

.social-int img {
  width: 45px;
  margin: 10px auto;
}

.prof-img01 img {
  margin: 0;
}

.prof-desc .titev {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--color1);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -1px;

}



.emp-tel span,
.emp-mail span {

  color: var(--color5);
}

.emp-mail a {
  color: white;
  text-decoration: underline;
}

.vprog4 .row01 {
  margin-bottom: 0 !important;
  position: relative;
}

.prof-img01 img {
  width: 100%;
  height: auto;
}

.vprog4 .row01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--color5);
  bottom: 0;
}

/********************************************
************ VERSION 2025 ****************
********************************************/
.container-highlighted {
  padding-top: 0 !important;  
}

#block-festivalvap-theme-2025headerhome {
  position: relative;
  width: auto;
  height: auto;
}

#block-festivalvap-theme-2025headerhome .bg-montana{ 
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url(/sites/vap/files/recursos/bg-vap-2025.jpg);
  width: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#block-festivalvap-theme-2025headerhome .logo-fechas{
  position: relative;
  width: 80vw;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#block-festivalvap-theme-2025headerhome .img-logo {
  width: 60vw;
  height: auto;
  top: 12vh;
  min-width: 300px;
  max-width: 680px;
  position: relative;
  margin: 0 auto;
  display: block;
}

#block-festivalvap-theme-2025headerhome .img-fechas {
  position: relative;
  margin: 17vh auto 190px auto;
  height: auto;
  display: block;
  width: 20vw;
  min-width: 300px;
}

#block-festivalvap-theme-2025headerhome .tambores{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 90vw;
  margin: 0 auto; 
  display: flex;
  justify-content: space-between;
}
.tambores .tambor {
  width: 30%;
  height: auto;
}
.tambores .sello-vap2025 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: auto;
}

/**************************************/
#block-festivalvap-theme-2025headersecciones{
  position: relative;
  width: 100%;
}


/*******************************************************/
.img-bg {
  bottom: 0;
  width: 105%;
}

.img-bg {
  animation: girar 40s linear infinite;
  transform-origin: center center;
}

.label-black {
  display: inline-block;
  padding: 8px 3rem;
  margin-bottom: 2rem;
  letter-spacing: 2px;
  font-size: clamp(1.5rem, 3vw, 3rem);
}

.label-black::after,
.label-black::before {
  content: "";
  position: relative;
  width: 120px;
  height: 30px;
  background-image: url(/sites/vap/files/recursos/decorador-titulo.png);
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 2rem;
}

.label-black + .sub-label {
  position: absolute;
  top: 60px;
  font-size: 18px;
}

.bl-txt-home p {
  font-size: 1.3rem;
}

.logos-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
  max-width: 1320px;
  margin: 0 auto;
  padding: 2rem;
  align-items: center;
}

.grupo-logos {
  flex: 1 1 0;
  min-width: 300px;
  text-align: center;
}

.grupo-logos h3 {
  font-size: 1rem;
  margin-bottom: 1rem;
  color: var(--black);
}

/* Patrocinadores con grid adaptable */
.logos-grid.patrocinadores {
  display: grid;
  grid-template-columns: repeat(2, 160px);
  gap: 2rem;
  justify-items: center;
  justify-content: center;
}

/* Aliados con 2 columnas fijas centradas */
.logos-grid.aliados {
  display: grid;
  grid-template-columns: repeat(3, 150px);
  gap: 1rem;
  justify-content: center;
}

/* Estilos comunes a las imágenes */
.logos-grid.aliados img {
  height: 85px;
  width: 100%;
  object-fit: contain;
  display: block;

}

.logos-grid.patrocinadores img {
  height: 120px;
  width: 100%;
  object-fit: contain;
  display: block;

}

/* Responsivo: 3 logos por fila en móvil */
@media (max-width: 768px) {
  /*Portada Home 2025*/
  #block-festivalvap-theme-2025headerhome .bg-montana{ min-height: 90vh; }
  #block-festivalvap-theme-2025headerhome .img-fechas { width: 15vw; min-width: 280px; }
  #block-festivalvap-theme-2025headerhome .tambores{ width: 98vw; }
  .tambores .tambor { width: 35%; }
  .tambores .sello-vap2025 { display: none; }
  /*Fin Portada Home 2025*/

  .logos-grid.aliados {
    grid-template-columns: repeat(2, 1fr);
    /* ya son solo dos */
  }

  .logos-grid.patrocinadores img {
    height: 45px;
  }

  .logos-grid.aliados img {
    height: 65px;
  }
}

.bl-but a {
  color: var(--black);
  padding: 1rem 0;
  display: block;
}

.bl-but h3 {
  margin-bottom: 0;
}

.bl-txt-1 {
  margin: 8rem 0;
}

.blink-suave {
  animation: parpadeo-tenue 2s ease-in-out infinite;
}

.view-art-home .row {
  justify-content: center;
  gap: 3rem 2rem;
}

.art01 {
  flex-direction: column;
  text-align: center;
}

.art01 h3 {
  text-transform: uppercase;
  font-size: clamp(0.8rem, 2vw, 1.75rem);
}

.art01 h3::before,
.art01 h3::after {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  border: 1px solid var(--black);
  background: var(--color1);
  margin: 0 1rem;
}

.view-art-home header {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;

}

.evimg {
  border-radius: 50%;
  border: 3px solid var(--black);
}

.evimg::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffd7c7;
  z-index: 0;
}

.evimg img {
  position: relative;
  transform: scale(0.95);
  border-radius: 100%;
  border: 10px solid #000;
  filter: grayscale(1);
  z-index: 3;
}

.evinfo {
  background-image: url(/sites/vap/files/recursos/rotulo-artista.png);
    background-position: center;
    background-size: 110% 100%;
    background-repeat: no-repeat;
    margin-top: -72px;
    z-index: 9;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.short-date{
  position: absolute;
  top: 6px;
  font-weight: bold;
  font-size: clamp(0.8rem, 1.5vw, 1.3rem);;
  color: var(--black);
}

.evtitleobra h3 {
  font-size: clamp(0.8rem, 2vw, 1.3rem);
  margin-bottom: 0;
  color: #021B3B;
  text-transform: uppercase;
}

.evlug:before {
  content: "- ";
}

.evlug:after {
  content: " -";
}

.group-ev:hover img {
  filter: grayscale(0);
}

.group-ev img {
  transition: .5s ease;
}

.evcard .modal-dialog {
  max-width: 1240px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.modal-title1 {
  font-size: clamp(1.75rem, 2.5vw, 3rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 2px;
}

.modal-type-art {
  font-size: 1.4rem;
  color: var(--color1);
  font-weight: 600;
}

.modal-txt,
.modal-ctg {
  font-size: clamp(1rem, 2vw, 1.4rem);
  color: var(--color6);
}

.modal-header2 {
  border-bottom: 3px solid var(--color2);
  line-height: 1;
}

.modal-content .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: clamp(1.5rem, 3vw, 3rem);
  z-index: 99;
  color: var(--color5);
  opacity: 1;
}

.modal-img img {
  object-fit: cover;
}

.evdate1 {
  font-size: clamp(1.2rem, 1.5vw, 2rem);
  color: var(--color5);
  letter-spacing: 2px;
}











/********************************************
************ FINAL VERSION 2025 ****************
********************************************/




/******** POR NODO *********/
.node-199 #block-festivalvap-theme-breadcrumbs {
  display: none;
}

.node-page .block-mile-theme-page-title,
.node-artistas_2022 .block-mile-theme-page-title {
  display: none;
}





/********************************************
************ 8 MEDIA QUERIES ****************
********************************************/
@media (max-width: 1650px) {
  .group-head1 {
    margin-bottom: 22rem;
  }
}



@media (max-width: 576px) {

  /*Portada Home 2025*/
  #block-festivalvap-theme-2025headerhome .bg-montana{ min-height: 76vh; }
  #block-festivalvap-theme-2025headerhome .img-logo {top : 10vh;}
  #block-festivalvap-theme-2025headerhome .img-fechas { width: 15vw; min-width: 200px; margin: 12vh auto 0 auto; }
  #block-festivalvap-theme-2025headerhome .tambores{ width: 98vw; }
  .tambores .tambor { width: 35%; }
  .tambores .sello-vap2025 { display: none; }
  /*Fin Portada Home 2025*/

  #block-festivalvap-theme-2025headersecciones .mile-field-custom img{
    height: 190px !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
  }

  header .content-header #block-festivalvap-theme-branding {
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 67PX;
  }

  header .content-header #block-festivalvap-theme-branding img {
    width: 40%;
    height: auto !important;
    margin-left: 0%;
    margin-top: 5px;
  }

  footer .content-footer .social-networks .img-festival {
    width: 68px;
  }

  footer .content-footer .logos-festivals>a>div.img-festival {
    width: 123px;
  }

  .overlay-main-menu a {
    font-size: 20px
  }

  .overlay-main-menu .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }

  #block-playerspotify {
    margin: 1rem 0 1rem 0;
  }

  .mile-container>header {
    padding: 0rem 1rem;
  }

  header .content-header {
    height: 67px;
  }

  footer .content-footer .contact-info {
    width: 90vw;
    font-size: .7rem;
  }

  footer .content-subfooter .copyright p a {
    font-size: .6rem;
  }

  footer .content-subfooter .copyright img {
    width: 74% !important;
    margin-top: 3px !important;
    margin-bottom: 8px !important;
  }

  .head01 {
    margin-left: -15px;
    margin-right: -15px;
    width: 100vw;
  }

  .titart {
    margin-top: -16px;

  }

  .bodyart3 {
    letter-spacing: .3rem;
    margin-top: -0.7rem;
    font-size: .8rem;
  }

  .tabsbar .quicktabs-tabs>li>a {
    font-size: 1rem;
    padding: 0;
  }

  .tabsbar ul.quicktabs-tabs li {
    width: auto;
    text-align: center;
  }

  #block-quicktabs2023tabshome .tabsbar ul.quicktabs-tabs {
    justify-content: center;
  }

  .titev {
    font-size: 1.1rem;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .lugev {
    line-height: 1.2;
  }

  .evbta {
    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem 1rem;
  }

  .evbta-1 {
    padding: 0 !important;
  }

  .dateev {
    font-size: 1rem;
  }

  .box-ilu {
    display: flex;
    justify-content: center;
  }

  .tabsbar ul.quicktabs-tabs {
    padding-left: 0;
  }

  .head1-2 {
    padding-top: 4rem;
    z-index: 1;
  }

  .head1-22 {
    margin-top: -6rem;
  }

  .prog04 {
    font-size: 1.5rem;
  }

  .box-ilu {
    margin-top: -5rem;
  }

  .art23-dsc p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .head2-2 .head1-22 {
    margin-top: -6rem;
  }

  .art23-ctg {
    font-size: .9rem;
  }

  .art23-pr {
    font-weight: 800;
    font-size: 1.3rem;
  }

  .prog2 {
    font-size: 1.3rem;
  }

  .prog3-1 {
    font-size: 2.5rem;
  }

  .prog3-2 {
    font-size: 1.3rem;
  }

  .bodyart2 .social-link-field a {
    font-size: 2.5rem;
  }

  .titsec2 {
    font-size: 1.3rem;
  }

  .evinfo {
    margin-top: -50px;
    min-height: 90px;
  }

  .view-art-home header {
    margin-bottom: 0rem !important;
  }

  .view-art-home .row {gap: 1.5rem 1.5rem;}
  .label-black{ padding: 8px; margin-bottom: 1rem !important;}
  .label-black::after,
  .label-black::before {
    width: 56px !important;
    height: 20px !important;
  }
  .label-black + .sub-label { top: 39px; font-size: 14px; }

  .art01 h3::before, .art01 h3::after {
    width: 10px;
    height: 10px;
    margin: 0 0.5rem;
  }
}

@media (max-width: 768px) {
  .label-black::after,
  .label-black::before {
    margin: 0;
    width: 62px;
  }

  .view-art-home header {
    margin-bottom: 2rem;
  }
   
  /* node--type-ct-memory */
  .node--type-ct-memory [class^="mile-node"]>div:nth-child(1) {
    width: 100%;
    text-align: center;
  }

  .node--type-ct-memory [class^="mile-node"]>div:nth-child(2) {
    width: 100%;
    margin-top: -2em;
  }

  /**/
  .mile-node-25>div:nth-child(1) {
    width: 100% !important;
  }

  .mile-node-25>div:nth-child(2) {
    width: 100% !important;
  }

  /* mile-node-6 */
  .mile-node-6 {
    display: block !important;
  }

  .mile-node-6>div:nth-child(4) {
    margin-top: 10px !important;
  }

  /* view-documentals */
  .view-documentals .row .views-field-field-ct-video {
    width: 100% !important;
  }

  .view-documentals .row .views-field-body {
    width: 100% !important;
    margin-top: 1.5rem;
  }

  #block-pick img {
    position: relative;
    width: 100px !important;
    left: 0px;
    top: 0px;
    display: block;
    margin: 0 auto;
  }


  .art-home h2 {
    font-size: 1rem;
    letter-spacing: .4rem;
    margin-bottom: 1rem;
  }

  #block-2023titlebandasinternacionales {
    margin-top: 3rem;
  }

  .h2,
  h2 {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .bl-txt-home p {
    font-size: 1.2rem;
  }

  .h3,
  h3 {
    font-size: 1.2rem;
  }







  .title1 {
    font-size: 1.8rem !important;
    margin-top: 3rem;
    margin-bottom: 0;
  }

  .art-dt {
    position: relative !important;
    bottom: 0;
    left: 0;
  }

  .vprog h2,
  .vprog2 h2 {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0;
  }

  .plhead {
    font-size: .8rem;
  }

  .art-dt1 {
    font-size: 1rem;
    font-weight: 700;
  }

  .art-tit h2 {
    font-size: 1.1rem;
    letter-spacing: -1px;
    margin-bottom: 0;
  }

  .art-pr {
    font-size: .8rem;
  }

  .art-ctg {
    font-weight: 500;
    font-size: .8rem;
    bottom: 0.5rem;
    right: 0.5rem;
  }

  .art-info {
    height: 160px;
  }


  .headhome h2 {
    font-size: 1.3rem;

  }


  .art-home .views-row {
    margin: 0.2rem 0.2rem;
  }

  .art-home {
    margin-bottom: 3rem;
  }

  .groupspt {
    margin-top: 3rem !important;
  }


  #block-logocap2022 .mile-field-custom {
    margin: 0;
  }


  .node-53 .mile-container::before,
  .node-artistas_2022 .mile-container::before,
  .node-64 .mile-container::before {
    display: none;
  }

  .node-53 .mile-container::after,
  .node-artistas_2022 .mile-container::after,
  .node-64 .mile-container::after {
    display: none;
  }

  .titart h1,
  .art h1 {
    font-size: 1.7rem;
  }

  .block-festivalcap-theme-content {
    padding: 1rem 1rem;
  }

  .rec01 .ckeditor-accordion-container>dl dt>a {
    font-size: 1.3rem;
    line-height: 1.1;
    padding: 16px 15px 15px 50px;
  }

  .rec01 h2 {
    font-size: 1.3rem;
    line-height: 1.1;
  }

  .rec01 .ckeditor-accordion-container>dl dd {
    padding: 1rem 1.2rem 0.7rem;
  }

  .rec01 ul {
    padding-left: 1.2rem;
  }

  .title-sec2 {
    font-size: 2rem;
    letter-spacing: -1px;
    margin: 3rem 0 0 !important;
  }

  .rec01 p,
  .rec01 li {
    font-size: 1.1rem;
  }

  .date-2023 .lug-23 {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0px;
  }

  .node-140 .container-highlighted {
    background-size: 250% auto !important;
  }

  body {
    background-size: 300% auto, cover;
    background-position-x: left;
  }

  .group-head1 {
    margin-bottom: 7rem;
  }


  /***************** MODIFICACIONES MENU SUPERIO MOVIL - APLICABLE A TODAS LAS DE FESTIVALES ************/

  header .content-header {
    height: 60px;
    padding: 0;
  }

  .mile-container>header {
    position: fixed;
    z-index: 10;
    padding: .5rem 1rem;
  }


  .mile-container header .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  header .content-header #block-festivalvap-theme-branding {
    justify-content: space-between;
    height: 100%;
  }

  header .content-header #block-festivalvap-theme-branding img {
    width: auto;
    margin-left: 0%;
    margin-top: 0;
    height: 100% !important;
  }

  .container-highlighted {
    padding: 77px 0 0 !important;
  }

  #block-pick-2 {
    padding: 1.5rem 0 0;
  }


  #block-pick-2 .mile-field-custom {
    margin: 0 !important
  }


  /***************** CIERRE MODIFICACIONES MENU SUPERIO MOVIL - APLICABLE A TODAS LAS DE FESTIVALES ************/

  /***************** MODIFICACIONES EN MOVIL APLICABLES A TODOS LOS SITIOS **********************/

  footer .content-subfooter .copyright p {
    font-size: 0.6rem;
  }

  footer .content-subfooter .copyright img {
    width: 77% !important;
    margin-top: 7px !important;
    margin-bottom: 16px !important;
  }

  footer .content-footer .contact-info {
    font-size: 0.7rem;
  }

  .artb1-txt {
    display: none;
  }

  .artint .artb1-tit h2 {
    font-size: 1.3rem;
    -webkit-line-clamp: 6 !important;
    line-height: 1.3;
  }

  .artint .artbox1 {
    padding: 0 1rem;
  }

  .artrow {
    margin-bottom: 2rem !important;
  }

  .artbox1 {
    margin-bottom: 1.5rem;
  }

  .mile-breadcrumb ol a {
    font-size: .7rem !important;
  }

  .artint {
    overflow: hidden;
  }

  #block-pick {
    padding: 1.5rem 0 0;
  }

  #block-pick .mile-field-custom {
    margin: 0 !important;
  }

  .overlay-main-menu .logo-festival {
    margin-top: 40px;
    margin-bottom: 0px;
  }

  .overlay-main-menu .overlay-content {

    margin-top: 0px;
  }




  /***************** CIERRE MODIFICACIONES APLICABLES A TODOS LOS SITIOS **********************/






  .bodyart2,
  .art p {
    font-size: 1rem;
  }

  .mile-breadcrumb ol {
    font-size: .7rem;
  }

  .border-1:before {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border: 0.2rem solid var(--color3);
  }

  .social-link-field {

    padding: 0;
  }

  .vprog tbody>tr>:nth-child(1) a {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: -1px;
    display: block;
    line-height: 1.2;
  }

  .vprog table {
    padding: 1rem;
  }

  .vprog tbody>tr>:nth-child(3) {

    font-size: .6rem;
    width: 26%;
  }

  .vprog tbody>tr>:nth-child(2) {
    font-size: 1.4rem;
  }

  .vprog tbody>tr>:nth-child(2) .meridiano {
    font-size: .9rem;
    padding-left: 0.2rem;
  }

  .vprog td {
    padding: 1rem 0.5rem;
  }


  .mile-node-73 p {
    font-size: 1rem;
  }


  .node-73 .block-festivalcap-theme-page-title {
    font-size: 1.2rem;
  }

  .mile-node-73 h2 {
    font-size: 1.4rem;
  }

  .mile-node-73 ul {
    padding-left: 1rem;
  }

  .artb1-txt {
    display: none;
  }


  .artb1-tit h2 {
    line-height: 1.2;
    font-size: 1.1rem;
  }

  .articulos-home {
    padding: 0 1rem;
  }

  .artbox1 {
    margin-bottom: 1.5rem;
  }

  .artint .artb1-tit h2 {
    font-size: 1.3rem;
    --webkit-line-clamp: 6;
    line-height: 1.3;
  }

  .artrow {
    margin-bottom: 2rem !important;
  }

  .artint .artbox1 {
    padding: 0 1rem;
  }

  .artint {
    overflow: hidden;
  }

  .prof-img {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .prof-desc .titev {
    font-size: 1.1rem;
    margin-bottom: .5rem;
  }

  .prof01 p {
    font-size: .8rem;
    line-height: 1.3;
    margin-bottom: .7rem;
  }

  .emp-tel,
  .emp-mail {
    font-size: .7rem;
    line-height: 1;
    word-break: break-all;
  }

  .social-int img {
    width: 33px;
  }

  .prof01 .row01:nth-child(even) .prof-desc {
    padding-right: 10px;
  }

  .prof01 .row01:nth-child(odd) .prof-desc {
    padding-left: 10px;
  }

  .vprog4 .row01 {
    padding: 2rem 1rem 1rem;
  }

  .prof01 {
    padding: 1rem 0;
  }

  .class2022 p {
    font-size: 1rem;
  }

  .mile-node-151 {
    overflow: hidden;
  }

  .short-date { display: none; }

}





@media (max-width: 1023px) {

  .mile-node-25>div:nth-child(1) {
    width: 65%;
  }

  .mile-node-25>div:nth-child(2) {
    width: 32%;
  }

  footer .content-footer-frontpage {
    flex-direction: column !important;
    align-items: center !important;
  }

  footer .content-footer-frontpage #block-credits {
    text-align: center;
  }

  footer .content-footer {
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 2rem;
  }

  footer .content-footer .logos-festivals {
    margin-bottom: 2rem;
    order: 1 !important;
    -webkit-order: 1 !important;
  }

  footer .content-footer #block-newsletter {
    margin: 1rem 0 !important;
    order: 2 !important;
    -webkit-order: 2 !important;
  }

  /* footer .content-footer #block-webform { margin: 1rem 0 !important; order: 2 !important; -webkit-order: 2 !important; } */
  footer .content-footer .social-networks {
    margin-bottom: 2rem !important;
    order: 3;
    -webkit-order: 3;
  }

  footer .content-footer .contact-info {
    order: 4;
    -webkit-order: 4;
    text-align: center;
  }

  footer .content-subfooter .copyright img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 40px;
  }
}


@media (max-width: 1160px) {
  footer .content-footer .logos-festivals {
    flex-wrap: wrap;
    justify-content: center;
  }
}


@media (max-width: 1370px) {
  .node-140 .container-highlighted {
    background-size: 130% auto;
  }
}