/*
Theme Name: TwentyTwentyone Child
Theme URI: http://bradlee.es
Version: 1.0
Description: Tema hijo de TwentyTwentyone
Author: Quim Ubach
Author URI: http://bradlee.es
Template: twentytwentyone
*/
 
/*----------------- Cambios a partir de aquí -------------------------------*/

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent!important;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus,
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none!important;
}
select:focus {
    outline-offset: 0px!important;
    outline: 0px dotted var(--form--border-color)!important;
}
.form-check-input::after {
    display:none!important;
}

@font-face {
    font-family: 'avantgarde';
    src: url('assets/fonts/ITCAvantGardeStd-Md.otf') format('opentype');
}

* {
    font-family:'avantgarde', sans-serif;
    color:#1F1F1F;
}

body {
    background-color:white!important;
}

.container_max {
    width:2000px;
    max-width:100%;
    margin: 0 auto;
}
.container_ssb {
    width:960px;
    max-width:100%;
    margin: 0 auto;
}

.relative {
    position:relative;
}


/* menu mvl */
.menu_parent, .menu_parent_2 {
    position:relative;
    display:inline-flex;
    justify-content:center;
}
@media (max-width:700px) {
    .menu_parent {
        display:none;
    }
}
.menu_parent_2 {
    width:100%;
}
.menu_parent:hover .menu_child, .menu_parent_2:hover .menu_child_2 {
    /*transform: translateY(0%);
    opacity: 1;
    height:auto;*/
    display:block;
    padding:10px;
    background-color: #DFBB20;
}
.menu_child {
    display:none;
    /*transform: translateY(-100%);
    opacity: 0;
    height:0px;*/
    transition: all 0.3s ease-out;
    position:absolute;
    top: 60px;
    left:0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background-color: white;
    z-index: 999999999;
}
.menu_child_2 {
    display:none;
    /*transform: translateY(-100%);
    opacity: 0;
    height:0px;*/
    transition: all 0.3s ease-out;
    position:absolute;
    top: 0px;
    left: 0px;
    transform: translateX(100%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background-color: white;
    z-index: 999999999;
}

#menu_mvl {
    position:fixed;
    z-index: 99999;
    background-color: white;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    overflow-y :auto;
    padding: 40px 0px;
    display:none;
}
.menu_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height:100%;
}
.menumvl_link {
    color:#1f1f1f;
    font-size:30px;
}
#menu_closer {
    position:fixed;
    top:30px;
    right:30px;
    font-size:40px;
    z-index: 999999;
}
#menu_closer i{
    font-size:40px;
}
.menumvl_langswitcher {
    margin-top:20px;
}
.menumvl_parent {
    text-align:center;
}
.menmvl_child a {
    display:block;
}
.menmvl_child .menumvl_link {
    font-size:24px;
}
.menmvl_child_2 .menumvl_link {
    font-size:20px;
}
.menunmvl_child_opener {
    margin-left: 15px;
    color:#1f1f1f;
}
.menumvl_parent_2 > a {
    display:inline-block;
    margin-right:15px;
}
/* end menu mvl */


.bg_top {
    background: #459D6F;
    background: linear-gradient(90deg,rgba(69, 157, 111, 1) 0%, rgba(0, 50, 98, 1) 100%);
}
.logo {
    width:270px;
    max-width:100%;
}
.toplogo_grid {
    display:grid;
    grid-template-columns: 270px 1px 1fr;
    gap:15px;
    align-items:center;
}
.toplogo_separator {
    background-color: white;
    width:1px;
    height:100%;
}
.top_container {
    padding:10px 20px;
}
.top_grid {
    display:grid;
    grid-template-columns: 580px 1fr;
}

.top_langswitcher {
    color:white;
    text-decoration:none;
}
.top_langswitcher:hover {
    color:white;
}
.top_langswitcher.active {
    color:#DFBB20;
}

.top_grid_col2 {
    text-align:right;
}

.header_top_sponsors a{
    margin-left:15px;
}

@media (max-width:800px) {
    .top_grid {
        grid-template-columns:360px 1fr;
    }
    .toplogo_grid {
        grid-template-columns: 1fr 1px 1fr;
    }
}
.top_dates_bottom {
    display:none;
}
@media (max-width:550px) {
    .toplogo_grid {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .top_grid {
        grid-template-columns: 250px 1fr;
    }
    .top_dates, .toplogo_separator {
        display:none;
    }
    .top_dates_bottom {
        display:block;
    }
    .header_top_sponsors, .header_top_language {
        display:none;
    }
}
.top_socials {
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%);
}
.blueline {
    background-color: #387BBB;
    height:10px;
    width:100%;
}
.top_menu {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: #DFBB20;
    position:absolute;
    top:0px;
    left:50%;
    transform:translateX(-50%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.top_menu a {
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    text-decoration:none;
    color:#003262;
}
.top_menu a:hover {
    color:#003262;
}
.menu_tickets {
    color:white!important;
    background-color: #459D6F;
    border-bottom-right-radius: 15px;
}
#menu_opener {
    display:none;
}
@media (max-width:700px) {
    #menu_opener {
        display:block;
    }
    .menu_link {
        display:none;
    }
    .top_menu {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:1290px) {
    .top_socials {
        display:none;
    }
}

.menumvl_link, .mvl_langswitcher {
    text-decoration:none;
}

.highlights {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
@media (max-width:850px) {
    .highlights {
        grid-template-columns:1fr 1fr;
    }
    .highlights > a:last-child {
        display:none;
    }
    .highlight_3 { order:4; }
    .highlight_4 { order:3; }
}

.highlight_blue_text {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #003362b7;
    color:white;
    text-decoration:none;
    text-align:center;
    font-size:22px;
    padding:7px;
}
.highlight_green_text {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #459d70b9;
    color:white;
    text-decoration:none;
    text-align:center;
    font-size:22px;
    padding:7px;
}

.home_grid_1 {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    /*align-items: center;*/
}
.home_grid_1 > div {
    width:48%;
}
.home_grid_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    /*align-items: center;*/
}
.home_grid_2 > div {
    width:49%;
}
.home_grid_1_col1 {
    padding-left: calc((100% - 960px) / 2);
    padding-right: 12px;
}
.home_grid_1_col2_paddingright {
    padding-right: calc((100vw - 960px) / 2);
}
@media (max-width:991px) {
    .home_grid_1 > div, .home_grid_2 > div {
        width:100%;
    }
    .home_grid_1_col1 {
        padding-left:12px;
        margin-bottom:30px;
    }
    .home_grid_1_col2_paddingright {
        padding-left:12px;
        padding-right:12px;
    }
}
@media (min-width:2000px) {
    .home_grid_1_col2_paddingright {
        padding-right: calc((2000px - 960px) / 2);
    }
}
.home_title {
    font-size:60px;
    color:#459D6F;
    line-height:1.1;
}

.btn_masinfo {
    background-color: #003262;
    color:#DFBB20;
    font-weight:bold;
    padding:10px 35px;
    border-radius:50px;
    display:inline-block;
    text-decoration: none;
    font-size:20px;
}
.btn_masinfo:hover {
    color:#DFBB20;
}
.home_noticias_title {
    color:#1f1f1f;
    font-size:60px;
    line-height:1.2;
}
@media (max-width:700px) {
    .home_noticias_title {
        font-size:35px;
    }
}
.line_noticias {
    background-color: #DFBB20;
    width:100%;
    height:10px;
}
.noticias_seguirleyendo {
    text-decoration:none;
}
.noticias_seguirleyendo i {
    color:#DFBB20;
    font-size:16px;
}
.noticias_img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.noticias_text p {
    margin-bottom:15px;
}
.noticias_wrapper {
    margin-top:70px;
}
.noticias_vermas_wrapper {
    position:absolute;
    bottom:-25px;
    left:50%;
    transform:translateX(-50%);
}

.jugadora_wrapper {
    width:calc(100% - 80px);
    padding:20px 20px;
    position:relative;
    background-color: #EDEDED;
}
.jugadora_wrapper.jugadora_left {
    float:right;
    padding-left:100px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.jugadora_wrapper.jugadora_right {
    padding-right:100px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.jugadora_img {
    width:160px;
}
.jugadora_left .jugadora_img {
    position:absolute;
    left:-80px;
    top:50%;
    transform:translateY(-50%);
}
.jugadora_right .jugadora_img {
    position:absolute;
    right:-80px;
    top:50%;
    transform:translateY(-50%);
}
.jugadora_name {
    font-size:24px;
}
.jugadora_surname {
    font-size:28px;
    font-weight:bold;
}
.jugadora_line {
    width:100%;
    height:1px;
    background-color: #1F1F1F;
    margin-bottom:20px;
    margin-top:13px;
}
.jugadora_grid_flag_name {
    font-size:14px;
    color:#868686;
    display:inline-block;
    margin-left:5px;
}
.jugadora_grid {
    display:grid;
    grid-template-columns:100px 1fr;
    align-items:center;
}
.jugadora_ranking_n , .jugadora_ranking_num, .jugadora_ranking_ranking{
    display:inline-block;
    color: #868686;
}
.jugadora_ranking_n, .jugadora_ranking_ranking {
    font-size:14px;
    line-height: 1.2;
}
.jugadora_ranking_num {
    font-size:38px;
    font-weight:bold;
}
@media (max-width:500px) {
    
    .jugadora_left .jugadora_img ,
    .jugadora_right .jugadora_img {
        left:50%;
        top:-80px;
        transform:translateX(-50%);
    }
    .jugadora_wrapper {
        width:100%;
        margin-top:90px;
    }
    .jugadora_wrapper.jugadora_left {
        float:none;
        padding-left:20px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .jugadora_wrapper.jugadora_right {
        padding-right:20px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}
.jugadora_flag {
    width:40px;
}
.sponsors_line {
    width:100%;
    height:1px;
    background-color: #1f1f1f;
}
.sponsors_wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
    gap:20px 20px;
}
.sponsors_image {
    width:calc( ( 100% - 60px ) / 4 ) ;
}
@media (max-width:600px) {   
    .sponsors_image {
        width:calc( ( 100% - 20px ) / 2 ) ;
    }
}
.sponsors_image img {
    width:100%;
}
.footer_line {
    width:100%;
    height:1px;
    background-color: white;
}
.footer_menu_grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.footer_menu_link {
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    color:white;
    text-decoration:none;
}
.footer_menu_link:hover {
    color:white;
}
/*.footer_menu_link:first-child {
    text-align:left;
}
.footer_menu_link:last-child {
    text-align:right;
}*/
.footer_bottom_grid_col2 {
    text-align:right;
    padding:20px 0px;
}
.footer_bottom_grid_col1 {
    padding:20px 0px;
}
.footer_bottom_grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width:700px) {
    .footer_menu_grid {
        grid-template-columns: 1fr;
        display:none;
    }
    .footer_line_2 {
        display:none;
    }
    .footer_bottom_grid {
        grid-template-columns: 1fr;
    }
    .footer_bottom_grid_col1, .footer_bottom_grid_col2 {
        text-align:center;
    }
}

.topimg_default {
    width:100%;
    height:250px;
    object-fit:cover;
}
@media (max-width:991px) {
    .topimg_default {
        height:200px;
    }
}
.breadcrumb,.breadcrumb:hover {
    color:#459D6F;
    font-size:16px;
    text-decoration:none;
}
.subtitle {
    font-size:26px;
}

.fondo_organizacion {
    background: url(assets/images/fond-org.png) no-repeat;
    position: absolute;
    height: 300px;
    width: 169px;
    bottom: 0px;
    right: -1px;
    color:white;
    font-weight:bold;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 20px;
    padding-left: 20px;
}
/*@media (max-width:450px) {
    .fondo_organizacion {
        height: 200px;  
    }
}*/
.foto_organizacion {
    /*aspect-ratio: 100 / 74;*/
    width:100%;
    height:350px;
    object-fit: cover;
}
.contacto_title {
    font-size:38px;
    font-weight: bold;
}
.contacto_grid_inner {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.back_contacto_blue {
    background-color: #075895;
}
.contacto_email, .contacto_email:hover {
    color:white;
    font-size:20px;
    word-wrap: break-word;     /* Compatibilidad antigua */
    overflow-wrap: break-word; /* Estándar actual */
    text-decoration:none;
}
.contacto_grid {
    padding-left:calc((100% - 960px) / 2);
}
.contacto_grid_inner_text {
    padding:40px;
}
.back_contacto_green {
    background-color: #48adb0;
}
.back_contacto_purple {
    background-color: #c4a5e4;
}
.womensday_picture {
    aspect-ratio:1/1;
    height:auto;
    width:100%;
    object-fit:cover;
    margin-bottom:20px;
}

		
@media (max-width: 767px) {
    #san_s_header picture img {
        padding-top: 2em;
    }
    #san_s_header img {
        padding-top: 2em;
    }
}


.faq_question {
    display:grid;
    grid-template-columns:1fr 20px;
    font-weight:bold;
    font-size:18px;
    background-color: #459D6F;
    padding: 20px;
}
.faq_question:hover {
    cursor:pointer;
}
.faq_question * {
    color:white;
}
.faq_answer {
    font-size:18px;
    border: 1px solid #459D6F; 
    padding: 20px;
    word-wrap: break-word;     /* Propiedad clásica */
    overflow-wrap: break-word; /* Estándar moderno */
}

.draws_wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px 20px;
}

.galeria_img {
    width:100%;
    aspect-ratio:220/145;
    object-fit:cover;
}
.galeria_text_wrap {
    background-color: #459D6F;
    color:white;
    font-size:24px;
    text-transform:uppercase;
    padding:20px;
    text-decoration:none;
}




.tdnone {
    text-decoration:none;
}
.bold {
    font-weight:bold;
}
.color_white,.color_white b, .color_white a, .color_white span {
    color:white;
}
.color_green,.color_green b, .color_green a, .color_green span {
    color:#459D6F;
}
.color_blue,.color_blue b, .color_blue a, .color_blue span {
    color:#387BBB;
}
.text20,.text20 b, .text20 span, .text20 a  {
    font-size:20px;
}
.text18,.text18 b, .text18 span, .text18 a {
    font-size:18px;
}
.text16,.text16 b, .text16 span, .text16 a{
    font-size:16px;
}
.text14,.text14 b, .text14 span, .text14 a{
    font-size:14px;
}
.mb-6 { margin-bottom:60px; }
.mb-7 { margin-bottom:70px; }
.mb-8 { margin-bottom:80px; }
.mb-9 { margin-bottom:90px; }
.mb-10 { margin-bottom:100px; }
.mt-6 { margin-top:60px; }
.mt-7 { margin-top:70px; }
.mt-8 { margin-top:80px; }
.mt-9 { margin-top:90px; }
.mt-10 { margin-top:100px; }