@font-face {
    font-family: 'Cursiva';
    src: url('../fonts/BudweiserScript.otf') format('opentype');
}

@font-face {
    font-family: 'Title-bold';
    src: url('../fonts/BudweiserSerif-Display.ttf') format('truetype');
}

@font-face {
    font-family: 'Text-regular';
    src: url('../fonts/BudweiserSerif-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'FranklinGothic';
    src: url('../fonts/FranklinGothicBookRegular.ttf') format('truetype');
}

.cursiva {
    font-family: 'Cursiva';
}

.font-title {
    font-family: 'Title-bold';
}

.font-text {
    font-family: 'Text-regular';
}

.font-regular {
    font-family: 'FranklinGothic';
}

.white {
    color: #fff;
}

.background {
    background: linear-gradient(180deg, #DC0019 0%, #A50005 100%);
}

.no-spacing {
    margin: 0;
    padding: 0;
}


/* Estilos por defecto para dispositivos de escritorio */
.desktop {
    display: block;
}

/* Estilos por defecto para dispositivos móviles */
.mobile {
    display: none;
}

html, body {
    overscroll-behavior-y: none;
}

hr.divisores {
    color: #fff;
    opacity: 0.3;
    border: 1px solid #fff;
}

strong.italica {
    font-style: italic;
}

/* Estilos webkit */

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
  }
  
  /* Old shadow dom for play button */
  
  *::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
  }
  
  /* New shadow dom for play button */
  
  /* This one works! */
  
  *::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
  }

  video::-webkit-media-controls-start-playback-button {
    display: none !important;
  }

  video::-webkit-media-controls {
    display:none !important;
}

/* Estilos y ajustes al css de drupal */
/* Desaparecemos el footer por default */
footer.site-footer {
    display: none;
}

.layout-main-wrapper {
    /* min-height: 100%!important; */
    max-width: 100%!important;
}

body {
    font-size: 100%!important;
}

div#main {
    margin: 0!important;
    padding: 0!important;
}

.main-content .section{
    padding: 0!important;
}

a:hover, a:focus, .link:hover, .link:focus {
    color: #fff!important;
}