/*
Theme Name:     David Nández
Theme URI:      https://innatial.com
Description:    Tema personalizado para modificaciones de código.
Author:         <a href="https://innatial.com" target="_blank">Innatial Developers, SL</a>
Author URI:     Author URI
Template:       astra
Version:        0.1.0
*/

/*
 * Estilos globales
 */
:root {
  --color-1   : #CBB6CC;
  --color-2   : #e0892a;
  --color-3   : #dec40c;
  --color-4   : #97ba3b;
  /* var(--color-balance) */
}

/* Tipo personalizada en los elementos del menú */
.menu-link {
  font-family: "AtramentBold" !important;
}

/* Se colorea el fondo del header en la single pages de los eventos */
.single-tribe_events #masthead {
  background-color: #000 !important;
}

/* Ancho completo de los botones de "agregar al calendario" en las páginas single de los eventos */
.tribe-events-c-subscribe-dropdown__button {
  width: 200% !important;
}

.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
  font-family: 'AtramentBold', Sans-serif;
  font-size: 4.8em;
  color: var(--color-1);
}
.marquee2 span {
  animation-delay: 8.5s;
}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/* Dispositivos extra pequeños (teléfonos, 600px y menos) */
@media only screen and (max-width: 600px) {
}

/* Dispositivos pequeños (tabletas verticales y teléfonos grandes, 600 px y más) */
@media only screen and (min-width: 600px) {
  /* Colores a cada elemento del menu con su color */

}

/* Dispositivos medianos (tabletas horizontales, 768 px y superiores) */
@media only screen and (min-width: 768px) {
}

/* Dispositivos grandes (portátiles, 992 px y más) */
@media only screen and (min-width: 992px) {

}

/* Dispositivos extragrandes (portátiles de sobremesa grandes, de 1200 px y más) */
@media only screen and (min-width: 1200px) {
}

/* FOOTER: estilos textos */
.textoFooter {
  font-family: "AtramentBold", Sans-serif;
  font-size: 1em;
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
}

/* FORMULARIO DE CONTACTO */
.aceptacion label{
  color: #000;
  font-family: "AtramentBold", Sans-serif;
  font-size: 1.1em !important;
}

.aceptacion a:link {
  font-family: "AtramentBold", Sans-serif;
  color: #000;
  background-color: transparent;
  text-decoration: none;
}

.aceptacion a:visited {
  color: #000;
  background-color: transparent;
  text-decoration: none;
}

.aceptacion a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

.aceptacion a:active {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captcha {
  font-family: "AtramentBold", Sans-serif;
  font-size: 1.2rem !important;
  color: #000 !important;
  border-radius: 0 !important;
  padding: 16px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #000!important;
  border-top: 0px!important;
  border-left: 0px!important;
  border-right: 0px!important;
  width: 100% !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px !important;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder {
  font-family: "AtramentBold", Sans-serif !important;
  color: #000;
  text-transform: uppercase;
}

.wpcf7-submit {
  background-color: #000 !important; 
  color: #fff !important;
  border: 1px solid #000 !important;
  width: 100%;
  margin: 8px auto 0;
  cursor: pointer;
  font-size: 1rem !important;
  font-weight: 700;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 20px !important;
  line-height: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-transform: uppercase;
}

.wpcf7-submit:hover { 
  background-color: #fff !important; 
  color: #000 !important;
  border: 1px solid #000 !important;
  padding: 10px 20px !important; 
}

div.wpcf7 {
  font-size: 1rem !important;
}

.wpcf7 form .wpcf7-response-output {
  background-color: rgb(255 255 255 / 60%);
  color: #000;
  text-shadow: 0 2px rgb(255 255 255 / 60%);
}