/*
Theme Name: Amigos de Chiqui
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.1
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amigosdechiqui
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments
*/
/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

html,
body {
	border: none;
	margin: 0;
	padding: 0;
}


/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */

html {
	font-size: 50%;
	scroll-behavior: smooth;
}
@media screen and (min-width: 600px) and (max-width: 768px){
	html {
		font-size: 55%;
	}
}
@media (min-width: 1300px){
	html {
		font-size: 62.5%; /* 1rem = 10px */
	}
}
:root{
	/* Responsive */
	--responsive--alignwide-width: 92%; /* 84% */
	--responsive--aligndefault-width: 84%; /* 68% */
	--global--line-height--normal: 1.4;
}
@media (max-width:600px){
	body{
		/* Responsive */
		--responsive--alignwide-width: 92%;
		--wp--style--global--content-size: 84%;
    	--wp--style--global--wide-size: 92%;
		--responsive--aligndefault-width: var(--wp--style--global--content-size); /* 68% */
	}
}
@media (max-width:1280px){
	body{
		/* Responsive */
		--wp--style--global--content-size: 84% !important;
    	--wp--style--global--wide-size: 92% !important;
		--responsive--aligndefault-width: var(--wp--style--global--content-size); /* 68% */
	}
}
@media (max-width:1440px){
	body{
		--wp--style--global--content-size: 84%;
    	--wp--style--global--wide-size: 92%;
	}
}
/* --------------------------------------------------------------------------- */
/*  2. Header                                                                  */
/* --------------------------------------------------------------------------- */
.cabecera{
    padding: 2.1rem 0;
}
@media (max-width:600px){
    .cabecera .custom-logo{
        max-width:200px;
    }
    .cabecera .wp-block-search{
        display: none;
    }
}
@media (max-width:390px){
    .cabecera .custom-logo{
        max-width:150px;
    }
}
.cabecera .wp-block-search{
    font-size: var(--wp--preset--font-size--extra-small);
}
.cabecera .wp-block-search__button-outside .wp-block-search__input{
    background-color: #F1F1F1;
    border: 1px solid #F1F1F1;
    border-radius: 2rem 0 0 2rem;
    font-family: var(--wp--preset--font-family--rubik);
    font-size: var(--wp--preset--font-size--extra-small);
    font-weight: 500;
    padding: .6rem 2rem;
    margin: 0;
}
.cabecera .wp-block-search__button-outside .wp-block-search__button{
    background-color: #F1F1F1;
    border: 1px solid #F1F1F1;
    border-radius: 0 2rem 2rem 0;
    font-size: var(--wp--preset--font-size--extra-small);
    margin-left:0;
    padding: .6rem;
}
.cabecera .wp-block-loginout{
    background: var(--wp--preset--color--amarillo-texto);
    border: 1px solid var(--wp--preset--color--amarillo-texto);
    border-radius: 2rem;
    font-family: var(--wp--preset--font-family--rubik);
    font-size: var(--wp--preset--font-size--extra-small);
    font-weight: 500;
    padding:.8rem 2rem;
}
@media (min-width:600px){
    .cabecera nav.wp-block-navigation{
        padding-top: 3.4rem;
    }
}
.cabecera nav.wp-block-navigation .wp-block-navigation-item{
    font-weight: 500;
    margin: 0 1rem;
}
.cabecera nav.wp-block-navigation .current-menu-item{
    color: #D1C7B7;
}
p.claim-oratorio{
    text-transform:uppercase;
    font-size: var(--wp--preset--font-size--extra-large);
    font-weight: 500;
    line-height: 100%;
}
.subheader img{
    max-height: 28rem;
    width: auto;
}
/* --------------------------------------------------------------- */
/* menu idiomas                                                    */
/* --------------------------------------------------------------- */
.wpml-ls-legacy-dropdown>ul{
    background-color: #000000;
    border-radius: 2rem;
}
.wpml-ls-legacy-dropdown a{
    border: 0;
    color: #fff;
    background-color: inherit;
    font-size: var(--wp--preset--font-size--extra-small);
    padding: .8rem 2rem;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover{
    color: #F5E877;
    background-color: #000;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language>a{
    border:1px solid #000;
    border-radius: 2rem 2rem 2rem 2rem;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
    border-radius: 2rem 2rem 0 0;
    border: 1px solid #000;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    background-color: #000;
    border-radius: 0 0 2rem 2rem;
}
/* --------------------------------------------------------------------------- */
/*  3. Pie                                                               */
/* --------------------------------------------------------------------------- */
footer{
    background-color: #000;
    padding: 2rem 0;
}
footer p{
    color:var(--wp--preset--color--amarillo-texto);
}
@media (max-width:600px){
    footer nav.wp-block-navigation{
        display:none;
    }
}
footer nav.wp-block-navigation{
    font-size: var(--wp--preset--font-size--small);
    width: 50%;
}
footer nav.wp-block-navigation ul li{
    font-weight: 400;
}
footer nav.wp-block-navigation ul li a{
    padding: 0 2rem;
}
footer nav.wp-block-navigation ul li:first-child a{
    padding: 0 2rem 0 0;
}
footer nav.wp-block-navigation ul li::before{
    content: '|';
    color: #ffffff;
}
footer nav.wp-block-navigation ul li:first-child::before{
    content: '';
}

footer nav .menu-pie{
    color: var(--wp--preset--color--amarillo-texto);
    font-weight: 600;
}
footer nav .menu-legal{
    color: #ffffff;
}
/* ---------------------------------------------- */
/* 4. Titulos                                     */
/* ---------------------------------------------- */
h1{
    text-transform: uppercase;
}
.home h1{
    color: #100A88;
    font-size: var(--wp--preset--font-size--extra-huge);
    font-weight: 500;
    line-height: 100%;
}
@media (max-width:600px){
    .home h1{
        font-size: var(--wp--preset--font-size--extra-large);
    }
}
h2.wp-block-post-title{
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--rubik);
}
.post-type-archive-prayers h2.wp-block-post-title{
    margin-top: 2rem;
    padding-bottom: 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--wp--preset--color--gris-azulado-fondobase);
}
.con-icono{
    position:relative;
    padding-bottom: 1rem;
    margin: 0;
    line-height:1;
    font-weight: 700;
    color: var(--wp--preset--color--gris-base);
}
h2.con-icono,
.home h3.con-icono.ultima-noticia{
    margin-bottom: 2rem;
}
h2.is-style-h2-reducido{
    line-height: 1;
    font-weight: 700;
    color: var(--wp--preset--color--gris-base);
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--rubik);
}
.con-icono::before,
body.category-421 h2::before,
.single h1::before{
    height: 1rem;
    vertical-align: baseline;
    margin-right: 1rem;
    line-height: 1;
    display:inline-block;
    zoom:70%;
}
.wp-block-heading{
    color: var(--wp--preset--color--gris-base);
}
h1.con-icono::before{
    vertical-align: baseline;
}
h3.testimonios::before, h2.testimonios::before {content: url(./assets/images/users-profiles.svg);}
h3.vida-chiqui::before, h2.vida-chiqui::before {content: url(./assets/images/glasses.svg);}
.titulo-peticion::before, .ultima-peticion::before {content: url(./assets/images/message-alert-plus.svg);}
h3.ultima-noticia::before, h2.ultima-noticia::before, .single-post h1::before {content: url(./assets/images/volume.svg);}
body.category-421 h2.wp-block-post-title::before {content: url(./assets/images/volume.svg);}
h3{
    margin-top: 2rem;
    /*padding-bottom: 2rem;*/
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--wp--preset--color--gris-azulado-fondobase);
}
h2.wp-block-post-title{
    border-bottom: 1px solid var(--wp--preset--color--gris-azulado-fondobase);
}

/* --------------------------------------------------------------------------- */
/*  5. Subheader                                                              */
/* --------------------------------------------------------------------------- */
.subheader.has-gris-peticion-background-color .claim-oratorio{
    color: var(--wp--preset--color--azul);
}
.subheader.has-verde-fondo-background-color .claim-oratorio{
    color: var(--wp--preset--color--verde);
}
.subheader.has-gris-fondo-peticiones-background-color .claim-oratorio{
    color: var(--wp--preset--color--gris-base);
}
.subheader.has-amarillo-texto-background-color .claim-oratorio{
    color: var(--wp--preset--color--gris-base);
}


/* --------------------------------------------------------------------------- */
/*  5. Alineacion                                                              */
/* --------------------------------------------------------------------------- */

.aligncenter{
    margin-left: auto !important;
    margin-right: auto !important;
}
.aligndefault{
	width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}
/* --------------------------------------------------------------------------- */
/*  6. Elementos                                                               */
/* --------------------------------------------------------------------------- */

.cantos-redondos{
    border-radius:3.8rem;
}
.is-style-bordes-redondeados{
    border-radius: 3.8rem;
}
.wp-block-columns.no-padding{
    gap:0;
}
.wp-block-columns.no-margin-bottom{
    margin-bottom: 0;
}
.wp-block-button.is-style-verde a.wp-block-button__link{
    background-color: var(--wp--preset--color--verde);
}
.wp-block-button.is-style-azul a.wp-block-button__link{
    background-color: var(--wp--preset--color--azul);
}
.wp-block-column h4.wp-block-post-title,
.wp-block-media-text__content h4.wp-block-post-title{
    margin: 0;
    padding: 1rem 0;
    font-size: var(--wp--preset--font-size--medium);
    line-height: 160%;
    font-weight: 800;
}
.wp-block-column h4.wp-block-post-title.como-contenido{
    font-size: var(--wp--preset--font-size--normal);
    line-height: var(--wp--preset--font-size--normal);
    font-family: var(--wp--preset--font-family--rubik);
    font-weight: 400;
    margin: 0;
    padding: 1rem 0;
}
a.boton-gris,
.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link{
    background-color: var(--wp--preset--color--gris-base);
    border-width: 0;
    color: #ffffff;
    font-size: var(--wp--preset--font-size--small);
    padding: 0.6rem 2.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
    text-decoration: none;
}
.wp-block-query .wp-block-post .wp-block-buttons{
    margin:2rem 0;
}
.wp-block-group.full-height{
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    min-height: 100vh;
}

.wp-block-post-date time{
    font-size: var(--wp--preset--font-size--medium);
    line-height: 100%;
}
/* ******************* separador ************* */

ul.wp-block-post-template .wp-block-separator,
.wp-block-separator.is-style-linea-fina{
    border-bottom: 1px solid var(--wp--preset--color--gris-base);
    width: 100% !important;
}

/* ******************* cuadro reza a chiqui ************* */
.wp-block-cover.cuadro-reza-chiqui,
.wp-block-cover.cuadro-haz-peticion{
    padding: 0;
    min-height: auto;
    height: 100%;
}
.wp-block-columns.reza-chiqui-landscape{
    padding: 0;
}
.wp-block-columns.reza-chiqui-landscape figure.wp-block-image{
    margin-bottom: 0;
    margin-top: 2rem;
}
@media (max-width: 781px){
    .reza-chiqui-landscape .wp-block-group > p,
    .reza-chiqui-landscape .wp-block-group > h2,
    .haz-peticion-landscape .wp-block-group > p,
    .haz-peticion-landscape .wp-block-group > h2{
        max-width:100%;
    }
    .reza-chiqui-landscape .wp-block-column > figure,
    .haz-peticion-landscape .wp-block-column > figure{
        display:none;
    }
    .wp-block-cover.cuadro-reza-chiqui > img,
    .wp-block-cover.cuadro-haz-peticion > img{
        opacity: .2;
    }
    /*.wp-block-cover.cuadro-reza-chiqui .texto-cuadro{
        background-color: #ffffffb0;
    }*/
    .wp-block-cover.cuadro-reza-chiqui .texto-cuadro .wp-block-spacer,
    .wp-block-cover.cuadro-haz-peticion .texto-cuadro .wp-block-spacer{
        height: 5rem !important;
    }
    .wp-block-cover.cuadro-reza-chiqui h2,
    .wp-block-cover.cuadro-reza-chiqui p,
    .wp-block-cover.cuadro-haz-peticion h2,
    .wp-block-cover.cuadro-haz-peticion p{
        max-width: 100%;
    }
    .home .caja-haz-peticion{
        padding: 0 2rem 2rem 2rem;
    }
    .home .caja-haz-peticion .wp-block-column figure{
        margin-bottom: 0;
    }
    .home .caja-haz-peticion .wp-block-column img{
        width:80%;
        display:block;
        margin: 0 auto;
    }
    .home .caja-haz-peticion .wp-block-column.intro-peticion .wp-block-group.has-background{
            max-width: 100%;
            padding: 1.25em 2.375em;
    }
}
/* ------------------------------- */
/* 6. Formularios                 */
/* ------------------------------- */
form{
    font-size: var(--wp--preset--font-size--base);    
}
/*:not(.wp-admin) input,
:not(.wp-admin) select,
:not(.wp-admin) textarea{*/
input,
select,
textarea{
	width: calc(100% - 2.4rem);
	padding: 1.2rem;
	margin-bottom: .5rem;
	border: 0;
	background-color: var(--wp--preset--color--gris-fondo);
	border-bottom: 1px solid var(--wp--preset--color--text-grey);
    border-radius: 1.5rem;
    font-size: var(--wp--preset--font-size--small);
}
input[type="checkbox"]{
	width: auto;
}
input::placeholder {
    color: #BCC6CD;
    font-size: var(--wp--preset--font-size--small);
}
label{
    font-size: var(--wp--preset--font-size--small);
}
p.help-block{
    font-size: var(--wp--preset--font-size--extra-small);
    display:none;
}
input[type="submit"]{
	background-color: var(--wp--preset--color--azul);
    text-transform: uppercase;
    border-color: var(--wp--preset--color--white);
    padding: 0.6rem 2.5rem;
    margin-top: 2rem;
    width: fit-content;
    color: #ffffff;
    cursor: pointer;
}
input[type="submit"].cvgp-prayer-submitbutton.disabled{
    background-color: var(--wp--preset--color--gris-azulado-fondobase);
}
form.comment-form{
    margin-top: 2rem;
}
.comment-form input[type="submit"]{
	background-color: var(--wp--preset--color--gris-base);
}
.comment-form .required-field-message{
    display:block;
    font-size: var(--wp--preset--font-size--small);
}
.comment-form .required-field-message>.required,
.comment-form label>.required{
    color: red;
}
.form-group label{
    margin-top: 2rem;
    display: block;
}
.wpcf7-submit{
	font-size: var(--wp--preset--font-size--middle-base);
    font-weight: 400;
    line-height: 2.2rem;
	border-width: 0;
    color: #ffffff;
	padding: 1.5rem 4rem;
	box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    word-break: break-word;
	border-radius: 9999px;
}

/* ********************** */
/*           peticion     */
/* ******************** */
@media screen and (max-width: 600px){
    .pasos-peticion{
        display:none;
    }
}
.post-type-archive-peticion .wp-block-post-template li .wp-block-post-title{
    border-bottom: 1px solid var(--wp--preset--color--gris-base);
    margin-bottom: 1rem;
}
/* ********************** */
/*     feed opus dei     */
/* ******************** */
.feed-opus-dei.wp-block-rss{
    list-style-type: disc;
    font-size: var(--wp--preset--font-size--base);
    padding: revert;
}

/* ************************** */
/*      Biografia         */
/* ************************** */
@media (max-width: 781px){
    .home .caja-biografia .wp-block-media-text__media img{
        width:50%;
        display:block;
        margin: 0 auto;
    }
}
.post-type-archive-biografia .type-biografia .wp-block-post-date{
    margin-top: 0;
    padding-top: 2rem;
}
.post-type-archive-biografia .type-biografia .wp-block-post-date::before{
    content:"\A";
    width:28px;
    height:28px;
    border-radius:50%;
    background: #FFC917;
    display:inline-block;
    margin:0 1.6rem 0 -4.5rem;
    vertical-align: middle;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia {
    margin-bottom: 0;
    border-left: 2px solid #FFC917;
    list-style-type: none;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia > div{
    padding-left: 3rem;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia .wp-block-post-excerpt{
    list-style: disc;
    display: list-item;
    margin-left: 3rem;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia p.wp-block-post-excerpt__excerpt{
    margin-bottom: 0;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia p.wp-block-post-excerpt__excerpt a{
    text-decoration: none;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia p.wp-block-post-excerpt__excerpt a:hover{
    text-decoration: underline;
}
.post-type-archive-biografia ul.wp-block-post-template li.type-biografia time{
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
}
/* ************************** */
/*      Post template         */
/* ************************** */
ul.wp-block-post-template li{
    margin-bottom:3rem;
}
ul.wp-block-post-template .wp-block-separator{
    border-bottom: 1px solid var(--wp--preset--color--gris-base);
}
ul.wp-block-post-template li time,
.single .wp-block-post-date time{
    padding-bottom: 1rem;
}
ul.wp-block-post-template li time,
ul.wp-block-post-template li time a,
.single .wp-block-post-date time{
    text-decoration: none;
    display: inline-block;
    color: var(--wp--preset--color--gris-azulado-fondobase);
}
.wp-block-post-date{
    margin-top: 2rem;
}
.wp-block-media-text__content > .wp-block-post-date{
    margin-top: 0;
}
@media (max-width: 600px){
    .wp-block-media-text__content > .wp-block-post-date{
        margin-top: 2rem;
    }
}
ul.wp-block-post-template li .wp-block-post-excerpt__more-text{
    margin-top:3rem;
}

/* ************* single ********** */
.single h1.wp-block-post-title{
    border-bottom: 1px solid var(--wp--preset--color--gris-base);
    margin: 2rem auto;
    padding: 1rem 0;
}
.wp-block-post-terms.taxonomy-category,
.wp-block-post-terms.taxonomy-post_tag,
.wp-block-post-terms.taxonomy-tipopeticion,
.single-peticion .wp-block-post-terms.taxonomy-chiqui_country,
.single-peticion .campo-peticion,
.single-peticion .campo-peticion-vacio,
.wp-block-post-terms.taxonomy-category a,
.wp-block-post-terms.taxonomy-post_tag a,
.wp-block-post-terms.taxonomy-tipopeticion a,
.single-peticion .wp-block-post-terms.taxonomy-chiqui_country a,
.single-peticion .campo-peticion a{
    font-size: var(--wp--preset--font-size--normal);
    line-height: 150%;
    color: var(--wp--preset--color--gris-base);
}
.wp-block-post-terms.taxonomy-category,
.wp-block-post-terms.taxonomy-post_tag,
.wp-block-post-terms.taxonomy-tipopeticion,
.single-peticion .wp-block-post-terms.taxonomy-chiqui_country{
    margin-bottom: 0.5rem;
}
.wp-block-post-terms span.wp-block-post-terms__prefix,
.single-peticion .wp-block-post-terms span.wp-block-post-terms__prefix,
.single-peticion .prefijo-campo-peticion{
    font-weight: 700;
}

/* *********** single biografia ********* */
.single-biografia .post-navigation nav{
    border-top: 1px solid var(--wp--preset--color--gris-base);
    padding-top: 1.5rem;
    margin-top: 3rem;
}
.single-biografia .wp-block-post-navigation-link{
    font-size: var(--wp--preset--font-size--small);
}

/* *************************** */
/*       paginacion          */
/* ************************** */
.wp-block-query-pagination{
    padding: 2rem 0;
}
.wp-block-query-pagination-numbers .page-numbers{
    background-color: var(--wp--preset--color--amarillo-texto);
    border-radius: 9999px;
    padding: 0.5rem 1rem;
    border: 1px solid var(--wp--preset--color--amarillo-texto);
    color: var(--wp--preset--color--gris-azulado-fondobase);
    text-decoration: none;
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: #F5E87757;
}
.wp-block-query-pagination-next-arrow, .wp-block-query-pagination-previous-arrow{
    color: var(--wp--preset--color--gris-base);
    font-weight: 700;
}


/* *************************** */
/*      lista idioma           */
/* *************************** */
.wpml-ls-legacy-dropdown{
    width: auto;
}
.wpml-ls-legacy-dropdown br{
    display: none;
}

/* *************************** */
/*      elementos en movil     */
/* *************************** */
@media (max-width: 781px) {
    .wp-block-column .wp-block-group.has-background{
        padding: 1.25em 0;
    }
}