/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2026 | 08:07:08 */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600&display=swap');

@font-face {
    font-family: 'Machine LT';
    src: url('http://hogarsi.org/wp-content/themes/goodwill-child/font/MachineLT-Bold.woff2') format('woff2'),
        url('http://hogarsi.org/wp-content/themes/goodwill-child/font/MachineLT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 16px;
}

:root {
    --white: #fff;
    --grey: #8E8F90;
    --light-grey: #D7D8D9;
    --dark-grey: #B7B8B9;
    --pink: #D9007A;
    --purple: #801658;
}

h1 {
    font-size: 4rem !important;
    font-weight: bold;
    font-family: 'Machine LT' !important;
    background: none;
    position: relative;
    z-index: 1;
    line-height: 1.05 !important;
    /* background-color: transparent !important; */
    padding: initial!important;
    color: #fff!important;

    display: inline!important;
    background-color: var(--pink)!important;
    -webkit-box-decoration-break: clone!important;
    box-decoration-break: clone!important;
    box-shadow: 10px 0 0 var(--pink), -10px 0 0 var(--pink)!important;
    word-wrap: initial!important;
    left: initial!important;

}

h2.highlight {
    display: initial;
    background: none;
    color: #fff;
    word-wrap: initial;
    padding: initial;
}

h2.highlight-shadow {
    box-shadow: none;
    left: 0;
}


.highlight-shadow-pink {
    box-shadow: none;
    left: 0;
}


h2 {
    font-size: 2rem !important;
    background-color: transparent !important;
    text-transform: uppercase !important;
    color: #fff!important;
}

.titbanner {
    width: 100%;
    color: #fff;
}

h2.subtitbaner {
    display: initial;
    background: none;
    color: #fff;
    word-wrap: initial;
    padding: initial;
    font-size: 2.2rem !important;
}

h2.highlight-shadow2,
h3.highlight-shadow2 {
    box-shadow: none !important;
    left: 0;
}



h3 {
    font-size: 1.6rem !important;
    background-color: transparent !important
}

h3.edgtf-item-title.entry-title {
    font-size: 1.7rem !important;
}

h3.banner-lasllaves-title,
h3.titulorae {
    font-size: 1.7rem !important;
    display: initial;
    background: none;
    word-wrap: initial;
    padding: initial;
    box-shadow: initial;
}

h4 {
    font-size: 1.4rem !important;
    background-color: transparent !important
}

p {
    font-size: 1.4rem !important;
    background-color: transparent !important;
    line-height: 1.55rem!important;
    letter-spacing: 0!important;
}

.home-header-custom-button button,
.button--rosa,
.button--blanco,
.tpg-shortcode-main-wrapper .layout2 .rt-holder .rt-detail .read-more a {
    transition: all .3s ease !important;
    border: 1px solid var(--pink);
    font-size: 1rem !important;
    padding: 8px 35px !important;
    right: initial !important;
    left: initial !important;
    top: initial !important;
    bottom: initial !important;
    margin: 0 !important;
    text-transform: uppercase;
}

.button--blanco {
    background-color: #fff;
}

.home-header-custom-button button:hover,
.button--rosa:hover,
.tpg-shortcode-main-wrapper .layout2 .rt-holder .rt-detail .read-more a:hover {
    background-color: var(--purple) !important;
    border-color: var(--purple) !important;
    color: #fff;
}

.button--blanco:hover {
    color: var(--purple) !important;
}

.button--rosa::before,
.button--blanco::before {
    display: none;
}


a:link,
a:visited {
    transition: initial;
}

.edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more {
    position: relative;
    border: 1px solid var(--pink);
    text-transform: uppercase;
    transition: all .3s ease;
    background-color: transparent;
    color: var(--pink);
    border-color: transparent;
    z-index: 2;
}

.edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more::before {
    z-index: -1;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: var(--pink);
}


.edgtf-blog-list-holder.edgtf-boxes .edgtf-blog-list-read-more i {
    display: none;
}

.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-title,
.edgtf-blog-list-holder .edgtf-excerpt {
    color: #000;
}

.header-landing,
.n2-ss-slider .n2-ss-layer[data-sstype=slide] {
    position: relative;
    z-index: 1;
}

.header-landing::before,
.n2-ss-slider .n2-ss-layer[data-sstype=slide]::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0, 0, 0);
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.43601190476190477) 65%); */
    background: linear-gradient(88deg, rgb(0 0 0 / 61%) 0%, rgb(0 0 0 / 14%) 65%);
    z-index: -1;
    top: 0;
    left: 0;
}

.n2-ss-slider .n2-ss-layer[data-sstype=slide]::before {
    width: 140%;
    left: -40px;
}




.btn {
    width: 100% !important;
}

.edgtf-counter-holder .edgtf-counter {
    margin: 0;
    height: auto;
    min-height: 180px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 2rem !important;
}

.edgtf-pie-chart-holder .edgtf-to-counter,
.edgtf-pie-chart-holder .edgtf-percentage .edgtf-pie-title {
    font-size: 2rem !important;
}

.counter-auto .edgtf-counter {
    height: auto;
    min-height: auto;
    line-height: 1.2 !important;
}

.edgtf-counter-holder.center {
    padding: 0;
}

.socio-donation-container .inferior.primero,
.secciondona .inferior.primero {
    height: auto !important;
}

.socio-donation-container .inferior.primero p,
.secciondona .inferior.primero p {
    padding: 0px 10px !important;
    margin: 0 !important;
}

.seccionsocio .inferior .action .buttonaction,
.secciondona .inferior .action .buttonaction,
.secciondona .inferior.primero .buttonaction,
.box-torneo-padel .buttonaction {
    font-size: 1rem !important;
    right: initial !important;
}

.box-torneo-padel .buttonaction {
    height: auto !important;
}

.box-torneo-padel .action {
    height: auto !important;
}

.secciondona .primero .action,
.seccionsocio .primero .action {
    width: auto !important;
}

.edgtf-pie-chart-holder .edgtf-percentage {
    display: flex;
    align-items: center;
    justify-content: center;
}

#edgtf-back-to-top span span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.rt-pagination .pagination-list>li>a,
.rt-pagination .pagination-list>li>span {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .widget .edgtf-footer-widget-title {
    font-size: 1.4rem !important;
}




.timeline {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px 0;
}

.timeline .container.left {
    left: 0;
    right: initial;
    margin-left: 0;
    width: 50%;
    max-width: 100%;
}

.timeline .container.right {
    right: 0;
    left: initial;
    margin-right: 0;
    width: 50%;
    max-width: 100%;
}

.fix-colors-section .clearfix.edgtf-full-section-inner {
    display: flex;
    flex-direction: row;
}

.color-section {
    height: 100%;
    display: contents;
}

.circle-graph-section .vc_empty_space {
    display: none;
}

.circle-graph-section {
    height: auto;
    padding: 5rem 0;
}


.circle-graph-section h4 {
    text-align: center !important;
}

.circle-graph-section .edgtf-section-inner .vc_column_container {
    height: 350px;
}

.circle-graph-section .edgtf-section-inner,
.circle-graph-section .edgtf-section-inner>div,
.circle-graph-section .edgtf-section-inner .vc_column_container,
.circle-graph-section .edgtf-section-inner .vc_column_container>.vc_column-inner {
    height: 100%;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.circle-graph-section .edgtf-section-inner .vc_column_container .vc_column-inner>.wpb_wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-align: center !important;
    min-height: 290px;
}

.circle-graph-section .edgtf-section-inner .vc_column_container .vc_column-inner>.wpb_wrapper .wpb_text_column {
    margin-top: auto;
    margin-bottom: 0 !important;
}

.circle-graph-section .edgtf-section-inner .vc_column_container .vc_column-inner>.wpb_wrapper p {
    text-align: center !important;

}


.circle-graph {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

/* pink section start */
.filaMonta {
    margin-top: -40px !important;
    background-color: var(--pink);
}

.filaMonta>div {
    padding: 0 !important;
}

.filaMonta>div>div {
    padding: 3rem 0px !important;
}

.filaMonta .vc_empty_space {
    display: none;
}

.filaMonta span {
    font-size: inherit !important;
}

.filaMonta>div,
.pink-box>div {
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pink-box {
    padding: 3rem 0px !important;
}

.pink-box .vc_empty_space {
    display: none;
}

.pink-box p,
.pink-box h3 {
    margin-bottom: 1rem !important;
}

/* pink section end */

span,
strong {
    line-height: inherit;
}

.flex-child>div {
    display: flex;
}

.h-auto>.vc_column-inner {
    height: 100%;
}

.fix-parallax.edgtf-parallax-section-holder .edgtf-parallax-content-outer {
    padding: 300px 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

h3.titoutofoffice {
    padding: 0 !important;
    font-size: 1.7rem !important;
}

.progress-bg {
    position: relative;
}

.progress-bg .goal {
    top: initial !important;
    right: 0 !important;
    left: initial !important;
    bottom: initial !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.progress-bg h3.raised {
    padding: 0 !important;
    margin: 0 !important;
}

.donation-box .ima,
#alturacaja2 .caja1 .ima {
    width: auto !important;
    max-height: 100px !important;
    margin: 0 !important;
}

.iframe-youtube-close {
    padding: 15px 30px !important;
}

#alturacaja2 .caja1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#alturacaja2 div {
    height: 100%;
}

#alturacaja2 div .col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

p#primero {
    margin: 0 !important;
}

#cantidad.alturacaja {
    border-right: none !important;
}

.edgtf-icon-medium {
    font-size: 2rem !important;
}

.flex-center-inner .edgtf-full-section-inner {
    display: flex;
    justify-content: center;
}

.flex-align-center .edgtf-section-inner-margin {
    display: flex;
    align-items: center;
}

.tennis-header .edgtf-full-section-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    text-align: initial;
    margin: 0 auto;
}

.tennis-header .donation-box {
    width: 100%;
}

.superior .donationbutton {
    font-size: 2rem !important;
}

.w-90-fix {
    width: 90%!important;
    margin: 0 auto!important;
}

.lineadeprueba {
    line-height: 1.2 !important;
}

h1.lineadeprueba,
.lineadeprueba h1 {
    line-height: 1 !important;
}


.header-landing-new {
    position: relative;
    z-index: 1;
}

.header-landing-new::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0, 0, 0);
    background: linear-gradient(88deg, rgb(0 0 0 / 61%) 0%, rgb(0 0 0 / 14%) 65%);
    z-index: -1;
    top: 0;
    left: 0;
}

.altu4 {
    height: 750px!important;
}

.altu4-auto {
    height: auto!important;
}

.altu4 div#formu {
    margin-top: 100px;
}

.gap {
    height: 30px!important;
}

h1.new-h1 {
    background-color: var(--pink)!important;
    position: relative;
    z-index: 2;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 var(--pink), -10px 0 0 var(--pink);
    display: inline;
}

.edgtf-blog-single div {
    font-size: 1.2rem;
}

.req-certificado.disabled {
    display: none;
}

#contenedorform1, #contenedorform2 {
    font-family: 'Oswald', sans-serif !important;
}

.bg-position-top {
    background-position: top!important;
}

.h-575 {
    height: 575px;
}

.padd-t-10-important {
    padding-top: 10rem!important;
}

@media only screen and (max-width:1024px) {

    .circle-graph-section {
        height: initial;
    }

}

@media only screen and (max-width:980px) {
    .tennis-header .edgtf-full-section-inner {
        flex-direction: column;
    }

    .flex-align-center .edgtf-section-inner-margin {
        flex-direction: column;
        align-items: center;
    }

    .flex-align-center .edgtf-section-inner-margin img {
        max-width: 150px;
        margin-top: 30px !important;
    }

    .flex-align-center .edgtf-section-inner-margin .wpb_single_image .vc_single_image-wrapper,
    .flex-align-center .edgtf-section-inner-margin .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
}

@media only screen and (max-width:767px) {



    h1 {
        font-size: 2.5rem !important;
        font-weight: bold;
        font-family: 'Machine LT';
    }

    h2 {
        font-size: 1.8rem !important;
    }

    h2.subtitbaner {
        font-size: 1.8rem !important;
    }

    h3 {
        font-size: 1.55rem !important;
        line-height: 1.22!important;
    }

    h4 {
        font-size: 1.2rem !important;
    }

    p {
        font-size: 1.25rem !important;
    }

    .edgtf-blog-single div {
        font-size: 1rem;
    }

    .socio-donation-container .inferior.primero, .secciondona .inferior.primero {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto;
    }

    .socio-donation-container .inferior.primero .texto, .secciondona .inferior.primero .texto {
        margin-left: 0!important;
    }

    footer .widget .edgtf-footer-widget-title {
        font-size: 1.2rem !important;
    }

    .timeline .container.left,
    .timeline .container.right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .timeline .date {
        position: initial;
    }

    .date.doubleleft {
        padding: initial;
        position: initial;
    }

    .container::after {
        display: none;
    }


    .filamonta>div,
    .pink-box>div {
        width: 90% !important;
    }

    .flex-child>div {
        flex-direction: column;
    }

    .edgtf-parallax-section-holder .edgtf-parallax-content-outer {
        padding: 150px 50%;
    }

    .circle-graph-section .edgtf-section-inner .vc_column_container>.vc_column-inner {
        margin-bottom: 25px;
    }

    .donation-box .ima,
    #alturacaja2 .caja1 .ima {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
        max-height: 50px;
    }

    p#primero {
        margin-bottom: 20px !important;
    }

    .altu4 {
        height: 750px;
    }

    .gap {
        height: 20px!important;
    }

    .fix-space-mob-display {
        display: none;
    }

    .fix-padd-5-mob {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important;
    }
}