/*
Theme Name: EPA Theme
Author: Basecodeit
Author URI: http://www.basecodeit.com
Description: A custom theme for Amplify Project
Version: 1.0
License: GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Amplify
Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

@import url("fonts/Diagramm/diagramm.css");
@import url("fonts/Franklin/franklin.css");
@import url("fonts/font-awesome/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @import url("fonts/Gotham/gotham.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); */

:root {
    --green: #078613;
    --ligh-green: #5CB963;
    --orange: #FE6907;
    --tangerine: #EB960C;
    --white: #F7F2EB;
    --black: #222222;
    --ligh-gray: #CCCCCC;
    --dark-gray: #666666;
    --teal: #086784;
    --turquoise: #24AFC4;
    --purple: #7C64E9;
    --lilac: #B560CB;
    --btn-border-color: var(--orange);
    --btn-background-color: transparent;
    --btn-color: var(--orange);
    --header-height: 100px;
}

.wpcf7-not-valid-tip,
.wpcf7-spinner {
    display: none !important;
}

.wpcf7-not-valid {
    border: 1px solid var(--orange);
}

.wpcf7-response-output {
    border-color: var(--orange) !important;
    color: var(--orange);
    margin: 0 !important;
    margin-top: 1.5rem !important;
}

.form-control {
    border-radius: 0;
}

.wgcurrent {
    display: none !important;
}

a:hover {
    text-decoration: none !important;
}

.border-black {
    border-color: var(--black) !important;
}

.divider {
    width: 100%;
    height: 1px;
    background-color: var(--orange);
}
.divider-md{
    position: relative;
    right: -16px;
    width: 94%;
    height: 1px;
    background-color: var(--orange);
}
.turquoise-divider {
    background-color: var(--turquoise);
}

.lilac-divider {
    background-color: var(--lilac);
}

.purple-divider {
    background-color: var(--purple);
}

.orange-divider {
    background-color: var(--orange);
}

.green-divider {
    background-color: var(--ligh-green);
}

.teal-divider {
    background-color: var(--teal);
}

.tangerine-divider {
    background-color: var(--tangerine);
}

.navbar {
    padding: 0 !important;
}

.navbar-mobile {
    height: 100vh;
    width: 100%;
}

.text-orange {
    color: var(--orange);
}

.text-white {
    color: var(--white);
}

.text-lilac {
    color: var(--lilac)!important;
}

.text-purple {
    color: var(--purple);
}

.text-black {
    color: var(--black);
}

.text-turquoise {
    color: var(--turquoise);
}

.text-light-green {
    color: var(--ligh-green);
}

.turquoise {
    background-color: var(--turquoise);
}

.teal {
    background-color: var(--teal);
}

.black {
    background-color: var(--black);
}

.white {
    background-color: var(--white);
}

.purple {
    background-color: var(--purple);
}

.lilac {
    background-color: var(--lilac);
}

.orange {
    background-color: var(--orange);
}

.tangerine {
    background-color: var(--tangerine);
}

.light-green {
    background-color: var(--ligh-green);
}

.light-turquoise {
    background-color: var(--turquoise);
}

body {
    overflow-x: hidden;
    background-color: var(--white);
    color: var(--black);
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em;
}

h2,
.h2 {
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
}

.subtitle {
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.02em;
}

.text-large {
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
}

.text-large-menuaccordion {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
}

.text-honoring {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 600;
    line-height: 59px;
    font-size: 45px;
}

.text-large-honoring {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
}

.text-date {
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.02em;
}

.text-subtitle-bold {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
}

h1,
.h1 {
    font-family: Diagramm;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 0em;
}

.footnote {
    /*font-family: ITC Franklin Gothic Std; */
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.02em;
}

.btn .button {
    font-family: Diagramm;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
}

h3,
.h3 {
    font-family: Diagramm;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
}

.btn-circle-mobile {
    width: 170px;
    height: 170px;
}

.btn {
    border: 1px solid var(--btn-border-color);
    background-color: var(--btn-background-color);
    color: var(--btn-color) !important;
    padding: 5px 15px;
    border-radius: 100px;
    font-family: Diagramm;
}

.btn-transparent-lilac {
    --btn-border-color: var(--lilac);
    --btn-background-color: transparent;
    --btn-color: var(--lilac);
    font-family: Diagramm;
}

.btn-transparent-lilac:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: transparent;
    --btn-color: var(--purple);
}

.btn-transparent-orange {
    --btn-border-color: var(--orange);
    --btn-background-color: transparent;
    --btn-color: var(--orange);
    font-family: Diagramm;
}

.btn-transparent-orange:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: transparent;
    --btn-color: var(--purple);
}

.btn-transparent-black {
    --btn-border-color: var(--black);
    --btn-background-color: var(--white);
    --btn-color: var(--black);
    font-family: Diagramm;
}

.btn-transparent-black:hover {
    --btn-border-color: var(--black);
    --btn-background-color: var(--black);
    --btn-color: var(--white);
}

.btn-transparent-white {
    --btn-border-color: var(--white);
    --btn-background-color: transparent;
    --btn-color: var(--white);
    font-family: Diagramm;
}

.btn-transparent-white:hover {
    --btn-border-color: var(--black);
    --btn-background-color: var(--white);
    --btn-color: var(--black);
}

.btn-solid-white {
    --btn-border-color: var(--white);
    --btn-background-color: var(--white);
    --btn-color: var(--black);
    font-family: Diagramm;
}

.btn-solid-white:hover {
    --btn-border-color: var(--black);
    --btn-background-color: var(--black);
    --btn-color: var(--white);
}

.btn-solid-orange {
    --btn-border-color: var(--orange);
    --btn-background-color: var(--orange);
    --btn-color: var(--white);
    font-family: Diagramm;
}

.btn-solid-orange:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
    --btn-color: var(--white);
}

.btn-solid-lilac {
    --btn-border-color: var(--lilac);
    --btn-background-color: var(--lilac);
    --btn-color: var(--white);
    font-family: Diagramm;
}

.btn-solid-lilac:hover {
    --btn-border-color: var(--orange);
    --btn-background-color: var(--orange);
    --btn-color: var(--white);
}

.btn-social-media {
    --btn-border-color: var(--black);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-social-media:hover,
.black .btn-social-media:hover {
    --btn-border-color: var(--lilac);
    --btn-background-color: var(--lilac);
    --btn-color: var(--white);
}

.black .btn-social-media {
    --btn-border-color: var(--white);
    --btn-background-color: var(--white);
    --btn-color: var(--black);
    height: 67px;
    /* 100px */
    width: 69px;
    /* 100px */
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* btn circle carrousel */

.btn-circle-black-carrousel {
    --btn-border-color: var(--black);
    --btn-background-color: var(--white);
    --btn-color: var(--black);
    height: 70px;
    width: 70px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-circle-black-carrousel:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.text-btn-circle-black-carrousel {
    font-size: 42px;
    font-family: diagramm;
    font-weight: 200;
}

a:hover .text-btn-circle-carrousel-black-hover {
    font-size: 42px;
    font-family: diagramm;
    font-weight: 200;
    color: var(--white);
}

.text-btn-arrow-circle {
    font-size: 42px;
    font-family: diagramm;
    font-weight: 200;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none
}


/* btn menu md sm */

.btn-menu-mdsm {
    --btn-border-color: var(--black);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    font-family: Diagramm;
}

.btn-menu-mdsm:hover {
    --btn-border-color: var(--black);
    --btn-background-color: var(--black);
    --btn-color: var(--white);
}

.instagram:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f16d";
}

.facebook:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f39e";
}

.email:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
}

.overlap-3 {
    margin-top: -3rem;
}

.epa-header {
    height: var(--header-height);
    max-height: var(--header-height);
}

.epa-header .logo {
    max-height: 100%;
    width: auto;
}

.team-member .profile {
    height: 444px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.team-member-collapse[aria-expanded="true"] svg {
    display: none;
}

.contact-us {
    margin-top: 100px;
    margin-bottom: 100px;
}

.contribute-hero .title {
    top: 0;
}

.contribute-hero img {
    min-height: 400px;
    width: 100%;
    object-fit: cover;
}

.featured-post img,
.regular-post img {
    max-height: 255px;
    width: 100%;
    object-fit: cover;
}

.post-content p {
    width: 100%;
}

.post-content p img {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.post-content blockquote {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.banner {
    position: relative;
}

.banner .banner-content {
    padding-left: 30px;
    padding-right: 30px;
}

.banner .banner-border {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid var(--black);
    top: 0;
}

.footer-disclaimer {
    width: 100%;
    border: 1px solid var(--ligh-green);
    padding: 15px;
}

.video-iframe-container {
    position: relative;
    padding-bottom: 55.9%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contribution-option-mobile[aria-expanded="true"] {
    background-color: var(--ligh-green);
    border-color: var(--ligh-green) !important;
    color: var(--black);
}


/* Scroll navbar md / sm */

.scroll-navbar {
    max-height: 100vh;
    overflow-y: overlay;
}

.country-selector {
    z-index: 1 !important;
}

.divider-col {
    border-bottom: 2px solid;
    border-color: #FE6907;
}

.text-large-description-home {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
}

.divider-nav {
    border-bottom: 1px solid;
    border-color: var(--orange);
}

.pos-language {
    position: absolute;
}
/* view events */
.finalizado{
    display: none;
}
.proximamente1{
    display: none;
}
.enprogreso1{
    display: none;
}

/* photo event */
.image-event{
    position: absolute;
    right: 14px !important;
    top: 0 !important;
    width: calc(50% - -188px) !important;
    height: 100% !important;
    object-fit: cover !important;
}
.position-description{
    display: flex;
    width: 851px;
    height: 125px;
    flex-direction: column;
    justify-content: flex-end;
}

.eventtag-md{
    position: absolute;
    top: -3px;
    left: 18px;
    height: 50px !important;
    width: 50px !important;
}
/* Establece el ancho máximo del contenedor de la imagen */
.imagen-container {
max-width: 350px; /* Cambia esto al tamaño deseado */
margin: 0 auto; /* Centra el contenido horizontalmente si lo deseas */
}

/* Establece el tamaño de la imagen dentro del contenedor */
.imagen {
width: 100%; /* La imagen ocupará todo el ancho del contenedor */
height: auto; /* Mantiene la proporción original de la imagen */
}

.imgsponsor{
    position: relative; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
   height: 500px;
}

.heightimg{
height: 400px;
}

/* Small but mighty section */

.btn-playpurple::before{
    content: url("./assets/play-purpleone.svg");
}
.btn-playpurple:hover::before{
    content: url("./assets/play-purpletwo.svg");
}

.w-md-mighty{
width: 100%;
}

.mighty span{
font-family: 'Diagramm';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.2px;
}

.body-p{
font-family: 'Libre Franklin';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 135% */
letter-spacing: 0.4px;
}

.img-cover-carousel{
    width: 100%;
    height: 338px;
    object-fit: cover;
}

.text-break{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}


/* START MEDIA QUERYS*/

@media (min-width: 576px) {
    .title-home-h3 {
        font-size: 34px;
        font-weight: 600;
    }
    .text-large-description-home {
        padding-right: 207px;
        font-size: 22px;
    }
    .img-logo-w {
        width: 80%;
        position: relative;
        top: 1px;
        left: 17px;
    }
    .icon-plus {
        position: absolute;
        top: 0px;
        font-size: 26px;
        font-weight: 200;
    }
    .style-font-menu {
        font-size: 17px;
        padding-left: 23px;
        font-family: 'Diagramm';
    }
    .htext {
        margin-left: 0px;
    }
        /* btns hero fundraising camping*/
        .visiblebtn-fc{
            display: block;
        }
}

@media (max-width: 576px) {
    .htext {
        margin-left: -40px;
    }
    .btn-nav-fix {
        height: 36px;
    }
    .img-logo-w {
        width: 75% !important;
        position: relative;
        left: 9px;
    }
    .text-large-description-home {
        padding-right: 3px;
        font-size: 22px;
        line-height: 25px;
    }
    .title-banner-turquiose-event {
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 43px;
        letter-spacing: 0em;
    }
    .title-home-h3 {
        font-family: Diagramm;
        font-size: 27px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0em;
    }
    .title-home-h1 {
        font-size: 39px;
        font-style: normal;
        font-weight: 600;
        line-height: 45px;
        letter-spacing: 0em;
    }
    .category-card {
        font-size: 13px;
        margin-bottom: 0rem;
    }
    .title-card-h1 {
        font-family: 'Libre Franklin', sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0em;
    }
    .hide-description-card {
        display: none;
    }
    .hide-title-lg-md {
        display: none;
    }
    .hide-circles-md {
        display: none !important;
    }
    h1,
    .h1 {
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: 0em;
    }
    .icons-footer {
        margin-right: 27%;
    }
    .text-honoring {
        font-family: 'Libre Franklin', sans-serif;
        font-size: 29px;
        font-weight: 600;
        line-height: 40px;
    }
    .content-connect-with-us .icon-connect {
        justify-content: center;
        margin-top: 69px;
    }
    .content-connect-with-us .text-follow {
        font-size: 14px!important;
    }
    .content-contact .text-follow-connect {
        text-align: center;
    }
    .content-self .text-quote {
        font-size: 28px!important;
        text-align: left;
        margin-left: 2rem!important;
        font-family: diagramm;
    }
    .content-self .text-quote-author {
        font-size: 18px!important;
    }
    .content-self figure {
        text-align: right;
    }
    /* tag date event DC white */
    .event-tag {
        position: absolute;
        top: 31px;
        left: 18px;
        height: 50px !important;
        width: 50px !important;
    }
    .positiontagtxt {
        padding-top: 5px;
    }
    /* tag date event DC Orange */
    .event-tagorange {
        position: absolute;
        top: 31px;
        left: 18px;
        height: 50px !important;
        width: 50px !important;
    }
    .positiontagtxtorange {
        padding-top: 5px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: -13px !important;
        margin-right: 59px !important;
        padding-top: 135px !important;
        padding-bottom: 16px !important;
    }
    /* hide image */
    .hideimge {
        display: none;
    }
    .fixpbsm {
        padding-bottom: 86px;
    }
    .fixbtnsorange-sm {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    /* btn menu md sm */
    .btn-menu-mdsm {
        --btn-border-color: var(--black);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        font-family: Diagramm;
    }
    .btn-menu-mdsm:hover {
        --btn-border-color: var(--black);
        --btn-background-color: var(--black);
        --btn-color: var(--white);
    }
    .icon-plus {
        position: absolute;
        top: 4px;
        left: 4px;
        font-size: 26px;
        font-weight: 200;
    }
    .style-font-menu {
        font-size: 17px;
        padding-left: 16px;
        font-family: 'Diagramm';
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 280px;
        width: 280px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .position-devices {
        display: none !important;
    }
    /* btn visible events */
    .btn-visible-events {
        display: inline;
    }
    .pb-sm-btn {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-btn-h {
        padding-bottom: 0.5rem !important;
    }
    .title-event {
        font-size: 46px;
        font-style: normal;
        font-weight: 600;
        line-height: 60px;
        letter-spacing: 0em;
    }
    /* position language switch tablet */
    .pos-swlg {
        margin-left: 30px;
    }
    .pos-btn-navbar-orange {
        margin-left: -5px;
        margin-top: 0px;
    }
    .pos-txt-btn-orange {
        margin-top: -24px;
        font-family: Diagramm;
        color: var(--white);
        margin-left: 12px;
        font-size: 15px;
    }
    /* btn menu colapse */
    .btncolapse {
        border: 1px solid var(--black);
        background-color: var(--btn-background-color);
        color: var(--black) !important;
        padding: 4px 11px;
        border-radius: 100px;
        font-size: 36px;
    }
    .txt-btn-colapse {
        font-size: 15px;
        font-family: diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .pos-btn-navbar {
        margin-left: -5px;
        margin-top: 0px;
    }
    /* btns footer */
    .btn-transparent-white-footer {
        padding: 14px 13px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: transparent;
        font-family: Diagramm;
        color: var(--white)
    }
    .btn-transparent-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--white);
        color: var(--black);
    }
    .btn-solid-white-footer {
        padding: 14px 33px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: var(--white);
        font-family: Diagramm;
        margin-left: 11px;
        color: var(--black);
    }
    .btn-solid-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--black);
        color: var(--white)
    }
    .txt-btn-white {
        font-size: 15px;
        font-family: Diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .accordion-item {
        background-color: none !important;
        border: none !important;
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: none;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }
    .accordion-button:not(.collapsed) {
        color: #222222;
        background-color: #222222;
        box-shadow: none;
    }
    .frm-get-updates label.error {
        color: red;
        font-size: 12px;
        line-height: 16px;
    }
    .content-term-use .text-term {
        font-size: 42px;
        line-height: 54px;
    }
}

@media(max-width: 768px) {
    .fixpbsm {
        padding-bottom: 86px;
    }
    /* footer menudc */
    .fixbtndc {
        padding-top: 0px;
    }
    /* part edith*/
    .icons-footer {
        margin-right: 20%;
    }
    .content-submission .img-submission {
        width: 37%;
    }
    .content-contact .icons-social-media {
        justify-content: center;
    }
    .content-contact .text-follow-connect {
        text-align: center;
    }
    .btn-submit {
        padding-top: 19px;
    }
    .order-md-12 {
        order: 0;
    }
    .content-contact .aling-button {
        text-align: center!important;
    }
    /* tag date event DC */
    .event-tag {
        position: absolute;
        top: 31px;
        left: 18px;
        height: 50px !important;
        width: 50px !important;
    }
    .positiontagtxt {
        padding-top: 5px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: -13px !important;
        margin-right: 59px !important;
        padding-top: 135px !important;
        padding-bottom: 16px !important;
    }
    /* hide image */
    .hideimge {
        display: none;
    }
    .positionswitch {
        padding-left: 6px !important;
        padding-top: 28px !important;
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 250px;
        width: 250px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
        bottom: 147px;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .center-md-events {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .fix-btn-events {
        display: none;
    }
    .accordion-item {
        background-color: none !important;
        border: none !important;
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: none;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }
    .accordion-button:not(.collapsed) {
        color: #222222;
        background-color: #222222;
        box-shadow: none;
    }
        /* btns hero fundraising camping*/
        .visiblebtn-fc{
            display: block;
        }
}

@media (min-width: 768px) {
    .img-logo-w {
        width: 100%;
    }
    .text-large-description-home {
        padding-right: 11px;
        font-size: 24px;
        text-align: center;
        padding-left: 73px;
        padding-right: 73px;
    }
    .icon-plus {
        position: absolute;
        font-size: 40px;
        top: 3px;
        font-weight: 200;
        left: 20px;
    }
    .style-font-menu {
        font-family: 'Diagramm';
        padding-left: 29px;
        font-size: 20px;
    }
    .btn-nav-fix {
        height: 53px;
        padding-right: 27px;
    }
    /* btn home circle */
    .btn-circle-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 240px;
        width: 240px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-circle-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .text-btn-circle {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-circle-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    /* btn home circle solid */
    .btn-circle-orange-solid {
        --btn-border-color: var(--orange);
        --btn-background-color: var(--orange);
        --btn-color: var(--black);
        height: 240px;
        width: 240px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-circle-orange-solid:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    a:hover .text-btn-circle-hover-solid {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .aling-title {
        text-align: center;
    }
    body {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
        --header-height: 134px;
    }
    h2,
    .h2 {
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
    }
    .subtitle {
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0.02em;
    }
    .text-large {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0em;
    }
    .text-date {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0.02em;
    }
    h1,
    .h1 {
        font-size: 58px;
        font-style: normal;
        font-weight: 600;
        line-height: 64px;
        letter-spacing: 0em;
    }
    .footnote {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0.02em;
    }
    .btn .button {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.01em;
    }
    h3,
    .h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0em;
    }
    .btn-circle-mobile {
        width: auto;
        height: auto;
    }
    .team-member .profile {
        height: 538px;
        width: 100%;
    }
    .alingright {
        text-align: right;
    }
    .content-connect-with-us .icon-connect {
        justify-content: flex-end;
    }
    .content-connect-with-us .text-follow {
        font-size: 21px!important;
    }
    .content-sustain .text-ways {
        padding-left: 0px;
    }
    /* tag date event DC */
    .event-tag {
        position: absolute;
        top: 0px;
        left: 18px;
        height: 70px !important;
        width: 70px !important;
    }
    .positiontagtxt {
        padding-top: 10px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: -13px !important;
        margin-right: 59px !important;
        padding-top: 135px !important;
        padding-bottom: 16px !important;
    }
    /* hide image */
    .hideimge {
        display: none;
    }
    .fixbtndc {
        padding-top: 29px;
    }
    .positionswitch {
        padding-left: 122px !important;
        padding-top: 28px !important;
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 365px;
        width: 365px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
        bottom: 200px;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .position-devices {
        -ms-flex-pack: center!important;
        justify-content: center!important;
        display: flex!important;
    }
    .fix-btn-events {
        top: -10px;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        display: flex!important;
        padding-bottom: 30px;
    }
    /* btn visible events */
    .btn-visible-events {
        display: inline;
    }
    .size-btn-oragan-sm {
        height: 54px;
        width: 150px;
    }
    /* position language switch tablet */
    .pos-swlg {
        margin-left: 30px;
    }
    .pos-btn-navbar-orange {
        margin-left: -41px;
    }
    .pos-txt-btn-orange {
        margin-top: -39px;
        font-family: Diagramm;
        color: var(--white);
        margin-left: 42px;
    }
    /* btn menu colapse */
    .btncolapse {
        border: 1px solid var(--black);
        background-color: var(--btn-background-color);
        color: var(--black) !important;
        padding: 14px 20px;
        border-radius: 100px;
        font-size: 36px;
    }
    .txt-btn-colapse {
        font-size: 20px;
        font-family: diagramm !important;
        margin-left: 29px;
        font-weight: 400;
        margin-top: 3px;
    }
    .pos-btn-navbar {
        margin-left: 9px;
        margin-top: 0px;
    }
    /* btns footer */
    .btn-transparent-white-footer {
        padding: 10px 24px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: transparent;
        font-family: Diagramm;
        color: var(--white)
    }
    .btn-transparent-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--white);
        color: var(--black);
    }
    .btn-solid-white-footer {
        padding: 10px 45px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: var(--white);
        font-family: Diagramm;
        margin-left: 21px;
        color: var(--black);
    }
    .btn-solid-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--black);
        color: var(--white)
    }
    .txt-btn-white {
        font-size: 15px;
        font-family: Diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .fixbtndc {
        padding-top: 28px;
    }
    .text-large-menuaccordion {
        font-family: 'Diagramm';
        font-size: 58px;
        font-style: normal;
        font-weight: 600;
        line-height: 64px;
        letter-spacing: 0em;
    }
    .accordion-body {
        background-color: #B560CB !important;
        box-sizing: content-box !important;
        width: 100% !important;
        padding: 28px !important;
        margin-left: 0px !important;
    }
    .accordion-item {
        background-color: none !important;
        border: none !important;
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: none;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }
    .accordion-button:not(.collapsed) {
        color: #222222;
        background-color: #222222;
        box-shadow: none;
    }

    /* fundraising-campaign */
    .text-fundraising {

        text-align: left!important;
        font-size: 38px!important;
        line-height: 42px!important;
    }

    .description-fundraising {

        text-align: left;
        font-size: 24px!important;
        line-height: 32px!important;
    }

    .text-terms-fundraising {
        text-align: right;
    }

    .fw-800-20 {
        font-size: 22px!important;
    }

    .text-crediting {
        font-size: 70px!important;
        line-height: 73px!important;
    }

    .text-24p {
        font-size: 24px!important;
        line-height: 32px24px!important;
    }

        /* btns hero fundraising camping*/
        .visiblebtn-fc{
            display: block;
        }

        /* Small but mighty section */

        .w-md-mighty{
            width: 50%;
        }  

       
}

@media (min-width: 992px) {
    .text-large-description-home {
        font-size: 20px;
        text-align: unset;
        padding-left: unset;
        padding-right: unset;
    }
    .pos-btn-past {
        position: relative;
        bottom: -142px;
    }
    .title-event-h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 29px;
        letter-spacing: 0em;
    }
    .hide-divider {
        display: none;
    }
    .positionbtnhome {
        position: relative;
        top: -119px;
    }
    .hide-circles-md {
        display: none !important;
    }
    .aling-title {
        text-align: start;
        font-size: 54px;
        line-height: 57px;
    }
    body {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
        --header-height: 134px;
    }
    .fixdropmenu {
        height: 26px;
        width: 115px;
    }
    h2,
    .h2 {
        font-size: 38px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px;
        letter-spacing: 0em;
    }
    .subtitle {
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.02em;
    }
    .text-large {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
    }
    .text-date {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0.02em;
    }
    h1,
    .h1 {
        font-size: 70px;
        font-style: normal;
        font-weight: 600;
        line-height: 73px;
        letter-spacing: 0em;
    }
    .footnote {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.02em;
    }
    .btn .button {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.01em;
    }
    .btn {
        font-family: Diagramm;
        padding: 8px 26px;
    }
    h3,
    .h3 {
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0em;
    }
    .epa-header .logo-wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .epa-header .logo-wrapper .logo {
        width: 106px;
        height: auto;
    }
    .nav-link-wrapper {
        height: var(--header-height);
        width: var(--header-height);
    }
    .nav-link-wrapper a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .nav-link-wrapper a:hover {
        border: 1px solid var(--orange);
        border-radius: 50%;
        color: var(--orange);
    }
    .nav-link-wrapper a:focus {
        border: 1px solid var(--purple);
        background-color: var(--purple);
        color: var(--white);
        border-radius: 50%;
    }
    .contribution-option {
        width: 485px;
        height: 485px;
        --contribution-color: var(--black);
        color: var(--contribution-color);
        border: 1px solid var(--contribution-color);
        transition: all .3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .contribution-option-detail {
        width: 360px;
    }
    .contribution-txt-revial-colapse {
        position: absolute;
        /* margin-bottom: -273px; */
    }
    .contribution-option:hover {
        --contribution-color: var(--ligh-green);
        border-radius: 50%;
    }
    .contribution-option[aria-expanded="true"] {
        border-radius: 50%;
        background-color: var(--ligh-green);
        border-color: var(--ligh-green);
        color: var(--black);
    }
    .featured-post img {
        max-height: 340px;
    }
    .regular-post img {
        height: 178px;
    }
    .post-content p {
        margin-left: 10%;
        width: 90%;
    }
    .post-content p img {
        margin-left: -10%;
        width: 110%;
        max-width: 110%;
        height: auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .post-content blockquote {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .banner {
        position: relative;
    }
    .banner .banner-img {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50% - 15px);
        height: 100%;
        object-fit: cover;
    }
    .alingright {
        text-align: right;
    }
    .content-submission .img-submission {
        width: 37%;
    }
    /* footer menu */
    .footermenuleft {
        padding-left: 25px !important;
    }
    .footermenuright {
        padding-right: 25px !important;
    }
    .banner-opinion .opinion-content {
        margin-left: 51%;
    }
    /* tag date event DC */
    .event-tag {
        position: absolute;
        top: 31px;
        left: 31px;
        height: 80px !important;
        width: 80px !important;
    }
    .positiontagtxt {
        padding-top: 14px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: 0px !important;
        margin-right: 59px !important;
        padding-top: 240px !important;
        padding-bottom: 20px !important;
    }
    .fixbtndc {
        padding-top: 0px;
    }
    .positionswitch {
        padding-left: 247px !important;
        padding-top: 28px !important;
    }
    .positioneventdescrp {
        padding-top: 0px;
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 365px;
        width: 365px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
        bottom: 200px;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .fix-btn-events {
        top: -140px;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        display: flex!important;
    }
    /* btns footer */
    .btn-transparent-white-footer {
        padding: 10px 34px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: transparent;
        font-family: Diagramm;
        color: var(--white)
    }
    .btn-transparent-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--white);
        color: var(--black);
    }
    .btn-solid-white-footer {
        padding: 10px 55px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: var(--white);
        font-family: Diagramm;
        margin-left: 11px;
        color: var(--black);
    }
    .btn-solid-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--black);
        color: var(--white)
    }
    .txt-btn-white {
        font-size: 15px;
        font-family: Diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .fixbtndc {
        padding-top: 10px;
    }
    .h2-submit {
        width: 64%;
    }

    /* fundraising-campaign */
    .text-excited {
        text-align: left!important;
    }

    .social-media-fundraising {

        align-items: flex-start!important;
    }

    .text-socialmedia-fundraising {
        font-size: 20px!important;
        text-align: left;
    }
        /* btns hero fundraising camping*/
        .visiblebtn-fc{
            display: none;
        }
    
    
        /* Small but mighty section */
    .w-md-mighty{
        width: 75%;
    }  
}

@media (min-width: 1200px) {
    .text-large-description-home {
        font-size: 20px;
        text-align: unset;
        padding-left: unset;
        padding-right: 199px;
    }
    body {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
        --header-height: 160px;
    }
    .fixdropmenu {
        height: 51px;
        width: 139px;
    }
    .positionswitch {
        padding-left: 411px !important;
        padding-top: 28px !important;
    }
    .positioneventdescrp {
        padding-top: 62px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: 0px !important;
        margin-right: 59px !important;
        padding-top: 240px !important;
        padding-bottom: 20px !important;
    }
    /* tag date event DC */
    .event-tag {
        position: absolute;
        top: 31px;
        left: 31px;
        height: 80px !important;
        width: 80px !important;
    }
    .positiontagtxt {
        padding-top: 14px;
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 365px;
        width: 365px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
        top: 213px;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .fix-btn-events {
        top: -140px;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        display: flex!important;
    }
    /* btns footer */
    .btn-transparent-white-footer {
        padding: 10px 71px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: transparent;
        font-family: Diagramm;
        color: var(--white)
    }
    .btn-transparent-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--white);
        color: var(--black);
    }
    .btn-solid-white-footer {
        padding: 10px 93px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: var(--white);
        font-family: Diagramm;
        margin-left: 15px;
        color: var(--black);
    }
    .btn-solid-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--black);
        color: var(--white)
    }
    .txt-btn-white {
        font-size: 15px;
        font-family: Diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .fixbtndc {
        padding-top: 10px;
    }
    .footermenuleft {
        padding-left: 25px !important;
    }
    .footermenuright {
        padding-right: 25px !important;
    }

     /* fundraising-campaign */
     .text-socialmedia-fundraising {
        font-size: 23px!important;

    }
        /* btns hero fundraising camping*/
        .visiblebtn-fc{
            display: none;
        }
.contribution-option {
    width: 642px;
    height: 642px;
}
}

@media (min-width: 1400px) {
    body {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.02em;
        --header-height: 160px;
    }
    .fixdropmenu {
        height: 44px;
        width: 161px;
    }
    .banner .banner-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .alingright {
        text-align: right;
    }
    /* footer menudc */
    .footermenuleft {
        padding-left: 73px !important;
    }
    .footermenuright {
        padding-right: 49px !important;
    }
    /* tag date event DC */
    .event-tag {
        position: absolute;
        top: 17px;
        left: 35px;
        height: 70px !important;
        width: 70px !important;
    }
    .positiontagtxt {
        padding-top: 9.6px;
    }
    /* hero tittle event detail */
    .htev {
        margin-left: 0px !important;
        margin-right: 59px !important;
        padding-top: 217px !important;
        padding-bottom: 20px !important;
    }
    .positionswitch {
        padding-left: 411px !important;
        padding-top: 28px !important;
    }
    .positioneventdescrp {
        padding-top: 62px;
    }
    /* big bottom learn more */
    .btn-big-orange {
        --btn-border-color: var(--orange);
        --btn-background-color: transparent;
        --btn-color: var(--black);
        height: 365px;
        width: 365px;
        border-radius: 50%;
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-arrow-down-orange:before {
        content: url("./assets/arrow-orange-down.svg");
        font-size: 25px;
        margin-bottom: -55px;
        position: absolute;
        bottom: 200px;
    }
    .btn-big-orange:hover {
        --btn-border-color: var(--purple);
        --btn-background-color: var(--purple);
    }
    .icon-arrow-down-orange:hover::before {
        content: url("./assets/arrow-white-bottom.svg");
        font-size: 25px;
    }
    .text-btn-big {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
    }
    a:hover .text-btn-big-hover {
        font-size: 18px;
        font-family: diagramm;
        font-weight: 400;
        color: var(--white);
    }
    .fix-btn-events {
        top: -140px;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        display: flex !important;
    }
    /* btns footer */
    .btn-transparent-white-footer {
        padding: 10px 71px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: transparent;
        font-family: Diagramm;
        color: var(--white)
    }
    .btn-transparent-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--white);
        color: var(--black);
    }
    .btn-solid-white-footer {
        padding: 10px 93px;
        border-radius: 100px;
        border: 1px solid var(--white);
        background-color: var(--white);
        font-family: Diagramm;
        margin-left: 15px;
        color: var(--black);
    }
    .btn-solid-white-footer:hover {
        border: 1px solid var(--black);
        background-color: var(--black);
        color: var(--white)
    }
    .txt-btn-white {
        font-size: 15px;
        font-family: Diagramm !important;
        margin-left: 21px;
        font-weight: 400;
        margin-top: 3px;
    }
    .fixbtndc {
        padding-top: 10px;
    }
    .footermenuleft {
        padding-left: 330px !important;
    }
    .footermenuright {
        padding-right: 309px !important;
    }
}


/* END MEDIA QUERYS */


/* start fix Danny Cen */

.fixbutton {
    height: 80px;
    width: 268px;
    padding: 25px!important;
    font-size: 18px;
}

.fixbuttonget {
    padding: 12px!important;
    font-size: 18px;
}

.fixbuttond1024x886 {
    font-size: 15px !important;
}


/*Dev-Edith-Cauich*/

.card-img-team {
    width: 81%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    cursor: pointer!important;
}

.gray-divider {
    background-color: var(--ligh-gray)!important;
}

.blue-divider {
    background-color: var(--turquoise);
}


/* Style Card Slide DC */

.owl-dots {
    display: none;
}

.imgcarousel {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}


/* Form Get Email Updates */

.frm-get-updates .input-search {
    border-top: hidden;
    border-right: hidden;
    border-left: hidden;
    border-bottom: 1px solid;
    border-color: #222222;
    background-color: #ffffff!important;
    height: 41px;
    font-size: 17px;
}

.frm-get-updates .input-search:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #FE6907;
    background-color: #ffffff!important;
}

.frm-get-updates .input-textarea {
    border-top: hidden!important;
    border-right: hidden!important;
    border-left: hidden!important;
    border-bottom: 1px solid!important;
    border-color: #222222!important;
    background-color: white!important;
    font-size: 17px;
}

.frm-get-updates .input-textarea:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #FE6907!important;
}

.frm-get-updates label.error {
    color: red;
    font-size: 1rem;
    position: absolute;
}


/* Submission page */

.content-form .btn-icon-submission {
    --btn-border-color: var(--black);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 81px;
    width: 81px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-form .icon-arrow-left:before {
    content: url("./assets/arrow-black-left.svg");
    font-size: 25px;
}

.content-form .green-divider {
    background-color: var(--ligh-green);
}

.content-form .label-submission {
    font-size: 21px;
    font-weight: 800;
}

.content-form .span-submission {
    color: var(--orange);
}

.content-form .input-search {
    border-top: hidden;
    border-right: hidden;
    border-left: hidden;
    border-bottom: 1px solid;
    border-color: #222222;
    background-color: #ffffff!important;
    height: 55px;
    font-size: 17px;
}

.content-form .input-search:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #FE6907;
    background-color: #ffffff!important;
}

.content-form .input-textarea {
    border-top: hidden!important;
    border-right: hidden!important;
    border-left: hidden!important;
    border-bottom: 1px solid!important;
    border-color: #222222!important;
    background-color: white!important;
    font-size: 17px;
}

.content-form .input-textarea:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #FE6907!important;
}

.content-form .font-botton {
    font-size: 23px;
}

.content-form .dropdown-toggle {
    width: 100%;
    text-align: left;
    color: #666666;
}

.content-form .dropdown-toggle:after {
    float: right;
}

.content-form .dropdown-menu {
    right: 30px!important;
    margin: 0;
    border: none;
    background-color: #f1efef;
    border-radius: 0;
}

.content-form .dropdown-item:hover {
    background-color: #fe6a075e;
    cursor: pointer;
}

.content-form .link-submission {
    color: #B560CB;
    text-decoration: revert;
}

.content-form .text-acknowledgement {
    line-height: 30px;
}


/* select language select */

.select-language .icon-arrow-left:before {
    -webkit-appearance: none;
    content: url("./assets/v-arrow-black.svg");
    font-size: 25px;
}

.select-language .input-search {
    -webkit-appearance: none;
    border-top: hidden;
    border-right: hidden;
    border-left: hidden;
    border-bottom: 1px solid;
    border-color: #ffffff !important;
    background-color: #ffffff!important;
    height: 40px;
    font-size: 17px;
    position: relative;
    top: -7px;
}

.select-language .input-search:focus {
    -webkit-appearance: none;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #ffffff!important;
}

.select-language .dropdown-toggle {
    -webkit-appearance: none;
    width: 100%;
    text-align: left;
    color: #666666;
}

.select-language .dropdown-toggle:after {
    -webkit-appearance: none;
    float: right;
    position: relative;
    bottom: 1px;
    border: none;
    content: url("./assets/v-arrow-black.svg");
}

.select-language .dropdown-menu {
    -webkit-appearance: none;
    right: 30px!important;
    margin: 0;
    border: none;
    background-color: #f1efef;
    border-radius: 0;
}

.select-language .dropdown-item:hover {
    -webkit-appearance: none;
    background-color: #fe6a075e;
    cursor: pointer;
}

.banner-opinion {
    position: relative;
}

.banner-opinion .banner-img {
    position: absolute;
    /* right: 0; */
    top: 0;
    width: calc(50% - 15px);
    height: 100%;
    object-fit: cover;
}

.banner-opinion .banner-border {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    border: 1px solid var(--black);
    top: 0;
}

.banner-opinion .opinion-content {
    padding-left: 30px;
    padding-right: 30px;
}

.btn-social-media {
    height: 69px!important;
    width: 70px!important;
}

.content-guideline .show-topics[aria-expanded=true] .arrow-path-open {
    display: none;
}

.content-guideline .show-topics[aria-expanded=false] .arrow-path-close {
    display: none;
}

.content-term-use .show-terms[aria-expanded=true] .arrow-path-open {
    display: none;
}

.content-term-use .show-terms[aria-expanded=false] .arrow-path-close {
    display: none;
}


/*contribute/submit colapse*/

.submit .contribution-option[aria-expanded="true"] .h2-title-circle {
    display: none;
}

.submit .contribution-option[aria-expanded="false"] .h2-title-circle {
    display: block;
}

.content-team .show-team[aria-expanded=true] {
    display: none;
}

.content-connect-with-us .followm {
    padding-top: 14px;
}

.btn-icon-right-turquoise {
    --btn-border-color: var(--turquoise);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-turquoise:before {
    content: url("./assets/arrow-turquoise-right.svg");
    font-size: 25px;
}

.btn-icon-right-lilac {
    --btn-border-color: var(--lilac);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-lilac:before {
    content: url("./assets/arrow-lilac-right.svg");
    font-size: 25px;
}

.btn-icon-right-orange {
    --btn-border-color: var(--orange);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-orange:before {
    content: url("./assets/arrow-orange-right.svg");
    font-size: 25px;
}

.btn-down-lilac {
    --btn-border-color: var(--purple);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-down-lilac:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-down-lilac:before {
    content: url("./assets/arrow-lilac-bottom.svg");
    font-size: 25px;
}

.icon-arrow-down-lilac:hover::before {
    content: url("./assets/arrow-white-bottom.svg");
    font-size: 25px;
}


/* Right purple button -> */

.btn-right-purple {
    --btn-border-color: var(--purple);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-purple:before {
    content: url("./assets/arrow-purple-right.svg");
    font-size: 25px;
}

.btn-right-purple:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-right-purple:hover::before {
    content: url("./assets/arrow-purple-white-right.svg");
    font-size: 25px;
}


/* Top lilac button */

.btn-top-lilac {
    --btn-border-color: var(--purple);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 49px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-top-lilac:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-top-lilac:before {
    content: url("./assets/arrow-lilac-top.svg");
    font-size: 25px;
}

.icon-arrow-top-lilac:hover::before {
    content: url("./assets/arrow-white-top.svg");
    font-size: 25px;
}


/*  buttons arrow icon */

.btn-back {
    --btn-border-color: var(--black);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 81px;
    width: 81px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-back:before {
    content: url("./assets/arrow-black-left.svg");
    font-size: 25px;
}

.icon-arrow-back:hover::before {
    content: url("./assets/arrow-white-left.svg");
    font-size: 25px;
}


/* Right turquoise button */

.btn-right-turquoise {
    --btn-border-color: var(--turquoise);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 53px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-turquoise:before {
    content: url("./assets/arrow-turquoise-right.svg");
    font-size: 25px;
}

.btn-right-turquoise:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-right-turquoise:hover::before {
    content: url("./assets/arrow-white-right.svg");
    font-size: 25px;
}


/* Right lilac button */

.btn-right-lilac {
    --btn-border-color: var(--lilac);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 53px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-lilac:before {
    content: url("./assets/arrow-lilac-right.svg");
    font-size: 25px;
}

.btn-right-lilac:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-right-lilac:hover::before {
    content: url("./assets/arrow-white-right.svg");
    font-size: 25px;
}


/* Right orange button */

.btn-right-orange {
    --btn-border-color: var(--orange);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 53px;
    width: 50px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right-orange:before {
    content: url("./assets/arrow-orange-right.svg");
    font-size: 25px;
}

.btn-right-orange:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-right-orange:hover::before {
    content: url("./assets/arrow-white-right.svg");
    font-size: 25px;
}


/* Left orange button <- */

.btn-left-orange {
    --btn-border-color: var(--orange);
    --btn-background-color: transparent;
    --btn-color: var(--black);
    height: 76px;
    width: 74px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-left-orange:before {
    content: url("./assets/arrow-orange-left.svg");
    font-size: 25px;
    margin-left: 3px;
}

.btn-left-orange:hover {
    --btn-border-color: var(--purple);
    --btn-background-color: var(--purple);
}

.icon-arrow-left-orange:hover::before {
    content: url("./assets/arrow-white-left.svg");
    font-size: 25px;
}

.text-btn {
    font-size: 18px;
    font-family: diagramm;
    margin-left: 26px;
    font-weight: 400;
}

.show-topics:hover path {
    fill: var(--white);
}

.show-topics:hover circle {
    fill: var(--purple);
    stroke: var(--purple);
}

.show-terms:hover path {
    fill: var(--white);
}

.show-terms:hover circle {
    fill: var(--purple);
    stroke: var(--purple);
}

.event-details {
    margin-top: -1rem;
}

.content-self .text-quote {
    font-size: 33px;
    line-height: 42px;
    font-weight: 400;
    font-family: diagramm;
}

.content-self .text-quote-author {
    font-size: 22px;
    color: var(--black);
}

.content-self .text-question {
    font-weight: 800;
}

.content-self .text-answer {
    line-height: 29px;
}

.subtitle-bold {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
    font-family: 'Libre Franklin', sans-serif;
}

.text-thin {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.02em;
    font-family: Diagramm;
}

.partner-content .text-large-contact {
    font-family: 'Libre Franklin', sans-serif;
    color: var(--ligh-green);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
}

.text-large-term {
    color: var(--lilac);
}

.text-large-term:hover {
    color: var(--lilac);
}

.link-page {
    text-decoration: underline !important;
}

.volunteer-content input[type='checkbox'] {
    -webkit-appearance: none;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    outline: none;
    border: 1px solid rgb(0, 0, 0);
    background-color: #ffffff!important;
}

.volunteer-content input[type='checkbox']:before {
    content: '';
    display: block;
    width: 66%;
    height: 63%;
    margin: 20% auto;
    border-radius: 50%;
}

.volunteer-content input[type="checkbox"]:checked:before {
    background-color: var(--orange);
}

.volunteer-content input[type="checkbox"]:checked {
    border-color: var(--orange);
}

.volunteer-content .role-text {
    margin-top: 8px;
}

.alert-warning-form {
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    border-color: var(--orange) !important;
    color: var(--orange);
    margin: 0 !important;
    margin-top: 1.5rem !important;
}

.alert-success-form {
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    border-color: var(--ligh-green) !important;
    color: var(--ligh-green);
    margin: 0 !important;
    margin-top: 1.5rem !important;
}

.content-form label.error {
    color: red;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

.content-form .rol_topics label.error {
    display: none;
}

.content-form input[type=number]::-webkit-inner-spin-button,
.content-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* button circle DC */

.btn-circle {
    display: block;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}


/* start hover text navbar */

a.comment {
    display: none;
}

a:hover .replies {
    display: none;
}

a:hover .comment {
    display: inline;
}

.team-member .profile {
    height: 458px;
    width: 100%;
}

.hidetxt {
    display: none;
}


/* dropmenu filters events class-->filtersevents"*/

.filtersevents .icon-arrow-left:before {
    content: url("./assets/arrow-border.svg");
    font-size: 25px;
}

.filtersevents .input-search {
    border-top: hidden;
    border-right: hidden;
    border-left: hidden;
    border-bottom: 1px solid;
    border-color: white;
    background-color: #FE6907 !important;
    height: 55px;
    font-size: 17px;
}

.filtersevents .dropdown-toggle {
    width: 100%;
    text-align: left;
    color: white;
}

.filtersevents .dropdown-toggle:after {
    float: right;
}

.filtersevents .dropdown-menu {
    right: 30px!important;
    margin: 0;
    border: none;
    background-color: #E5E5E5;
    border-radius: 0;
}

.filtersevents .dropdown-item:hover {
    background-color: #fe6a075e;
    cursor: pointer;
}


/* switch event */

.custom-control {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #FE6907;
}

.custom-control-label::before {
    background-color: #FE6907;
    border-color: #FE6907;
}

.custom-control-label::before {
    background-color: #FE6907;
    border-color: #ffffff;
    left: 12.65rem !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #e9e7e1;
    border-color: #ffffff;
    background-color: #FE6907;
    left: 12.75rem !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after,
.custom-switch .custom-control-label::after {
    background-color: #e9e7e1;
    left: 12.75rem !important;
}


/* img events detail */

.img-ratio {
    background-color: #828282;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}

.imgpfix {
    padding: 23%;
}


/* acordeon about */

.accordion-button {
    background-color: #222222 !important;
}

.accordion-item {
    background-color: #222222;
    border: none;
}

.accordion-body {
    background-color: #B560CB !important;
    box-sizing: content-box;
    width: 100%;
    padding: 19px;
    margin-left: -19px;
}

.accordion-button-icon {
    background-image: none !important;
    display: none;
}

.accordion-button-active-icon {
    background-image: none !important;
    display: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-180deg);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: none;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed) {
    color: #222222;
    background-color: #222222;
    box-shadow: none;
}


/* fix btn fadeout */

.fix-btn-fadeout {
    top: -25px;
}

.footer-colors {
    padding-top: 0 !important;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.footer-colors .title-head {
    font-family: diagramm;
}

.footer-colors .text-content {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 300;
}

.event .image-event {
    height: 23em;
}

.content-left {
    background-color: var(--lilac);
}

.content-left:after {
    background-color: var(--lilac);
}

.content-left:after {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    content: '';
    width: 360%;
}

.content-right {
    background-color: var(--orange);
}

.content-right:after {
    background-color: var(--orange);
}

.content-right:after {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    content: '';
    width: 360%;
}

/* fundraising-campaign */
.pt-5-fundraising {
    padding-top: 5rem;
}

.pt-2-fundraising {
    padding-top: 2rem;
}

.text-socialmedia-fundraising {
    font-size: 21px;
    text-align: center;
}

.btn-social-media-fundraising {
    --btn-border-color: var(--white) !important;
    --btn-background-color: var(--white) !important;
    border-radius: 50%;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black) !important;
    height: 100px !important;
    width: 100px !important;
}

.text-fundraising {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}

.description-fundraising {

    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}

.mail-fundraising:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0e0";
}

.facebook-fundraising:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f09a";
}

.in-fundraising:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f08c";
}

.text-excited {
    text-align: center;
}

.social-media-fundraising {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.text-20p {
    font-size: 20px;
    line-height: 27px;
}

.fw-800-20 {
    font-weight: 800;
    font-size: 20px;
}

.text-crediting {
    font-size: 34px;
    line-height: 41px;
}

.text-24p {
    font-size: 20px;
    line-height: 27px;
}

.statement svg .turquoise-color {
    fill: var(--turquoise);

}

.statement svg .svg-circle-turquoise-color {
    stroke: var(--turquoise);

}

.statement svg .orange-color {
    fill: var(--orange);

}

.statement svg .svg-circle-orange-color {
    stroke: var(--orange);

}

.statement svg .purple-color {
    fill: var(--purple);

}

.statement svg .svg-circle-purple-color {
    stroke: var(--purple);

}

.statement svg .lilac-color {
    fill: var(--lilac);
}

.statement svg .svg-circle-lilac-color {
    stroke: var(--lilac);

}

.statement svg:hover .icon-fill {
    fill: var(--white);

}

.statement svg:hover .icon-circle {
    stroke: var(--purple);
    fill: var(--purple);

}

.statement .examples[aria-expanded=true] .open-example {
    display: none;
}

.statement .examples[aria-expanded=false] .close-example {
    display: none;
}

.text-link-turquoise:hover{
    color: var(--turquoise);
}

.text-link-lilac:hover{
    color: var(--lilac);
}


.text-link-orange:hover{
    color: var(--orange);
}

.post_inactivo{
    display: none;
}