.contact-form.escuchar {
    background: #edf1f4;
}

.cont-form-cnt.inscripcio {
    display: flex;
    gap: 7%;
}

.cont-form-lft {
    width: 75%;
    border-right: 1px solid #bdcad1;
    padding-right: 87px;
}

.cont-form-lft h2 {
    font-family: 'PlayfairDisplay-SemiBold';
    font-size: 32px;
    color: #20a9ef;
    margin-bottom: 28px;
}

.contact-form.membre-form.loggout {
    background: none;
    display: flex;
    flex-direction: column;
    gap: 16%;
    height: 64%;
}

.loggout .area-membres a {
    border: 2px solid #143F54;
    color: #143f54;
}

.loggout .area-membres {
    align-self: anchor-center;
    padding: 0px;
}

/** FORMULARI CSS **/

:root {
    --bg-color: #20a9ef;
    --bg-check: #143F54;
    --sistems_forms_primary-font: 'Poppins-SemiBold';
    --sistems_forms_primary-text-color: #143F54;
}

.wpcf7 input[type="email"] {
    width: 100%;
    padding: 0px 22px;
    border: solid 1px #fff;
    color: var(--sistems_forms_primary-text-color);
    height: 60px;
    line-height: 50px;
    font-family: 'Outfit-Bold';
    font-size: 18px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    background: #fff;
    letter-spacing: 0.5px;
    border-radius: 10px;
}

select.select_box_input.shadow {
    width: 100%;
    font-family: var(--sistems_forms_primary-font);
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    padding: 0px 15px;
    border: none;
    border-bottom: solid 2px var(--sistems_forms_primary-text-color);
    color: var(--sistems_forms_primary-text-color);
    height: 48px;
    line-height: 50px;
    font-size: 16px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.contact-list ul li.col-1 .count p {
    padding-bottom: 15px;
}

.consult-list ul li.col-1 p.txt.focus {
    top: -7px;
    left: 12px;
    font-size: 10px;
    opacity: 1;
    color: var(--sistems_forms_primary-text-color);
    text-transform: uppercase;
}

.consult-list ul li.col-1 p.txt {
    z-index: 1;
    position: absolute;
    pointer-events: none;
    top: 12px;
    left: 20px;
    transition: all 0.5s ease;
    text-align: left;
    cursor: pointer;
    line-height: 24px;
    width: auto;
    display: inline-block;
    font-family: 'Poppins-SemiBold';
    font-size: 15px;
    width: 100%;
    color: var(--sistems_forms_primary-text-color);
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="date"],
.contact-form .nice-select,
.contact-form textarea {
    width: 100%;
    font-family: var(--sistems_forms_primary-font);
    border-radius: 3px 4px 0px 0px;
    padding: 0px 15px;
    border: none;
    border-bottom: solid 2px var(--sistems_forms_primary-text-color);
    color: var(--sistems_forms_primary-text-color);
    height: 48px;
    line-height: 50px;
    font-size: 16px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    background: none;
}

.contact-form textarea {
    height: 125px;
}

.text-informativo p {
    margin-top: 40px;
}

.contact-form input[type="submit"] {
    display: none;
}

input[type="checkbox"] {
    display: none;
}

span.wpcf7-list-item-label {
    padding-top: 3px;
    font-family: 'Poppins-Regular';
    color: var(--sistems_forms_primary-text-color);
    cursor: pointer;
    font-size: 12px;
    padding-bottom: 18px;
    padding-left: 35px;
    position: relative;
    float: left;
    width: auto;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.contact-form ul li {
    position: relative;
}

.col-1.info span.wpcf7-list-item {
    margin: 0 0 0 1.4em;
    vertical-align: top;
}

.consult-list .col-1 p label .wpcf7-list-item-label::before {
    cursor: pointer;
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 4px;
    position: absolute;
    top: 7px;
    transition: all 0.3s ease-in-out 0s;
    width: 10px;
    border-radius: 100%;
    z-index: 9;
}

.consult-list .col-1 p label .wpcf7-list-item-label::after {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #143F54;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 18px;
    border-radius: 100%;
}

.consult-list .col-1 p input:checked+span::before {
    background: var(--bg-check) none repeat scroll 0 0;
}

.contact-form input[type="submit"]:hover {
    background: #fff;
    color: var(--sistems_forms_primary-text-color);
    FONT-WEIGHT: 700;
    display: none;
}

li.col-1 {
    margin-bottom: 26px;
    height: 48px;
}

li.col-1.info {
    height: auto;
}

.sub-butt.formulari #enviar-formulario {
    background: var(--bg-color);
    border: 1px solid var(--bg-color);
    padding: 13px 41px;
    margin-top: 28px;
    display: inline-block;
    transition: all .5s ease;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    text-transform: none;
    font-family: 'PlayfairDisplay-SemiBold';
    font-size: 19px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.sub-butt.formulari #enviar-formulario:hover {
    background: #fff;
    color: var(--bg-color);
    FONT-WEIGHT: 700;
}

.radio-btn.opciones-vertical.opciones-linea span {
    width: 100%;
}

.radio-btn.opciones-vertical.opciones-linea span label {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1%;
}

.wpcf7 form.sent .wpcf7-response-output {
    display: inline-block;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    display: inline-block;
}

ul.country-list {
    display: block;
}

.country {
    position: relative;
    width: 100%;
    background: #edf1f4;
}

ul.country-list {
    background: #edf1f4;
}

.country-select.inside .country-list .divider {
    background: #edf1f4;
    margin-bottom: 0px;
}

.nice-select.open .list {
    width: 100%;
}


a.button.csv {
    display: none;
}

/** end FORMULARI CSS **/

.cont-form-rht {
    width: 19%;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.cont-form-rht h3 {
    color: #153f54;
    font-family: 'Poppins-SemiBold';
    font-size: 19px;
}

.cont-form-rht p {
    margin: 17px 0;
    color: #8ba0ad;
    font-size: 14px;
}

.cont-form-rht p strong {
    color: #143e54;
}

.cont-form-rht p a {
    color: var(--bg-color);
    font-family: var(--sistems_forms_primary-font);
    text-decoration: underline;
}

/** AREA PRIVADA **/
.historial-sec h2 {
    margin-top: 60px;
}

.historial-rht .empera-clubs ul li {
    flex: 0 1 31.33%;
}

/* Llistat historial/inscripcion actives */
.historial-rht ul li a { display: flex; }
.historial-rht ul li a .hist-img { flex: 0 1 30%; position: relative;}
.historial-rht ul li a .hist-img img { float: left; width: 100%; aspect-ratio: revert-layer; height: 100%; }
.historial-rht ul li a .hist-img span { position: absolute; top: 0; left: 0; background: #6D6E71; border-radius: 0 0 10px 0; color: #ffffff; font-size: 13px; font-family: 'Poppins-SemiBold'; letter-spacing: 0.5px; padding: 10px 12px;}
.historial-rht ul li a .hist-img span.blue-bg { background: #20A9EE;}
.historial-rht ul li a .hist-img span.red-bg { background: #E21919;}
.historial-rht ul li a .hist-img span.org-bg { background: #FF7215;}
.historial-rht ul li a .hist-img span.green-bg { background: #1DD97F; }

.historial-rht ul li a .hist-flex { flex: 0 1 70%; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.historial-rht ul li a .hist-flex .hist-event-list { flex: 0 1 20%;}
.historial-rht ul li a .hist-flex .hist-event-list ul { row-gap: 10px;}
.historial-rht ul li a .hist-flex .hist-event-list ul li { background: none; flex: 0 1 100%; border-radius: 0px;}
.historial-rht ul li a .hist-flex .hist-event-list ul li span { font-family:'Poppins-SemiBold';font-size:12px;line-height:100%;letter-spacing:0.3px;color:#fff;background:#143F54;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:100px;}
.historial-rht ul li a .hist-flex .hist-event-list ul li p { font-family:'Poppins-SemiBold';font-weight:600;font-size:14px;line-height:20px;letter-spacing:-0.29px;margin:0;color:#143F54;}
.historial-rht ul li a .hist-flex .hist-event-list ul li h4 { font-family:'Poppins-Regular';font-size:14px;line-height:20px;letter-spacing:normal;color:#20A9EE;font-weight:normal;}

.historial-rht ul li a .hist-flex .hist-event-cnt { flex: 0 1 75%;}
.historial-rht ul li a .hist-flex .hist-event-cnt h3 { font-size: 20px; color: #143F54; line-height: 26px; font-family: 'Poppins-SemiBold'; margin-bottom: 10px;}
.historial-rht ul li a .hist-flex .hist-event-cnt p { font-size: 14px; line-height: 22px; color: rgba(20, 63, 84, 0.7); letter-spacing: 0.5px;}
.historial-rht ul li a .hist-flex .hist-event-cnt ul { column-gap: 6%; margin-top: 20px;}
.historial-rht ul li a .hist-flex .hist-event-cnt ul li { background: none; border-radius: 0; flex: 0 1 47%;}
.historial-rht ul li a .hist-flex .hist-event-cnt ul li h5 { font-size: 12px; line-height: 20px; margin-bottom: 5px; color: #143F54; text-transform: uppercase; letter-spacing: 1px; font-family: 'Poppins-Regular'; font-weight: normal; width: 100%;}
.historial-rht ul li a .hist-flex .hist-event-cnt ul li p { font-size: 16px; color: #143F54; line-height: 20px; font-family: 'Poppins-Bold'; }
/* Llistat historial/inscripcion actives */

.hist-addr {
    margin-top: 30px;
}

.historial-rht ul li .hist-img img {
    aspect-ratio: 1;
    object-fit: cover;
    height: 260px;
}

.historial-rht .empera-clubs a img {
    mix-blend-mode: multiply;
}

.hist-event-cnt ul li img {
    mix-blend-mode: multiply;
    height: 78%;
}

.pagination ul li:last-child a {
    border: none;
    width: auto;
    display: flex;
    column-gap: 5px;
}

/** Login */
input#password { width: 100%; padding: 0 20px 8px 0; border: 0; border-bottom: 2px solid #143F54; font-size: 18px; line-height: 24px; color: #143F54; font-family: 'Poppins-Semibold'; }
input#nif { width: 100%; padding: 0 20px 8px 0; border: 0; border-bottom: 2px solid #143F54; font-size: 18px; line-height: 24px; color: #143F54; font-family: 'Poppins-Semibold'; }
input::placeholder { color: #143F54; }

.login-form-input.username.floating-label-wrapper { margin-bottom: 33px; }

.login-form-bottom .login-form-reset-pwd a { float: left; font-size: 14px; line-height: 24px; font-family: "Poppins-Semibold"; color: #20A9EE; transition: all 0.5s ease; margin-bottom: 30px; }
.login-form-bottom .login-form-reset-pwd a:hover { color: #143F54; }

input[type="submit"] { border: 0; width: 100%; height: 60px; padding: 0 10px; color: #fff; text-align: center; background: #20A9EE; font-size: 20px; line-height: 24px; font-family: "Poppins-Semibold"; letter-spacing: 0.5px; transition: all 0.5s ease; border-radius: 5px; cursor: pointer; }
input[type="submit"]:hover { background: #143F54; }

.login-form-input.password.floating-label-wrapper { position: relative; }
button.toggle-pwd-vis { background: none; border: none; position: absolute; width: 32px; top: 5px; right: 5px; transform: translate(0%, 0%); }
button.toggle-pwd-vis img { cursor: pointer; }

/** Paginacio **/
div#pagination-container, div#pagination-container-active { display: flex; gap: 15px; }

span.page-numbers.current { background: #20A9EE; color: #ffffff; transition: all 0.4s ease; font-size: 16px; text-decoration: none; font-family: 'Poppins-SemiBold'; transition: all .5s ease; display: flex; align-items: center; justify-content: center; margin: 0; height: 38px; width: 38px; border-radius: 50px; border: 0px solid #143F54; line-height: 38px; padding: 0; letter-spacing: 0.03em; }
a.page-numbers { transition: all 0.4s ease; font-size: 16px; text-decoration: none; font-family: 'Poppins-SemiBold'; transition: all .5s ease; display: flex; align-items: center; justify-content: center; margin: 0; height: 38px; width: 38px; border-radius: 50px; border: 0px solid #143F54; line-height: 38px; padding: 0; color: #143F54; letter-spacing: 0.03em; }
a.next.page-numbers, a.prev.page-numbers { display: flex; flex-wrap: wrap; border-radius: 10px; overflow: hidden; flex: 0 1 auto; background: none; border: none; width: auto; }

.wpcf7 input[type="file"] {
    max-width: 100%;
}