/*
Theme Name: Spyn Child
Theme URI: http://www.nicdarkthemes.com
Template: spyn
Author: Nicdark
Author URI: http://www.nicdark.com
Description: Spyn WordPress theme is perfect theme for all sports activities like tennis, gym, padel, ping pong etc..
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,sticky-post,translation-ready
Version: 1.3.1758189447
Updated: 2025-09-18 11:57:27

*/

h2 {
    font-weight: bold;
}


div#nd_options_header_6 svg.e-font-icon-svg {
    width: 18px !important;
}

.nd_options_bg_greydark {
    background-color: #FFFFFF2B;
}

div#nd_options_footer_6 .elementor-social-icon svg {
    fill: white;
    width: 20px;
}

ul.elementor-icon-list-items {
    padding: 0;
}

div#nd_options_footer_6 ul.elementor-icon-list-items.elementor-inline-items {
    padding: 0;
    margin: 0px;
}

div#nd_options_footer_6 .elementor-icon.elementor-social-icon {
    font-size: var(--icon-size, 25px);
    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
}

div#nd_options_footer_6 li.elementor-icon-list-item.elementor-inline-item {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

div#nd_options_footer_6 li.elementor-icon-list-item {
    list-style: none;
}

div#nd_options_header_6 li.elementor-icon-list-item.elementor-inline-item {
    display: inline;
}

.bg-accent {
    background-color: var(--e-global-color-accent);
}

.bg-accent {
    background-color: #B44C4D21;
}

.nicdark_archive_date, .nicdark_single_post_date {
    border-left: 2px solid var(--e-global-color-primary);
}

.nd_options_container {
    width: 100% !important;
}


.logo-temp {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px !important;
    bottom: 0;
}

.elementor-heading-title span {
    /*color: var(--e-global-color-primary);*/
}

p {
    line-height: 29px;
}

.grayscale img {
    filter: grayscale(1);
}

.nd_options_section.nd_options_padding_0_15.nd_options_box_sizing_border_box {
    display: none;
}

marquee.nd_elements_section {
    width: calc(100% - 100px) !important;

}

.logos img {
    padding: 0;
    border-radius: 8%;
    overflow: hidden;
}

.pointer-none {
    pointer-events: none;
}

label {
    background-color: transparent !important;
    border: none !important;
}

span.wpcf7-form-control.wpcf7-acceptance label {
    display: inline-flex;
    align-content: center;
    align-items: center;
}

input[type="checkbox"] {
    width: 1rem !important;
    margin-top: 8px;
}

.nd_elements_cf7_component input[type="submit"] {
    background-color: var(--e-global-color-primary) !important;
    border: solid !important;
    border-color: transparent !important;
}

.cf-footer input[type="submit"]:hover {
    color: var(--e-global-color-primary) !important;
    background-color: white !important;
    border-color: var(--e-global-color-primary) !important;
}

.cf-footer select {
    border-radius: 0px;
    max-width: fit-content;
}

.nd_options_customizer_forms form span.wpcf7-not-valid-tip, .nd_options_customizer_forms form .wpcf7-response-output.wpcf7-validation-errors, form .wpcf7-response-output {
    background-color: white !important;
    border-width: 1px !important;
    border-color: #b44c4d !important;
    border-style: dashed !important;
    color: #b44c4d !important;
    margin: 0 0px 10px 0px !important;
    padding: 0 5px !important;
    font-size: 0.7rem;
}


.nd_options_customizer_forms .formulario-escuela form span.wpcf7-not-valid-tip, .nd_options_customizer_forms .formulario-escuela form .wpcf7-response-output.wpcf7-validation-errors, .nd_options_customizer_forms .formulario-escuela form .wpcf7-response-output {
    background-color: transparent !important;
    color: white !important;
    border-color: white !important;

}

/* Elimina los saltos de línea que genera CF7 */
.cf-row p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

label.cf-label {
    font-weight: normal !important;
}

.cf-row p br {
    display: none !important;
}

/* Alinea los dos campos por fila */
.cf-row p > span {
    flex: 1 1 48%;
    min-width: 260px;
}

/* Ajustes para radio/select */
.cf-half {
    flex: 1 1 48%;
    min-width: 260px;
}

.cf-half p {
    display: block;
}

span.wpcf7-list-item-label {
    font-weight: normal;
    line-height: normal;
}

[data-name="tipo-cuota"] {
    margin-top: -1.5rem;
}

[data-name="tipo-cuota"] .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
    /*width: 40%;*/
	width: 100%;
}

[data-name="preferencia-horaria"] .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
    width: 33%;
}

.cf-half label {
    font-weight: 600;
    margin-bottom: 6px;
    display: inline-block;
}

/* Footer y aceptación */
.cf-footer {
    margin-top: 20px;
    /*  text-align: center;*/
    margin-bottom: -49px;
}

.wpcf7-spinner {
    background-color: transparent;
    margin-left: calc(50% - 2rem);
}

.wpcf7-spinner::before {
    background-color: #931c1f;
}

/* === Nueva fila con tipo de cuota y aceptación === */
.cf-row.cf-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Alinea la aceptación horizontalmente con el select */
.cf-aceptacion {
    display: flex;
    align-items: center;
    /*  justify-content: flex-end;*/
}

.cf-aceptacion .wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0px;
}

.cf-aceptacion .wpcf7-list-item label {
    margin: 0;
    font-weight: normal;
}

.nd_elements_cf7_component input[type="text"], .nd_elements_cf7_component input[type="email"], .nd_elements_cf7_component input[type="url"], .nd_elements_cf7_component input[type="tel"], .nd_elements_cf7_component input[type="number"], .nd_elements_cf7_component input[type="date"], .nd_elements_cf7_component input[type="checkbox"], .nd_elements_cf7_component input[type="file"], .nd_elements_cf7_component textarea, .nd_elements_cf7_component label, .nd_elements_cf7_component select {
    border-radius: 0px;
    margin-bottom: 9px;
}

.nd_elements_preview_post_image .nd_elements_bottom_20_iphone {
    /*display: none;*/
}

a.nd_elements_padding_5_10.nd_options_color_white.nd_elements_font_size_13.nd_elements_line_height_13 {
    background-color: #931c1f !important;
}

.noticias .nd_elements_padding_40 > .nd_elements_section > .nd_elements_float_left {
    display: none !important;
}

.noticias .nd_elements_padding_40 {
    padding: 40px;
    padding-bottom: 9px;
}

.nd_elements_position_absolute.nd_elements_bottom_40.nd_elements_bottom_20_iphone {
    background-color: #b44c4d;
    padding: 1rem;
}

.nd_elements_display_block.nd_elements_width_60.nd_elements_height_60.nd_elements_text_align_center.nd_elements_position_absolute.nd_elements_right_30.nd_elements_top_30_negative.nd_elements_top_60_negative_iphone.nd_elements_right_20_iphone {
    background: #931c1f !important;
}

.elementor-shortcode img.attachment-full, .nd_elements_width_33_percentage.nd_elements_width_100_percentage_responsive.nd_elements_float_left.nd_elements_masonry_item.nd_elements_padding_15.nd_elements_box_sizing_border_box:not(.nd_elements_preview_post_image) img {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.grecaptcha-badge {
    visibility: hidden;
}

.joinchat__button {
    margin-bottom: 2.8rem;
}

.iconos-juega svg path,
.iconos-juega svg rect,
.iconos-juega svg g {
    fill: #1d1d1d !important;
}

p.nd_elements_font_size_15.nd_elements_section.nd_elements_margin_0_important.nd_elements_line_height_2 {
    line-height: initial;
}

form.wpcf7-form.init.wpcf7-acceptance-as-validation {
    overflow: hidden;
}

.formulario-escuela label.cf-label, .formulario-escuela span.wpcf7-list-item-label a, .formulario-escuela span.wpcf7-list-item-label {
    color: white !important;
}

.cf-row.cf-inline-.nuevo-club p {
    gap: 0;
    display: block;
}

.d-block {
    display: block !important
}

.cf-row i {
    position: absolute;
    z-index: 9;
    opacity: 0.8;
    margin-top: -1.5rem;
    font-size: 0.8rem;
}

.formulario-escuela .cf-row i {
    color: #ffffff;
}
.escudo-escuela {
    max-width: 155px !important;
}

.cky-revisit-bottom-left {
    bottom: 73px !important;
}

.single-post div#nd_options_header_6 svg.e-font-icon-svg { width: 18px !important; margin-bottom: -4px;    margin-right: 4px; }


.single-post  ul.elementor-icon-list-items {
    padding: 0 !important;
    margin: 0;
}
/* Responsive */
@media (max-width: 768px) {
    .cf-row p > span,
    .cf-half,
    .cf-row.cf-inline {
        flex: 1 1 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .cf-aceptacion {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .nd_elements_navigation_sidebar div li > a {
        padding: 10px 0px;
        display: inline-block;
        font-size: 24px;
        text-transform: lowercase;
        color: #fff;
        font-family: "Poppins", Sans-serif;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 1px;
    }

    .links-header ul.elementor-icon-list-items.elementor-inline-items {
        display: flex;
        flex-direction: column;
    }

    [data-name="tipo-cuota"] .wpcf7-list-item, [data-name="preferencia-horaria"] .wpcf7-list-item {
        display: inline-block !important;
        margin: 0 0 0 0em;
        width: 100%;
    }


    span.wpcf7-form-control.wpcf7-acceptance label {
        display: inline-flex;
        align-items: flex-start;
    }

    span.wpcf7-form-control-wrap[data-name="eres-nuevo"] {
        width: 100%;
        display: block;
    }
    .escudo-escuela {
        left: calc(50% - 64px) !important;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-7668 .elementor-element.elementor-element-0b3be16, .esc-back {
        min-width: 100% !important;
    }
    .escudo-escuela {
        left: calc(50% - 64px) !important;
    }
}

@media (min-width: 1024px) {

    #menu-item-6403 {
        /*     display: none;*/
    }
}

@media (min-width: 768px) and (max-width: 1717px) {
    .elementor-7668 .elementor-element.elementor-element-0b3be16 {
        width: 91.333% !important;
    }
}