/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Child Theme para Club Deportivo Perenchiza
Author:       Anti Studio
Author URI:   https://antiestudi.com
Template:     generatepress
Version:      1.0.0
Text Domain:  generatepress-child
*/

/*  
  ─── INDICE ─────────────────────────────────────────────────────────────────
  0. Variables generales
  1. Tipografías
  2. Títulos
  3. Textos
  4. Botones
  5. Header
  6. Footer
  7. Distancias
  8. Secciones
  9. Responsive
*/

/*─────────────────────────────────────────────────────────────────────────────
  0. VARIABLES GENERALES
─────────────────────────────────────────────────────────────────────────────*/

:root {
    --color-verde: #60765D;
    --color-negro: #000000;
    --color-blanco: #FFFFFF; 
    --fuente: 'Raleway', sans-serif;
}


/*─────────────────────────────────────────────────────────────────────────────
  1. TIPOGRAFÍAS
─────────────────────────────────────────────────────────────────────────────*/

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-BlackItalic.woff2') format('woff2'),
         url('/fonts/Raleway-BlackItalic.woff') format('woff'),
         url('/fonts/Raleway-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Black.woff2') format('woff2'),
         url('/fonts/Raleway-Black.woff') format('woff'),
         url('/fonts/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Bold.woff2') format('woff2'),
         url('/fonts/Raleway-Bold.woff') format('woff'),
         url('/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-BoldItalic.woff2') format('woff2'),
         url('/fonts/Raleway-BoldItalic.woff') format('woff'),
         url('/fonts/Raleway-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-ExtraBold.woff2') format('woff2'),
         url('/fonts/Raleway-ExtraBold.woff') format('woff'),
         url('/fonts/Raleway-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'),
         url('/fonts/Raleway-ExtraBoldItalic.woff') format('woff'),
         url('/fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-ExtraLight.woff2') format('woff2'),
         url('/fonts/Raleway-ExtraLight.woff') format('woff'),
         url('/fonts/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-ExtraLightItalic.woff2') format('woff2'),
         url('/fonts/Raleway-ExtraLightItalic.woff') format('woff'),
         url('/fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Italic.woff2') format('woff2'),
         url('/fonts/Raleway-Italic.woff') format('woff'),
         url('/fonts/Raleway-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Light.woff2') format('woff2'),
         url('/fonts/Raleway-Light.woff') format('woff'),
         url('/fonts/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-LightItalic.woff2') format('woff2'),
         url('/fonts/Raleway-LightItalic.woff') format('woff'),
         url('/fonts/Raleway-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Medium.woff2') format('woff2'),
         url('/fonts/Raleway-Medium.woff') format('woff'),
         url('/fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-MediumItalic.woff2') format('woff2'),
         url('/fonts/Raleway-MediumItalic.woff') format('woff'),
         url('/fonts/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Regular.woff2') format('woff2'),
         url('/fonts/Raleway-Regular.woff') format('woff'),
         url('/fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-SemiBoldItalic.woff2') format('woff2'),
         url('/fonts/Raleway-SemiBoldItalic.woff') format('woff'),
         url('/fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-SemiBold.woff2') format('woff2'),
         url('/fonts/Raleway-SemiBold.woff') format('woff'),
         url('/fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Thin.woff2') format('woff2'),
         url('/fonts/Raleway-Thin.woff') format('woff'),
         url('/fonts/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-ThinItalic.woff2') format('woff2'),
         url('/fonts/Raleway-ThinItalic.woff') format('woff'),
         url('/fonts/Raleway-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/*─────────────────────────────────────────────────────────────────────────────
  2. TÍTULOS
─────────────────────────────────────────────────────────────────────────────*/

.anti-h1 h1 {
    font-family: var(--fuente) !important;
    font-size: 75px!important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 0.9em !important;
    letter-spacing: 0px!important;
    word-spacing: 0em !important;
}

/*─────────────────────────────────────────────────────────────────────────────
  3. TEXTOS
─────────────────────────────────────────────────────────────────────────────*/

.anti-texto p{
    color: var(--color-negro) !important;
    font-family: var(--fuente) !important;
    font-size: 18px !important;
    font-weight: 300 !important; 
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 25px !important;
    letter-spacing: 0px !important;
    word-spacing: 0em !important;
    margin-bottom: 0px !important;
}

/* etc. */

/*─────────────────────────────────────────────────────────────────────────────
  4. BOTONES
─────────────────────────────────────────────────────────────────────────────*/

.anti-boton{
    background-color: var(--color-verde) !important;
    font-family: var(--fuente) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
    border-radius: 12px 12px 12px 12px !important;
    padding: 5px 15px 5px 15px !important;
}

/*─────────────────────────────────────────────────────────────────────────────
  5. HEADER
─────────────────────────────────────────────────────────────────────────────*/

/* ... */

/*─────────────────────────────────────────────────────────────────────────────
  6. FOOTER
─────────────────────────────────────────────────────────────────────────────*/

/* ... */

/*─────────────────────────────────────────────────────────────────────────────
  7. DISTANCIAS (Margins, paddings, etc.)
─────────────────────────────────────────────────────────────────────────────*/

/* ... */

/*─────────────────────────────────────────────────────────────────────────────
  8. SECCIONES (Listados, formularios, secciones específicas, etc.)
─────────────────────────────────────────────────────────────────────────────*/

/* ... */

/*─────────────────────────────────────────────────────────────────────────────
  9. RESPONSIVE
─────────────────────────────────────────────────────────────────────────────*/

@media only screen and (max-width: 600px) {
    /* Todo el CSS adaptado a móviles */
}