@font-face {
  font-family: '1797 Compressed';
  src: url('../fonts/1797-compressed.woff2') format('woff2'),
       url('../fonts/1797-compressed.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: '1797 Medium';
  src: url('../fonts/1797-medium.woff2') format('woff2'),
       url('../fonts/1797-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: '1797 Poster';
  src: url('../fonts/1797-poster.woff2') format('woff2'),
       url('../fonts/1797-poster.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Buick Grunge';
  src: url('../fonts/buickgrunge.woff2') format('woff2'),
       url('../fonts/buickgrunge.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
    --font1:'1797 Poster', sans-serif;
    --font2:'1797 Medium', sans-serif;
    --font3:'1797 Compressed', sans-serif;
    --font4:'Buick Grunge', sans-serif; 
    --color1: #e46f03;
    --color2:#830708;
    --color3:#e05ab7;
    --color4:#fff292;
    --color5:#2d002b;
    --color6: #291129;
    --color7: #ffd197;
    --color8: #ed3c10;
}

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

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

body {
    background-color: var(--color5);
}

.page-node-35091 {
    background-image: url("/sites/default/files/images/rec01.png");
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}

.head1 .img-box {
    padding-top: 9rem;
}

footer {
        background-color: var(--color6);
}

footer p, footer p a {
    color: var(--color3);
}
footer p a {
    text-decoration: none;
}

footer img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(62%) saturate(874%) hue-rotate(281deg) brightness(93%) contrast(88%);
}

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

.menu02 h2 {
    margin-bottom: 0;
    font-family: var(--font2);
}

.menu02 h2 a {
    color:white;
    text-decoration:none;
    transition:.5s ease
}

.menu02 h2 a:hover {
    color:var(--color5);
}
.subt1, .subt2 {
    color: var(--color7);
    font-size:2.5rem;
}

.subt1 span, .subt2 span {
    color:white
} 

.subt3 {
    color:white;
    font-style:italic;
    font-weight:600;
}

.subt3:after {
    content:" -";
    color:var(--color3);
}
.subt3:before {
    content:"- ";
     color:var(--color3);
}

.field--name-node-title {
    display: none;
}

.subtitle h2,
.subtitle h1 {
    font-family:var(--font4);
    color:var(--color1);
    font-size:3.5rem;
    line-height:1.2;
    margin-top:4rem;
    margin-bottom:1rem;
    text-align: center;
}

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

.or-txt p {
    color:var(--color4);
    font-size:1.2rem
}
.max-960 {
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}

/************************ BLOQUE DE ARTISTAS HOME **************************/
.art-list .mile-view-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.no-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.no-link a{
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    top: 0;
}
.evcard .modal-dialog {
    max-width: 1240px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.modal-body {
    padding: 0;
}

.modal-int .btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(5201%) hue-rotate(301deg) brightness(103%) contrast(99%);
    opacity: 1;
}

.modal-txt p {
    font-size: 1rem;
    letter-spacing: 1px;
    margin-bottom: 2rem;
    color: var(--color4);
    font-weight: 300;
}
.modal-tit-img img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(123deg) brightness(113%) contrast(100%);
}

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

.trans {
    transition: ease .3s;
}


.evcard:hover .evinfo img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(123deg) brightness(113%) contrast(100%);
} 

.evimg img {
    filter: sepia(1);
    transition: .3s ease;
}

.evimg {
    overflow: hidden;
}

.evcard:hover .evimg img {
    filter: none;
    scale: 1.1;
}

.art-list .view-content {
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.evinfo h3 {
    color: var(--color7);
    font-family: var(--font3);
    font-size: 4rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: .5rem;
    position:relative;
}

.evinfo h3:before,
.evinfo h3:after {
    content:"";
    position:absolute;
    width:50px;
    height:30px;
    top:30px;
    background-repeat:no-repeat;
    background-size:100% auto

}

.evinfo h3:before {
        left:-65px;
    background-image:url("/sites/default/files/images/Recurso-3.png");
    
}
.evinfo h3:after {
        right:-65px;
    background-image:url("/sites/default/files/images/Recurso-4.png");
    
}
.evinfo {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.evinfo .proc {
        color: white;
    font-family: var(--font3);
    font-size: 2rem;
    letter-spacing: 2px;
    line-height: 1;
    margin-top: -1rem;
}
.modal-tit h3 {
    font-family:var(--font3);
    font-size:4rem;
    letter-spacing:3px;
    color:var(--color8);
    margin-top:2rem
}

.modal-tit .proc {
  font-family:var(--font3);
    color:white;
    font-size:2.5rem;
    letter-spacing:2px;
    margin-top:-1.5rem
}




/**************************** FIN BLOQUE DE ARTISTAS ***********************************/

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

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

  @media only screen and (max-width: 768px) {

.head1 .img-box {
    padding-top: 1rem;
}
.subt1, .subt2 {
    font-size: 1.5rem;
}
.menu02 h2 {
   font-size:1rem;
    font-weight:100
}
.subtitle h2, .subtitle h1 {
    font-size: 2.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}
.subt3 {
    font-weight: 400;
    font-size: .8rem;
}
.evinfo h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
}

.evinfo .proc {
    font-size: 1rem;
    letter-spacing: 1px;
    margin-top: -.5rem;
}
.evinfo h3:before, .evinfo h3:after {
    width: 30px;
    height: 15px;
    top: 10px;
}
.evinfo h3:before {
    left: -40px;
}
.evinfo h3:after {
    right: -40px;
}

    
        .txtfoot p, .txtfoot p a {
        margin-bottom: 1rem;
                font-size: .8rem;
    }

    .bl-foot2 {
        text-align: center;
        padding: 1.5rem 0;
    }
        .logfoot {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
    }

    footer {
    padding: 2rem 0 0;
}
.or-txt p {
    font-size: 1rem;
}





  }