


body , 
  a, 
  ul, 
  li,
  p,
  span,  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Muli' !important;
}

body > div.ag-container.no-sidebar {
    margin-bottom: 0;    
    padding-top: 0;
    padding-bottom: 0;
}

/** 
** PROGRESS BAR DE FONDO SOLIDARIO 
**/

/* Titulo Transparencia */
#col-progress-bar .widget_sow-headline {
    margin: 3rem 3rem;
}


#col-progress-bar .widget_sow-headline .sow-sub-headline{
    text-transform: none;
}



#wid-progress-bar .wpsm_progress_b_row {
    margin-bottom: 0 !important;
}

#wid-progress-bar .wpsm_progress_b_row .wpsm_progress {
    margin-bottom: 0 !important;
    height: 40px !important;
    border-radius: 15px !important;
}


#wid-progress-bar .wpsm_progress_b_row .wpsm_progress .wpsm_progress-pro-bar {
    border: 2px solid #000;    
    border-radius: 15px;
}

#wid-progress-bar .wpsm_progress_b_row .wpsm_progress .wpsm_progress-bar {
    /*border: 2px solid #000;    */
    border-radius: 13px;
}



#wid-progress-bar .wpsm_progress_b_row .wpsm_progress .wpsm_progress-pro-bar,
#wid-progress-bar .wpsm_progress_b_row > div > div > div {
    height: 40px !important;
}


#wid-progress-bar .wpsm_progress_b_row .wpsm_progress .wpsm_progress-bar:before,
#wid-progress-bar .wpsm_progress_b_row .wpsm_progress .wpsm_progress-bar:after {
    background-color: unset !important;
    width: 0 !important;
    height: 0 !important;
}

#wid-progress-bar .wpsm_progress_b_row > div > div > div > span.wpsm_progress-title {
    left: 22%;
    font-size: 22px;
    font-weight: 700;
    top: -33px;
}

#barra-avance-fondo > div > div > h4 > div {
    margin: 0 1rem;
}

#barra-avance-fondo > div > div > h4 > div > div {
    font-family: 'Muli';
}

#barra-avance-fondo > div > div > h4 > div > div:nth-child(2) {
    text-align: right;
}



/**
*** Section Resultados ¿Cómo vamos? 
**/

#resultados-cell-1 {
    padding: 0 10%;
}

#resultados-cell-1 h2.sow-headline {
    font-family: 'Muli';
    font-size: 2rem;
    font-weight: bold;    
    margin-bottom: 0;   
    color: #000;
}

#resultados-cell-1 h2.sow-sub-headline {
    font-family: 'Muli';
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 0;   
    color: #000;
}

#resultados-cell-1 .decoration {
    display:none;
    
}

/* Secccion Resultados, renglon numeralia */
#resultados-numeralia {
    margin: 0 5% 4rem 5%;
}

#resultados-numeralia .textwidget h2,
#resultados-numeralia .textwidget p {
    font-family: 'Oswald Light';
    margin: 0;
    color: #000;
}

#resultados-numeralia .textwidget h2 {
    font-size: 3rem;    
}

#resultados-numeralia .textwidget p {
    font-family: 'Muli';    
    font-weight: bolder;
    font-size: 1rem;
    line-height: 1.2;
}



#pl-2455 {
    width: 100%;
}
    

/* Tabla relación de donantes */

#donativos-recibidos .panel-grid-cell,
#nuestros-donantes .panel-grid-cell
{
    padding: 2rem 20%;
    padding-left: 20%;
    padding-right: 20%;
}

#pl-2988 .so-panel {
    margin-bottom: 0;     
}

#aviso-privacidad {
    margin-top: 2rem;    
    color: #000;
}

#aviso-privacidad p {
    color: #000;
}

#tabla-apoyos-entregadosx {
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 auto;
}

#apoyos-entregados-1 .panel-grid-cell,
#comprobacion-gastos .panel-grid-cell{
    padding: 2rem 5%;
    padding-left: 5%;
    padding-right: 5%;    
}

#criterios-adquisiciones,
#criterios-adquisiciones div,
#criterios-adquisiciones > div > div > h5 > strong,
#criterios-adquisiciones > div > div > p {
    color: #000;
    text-align: justify;
}

#criterios-adquisiciones > div > h3 {
    text-align: center;
}

#criterios-adquisiciones > div > div {
    margin: 0 15%;
}

#criterios-adquisiciones > div > div > ol > li {
    margin-bottom: 1rem;    
}

/* FOND0 SOLIDARIO */
#pl-2455 .sow-headline-container .decoration .decoration-inside {
    border-top: 2px solid #f9ab17;
}

#panel-2455-0-0-0,
#panel-2455-0-0-2 > div > div > p:nth-child(2),
#panel-2455-0-0-1 > div > div > p
{
    font-size: 1.3rem;
    line-height: 1.45rem;
    FONT-FAMILY: 'HurmeGeometricSans1';
    margin-bottom: 0;
}



#panel-2455-0-0-0 > div > div > h1.sow-headline,
#panel-2455-0-0-0 > div > div > h1.sow-sub-headline {
    margin: 0;
    padding: 0;
}


#panel-2455-0-0-1 > div > div > div.ap_tagline_box.ap-left-border-box {
    border: 1px solid #000;
    border-left: 25px solid #f9ab17;
    FONT-FAMILY: 'HurmeGeometricSans1 Bold';
    font-size: 4rem;
    font-weight: bolder;
    line-height: 4.5rem;
    TEXT-ALIGN: CENTER;
    background: unset;
    padding: 10px;
    margin: 0 30%;
}


#panel-2455-0-0-0, 
#panel-2455-0-0-1, 
#panel-2455-0-0-2 {
    margin-bottom: 0!important;
}

#panel-2455-0-0-2 > div > div > p > strong, 
#panel-2455-0-0-2 > div > div > p > strong {
    font-size: 1rem;
    font-weight: bolder;
    FONT-FAMILY: 'HurmeGeometricSans1 Bold';
}

/***
*** SECCION QUIERES DONAR 
**/
#quieres-donar-cell-2 {
    background-color: #FFF200;
    padding: 2rem;
    text-align: right;
}


#quieres-donar-icon {
    margin-left: 35%;
}

#quieres-donar-icon > div > div.agensy-icon-text-icon {
    font-size: 7rem;
}


#quieres-donar-icon > div > div.post-icon-title > h2,
#quieres-donar-icon > div > div.post-icon-desc {
    font-size: 2rem;
    color: #000;
    padding: 0;
}

#quieres-donar-icon > div > div.post-icon-title > h2 {
    font-weight: bold;
}

#quieres-donar-icon > div {
    text-align: right;
}

#btn-wid-whatsapp {
    border: unset !important;
    text-align: left;
}

#btn-whatsapp {
    font-family: 'Muli';
    font-weight: bold;
    border: 1px solid #000000;
    border-radius: 10px !important;
    background-color: unset;
    width: 10rem;
    line-height: 1.5rem;
    padding: 15px;
}

#btn-whatsapp:hover {
    background-color: #fff;
    box-shadow: 0 3px 5px 3px rgba(52, 53, 52, 0.322);
}

#correo-contacto > div > div > h5 {
    font-family: 'Oswald';
    text-transform: none;
    font-size: 1rem;
}


#panel-2988-8-1-1 {
    margin-bottom: 0;
}

#llamanos-contacto > div > div > h5 > span > strong,
#correo-contacto > div > div > h5 strong{
    font-family: 'Muli';
    font-weight: bold;
    text-transform: none;
    color: #000;
}

#correo-contacto > div > div > h5 > a {
    color: #000;
}

#correo-contacto > div > div > h5 > a:hover {
    text-decoration: underline;
}

#info-actualizada > div > div > p > span {
    text-align: center;
    line-height: 1;
}

#info-actualizada {
    text-align: center;
    margin: 3rem 20%;
}

/** PIE DE PÁGINA **/
#media_image-5 > h2 {
    display: none;
}

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

    #pg-2455-1,
    #pg-2455-2,
    #pg-2455-3 {
        margin: 0;
    }

    #col-progress-bar .widget_sow-headline {
        margin: 3rem 0.7rem;
    }

    #col-progress-bar .panel-grid-cell {
        margin: 1rem 0.7rem;
        margin: 0;
    }

    #col-progress-bar .widget_sow-headline .sow-headline,
    #col-progress-bar .widget_sow-headline .sow-sub-headline {
        font-size: 1.5rem;
    }

    
    #wid-progress-bar .wpsm_progress_b_row > div > div > div > span.wpsm_progress-title {
        top: -27px;
        left: 10%;
        font-size: 1.2rem;
    }

    #criterios-adquisiciones > div > h3,
    #barra-avance-fondo > div > div > h4 > div > div {
        font-size: 1rem;
    }


    h2.sow-headline,
    h2.sow-sub-headline,
    #pl-2455  h1.sow-headline,
    #pl-2455  h1.sow-sub-headline,
    #panel-2455-0-0-0 > div > div > h1.sow-headline,
    #panel-2455-0-0-0 > div > div > h1.sow-sub-headline {
        font-size: 1.2rem;
    }

    #panel-2455-0-0-1 > div > div > div.ap_tagline_box.ap-left-border-box {
        font-size: 3rem;
        margin: 0 1rem;
    }
    
    #resultados-cell-1 {
        padding: 0;
    }


    /* Tabla relación de donantes */
    #resultados-numeralia,
    #donativos-recibidos,
    #nuestros-donantes
    {
        margin: 1rem;
    }

    #apoyos-entregados-1,
    #comprobacion-gastos {
        margin: 1rem;
    }

    #criterios-adquisiciones > div > div {
        margin: 0;
    }
    

    /** MAS INFO **/
    #quieres-donar-icon {
        margin-left: 0;
    }

    #quieres-donar-icon > div > div.agensy-icon-text-icon {
        font-size: 5rem;
    }

    #quieres-donar-icon > div > div.post-icon-title > h2, 
    #quieres-donar-icon > div > div.post-icon-desc {
        font-size: 1.5rem;
        padding: 0 0 0 3rem;
    }

    #info-actualizada {
        margin: 2rem 0 0;
    }

}


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

    #pl-2455 {
        width: 87%;
    }

}



