/*  
Theme Name: Sant Antoni Rafelbunyol
Description: Un tema desarrollado para LaBase
Author: WW
Version: 1.59
*/

@font-face {
    font-family: 'Gazpacho';
    src: url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Italic-Heavy.woff2') format('woff2'),
         url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Italic-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gazpacho';
    src: url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Italic-Bold.woff2') format('woff2'),
         url('https://tudominio.com/ruta-a-las-fuentes/Gazpacho-Italic-Bold.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Gazpacho';
    src: url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Heavy.woff2') format('woff2'),
         url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gazpacho';
    src: url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Bold.woff2') format('woff2'),
         url('https://santantonirafelbunyol.com/wp-content/themes/santantoni/fuentes/Gazpacho-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
#enlaceSelected {
    display: none;
    cursor: pointer;
    color: #fff;
}

body {margin: 0; padding: 0; background-color: #fff; color: #4C0015;     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always; text-rendering: optimizeLegibility;  }
p {
    font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 150%;
}
.base ul li, ol li {
    font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 200%;
}
.red {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; color: #FB423F; text-decoration: none; }
.red-alone {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; color: #FB423F; text-decoration: none; padding-top: 24px; }

.header { width: 100%; min-height: calc(100vh - 64px);  background-color: #FB423F; padding-top: 32px;  padding-bottom: 32px; display: grid; grid-template-rows: max-content 1fr; display: grid; grid-template-columns: 1fr;}
.header-default { width: 100%;  padding-top: 32px;  padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
.header-default .current-menu-item a {color: #FB423F !important; font-weight: 600 !important;}
.header-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: max-content 1fr; column-gap: 64px; align-content: center; align-items: center;}
.header-content > div:first-of-type {display: flex; column-gap: 64px; }
.header-content > div:last-of-type { justify-self: flex-end;}

.header ul.menu {list-style: none; padding-left: 0; display: flex; column-gap: 32px;}
.header ul.menu li:first-of-type {width: fit-content;}
.header ul.menu li {width:min-content;}
.header ul.menu li a {color: #fff; text-decoration: none; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px;}
.header-default ul.menu {list-style: none; padding-left: 0; display: flex; column-gap: 32px;}
.header-default ul.menu li:first-of-type {width: fit-content;}
.header-default ul.menu li {width:min-content;}
.header-default ul.menu li a {color: #4C0015; text-decoration: none; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px;}

.footer ul.menu {list-style: none; padding-left: 0; display: inline; column-gap: 32px;}
.footer ul.menu li a {color: #4C0015; text-decoration: none; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px;}
.footer a {text-decoration: none; color: inherit;}

.hero-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr 1fr; column-gap: 32px; align-content: center; align-items: center; align-content: flex-end; align-items: flex-end; background-image: url(https://santantonirafelbunyol.com/wp-content/themes/santantoni/imagenes/flamat.png); background-repeat: no-repeat; background-size: contain; background-position: center center;  }
.hero-content > div:first-of-type {color: #4C0015;}
.hero-content > div:last-of-type {color: #fff;}
.hero-content h2 {font-family: 'Gazpacho', 'Times New Roman', Times, serif; font-size: calc(30px + 5vw); line-height: 90%; font-weight: 800; margin: 0;}
.hero-content h4 {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; margin-top: 24px; }

.info { width: 100%; margin-top: 92px; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.info-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr; }
.info h1 {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: calc(20px + 1.5vw); line-height: 130%; font-weight: 500; max-width: 80%; margin-bottom: 92px; }
.info a {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; color: #FB423F; text-decoration: none;}

.info-default { width: 100%;padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.info-default h1 {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: calc(20px + 1.5vw); line-height: 130%; font-weight: 500; max-width: 80%; margin-bottom: 92px; }
.info-default a {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; color: #FB423F; text-decoration: none;}

.programa { width: 100%; margin-top: 32px; padding-bottom: 32px;     overflow-x: scroll;  }
.programa-content {  width: 100%; margin: 0 auto;  grid-auto-flow: column;

    display: grid;
    column-gap: 32px;

    padding-left: 5%;  }
.acto {min-width: 25vw;}
.acto a {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; color: #4C0015; text-decoration: underline; }

.programa-default { width: 100%; margin-top: 32px; padding-bottom: 128px;      }
.programa-default-content { width: 90%; margin: 0 auto;    margin: 0 auto; grid-template-columns: repeat(3,1fr); column-gap: 32px; row-gap: 64px;

    display: grid;
 }
.programa-default .acto {min-width: unset;}

.programa h5, .programa-default h5 {font-family: 'Gazpacho', 'Times New Roman', Times, serif; font-size: 24px; line-height: 130%;  font-weight: 700; margin: 0; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.programa p, .programa-default p {padding-top: 16px; font-size: 15px; line-height: 140%;}

.footer { width: 100%; margin-top: 184px; padding-bottom: 32px;  font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px; line-height: 150%;  }
.footer-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr max-content; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 32px; column-gap: 64px; align-content: flex-start; align-items: flex-start; }
.footer-content > div:first-of-type {display: flex; column-gap: 64px; }
.footer-content > div:last-of-type {display: grid; grid-template-columns: max-content max-content max-content max-content; column-gap: 32px;}
.footer p {margin: 0;    }
.footer p { font-size: 13px; line-height: 150%;}

.titulo { width: 100%; margin-top: 92px; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.titulo-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr; }
.titulo h1 {font-family: 'Gazpacho', 'Times New Roman', Times, serif; font-size: calc(24px + 1vw); line-height: 130%;  font-weight: 700; margin: 0;color: #FB423F;  }



.base { width: 100%; margin-top: 32px; padding-bottom: 32px; margin-bottom: 32px; }
.base-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 64px; margin-bottom: 32px;  }
.base-default-content {  width: 90%; margin: 0 auto; display:grid; grid-template-columns: 1fr; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 16px; margin-bottom: 32px;  }

.base h5 {font-family: 'Gazpacho', 'Times New Roman', Times, serif; font-size: 24px; line-height: 130%;  font-weight: 700; margin: 0; padding-bottom: 16px; }
.base p {max-width: 60%;}
.base .base-content:last-of-type {border-bottom: unset; padding-bottom: unset; margin-bottom: unset;}
.base .base-default-content:last-of-type {border-bottom: none;}

.base a { color: #4C0015; text-decoration: none;}
.acto img {width: 100%;}

.galeria { width: 100%; margin-top: 32px; padding-bottom: 32px;     overflow-x: scroll;  }
.galeria-content {  width: 100%; margin: 0 auto;  grid-auto-flow: column;

    display: grid;
    column-gap: 32px;

    padding-left: 5%;  }
.gal img {max-height: 65vh;}

.galer {display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 8px; row-gap: 8px;}
.galer img {width: 100%; aspect-ratio: 4/3; object-fit: cover;}


@media (max-width: 1500px) {
    .footer-content > div:first-of-type {

        column-gap: 32px;
        order: 2;
    }
    .footer-content > div:last-of-type {

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }

}

@media (max-width: 1400px) {


    .header-content {
        grid-template-columns: 1fr;
        column-gap: unset;
        row-gap: 8px;

    }
    .header-content > div:last-of-type {
        justify-self: flex-start;
    }
    .footer-content > div:last-of-type {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 32px;
        row-gap: 32px;
    }
    .header-content > div:first-of-type {

    column-gap: 32px;
}
.header-content > div:first-of-type {

    column-gap: 32px;
}
.footer-content {

    column-gap: 32px;

}
}

@media (max-width: 1024px) {


    .footer-content {

        grid-template-columns: 1fr;
        row-gap: 64px;

    }

        .footer-content > div:last-of-type {

            grid-template-columns: repeat(4,1fr);

        }
        .hero-content {grid-template-columns: 1fr;}
        .header ul.menu, .header-default ul.menu {

            column-gap: 24px;
        }
        .info h1, .info-default h1 {

            max-width: 100%;

        }
        .acto {
            min-width: 33vw;
        }
        .base p {
            max-width: 100%;
        }
        .programa-default-content {

            grid-template-columns: repeat(2,1fr);

        }
        .galer {display:grid; grid-template-columns: 1fr 1fr; column-gap: 8px; row-gap: 8px;}
        .programa-content {
            width: 90%; margin: 0 auto;
            grid-auto-flow: unset;
            grid-template-columns: 1fr;
            row-gap: 64px;
            padding-left: unset;
        }
        .hero-content > div:first-of-type {

            padding-top: 32px;
        }
}
@media (max-width: 680px) {

 
        #enlaceSelected {
            display: block;
            position: absolute;
            right: 5%;
            top: 32px;
            text-decoration: none;
font-family: 'Inter', Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 15px;
        }



    .footer-content > div:last-of-type {
        grid-template-columns: repeat(1,1fr);
    }
    .header-content > div:last-of-type {display: none;}
    .header-content > div:first-of-type > img:nth-of-type(1), .header-content > div:first-of-type > img:nth-of-type(2)  {display: none;}
    .footer-content > div:first-of-type {
        display: grid;
        column-gap: 64px;
        row-gap: 32px;
    }

        .header-content > div:first-of-type > a:nth-of-type(2) > img {
            display: none;
        }

    .hero-content {

        align-content: center;
        align-items: center;
background-size: contain;
background-position: top center;
margin-top: 16px;
    }
    .hero-content > div:first-of-type {

        padding-top: 32px;
    }
    .info {

        margin-top: 32px;

    }
    .programa h5 {padding-bottom: 16px;}
    .footer {margin-top: 64px;}
    .programa-default-content {
        grid-template-columns: repeat(1,1fr);
        }
        .titulo {

            margin-top: 32px;

        }

            .galer {
                display: grid;
                grid-template-columns: 1fr ;
                column-gap: unset;
                row-gap: 8px;
            }
            .header-content > div:first-of-type > a > img {height:85px;}

                #menu-movil {
                    position: fixed;
                    z-index: 9999;
                    height: 100vh;
                    width: 100vw;
                    align-content: center;
                    justify-content: center;
                    z-index: 9999;
                    top: 0;
                    background-color:#FB423F;
                    right: 0;
                }
                #menu-movil ul.menu {list-style: none; padding-left: 0; display: inline; column-gap: 32px;}
                #menu-movil ul.menu li {padding-bottom: 16px;}
                #menu-movil ul.menu li a {color: #fff; text-decoration: none; font-family: 'Inter', Arial, Helvetica, sans-serif; font-weight: 500; font-size: calc(13px + 1vw); }
                #menu-movil a {text-decoration: none; color: inherit;}

}