/**
 * Theme Name: Estadio Victor Jara v2
 * Template: archivovictorjara_wp
 * Author: Alvaro Medina Garcia
 * Version: 2.0.0
 */

/*
Color Sitio: #93c9bf
Color encabezados: #f35f51 
*/

body {
	background : none !important ;
}
.wrapper#header {
    background-image : none ;
    background-color : #93c9bf !important;
    color : #231f20 !important
}
#header-top nav {
	margin-top : 2rem ;
}
#header nav a {
	color : #231f20 !important ;
	padding: 0.4em 0.5em;
}
#header-top nav a:hover, #header nav li.current-menu-item a, #header nav li:hover a, #header nav li:hover, #header nav li.current-menu-item  {
    color : #93c9bf !important  ;
    background : #231f20 !important ;
}
#header-search {
	display : none ;
}
#logo a {
    display : block ;
    height : 0 ;
    width : 283px ;
    padding : 83px 0 0 0 ;
    margin-right : 2rem ;
    background : url(img/Logo-Estadio-Victor-Jara-4.png) 0 0 no-repeat ;
    background-size : contain ;
    overflow : hidden ;
}
#banner .flex-viewport {
    background : #000 !important ;
}
#banner {
    background : url(img/estadio_banner.jpg) 50% 50% no-repeat ;
    background-size : cover ;
}
#banner h2 {
    padding : 0 ;
    text-shadow: none ;
    font-size: 5rem ;
    line-height: 0.65em ;
    color : #fff !important ;
}
main h2, main h3, main h3 a, main h4, main h5, main h6 {
    color : #f35f51 !important;
    padding : 1em 0 0.5em 0 ;
    line-height: normal;
}
main h2 {
    padding : 1em 0 0.5em 0 ;
    font-size : 3rem ;
}
main h3 {
    font-size : 2rem ;
    margin : 0 ;
}
main h4 {
    font-size : 1.5rem ;
}
body.iscat #banner h2 {
    font-size: 3.33rem;
}
main blockquote {
    border : solid 1px #a7a5a6 ;
    border-left: none ;
    border-right : none ;
    margin-left : 0 ;
    margin-right : 0 ;
    padding : 2rem 10rem ;

    font-size : 1.2em ;
}
main blockquote em {
    color :  #f35f51 ;
}
#footer.wrapper {
    background: #93c9bf;
}
footer {
    color : #231f20 ;
    display: grid;
    grid-template-columns: 60% 40%;
    padding : 2rem 0 ;
}
#footer-contacto, #footer-search {
    padding-bottom : 2em ;
}
#footer-search {
    text-align: right ;
}
#footer-search input[type=text] {
    border : none ;
    background : #fff ;
    color : #333 ;
    font-family : Archivo, sans-serif ;
    font-size : 1rem ;
    padding : 0.5625rem 0.5rem ;
    margin : 0 ;
    width : 70% ;
}
#footer-search button, #footer-search input[type=submit] {
    color : #747273 !important ;
    background : #e9e9e9 ;
    border : none ;
    border-left : 1px solid #ccc ;
    font-size : 1rem ;
    font-family : Archivo, sans-serif ;
    padding : 0.5625rem 1rem ;
    cursor : pointer ;
    margin : 0 ;
}
footer a {
    color : #231f20 ;
}
footer a:hover {
    text-decoration: underline;
    color : #231f20 ;
}
#footer-left img {
    height : 110px ;
}
#footer-right  {
    justify-content: flex-end
}
.categoria-index .articulo .miniatura {
    width : 36rem ;
}
.categoria-index .articulo:nth-child(odd) {
    background : #f1f6f2 ;
    padding : 2em ;
}
.categoria-index .articulo:nth-child(odd) .miniatura {
    order : 2 ;
    padding-right : 0 ;
    padding-left : 2.88rem ;
}
.categoria-index .articulo:nth-child(odd) .resumen {
    order : 1 ;
}

.grupo-indice {
    width: 70vw ;
    gap : 2vw ;
    margin : 0 auto ;
    padding : 1rem 0 ;
}
.has-small-font-size {
    font-size : 0.8em !important;
}
.indice h4 {
    margin : 0 ;
}

.recuadro {
    padding : 1em 2em ;
    background: #93c9bf;
    color : #231f20 !important;
    width : 60vw ;
    font-size: 90%;
    margin : 4em 0 ;
}
.recuadro h4 {
    color : #231f20 !important;
    margin : 0 !important;
    padding: 0 ;
}
.recuadro .wp-block-media-text {
    padding : 1em 0 ;
}
.recuadro a {
    color : #231f20 !important
}
.cita {
    width : 40vw ;
    background: #93c9bf ;
    margin : 3rem auto ;
    font-size : 1.5rem ;
    color : #231f20 ;
    font-style: italic;
}
.is-layout-grid blockquote {
    padding : 0 1em ;
}
.cita h3 {
    font-style: normal;
}
.cita .cita-sub {
    font-size: 1.2rem ;
}
/* Home */
#home #banner {
    position: relative;
    margin-bottom : 0 ;
    background : none !important ;
}
.indice {
    gap : 2vw ;
    padding : 2rem 0 ;
}
.indice .wp-block-group__inner-container {
    height : 100% ;
    display: grid;
}
.indice, .indice a, .indice h3, .indice h3 a {
    color : #515455 ;
}
.indice h3 {
    font-size: 2rem;
    line-height : 1.1em ;
    margin : 0 ;
    align-self: start;
}
.indice figure {
    overflow: hidden;
    height: 10rem ;
}
.indice figure img, .home-actividades figure img {
    margin-top : -15% ;
}
.indice .wp-block-buttons {
    align-self: end ;
}
.wp-block-button__link {
    border : none ;
    border-radius : 0 ;
    background : #f35f51 ;
    color : #fff !important;
    font-size : 1rem ;
}
.home-actividades {
    padding : 2rem ;
    background: #f0f6f2 ;
}
.home-actividades a, .home-actividades h3 a {
    color : #515455 !important ;
}

.home-actividades a.wp-block-button__link {
    background : #93c9bf;
}
.home-actividades figure {
    overflow: hidden;
    height: 18rem ;
    display: flex ;
    justify-content: center ;
}
.home-actividades .is-layout-grid {
    gap : 2vw ;
}
.home-actividades h2 {
    font-size : 2rem ;
    padding : 0 0 1em 0 ;
}
.home-actividades h3 {
    font-size : 1.66rem ;
}
.home-actividades-sub img {
    width : auto ;
    max-width: none ;
    max-height: 100% ;
    margin-top : 0 !important  ;
}
#home .cita {
    width : 80vw ;
}

.indice.home-links {
    width : 60vw ;
    margin : 0 auto ;
}
.indice.home-links .wp-block-group__inner-container {
    display: block ;
}

.indice.home-links figure {
    height : 15rem ;
    margin : 0 ;
}
.indice.home-links h3 {
    background: #93c9bf;
    color : #231f20 ;
    padding : 1rem ;
}
.indice.home-links h3 a {
    color : #231f20 !important;
}
.indice.home-links p {
    font-size: 1rem ;
}
.indice.home-links figure img {
    margin-top : 0 ;
}

.home-sitios-wrapper {
    background: #93c9bf;
}
.home-sitios {
    width : 90% ;
    margin : 0 auto ;
    padding : 2em 1em ;
}
.home-sitios h2, .home-sitios h2 a {
    font-size : 2rem ;
    color : #231f20 !important;
}
.home-sitios a.wp-block-button__link {
    background: #231f20 ;
    color : #93c9bf !important ; 
}
.home-sitios a.wp-block-button__link:hover {
    color : #fff !important ;
}





/* Mobile */
@media screen and (max-device-width : 1023px) {
    .is-layout-grid {
        display: block !important ;
    }
    #logo a {
        width : 65vw ;
    }
    #header nav a {
        padding : 0.6em 0.4em ;
    }
    #banner h2 {
        font-size: 3rem ;
        line-height: normal;
    }
    main {
        padding : 0 ;
    }
    main > .articulo {
        padding : 0 1em ;
    }
    main .indice .wp-block-group {
        margin-bottom : 3em ;
    }
    .indice {
        padding : 1em ;
    }
    .indice h3 {
        padding : 0 0 0.4em 0 ;
        font-size : 1.8rem ;
    }
    .home-actividades {
        padding : 1rem ;
    }
    .home-actividades figure {
        display: block ;
        height : auto ;
    }
    .is-layout-grid .wp-block-group {
        margin-bottom : 2em ;
    }
    .indice.home-links {
        width : 100% ;
        margin : 1em 0 ;
    }
    .home-sitios-wrapper .wp-block-media-text > .wp-block-media-text__content {
        padding : 0 ;
    }
    .wrapper#content {
        padding : 0 ;
    }

    footer {
        display: block ;
        padding : 2em 1em ;
        text-align: center ;
    }
    footer > div {
        margin : 2em 0 ;
    }
    #footer-left img {
        height : auto !important ;
        width : 90% ;
    }
    #footer-right {
        margin-top : 3em ;
        justify-content : center ;
    }
    #gob-logos {
        width : 80% ;
        height : auto !important;
    }
    body .is-layout-flex {
        display: block ;
    }
    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        width: 100% ;
        margin : 1em 0 ;
    }
    .grupo-indice {
        width : 80vw ;
    }
    .wp-block-media-text > .wp-block-media-text__content {
        padding : 0 ;
    }
    .indice.home-links figure {
        height : auto ;
    }
    .iscat main {
        padding : 1em ;
        width : 100% ;
    }
    .categoria-index .articulo .miniatura, .categoria-index.generic .articulo .resumen {
        width : auto  ;
    }
    .categoria-index .articulo:nth-child(2n+1) {
        padding : 1em ;
    }
    .categoria-index .articulo:nth-child(2n+1) .miniatura {
        padding-left : 0 ;
    }
    .recuadro {
        width : 100% ;
    }
    .wp-block-image .alignleft {
        float : none ;
        display: block;
    }
    main blockquote {
        padding : 2em ;
        color : #666 ;
        font-style: italic ;
    }
    .wp-block-image img {
        width : auto !important ;
        display: block ;
    }
    .wp-block-image .alignright, .wp-block-image .alignleft {
        float : none ;
        display: block ;
        width : 100% ;
    }
    main p.has-large-font-size {
        text-align : initial ;
    }
    :root :where(p.has-background) {
        padding : 0 ;
    }
}