/*
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í -------------------------------*/
@font-face {
    font-family: 'Bebas';
    src: url('assets/fonts/bebasneue/Bebas-Neue-Pro-Expanded-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('assets/fonts/bebasneue/Bebas-Neue-Pro-Expanded-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Season';
    src: url('assets/fonts/season/Fontspring-DEMO-theseasons-reg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent;
}
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-family: "Bebas", sans-serif;
    color:#1f1f1f;
}
a {
    text-decoration:none!important;
}

body {
    background-color: white!important;
}

.container_max {
    max-width:2000px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.container_hop {
    max-width:1200px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}




/* menu mvl */
.menu_parent, .menu_parent_2 {
    position:relative;
    display:inline-block;
}
.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;
}
.menu_child {
    display:none;
    /*transform: translateY(-100%);
    opacity: 0;
    height:0px;*/
    transition: all 0.3s ease-out;
    position:absolute;
    top: 30px;
    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);
    z-index: 999999999;
    background-color: #3C4EFF;
    padding:7px 20px;
}
.menu_child a:hover {
    color:white;
}
.menu_child a {
    display:block;
}
.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 */

.logo {
    width:170px;
}

.header_top {
    background-color: #3C4EFF;
    padding:20px;
}

.header_dates {
    font-size:24px;
    color:white;
    font-weight:bold;
    display:inline-block;
    margin-left:30px;
}
.header_dates_to {
    font-size:14px;
    color:white;
}
.header_dates_year {
    color:#27D5D8;
    font-weight:400;
}
.header_social_ico {
    height:20px;
    margin-left:7px;
}

.header_top {
    display:flex;
    justify-content: space-between;
}
.header_top_2 {
    position:relative;
}
.header_top_language {
    background-color: #27D5D8;
    color:#3C4EFF;
    border-bottom-right-radius: 20px;
    padding:25px 15px 15px 20px;
    position: absolute;
    top: -20px;
    right: 20px;
}
.langswitcher {
    color:#3C4EFF;
    display:block;
    line-height: 1.2;
}
.langswitcher.active {
    font-weight:bold;
}

.header_socials {
    position:absolute;
    top: 42px;
    right: 90px;
    width: 125px;
}

@media (max-width:700px) {
    .header_socials {
        display:none;
    }
}

.header_bottom {
        /*
    * Created with https://www.css-gradient.com
    * Gradient link: https://www.css-gradient.com/?c1=69a9b4&c2=9b13ae&gt=l&gd=dcl
    */
    background: #FF861A;
    background: linear-gradient(90deg, #FF861A, #27D5D8);
    background: #27D5D8;
    padding: 0px 0px;

    display:grid;
    grid-template-columns:1fr 250px;
    align-items:center;
}
.top_buytickets {
    background: #FF861A;
    border-top-left-radius: 50px;
    padding:7px 5px 7px 5px;
    color:white;
    font-size:24px;
    text-align:center;
    font-weight:bold;
}
.top_buytickets a,.top_buytickets a:hover {
    color:white;
}

.menu_link {
    color:white;
    font-size:18px;
    margin-right:20px;
}
.menu_child .menu_link {
    padding: 2px 0px;
}

.top_menu {
    padding-left:220px;
}
@media (max-width:500px) {
    .top_menu {
        padding-left:20px;
    }
}
#menu_opener {
    color:white;
    display:none;
}
@media (max-width:1250px) {
    .menu_link {
        display:none;
    }
    #menu_opener {
        display:block;
    }
    .top_menu {
        display:flex;
    }
}

.header_top_1 {
    display:grid;
    grid-template-columns: 170px 300px;
    align-items:center;
}
@media (max-width:500px) {
    .header_top_1 {
        grid-template-columns: 1fr;
    }
    .header_socials {
        bottom:0px;
        right:20px;
        top:unset;
    }
}

.header_fixed {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:99;
}
#page {
    padding-top:159px;
}
@media (max-width:500px) {
    #page {
        padding-top:195px;
    }
}
.highlights_grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap:20px 20px;
}
@media (max-width:991px) {
    .highlights_grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width:600px) {
    .highlights_grid {
        grid-template-columns: 1fr 1fr;
    }
}

.hopman_title {
    position:relative;

}
.hopman_title_top {
    color:#27D5D8;
    line-height:0.7;
    line-height:0.9;
    opacity:30%;
    font-size:210px;
    font-weight: bold;
}
/*.hopman_title_top_page {
    font-size:175px;
}*/

.hopman_title_bottom {
    color:#3C4EFF;
    font-size:36px;
    position:absolute;
    left:0px;
    bottom:30px;
    font-weight: bold;
    width:550px;
    max-width:100%;
    line-height: 1.2;
}
@media (max-width:991px) {
    .hopman_title_top {
        font-size:110px;
    }
    .hopman_title_bottom {
        font-size:25px;
        bottom:7px;
    }
}
@media (max-width:600px) {
    .hopman_title_top {
        font-size:66px;
    }
    .hopman_title_bottom {
        font-size:18px;
        bottom:5px;
    }
}

.player_content {
    position:relative;
    margin-bottom:20px;
    padding:30px 20px 190px 20px;
}

.player_content.grupo_a {
    background: #FF861A;
    background: linear-gradient(360deg, #FF861A, #27D5D8);
    background-image:url(assets/images/fons_players.jpg);
    background-size:cover;
}
.player_content.grupo_b {
    background: #3C4EFF;
    background: linear-gradient(360deg, #3C4EFF, #27D5D8);
    background-image:url(assets/images/fons_players.jpg);
    background-size:cover;
}
.player_content.unknown {
    background: #085B76;
    background: linear-gradient(360deg, #085B76, #27D5D8);
    background-image:url(assets/images/fons_players.jpg);
    background-size:cover;
}

.player_bandera_wrapper {
    margin-top:15px;
    display:inline-block;
    min-width:75px;
    text-align:center;
}
.player_bandera_wrapper_back {
    padding:3px;
    background-color:white;
}
.player_bandera {
    width:75px;
}
.player_pais {
    color:white;
    font-size:75px;
    font-weight:bold;
    line-height:0.9;
}
@media (max-width:991px) {
    .player_pais{
        font-size:70px;
    }
}
@media (max-width:500px) {
    .player_pais{
        font-size:50px;
    }
}
.player_nombre {
    position:absolute;
    bottom:20px;
    left:20px;
    color:white;
    font-size:30px;
    line-height:1.1;
    z-index:9;
}
.bold {
    font-weight:bold;
}
.player_img {
    position:absolute;
    bottom:0px;
    right:20px;
}
@media (max-width:500px) {
    .player_img {
        max-width:250px;
    }
}
.player_bandera_wrapper.unknown {
    color:#085B76;
    font-size:37px;
    line-height:1.2;
    font-weight:bold;
}

.group_a_title {
    display:grid;
    grid-template-columns: 190px 1fr 190px;
    background: linear-gradient(90deg, #FCF31A, #FF861A);
    align-items:center;
}
.group_b_title {
    display:grid;
    grid-template-columns: 190px 1fr 190px;
    background: linear-gradient(90deg, #27D5D8, #3C4EFF);
    align-items:center;
}
.group_a_title_1 {
    padding-left:3px;
}

.group_a_title_2 {
    text-align:center;
    font-size:32px;
    color:white;
    font-weight: bold;
}
@media (max-width:700px) {
    .group_a_title, .group_b_title {
        grid-template-columns: 1fr;
    }
    .group_a_title_1,.group_a_title_3 {
        display:none
    }
}


.back_star {
    
    background-color: #3C4EFF;
    background-color: linear-gradient(90deg, #3C4EFF, #048DCC);
    background-image: url(assets/images/tourney_star.png);
    background-position:center right;
    background-repeat:no-repeat;
}

.text {
    font-size:18px;
}

.btn_bluelight {
    background-color: #27D5D8;
    color:#3C4EFF;
    font-size:20px;
    font-weight:bold;
    display:inline-block;
    padding:7px 25px;
    border-radius:50px;

}

.btn_yellow {
    background-color: #FCF31A;
    color:#FF861A;
    font-size:20px;
    font-weight:bold;
    display:inline-block;
    padding:7px 25px;
    border-radius:50px;

}

.back_puglia {
    background: #FF861A;
    background: linear-gradient(90deg, #FF861A, #048DCC);
}

.container_puglia {
    display:grid;
    grid-template-columns:450px 1fr;
    padding-left: calc( ( 100% - 1200px ) / 2 );
}

@media (max-width:991px) {
    .container_puglia {
        grid-template-columns:1fr;
    }
    .container_puglia_col_2 {
        margin-top:30px;
    }
}

.pt-6 { padding-top:60px; }
.pt-7 { padding-top:70px; }
.pt-8 { padding-top:80px; }
.pt-9 { padding-top:90px; }
.pt-10 { padding-top:100px; }
.pb-6 { padding-bottom:60px; }
.pb-7 { padding-bottom:70px; }
.pb-8 { padding-bottom:80px; }
.pb-9 { padding-bottom:90px; }
.pb-10 { padding-bottom:100px; }


.video_wrapper iframe {
    aspect-ratio:560/315;
    width:100%;
    height:100%;
}

.back_media {
    /*background-image:url(assets/images/back_media.png);
    background-position: top right;
    background-repeat: no-repeat;*/
}

.back_news {
    background-color: #3C4EFF;
    background-image:url(assets/images/back_news.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.home_news_img  {
    aspect-ratio:445/260;
    object-fit:cover;
    width:100%;
}

.home_news_title {
    font-family: 'Bebas';
    color:#27D5D8;
    font-size:24px;
}


.single_title {
    font-size:40px;
    margin-bottom:35px;
}
.single_text p {
    margin-bottom:20px;
}

.instagram_title {
    font-size:36px;
    color:#3C4EFF;
}

.back_sponsors {
    background:linear-gradient(90deg, #3C4EFF,#27D5D8);
    padding:10px 0px;
}
.sponsors_title {
    color:white;
    font-weight:bold;
    font-size:32px;
}

.home_sponsors_grid{
    display:grid;
    grid-template-columns: 0.6fr 0.8fr 1fr;
    gap:20px 20px;
}
@media (max-width:991px) {
    .home_sponsors_grid {
        grid-template-columns: 1fr;
    }
}
.home_sponsors_title_major {
    color:#045B76;
    border-bottom:1px solid #045B76;
    font-size:18px;
}
.home_sponsors_title_platinum {
    color:#D6D6D6;
    border-bottom:1px solid #D6D6D6;
    font-size:18px;
}
.home_sponsors_title_gold {
    color:#F6C620;
    border-bottom:1px solid #F6C620;
    font-size:18px;
    position:relative;
}
.home_more_sponsors {
    font-size:16px;
    color:#048DCC;
    position:absolute;
    bottom:5px;
    right:0px;
}

.home_sponsor_gray {
    width:100%;
    height:72px;
    background-color: #D6D6D6;
}

.home_sponsors_grid_1x2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.home_sponsors_grid_1x3 {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
}

.back_gray {
    background-color: #D6D6D6;
}
.organizers_title {
    color:#045B76;
    font-size:24px;
    font-weight:bold;
}

.organizers_grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:40px;
    max-width:545px;
    margin: 0 auto;
    padding: 0px 20px;
    align-items:center;
}

.back_footer {
    background-color: #3C4EFF;
}

.footer_grid {
    display:grid;
    grid-template-columns:300px 1fr;
    gap:20px 20px;
    padding: 0px 20px;
}
.footer_text_1 {
    color:white;
    font-size:18px;
}
.footer_text_place {
    text-align:right;
}
@media (max-width:991px) {
    .footer_text_1,.footer_text_place {
        text-align:center!important;
    }
}
.footer_social_ico {
    margin-left:15px;
    height:25px;
}
.footer_grid_column_2 {
    text-align:right;
}

@media (max-width:991px) {
    .footer_grid {
        grid-template-columns: 1fr;
    }
    .footer_grid_column_1,.footer_grid_column_2 {
        text-align:center;
    }
}

.contact_img {
    aspect-ratio:100/70;
    object-fit: cover;
}
.contact_text_wrapper {
    background-color: #3C4EFF;
    text-align:center;
    padding:20px;
}
.contact_title {
    color:white;
    font-size:26px;
    font-weight:bold;
}
.contact_mail a, .contact_mail a:hover {
    color:white;
    font-size:18px;
}

.topimg {
    width:100%;
    height:323px;
    object-fit:cover;
}
@media (max-width:991px) {
    .topimg {
        height:200px;
    }
}
.tournament_grid {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap: 1% 1%;
}
.tournament_grid_col_1 {
    width:66%;
    padding-left: calc( ( 100% - 1200px ) / 2 );
}
.tournament_grid_col_2 {
    width:33%;
}
.tournament_title {
    border-bottom:1px solid #3C4EFF;
    color:#3C4EFF;
    font-weight:bold;
}
.tournament_backstar {
    width:100%;
    opacity:0.6;
}
@media (max-width:991px) {
    .tournament_grid_col_1,.tournament_grid_col_2{
        width:100%;
    }
    .tournament_backstar {
        display:none;
    }
}

@media (min-width:992px) {
    .margin_lg_teams{
        margin-left: 24%;
    }
}

.table_teams_header {
    background-color: #3C4EFF;
    color:white;
    text-align:center;
    border:1px solid rgb(186, 186, 186);
}
.table_teams_header sup {
    color:white;
}
.table_teams_subheader {
    background-color: #27D5D8;
    color:white;
    text-align:center;
    border:1px solid rgb(186, 186, 186);
}
.matches_start_at {
    font-size:15px;
    color:white;
}
.td_pais_vs_pais {
    text-align:center;
    font-size:16px;
    border:1px solid rgb(186, 186, 186);
}
.td_players {
    text-align:center;
    padding:20px 10px;
    border:1px solid rgb(186, 186, 186);
}
.td_tikets {
    text-align:center;
    padding:20px 10px;
    border:1px solid rgb(186, 186, 186);
}
.td_tikets .btn_orange {
    font-size:19px;
}
.final {
    font-size:18px;
}
.td_final {
    text-align:center;
    border:1px solid rgb(186, 186, 186);
}
.final_text {
    line-height:1.2;
    font-size:25px;
}
#table_teams {
    min-width:1200px;
}
@media (max-width:1200px) {
    .tableteams_overflow_x_scroll {
        overflow-x:auto;
    }
}
.td_players_player_grid {
    display:grid;
    grid-template-columns: 80% 20%;
    align-items: center;
}
.td_players_flag {
    max-width:40px!important;
    width:40px;
}

.patross_grid {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: center;
    gap:2%;
    max-width:900px;
    margin: 0 auto;
}
.patross_grid > div {
    width:18%
}
@media (max-width:767px) {
    .patross_grid > div {
        width:30%;
    }
}

.mb-6 { margin-bottom: 60px;}
.mb-7 { margin-bottom: 70px;}
.mb-8 { margin-bottom: 80px;}
.mb-9 { margin-bottom: 90px;}

.galeria_img {
    aspect-ratio:100/70;
    object-fit:cover;
}
.galeria_text_wrap {
    background-color: #3C4EFF;
    color:white;
    padding:10px 20px;
    text-transform: uppercase;
    font-weight:bold;
}
.container_working {
    background-color: #3C4EFF;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100vh;
    flex-direction: column;
}
.logo_working {
    width:300px;
}

.tournament_star {
    padding-top:150px;
}
.faqs_wrap {
    border:1px solid #3C4EFF;
}
.faqs_question {
    display:grid;
    grid-template-columns: 1fr 20px;
    background-color: #3C4EFF;
    padding:10px;
}
.faqs_question > div, .faqs_question i{
    color: white;
}
.faqs_question:hover {
    cursor:pointer;
}
.faqs_answer {
    padding:10px;
}
.btn_orange {
    background-color: #FF861A!important;
    color:white;
    padding:7px 20px;
    font-weight:bold;
    display:inline-block;
}
.btn_orange:hover {
    color:white;
}

.hospitality_topimg {
    width:100%;
    height:76px;
    object-fit:cover;
    object-position: left;
}

.worksans ,.worksans b,.worksans span,.worksans a,.worksans li,.worksans i{
    font-family: "Work Sans", sans-serif;
}
ul.ul_hopsitality {
    /*list-style-image: url('assets/images/linea_li.png');*/
    list-style: none;
    padding-left: 0;
}
ul.ul_hopsitality li {
    position: relative;
    padding-left: 37px; /* espacio para el ícono */
    font-weight:300;
    font-family: "Work Sans", sans-serif;
}

ul.ul_hopsitality li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    /*transform: translateY(-50%);*/
    width: 30px;
    height: 1px;
    background-image: url('assets/images/linea_li.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.hospitality_btn {
    display:inline-block;
    color: #3E56A3;
    font-family: "Work Sans", sans-serif;
    font-weight:bold;
    background-color: #FADD2D;
    padding:10px 20px;
}
.hospitality_boxyellow {
    background-color: #FFF3A7;
    padding:35px 20px;
}
.hospitality_title {
    font-size:30px;
    color:#3E56A3;
    font-weight:bold;
    font-family: 'Season' , sans-serif;
}
.hospitality_image_box {
    border:2px solid #FADD2D;
    padding:15px;
}
.hospitality_bottomimg {
    width:100%;
    height:33px;
    object-fit: cover;
    object-position: left;
}
.vip_box_top {
    color:#27D5D8;
    font-size:29px;
    text-align:center;
    padding:10px;
    font-weight:bold;
    background-color: #3C4EFF;
}
.vip_box_img {
    aspect-ratio:540/321;
    width:100%;
    object-fit:cover;
}
.vip_box_bottom {
    color:white;
    background-color: #3C4EFF;
    padding:20px;
    text-align:center;
}


.reel.owl-carousel .owl-dot {
    width:12px;
    height:12px;
    background-color: #b3b3b3!important;
    border-radius:15px;
    margin: 0px 3px;
    border-color:transparent!important;
}
.reel.owl-carousel .owl-dot.active {
    background-color: #3C4EFF!important;
}
.reel.owl-carousel {
    position:relative;
}

.reel.owl-carousel .owl-dots {
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
}
.uppercase {
    text-transform:uppercase;
}

@media (min-width:992px) {
    .newsletter_div {
        width:400px;
        float:right;
    }
}
.newsletter_div span.EMAIL-label {
    display:none;
}
.newsletter_div .yikes-easy-mc-submit-button {
    background-color: #27D5D8!important;
    border-color:#27D5D8!important;
}






.fotnweightlight {
    font-weight:300;
}
.color_blue, .color_blue b, .color_blue span, .color_blue li, .color_blue i, .color_blue a {
    color:#3E56A3;
}
.color_bluelight, .color_bluelight b, .color_bluelight span, .color_bluelight li, .color_bluelight i, .color_bluelight a {
    color:#3C4EFF;
}
.color_white, .color_white b, .color_white span, .color_white:hover {
    color:white;
}
.text16, .text16 b, .text16 span, .text16 a {
    font-size:16px;
}
.text20, .text20 b, .text20 span, .text20 a {
    font-size:20px;
}