@import url('https://fonts.googleapis.com/css2?family=Orelega+One&family=Poppins:wght@400;700&display=swap');
/* font-family: 'Orelega One', cursive;
font-family: 'Poppins', sans-serif; */

/* ------------- Main setup ----------- */
html{
    font-size: 10px;
}
html, body{
    font-family: 'Poppins', sans-serif;
    color:#2C3489;
    background-color: #C9E2FF;
}
body{
    font-size: 1.4rem;
    line-height: 1.55;
    min-height: 100vh;
    position: relative;
}
.grecaptcha-badge{
    right: -999px !important;
}
a{
    text-decoration: none;
}
.tooltip{
    font-size: 13px;
}
form{
    width: 100%;
}
.btn{
    font-size: 1.5rem;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 20px;
    border: none;
}
.btn-outline-primary{
    color: #fff;
    border: 1px solid #1A83FB !important;
}
.btn-outline-press,
.btn-outline-document{
    color: #ADB3F4 !important;
    border: 3px solid #ADB3F4;
}
.btn-outline-press:hover,
.btn-outline-press:active,
.btn-outline-press:focus{
    color: #FFFFFF !important;
    border: 3px solid #FFFFFF !important;
}
.btn-outline-document:hover,
.btn-outline-document:active,
.btn-outline-document:focus{
    color: #2C3489 !important;
    border: 3px solid #2C3489 !important;
}
.btn-white{
    color: #223078;
    background-color: #fff;
    border: 1px solid #fff;
}
.btn-outline-press.active{
    color: #FFFFFF !important;
    border: 3px solid #CA373C;
    background-color: #CA373C;
}
.btn-outline-press.active:hover, 
.btn-outline-press.active:active,
.btn-outline-press.active:focus{
    color: #FFFFFF !important;
    border: 3px solid #FF0009 !important;
    background-color: #FF0009 !important;
}
.btn-volunteer{
    color: #2c3489;
    background-color: #2bffa6;
    border: 1px solid #2bffa6;
}
.btn-volunteer:hover,
.btn-volunteer:active,
.btn-volunteer:focus{
    border: 1px solid transparent !important;
}
.btn-sm{
    font-size: 1.3rem;
    padding: 5px 12px;
}
.btn-xs{
    font-size: 1.3rem;
    padding: 1px 15px;
}
.btn-venue{
    font-size: 1.1rem;
    color: #fff;
    background-color: #1A83FB;
    border: 1px solid #1A83FB !important;
    padding: 1px 13px;
}
.btn-venue:hover,.btn-venue:active{
    background-color: #0070F0;
    border: 1px solid #0070F0 !important;
}
.form-control{
    border-radius: 20px;
}
.form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
    background-color: rgb(255,255,255);
}
.page-link:focus,
button:focus,
.btn:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
    border: none;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: initial;
}
.pointer{
    cursor: pointer;
}
.clearfix{
    clear: both;
}

/* customziation */
.bt-red-3{
    border-top: 3px solid #CA373C;
}
.bb-red-3{
    border-bottom: 3px solid #CA373C;
}
.bt-blue-2{
    border-top: 2px solid #1A83FB;
}
.f-17{
    font-size: 1.7rem !important;
}
.px-22{
    padding-left: 22px !important;
    padding-right: 22px !important;
}
.px-29{
    padding-left: 2.95rem !important;
    padding-right: 2.95rem !important;
}
.f-oo{
    font-family: 'Orelega One', cursive;
}
.t-yellow{
    color: #FFF500 !important;
}
.t-lblue{
    color: #008CFF !important;
}
.t-white{
    color: #fff !important;
}
.t-dark{
    color: #1C1D39 !important;
}
.video_container iframe{
    width: 100%;
    height: 49vw;
    border-radius: 4px;
    display: block;
}

/* header */

#header{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #0F0B3C;
    color: #fff;
    min-height: 38px;
    font-size: 1.3rem;
    transition: top .4s ease-in-out;
}
#header.scroll-hide {
    /* top: -40px; */
}
.menu-header{
    display: flex;
    min-height: 38px;
    flex-direction: row;
    align-items: center;
    width: calc(100vw - 40px);
}   
.menu-header div{
    width: 50%;
    padding-left: 22px;
    color: #fff;
}
.menu-header .lang_title{
    padding-left: 0;
    text-align: right;
    color: #008CFF;
}
.lang_title span{
    padding: 6px;
}
.lang_title .flag_circle{
    margin-right: 0.83rem;
}
/* when mobile menu is open */

.open .menu-header .lang_title{
    margin-left: 59px;
}

.flag_circle{
    height: 13px !important;
    width: 13px !important;
    border-radius: 50%;
    object-fit: cover;
}
.menu_container{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-right: 40px;
}
.main-menu{
    grid-area: 1 / 1 / 3 / 2;
}
.main-menu, .language-menu{
    padding-bottom: 20px;
}
.language-menu{
    grid-area: 1 / 2 / 2 / 3;
    width: auto;
    padding-left: 26px;
}
.main-menu ul{
    border-right: 1px solid rgba(173,179,244,.3);
}
.main-menu li{
   padding-left: 22px;
}
.main-menu li{
    border-left: 2px solid #fff;
    margin: 5px 0;
}
.main-menu li:nth-child(1) {
    border-color: #FFD800;
}
.main-menu li:nth-child(2) {
    border-color: #00B7F0;
}
.main-menu li:nth-child(3) {
    border-color: #CE1FD2;
}
.main-menu li:nth-child(4) {
    border-color: #3B8520;
}
.main-menu li:nth-child(5) {
    border-color: #F73F44;
}
.main-menu li:nth-child(6) {
    border-color: #5950ce;
}
.main-menu li:nth-child(7) {
    border-color: #1B6AC4;
}
.main-menu li:nth-child(8) {
    border-color: #ffffff;
}
.main-menu a.nav-link{
    color: #fff;
    padding: 6px 0;
}

.language-menu li{
    padding-right: 12px;
    margin: 5px 0;
}
.language-menu a.nav-link{
    text-align: right;
    color: #6A63B9;
    padding: 6px 0;
    white-space: nowrap;
}
.language-menu a.nav-link.active{
    color: #fff;
    font-weight: 700;
}
.language-menu .flag_circle{
    margin-left: 16px;
}
.social_menu{
    grid-area: 2 / 2 / 3 / 3;
    display: flex; 
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 22px;
}

.social_menu a{
    font-size: 1.85rem;
    padding: 7px 8px 6px 8px;
    color: #fff;
    border-radius: 50%;
    margin: 5px 4px;
    line-height: 1;
    text-align: center;
}

/* Burger menu */
.navbar-toggler {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.line {
    fill: none;
    stroke: #fff;
    stroke-width: 7;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
    stroke-dasharray: 60 207;
}
.line2 {
    stroke-dasharray: 60 60;
}
.line3 {
    stroke-dasharray: 60 207;
}
.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}
.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}
.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

section{
    scroll-margin: 40px;
}

/* Main section */
#main{
    padding-top: 38px;
    background-image: url('/img/main_mobil_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
#main hr{
    border-top-width: 0.13rem !important;
}
#main h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
}
.europeada-logo{
    padding-top: 50px;
}
.europeada-logo img{
    max-width: 53.33vw;
    z-index: 5;
    position: relative;
}
.europeada-map{
    background-image: url(/img/map_bg.png);
    background-position: -47vw -2vw;
    background-repeat: no-repeat;
    margin-top: -14vw;
    padding: 40vw 22px 200px 22px;
    background-size: 185%;
}
.europeada-map h1{
    line-height: .9;
    padding-bottom: 48px;
    border-bottom: 1px solid #1E6BFF;
}
#livestream{
    margin: -175px 10px 30px 10px;
}
#livestream .video_container{
    border-radius: 12px;
    border: 3px solid white;
    padding: 5px;
}
#livestream .video_container iframe {
    width: 100%;
    height: calc(56.25vw - 37px);
    border-radius: 8px;
    display: block;
}
#trophy-news{
    margin-top: -175px;
}
#trophy-news.active_livestream{
    margin-top: 0;
}
#trophy{
    padding-left: 22px;
    padding-right: 22px;
    margin-bottom: 4px;
}
#trophy h1{
    margin-bottom: 9px;
    z-index: 5;
    position: sticky;
}
#trophy h2{
    position: sticky;
    z-index: 5;
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: -5px;
    padding: 0 19px 14px 19px;
}
#featured_news{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
#featured_news article{
    margin-left: 10px;
    margin-right: 10px;
}

#featured_news article img{
    border-radius: 16px;
    object-fit: cover;
    margin-bottom: 11px;
}
#featured_news article h2 a{
    font-weight: 700;
    font-size: 1.5rem;
    color: #fff;
}

#news h1{
    z-index: 5;
    position: sticky;
}
#news h2 {
    font-weight: 700;
    font-size: 1.5rem;
}
.news_container{
    margin-top: 21px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 30px;
}
.news_container hr{
    border-color: #1E6BFF;
    opacity: 1;
}
#news article{
    padding-bottom: 13px;
}
#news article img{
    width: 232px;
    height: 27vw;
    border-radius: 16px;
    object-fit: cover;
    margin-bottom: 11px;
}
#news article h2{
    max-width: 232px;
}
#news article h2 a{
    color: #fff;
}
.gradient-box{
    position: relative;
    border-radius: 18px;
    background: linear-gradient(0deg, #0C1751 0%, rgba(33, 47, 117, 0.00) 70%);
}
.gradient-box:before{
    content: '';
    position: absolute;
    left: -22px;
    right: -22px;
    top: 0;
    bottom: 0;
    background-image: url('/img/waves.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 140%;
}
.gradient-box picture{
    position: sticky;
    z-index: 1;
}
/* About us */

.info-tournament-location a{
    color: inherit;
}

.info-section{
    background: linear-gradient(180deg, #2C3489 98px, #C9E2FF 98px, #C9E2FF calc(100% - 83px), #2C3489 calc(100% - 83px));
}
.info-section .container-fluid{
    border-radius: 25px;
    background-color: #E0EEFF;
    padding-bottom: 48px;
}
.info-section h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
}
.info-header{
    position: relative;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}
.info-header:before, .info-header:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url('/img/waves_2.svg');
    background-repeat: no-repeat;
    background-size: 260%;
}
.info-header:before{
    left: -22px;
    right: calc(50% + 88px);
    background-position: center right;
}
.info-header:after{
    right: -22px;
    left: calc(50% + 88px);
    background-position: center left;
}
.info-header img{
    max-width: 140px;
    margin: 0 auto;
}
.with-line{
    color: #ADB3F4;
    display: inline-block;
    padding: 10px;
    margin-top: 14px;
    background-color: #e0eeff;
    z-index: 1;
    position: relative;
}
.with-line-c{
    position: relative;
}
.with-line-c:before{
    content: '';
    position: absolute;
    top:calc(50% + 2px);
    left: 0;
    right: 0;
    height: 1px;
    background-color:#ADB3F4;
}
.info-section h2{
    font-size: 1.6rem;
    font-weight: 700;
    padding-top: 4px;
    margin-bottom: 19px;
}
.info-text{
    position: relative;
    padding-top: 46px;
    margin-top: 13px;
}
.info-text:before{
    content: "";
    position: absolute;
    top:-5px;
    left:0;
    right:0;
    height: 60px;
    background-position: top center;
    background-repeat: no-repeat;
}
.info-connect:before{
    background-image: url('/img/icons/connect.svg');
}
.info-highlight:before{
    background-image: url('/img/icons/highlight.svg');
}
.info-strengthen:before{
    background-image: url('/img/icons/strengthen.svg');
}
.info-tournament-details{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.22;
}
.info-tournament-details picture img{
    margin: 5px auto;
    max-height: 83px;
}
.info-tournament-logo{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* trophy-section */
.trophy-section{
    padding-top: 29px;
    padding-bottom: 39px;
    background-image: url('/img/main_mobil_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.trophy-section h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
}
.trophy-image{
    margin-bottom: 16px;
}

/* hosts-section */
.hosts-section{
    color: #1858A1;
    padding-top: 30px;
}
.hosts-section h1{
    color: #2C3489;
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
    font-weight: 400;
}
.hosts-section h2{
    color: #84B4EA;
    font-family: 'Orelega One', cursive;
    font-size: 2rem;
    font-weight: 400;
}
.hosts-section h3{
    font-family: 'Orelega One', cursive;
    font-size: 2rem;
    font-weight: 400;
    padding-top: 24px;
    padding-bottom: 8px;
}
.hosts-section article{
    margin-top: 15px;
}
.hosts-section article picture{
    border-radius: 17px;
    display: block;
    width: calc(100% + 44px);
    margin-left: -22px;
    margin-right: -22px;
    padding: 20px;
    background-color: white;
}
/* venues-section */
.venues-section{
    padding-top: 35px;
    padding-bottom: 39px;
    background-image: url('/img/venue_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.venues-section h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
    margin-bottom: 28px;
}
.venues-section article{
    padding: 12px 15px 16px 18px;
    border-radius: 12px;
    background-color: rgba(7, 40, 103, 0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin-bottom: 12px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.venues-section article h2{
    padding-left: 5px;
    font-size: 1.8rem;
    font-weight: 700;
}
.venue-country{
    padding-right: 10px;
    color: #1A83FB;
    font-weight: 700;
    text-align: right;
    flex-grow: 1;
}
.venue-direction-flag{
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.venues-en::before{
    content: "•";
    color: #1A83FB;
    padding-right: 4px;
}
.long .venues-en{
    display: block;
}
.long .venues-en::before{
    display: none;
}
.venue-direction-flag .flag_circle{
    height: 28px !important;
    width: 28px !important;
}
.venues-section article picture img{
    display: none;
}
.venues-section article.open picture img{
    display: block;
    max-width: calc(100% + 33px);
    margin-left: -18px;
    margin-top: -12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-bottom: 17px;
}
.more_venue{
    display: none;
}
.open .more_venue{
    display: block;
}
.open .more_venue_btn{
    display: none;
}

/* teams-section */
.teams-section{
    padding-top: 13px;
    background-color: #273281;
    color: #fff;
    padding-bottom: 20px;
}
.teams-section h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
    color: #1A83FB;
    margin-top: 20px;
    margin-bottom: 17px;
}
.teams-container{
    padding: 9px 24px 24px 24px;
    border-radius: 54px;
    background-color:rgba(0, 5, 13,.2);
}
.team-logo{
    margin: 0 auto 6px auto;
    width: 48px;
    height: 48px;
    padding: 4px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
}
.team-logo.cover{
    padding: 0;
}
.team-logo img{
    margin-top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    object-fit: contain;
}
.team-logo.cover img{
    border-radius: 50%;
    margin-top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-name{
    font-size: .72rem;
}

/* Groups */
.groups-header{
    margin-top: 26px;
    border-top: 1px solid #1A83FB;
}
.groups-header h1{
    padding-top: 6px;
}
.groups-notification{
    background-color: #7678C5;
    width: calc(100% + 5.9rem);
    margin-left: -2.95rem;
    font-size: 1.6rem;
    margin-top: 25px;
    padding-top: 53px;
    padding-bottom: 86px;
}
.groups-container{
    padding-bottom: 20px;
}
.group-wrap{
    background-color: #fff;
    border-radius: 10px;
    color: #1C1D39;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}
.group-name{
    padding: 9px 25px;
    font-size: 2rem;
    font-weight: 700;
    background-color: #C2C3EA;
    border-radius: 10px;
    margin-bottom: 0;
}

.group-w .group-name{
    background-color: #C2EAD0
}

.group-team{
    display: flex;
    align-items: stretch;
    padding-left: 11px;
    padding-right: 11px;
}
.group-team .team-logo{
    border: 1px solid #c2c3ea;
    width: 38px;
    height: 38px;
    margin: 5px 10px;
}
.group-team .team-name {
    font-size: 1.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.group-team:last-child .team-name{
    border-bottom: 0;
}
.group-teams{
    overflow: hidden;
    transition: all 300ms ease-in-out;
}
.group-teams:not(.open) {
    display: none;
}
.group-wrap.open .group-teams{
    display: block;
    padding-top: 6px;
    padding-bottom: 12px;
}
.group-wrap.open .group-name{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.today_schedule{
    margin-top: -50px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}
.today_schedule .matches-wrap{
    margin-top: 0;
}

/* Match schedule */
.match_schedule_live{
    font-size: 20px;
}
.match_schedule_live i{
    color: #fc1c19;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 30px;
}

.match_schedule_bg{
    background-color: #273281 !important;
}
.match_schedule_bg .groups-header:first-of-type{
    border-top: none;
}
.match_schedule_bg .groups-header h1{
    font-size: 4rem !important;
}
.match_schedule-container{
    margin-top: 0;
}
.match-group-name{
    cursor: pointer;
    text-align: center;
    font-weight: 600;
}
.matches-wrap{
    color: rgb(255,255,255);
    margin-top: 10px;
}
.match_name{
    text-align: center;
    font-weight: 600;
}
.matches:not(.open) {
    display: none;
}
.matches.open {
    display: block;
}
.matches {
    overflow: hidden;
    transition: all 300ms ease-in-out;
}
.matches .note{
    margin-top: 6px;
    text-align: left;
    font-size: 1.1rem;
}
.match{
    margin-top: 10px;
}
.match_time_location{
    text-align: center;
    font-size: 1.3rem;
}
.match_time_location a{
    color: rgb(255,255,255);
    font-weight: 500;
}
.match_deatils{
    border-radius: 4px;
    background-color: rgb(255,255,255);
    display: flex;
    text-align: center;
    align-items: center;
    min-height: 50px;
}
.match_deatils .team_1, .match_deatils .team_2{
    width: calc(50% - 30px);
    color: rgb(28, 29, 57);
    font-weight: 600;
    padding-left: 4px;
    padding-right: 4px;
}
.match_deatils .score{
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-color: white;
    border-radius: 4px;
    color: rgb(28, 29, 57);
    font-weight: 600;
    box-shadow: 2px 3px 4px rgb(0 0 0 / 0.2);
}
.match_deatils .score_spacer{
    color: rgb(28, 29, 57);
    padding-left: 4px;
    padding-right: 4px;
}
.match_deatils.color_1{
    background-color: rgb(217,231,241);
}
.match_deatils.color_2{
    background-color: rgb(247,222,223);
}
.match_deatils.color_3{
    background-color: rgb(255,254,219);
}
.match_deatils.qfinals{
    background-color: rgb(91, 190, 255);
}
.match_deatils.sfinals{
    background-color: rgb(238, 207, 109);
}
.match_deatils.final{
    margin-top: 22px;
    background-color: rgb(255, 80, 86);
}
.match_deatils.thirdplace{
    margin-top: 22px;
}

/* program */
.program_tabs{
    margin-top: 5px;
    margin-left: 10px;
    border-bottom-color: transparent;
}
.nav-tabs.program_tabs .nav-link{
    padding: 0 5px;
}
.nav-tabs.program_tabs .nav-item.show .nav-link, .nav-tabs.program_tabs .nav-link.active{
    background-color:#1E6BFF;
    border-color: #1E6BFF;
}
.nav-tabs.program_tabs .nav-link:focus, .nav-tabs.program_tabs .nav-link:hover{
    border-color: #1E6BFF;
}
#program_page{
    padding-top: 40px;
    padding-bottom: 30px;
}
.program_day{
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}
.program_date{
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}
.program_date::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background-image: url("/img/gradient_border.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.program_event{
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
}
.program_event.highlighted{
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    background-color: #C9252B;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
.program_event.multi{
    padding-top: 15px;
    padding-bottom: 15px;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    background-color: #005DA4;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
.program_event_time{
    font-weight: 700;
    width: 100px;
    flex-shrink: 0;
}
.program_event_date{
    font-weight: 700;
    text-transform: uppercase;
}
.program_event_details img{
    max-width: calc(100vw - 170px);
    height: auto;
}

/* match page */
.match_header{
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255,255,255, 0.6);
}
.match_date_location{
    color: rgba(255, 255, 255, 0.8);
    padding-top: 16px;
    padding-bottom: 16px;
}
.match_date_location a{
    color: #fff;
    opacity: 1;
}
.match_teams{
    padding-bottom: 16px;
}
.match_team {
    display: flex;
    font-size: 20px;
    align-items: center;
    padding-left: 11px;
    padding-right: 11px;
}
.match_team .team-name{
    font-size: 16px;
}
.match_team .team-name a{
    color: #fff;
}
.match_teams{
    display: flex;
    justify-content: center;
    align-items: center;
}
.match_score{
    width: 60px;
    text-align: center;
}
.match_team{
    width: calc(50% - 30px);
}
#live_page .video_container iframe {
    width: 100%;
    height: 49vw;
    max-height: 860px;
}
.content .match_team .team-logo {
    flex-shrink: 0;
    border: 1px solid #c2c3ea;
    width: 60px;
    height: 60px;
    margin: 5px 10px;
}
.content .match_team .team-logo.cover img {
    width: calc(100%);
    height: calc(100%);
    margin-top: 0;
}
.players_list .players_table{
    float: none;
    margin: 20px 15px;
}

#timeline_list{
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    max-width: 400px;
}
.content #timeline_list .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.content #timeline_list .match_stat_icons{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: -25px;
}
.content #timeline_list .team-logo{
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    border: 1px solid #c2c3ea;
    width: 38px;
    height: 38px;
    margin: 5px 10px;
    flex-shrink: 0;
}
.content #timeline_list  .team-logo.cover {
    padding: 0;
}
.content #timeline_list  .team-logo img {
    margin-top: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}
.content #timeline_list  .team-logo.cover img {
    border-radius: 50%;
    margin-top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#groups_page .team-logo,
.match_schedule .team-logo{
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 0;
    flex-shrink: 0;
}
#groups_page .team-logo img,
.match_schedule .team-logo img{
    margin-left: 0 !important; 
}
#groups_page .groups:before{
    display: none;
}
#groups_page .group-wrap{
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}
#groups_page .group-teams{
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
}
#groups_page .group-teams {
    display: block;
    height: auto !important;
}
#groups_page .group-team{
    padding-left: 0;
    padding-right: 0;
}

.group-teams th,
.group-teams td{
    vertical-align: middle;
    text-align: center;
}
.group-teams tbody th{
    text-align: left;
}

/* press */
.press-section{
    padding-top: 0;
    padding-bottom: 0;
    background-image: url('/img/main_mobil_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.press-section a{
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
.press-section h1{
    padding-top: 21px;
    padding-bottom: 13px;
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
}

/* volunteer */
.volunteer-section{
    padding-top: 95px;
    padding-bottom: 113px;
    background-color: #273281;
    overflow: hidden;
}

.volunteer-bt-wrap a{
    padding: 0;
    position: relative;
    border: 0;
}
.volunteer-bt-wrap a .btn-text{
    position: sticky;
    z-index: 5;
    display: block;
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
}
.volunteer-bt-wrap .ll-3,
.volunteer-bt-wrap .lr-3{
    position: absolute;
    top: -10px;
    bottom: -10px;
    background-color: #1A2171;
    border-radius: 66px;
    width: 86px;
    z-index: 4;
}
.volunteer-bt-wrap .ll-3{
    left: -20px;
}
.volunteer-bt-wrap .lr-3{
    right: -20px;
}

.volunteer-bt-wrap .ll-2,
.volunteer-bt-wrap .lr-2{
    position: absolute;
    top: -27px;
    bottom: -27px;
    border-radius: 86px;
    z-index: 3;
}
.volunteer-bt-wrap .ll-2{
    background-color: #1A83FB;
    left: -50px;
    width: 115%;
}
.volunteer-bt-wrap .lr-2{
    background-color: #CA373C;
    right: -40px;
    width: 100%;
    z-index: 2;
}

.volunteer-bt-wrap .ll-1,
.volunteer-bt-wrap .lr-1{
    position: absolute;
    border-radius: 86px;
    background-color: #1A2171;
    z-index: 1;
}
.volunteer-bt-wrap .ll-1{
    top: -57px;
    bottom: -57px;
    left: -300px;
    right: 55%;
}
.volunteer-bt-wrap .lr-1{
    top: -50px;
    bottom: -50px;
    left: 95%;
    right: -300px;
}

/* Subpages */
.page .container-fluid{
    max-width: 1700px;
}
.page #main .europeada-logo,
.page #main .europeada-map{
    display: none;
}
.page #main{
    padding-bottom: 5rem;
}
.page .content_wrapper {
    margin-top: -50px;
}

.content_wrapper h1 {
    color: #fff;
    font-family: 'Orelega One', cursive;
    font-size: 2.2rem;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.content_wrapper .subtitle {
    color: #84B4EA;
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
}
.content_wrapper .content {
    background-color: #E0EEFF;
    padding-bottom: 48px;
    margin-bottom: 80px;
}
.content_title{
    font-family: 'Orelega One', cursive;
    font-size: 25px;
    color: #2C3489;
    font-weight: 500;
    padding-top: 15px;
}
.content-article{
    padding-top: 20px;
    position: relative;
}
.content-article time{
    font-size: 1.2rem;
    font-weight: 700;
    position: absolute;
    top: -50px;
    background-color: #e0eeff;
    padding-right: 10px;
}
.content > hr{
    margin-top: 30px;
    margin-bottom: 40px;
}
.news_list_sidebar > h2{
    font-family: 'Orelega One', cursive;
    color: #84B4EA;
    font-weight: 500;
}
.page .news_list article a{
    padding-top: 7px;
    color: #2C3489;
    font-weight: bold;
}

.page .news_list article img {
    border-radius: 16px;
    object-fit: cover;
    margin-bottom: 11px;
    width: 100%;
    height: 25vw;
}
.page .news_list_sidebar h2 a{
    font-size: 16px;
    font-weight: 700;
    color: #2C3489;
}
.page .news_list_sidebar article img {
    border-radius: 16px;
    object-fit: cover;
    margin-bottom: 11px;
    width: 100%;
    height: 25vw;
}
.content-article article{
    font-size: 16px;
}
.content-article picture img{
    width: 100%;
    max-width: 400px;
    padding: 0 0 20px 20px;
}
.content-article article img{
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}

.gallery-row a img{
    border-radius: 8px;
}

/* FAQ */
.faq-section{
    padding-top: 30px;
    padding-bottom: 54px;
}
.faq-section h1{
    font-family: 'Orelega One', cursive;
    font-size: 2.5rem;
    color: #2A3586;
    padding-bottom: 17px;
}
.faq-section .faq-wrapper{
    padding: 10px 26px;
    margin: 8px 0;
    background-color: #E0EEFF;
    border-radius: 16px;
}
.faq-section .faq-wrapper:first-child{
    color: #FFFFFF;
    background-color: #1A83FB;
}

.faq-section .faq-wrapper .faq-question {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    list-style: none;
}
.faq-section .faq-wrapper .faq-question:after {
    content: "";
    width: 11px;
    height: 11px;
    background-image: url("/img/icons/arrow_down_lblue.svg");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    line-height: 0;
    top: 7px;
    right: -15px;
    font-weight: 700;
    transform-origin: center;
    transition: 200ms linear;
}
.faq-answer{
    transition: all 300ms ease-in-out;
    overflow: hidden;
}
.faq-answer p{
    padding-top: 20px;
}
.faq-answer:not(.open) {
    display: none;
}
.faq-section .faq-wrapper:first-child .faq-question:after {
    background-image: url("/img/icons/arrow_down_white.svg");
}

.faq-section .faq-wrapper.open .faq-question:after {
    content: "";
    transform: rotate(180deg);
}

/* Partenrs and Organisers */

.partners-organisers-section{
    padding-top: 56px;
    text-align: center;
    background-color: #2C3489;
    color: #fff;
}
.partners-organisers-section h1{
    color: #1A83FB;
    font-size: 1.3rem;
    font-weight: 700;
}
.partners-organisers-section h2{
    font-size: 1.2rem;
    font-weight: 700;
}
.partners-organisers-section .partners .col{
    padding-bottom: 45px;
}
.partners-organisers-section .partners img{
    margin-top: 8px;
    width: 40%;
    max-width: 400px;
    border-radius: 9px;
}
.partners-organisers-section .partners .full img{
    width: 100%;
    max-width: 600px;
}
.partners-organisers-section .organisers{
    padding-top: 15px;
    padding-bottom: 63px;
}
.partners-organisers-section .organisers .row{
    padding-top: 15px;
}
.partners-organisers-section .organisers a{
    display: inline-block;
    margin-top: 8px;
    width: 64.24%;
    max-width: 500px;
    height: 67px;
    background-color: #1A2171;
    border-radius: 21px;
}

/* Flipcard */

.scene {
    height: 200px;
    max-width: 400px;
    margin: 10px auto;
    perspective: 600px;
}
.flip-card {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
}
.scene:hover .flip-card {
    transform: rotateY( 180deg ) ;
    transition: transform 0.5s;
}
.card__face {
    padding: 30px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #008CFF;
    color: white;
    font-family: 'Orelega One', cursive;
    line-height: 1;
    text-align: center;
    font-size: 50px;
    border-radius: 20px;
    backface-visibility: hidden;
}
.dark .card__face--front {
    background: #00569D;
}
.card__face--front {
    background: #008CFF;
    font-size: 80px;
}
.card__face--back {
    position: relative;
    background: white;
    color: #008CFF;
    transform: rotateY( 180deg );
}
.card__face--back::before{
    content: "";
    position: absolute;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    border-radius: 17px;
    border: 2px solid #008CFF;
    margin: 10px 13px;
}


.players_table{
    display: flex;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
.players_table .card-header{
    background-color: #0f0b3a;
    color: white;
    padding: 5px 15px;
}
.players_table .list-group-item{
    background-color: #27327d;
    color: white;
    padding: 5px 15px;
}

/* Footer */
footer{
    padding-top: 10px;
    background-color: #1A2171;
    color: #4689EE;
    font-size: 1.2rem;
    line-height: 1.75;
}
footer h1{
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFF;
    padding-bottom: 5px;
}
footer #contact{
    padding-bottom: 30px;
}
.footer-text strong{
    display: block;
}
footer .social-links{
    text-align: center;
}
footer .social-links .row{
    border-top: 1px solid #2C3489;
    border-bottom: 1px solid #2C3489;
    padding-top: 45px;
    padding-bottom: 40px;
}
footer .social-links a{
    color: #fff;
    font-size: 2.2rem;
    padding: 5px;
    margin: 0 10px;
}
footer .links {
    padding-top: 25px;
    padding-bottom: 25px;
}
footer .links a{
    display: inline-block;
    padding: 10px 0;
    font-size: 1.6rem;
    color: #4689EE;
    text-decoration: none;
}



/* footer */
.scrollup {
    background-color: #1A83FB;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 6px 12px;
    position: fixed;
    bottom: 12px;
    right: 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
}
.scrollup i:hover{
    animation: bounce 1.5s;
}


.sticker {
    color: #2C3489;
    font-size: 17px;
    display: block;
    background-color: #ededed;
    opacity: .95;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
    position: relative;
    width: 600px;
    max-width: calc(100% - 30px);
    transform: rotate(-5deg);
    overflow: hidden;
    position: absolute;
    z-index: 9;
    text-align: left;
    top: 68vw;
    right: 10px;
    left: 10px;
    height: max-content;
    margin: auto;
}
  
.sticker:before {
    content: "";
    position: absolute;
    background-color: #e7e7e7;
    width: 60px;
    height: 60px;
}
  
.sticker.up-right {
    rotate: -1deg;
    clip-path: polygon(
      0% 0%,
      calc(100% - 30px) 0%,
      100% 60px,
      100% 100%,
      0% 100%
    );
}
  
.sticker.up-right:before {
    right: -20px;
    top: -10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px -3px 6px 1px #0000009e;
    rotate: 122deg;
}


@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
}
.scrollup.show{
    display: inline-block;
}
.scrollup i {
    color: #fff;
    font-size: 32px;
}


/* ------------------- Index ------------------- */
@media (max-width: 576px) {
    .match_team{
        flex-direction: column;
    }
    .match_team.justify-content-end .team-name{
        order: 2;
    }
}

@media (min-width: 500px) { 
    .program_tabs{
        margin-left: 30px;
    }
    .info-header:before, .info-header:after{
        background-size: 100%;
    }
    #news article img{
        height: 130px;
    }
 }

/* `sm` applies to x-small devices */
@media (min-width: 576px) {
    .navbar-toggler{
        right: 10px;
    }
    .menu-header{
        width: calc(100vw - 60px);
    }
    .open .social_menu {
        right: 8px;
        margin-top: 14px;
    }
    .menu_container{
        padding-right: 60px;
    }
    .navbar a.nav-link{
        font-size: 1.5rem;
        padding: 11px 0;
    }
    .main-menu, .language-menu{
        padding-top: 6px;
    }
    .language-menu {
        padding-left: 33px;
    }
    .main-menu li,.language-menu li {
        margin: 7px 0;
    }
    .flag_circle {
        height: 20px !important;
        width: 20px !important;
    }
    .players_table{
        float: right;
        margin-left: 20px;
        margin-right: 10px;
    }
}

/* `md` applies to small devices */
@media (min-width: 768px) {
    .match_team .team-name{
        font-size: 20px;
    }
    .program_tabs{
        margin-left: 40px;
    }
    .video_container iframe {
        width: 646px;
        height: 320px;
    }
    .text-md-justify{
        text-align: justify;
    }
    .w-md-50{
        width: 50%;
        margin: 0 auto;
    }
    .px-md-22{
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .px-md-40{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .pt-md-25{
        padding-top: 25px !important;
    }
    .px-md-53{
        padding-left: 53px !important;
        padding-right: 53px !important;
    }
    .px-md-67{
        padding-left: 67px !important;
        padding-right: 67px !important;
    }
    .px-md-74{
        padding-left: 74px !important;
        padding-right: 74px !important;
    }
    .md-round{
        border-radius: 20px;
    }
    .f-md-15{
        font-size: 1.5rem !important;
    }
    .f-md-16{
        font-size: 1.6rem !important;
    }
    .f-md-19{
        font-size: 1.9rem !important;
    }
    .f-md-25{
        font-size: 2.5rem !important;
    }
    .f-md-35{
        font-size: 3.5rem !important;
    }
    #main{
        padding-bottom: 98px;
    }
    #livestream{
        max-width: 768px;
        margin-top: -40px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    #livestream .video_container iframe {
        height: 424px;
    }
    #trophy-news{
        margin-top: -58px;
    }
    .europeada-logo{
        padding-top: 72px;
        width: 45%;
    }
    .europeada-map{
        position: relative;
        width: 100%;
        margin-top: -235px;
        padding: 165px 10vw 120px 45% !important;
        background-size: 85%;
        background-position: 163% 1vw;
    }
    .europeada-map::after{
        content: "";
        position: absolute;
        bottom: 80px;
        left: 22px;
        right: 22px;
        height: 1px;
        background-color: #1E6BFF;
    }
    .europeada-map h1{
        border-bottom: none;
        text-align: left;
    }
    .europeada-map h1 br{
        display: none;
    }
    .europeada-logo img{
        max-width: 212px;
    }
    .info-section {
        margin-top: -98px;
        margin-bottom: -81px;
        background: transparent;
        position: relative;
    }
    .info-section .container-fluid{
        max-width: calc(100vw - 134px);
    }
    .info-section h1{
        font-size: 3.6rem;
    }
    #trophy .gradient-box{
        max-width: 615px;
        margin: 0 auto;
    }
    #trophy .gradient-box:before{
        left: calc((100vw - 615px) /-2);
        right: calc(615px * 0.33);
        background-position: 100% 30%;
        background-size: 120%;
    }
    #trophy .gradient-box img{
        max-width: 523px;
        margin: 0 auto;
    }
    #trophy h2{
        margin-top: -13px;
        padding: 0 30px 14px 30px;
    }

    .px-md-53.with-line-c:before{
        left:53px;
        right: 53px;
    }
    .info-text{
        padding-bottom: 8px;
        text-align: justify;
    }
    .info-tournament-details picture img {
        max-height: 58px;
    }
    .info-tournament-logo{
        width: 130px;
        margin: 3px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .info-tournament-location{
        width: auto;
        flex-grow: 1;
        padding-top: 0 !important;
        margin-left: 20px;
        font-size: 1.4rem;
        border-bottom: 1px solid #A5C0F4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 204px;
    }
    .info-tournament-winners{
        width: 223px;
        font-size: 1.4rem;
        padding-top: 0 !important;
        border-bottom: 1px solid #A5C0F4;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .info-tournament-winners > div{
        display: flex;
        align-items: center;
    }
    .info-tournament-winners svg{
        margin-right: 30px;
        flex-shrink: 0;
    }
    .p_tournaments{
        position: relative;
    }
    .p_tournaments::after{
        content: '';
        position: absolute;
        bottom: 0;
        z-index: 5;
        height: 2px;
        left: 0;
        right: 0;
        background-color: #e0eeff;
    }

    .trophy-section{
        padding-top: 110px;
    }
    .trophy-section h1{
        font-size: 3.5rem;
        border-bottom: 1px solid #1A83FB;
        padding-bottom: 29px;
    }
    .trophy-image{
        width: 85%;
        margin: 16px auto;
    }
    .btn-volunteer{
        padding: 0;
        font-size: 1.4rem;
        position: relative;
        color: #223078;
        border-color: transparent;
        background-color: transparent;
        
    }
    .trophy-section .btn-volunteer{
        margin-top: -40px;
    }
    .btn-volunteer span{
        display: inline-block;
        position: relative;
        z-index: 3;
        background-color: #fff;
        border-color: #fff;
        padding: 11.5px 18px;
        border-radius: 22px;
    }
    .btn-volunteer:hover span,
    .btn-volunteer:active span,
    .btn-volunteer:focus span{
        color: #17EC92;
    }
    .btn-volunteer:before{
        content: "";
        position: absolute;
        width: 72px;
        height: 72px;
        top: -14px;
        right: -16px;
        background-color: transparent;
        border-radius: 50%;
        z-index: 2;
    }
    .btn-volunteer:after{
        content: "";
        position: absolute;
        width: 110px;
        height: 110px;
        top: -33px;
        right: -35px;
        border: 20px solid #2BFFA6;
        border-radius: 50%;
        z-index: 1;
    }
    .trophy-section .container-xl{
        padding-bottom: 52px;
    }
    .trophy-section .container-xl .row{
        padding-bottom: 60px;
        border-bottom: 1px solid #1A83FB;
    }
    .hosts-section .container-xl{
        padding-bottom: 100px;
    }
    .hosts-section article picture{
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .hosts-section article picture img{
        border-radius: 17px;
        max-width: 100%;
    }
    .more_venue_btn{
        display: none;
    }
    .more_venue{
        display: block;
    }
    .venues-section {
        padding-top: 45px;
    }
    .venues-section h1 {
        margin-bottom: 44px;
    }
    .venues-section article{
        margin-bottom: 26px;
        height: calc(100% - 27px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .venues-section article h2 {
        margin-bottom: 15px;
    }
    .venues-section article picture img{
        height: 24vw;
        max-height: 220px;
        object-fit: cover;
        display: block;
        max-width: calc(100% + 33px);
        width: calc(100% + 33px);
        margin-left: -18px;
        margin-top: -12px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        margin-bottom: 17px;
    }
    .btn-venue{
        padding: 3px 22px;
    }
    .venues-section .btn-volunteer{
        margin-top: 70px;
        margin-bottom: 80px;
    }
    .teams-section{
        padding-bottom: 56px;
    }
    .teams-section h1{
        margin-top: 37px;
    }
    .groups-notification{
        border: 4px solid #1A83FB;
        border-radius: 12px;
        background-color: transparent;
        width: 100%;
        padding: 20px 40px;
        margin-left: 0;
        margin-bottom: 25px;
    }
    .group-w{
        margin-top: 15px;
    }
    .group-wrap .group-name{
        font-size: 1.8rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .group-wrap .group-teams {
        display: block;
        padding-top: 6px;
        padding-bottom: 12px;
        height: auto !important;
    }

    .matches:not(.open) {
        display: block;
    }

    .press-section h1{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .volunteer-section{
        padding-top: 181px;
        padding-bottom: 209px;
    }
    .volunteer-bt-wrap a .btn-text{
        font-size: 27px;
        border-radius: 47px;
        padding: 23px 36px;
    }
    .volunteer-bt-wrap .ll-3, .volunteer-bt-wrap .lr-3 {
        top: -29px;
        bottom: -29px;
        border-radius: 50%;
        width: 145px;
    }
    .volunteer-bt-wrap .ll-3 {
        left: -32px;
    }
    .volunteer-bt-wrap .lr-3 {
        right: -32px;
    }
    .volunteer-bt-wrap .ll-2, .volunteer-bt-wrap .lr-2 {
        top: -66px;
        bottom: -66px;
        border-radius: 143px;
    }
    .volunteer-bt-wrap .ll-2 {
        left: -83px;
        width: 115%;
    }
    .volunteer-bt-wrap .lr-2 {
        right: -66px;
        width: 59%;
    }
    .volunteer-bt-wrap .ll-1, .volunteer-bt-wrap .lr-1 {
        border-radius: 143px;
        top: -66px;
        bottom: -66px;
    }
    .page #main{
        padding-bottom: 160px;
    }
    .page .content_wrapper {
        margin-top: -145px;
    }
    .content_wrapper h1{
        padding-bottom: 15px;
    }
    .content_wrapper .content {
        border-radius: 25px;
        padding-bottom: 48px;
        margin-bottom: 80px;
        overflow: auto;
    }
    .content_title{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .content-article time{
        font-size: 16px;
    }
    .page .news_list article img,
    .page .news_list_sidebar article img {
        height: 15vw;
    }

    .faq-section{
        padding-top: 60px;
        padding-bottom:102px;
    }
    .faq-section h1{
        padding-bottom: 43px;
    }
    .faq-section .faq-wrapper{
        padding: 10px 45px;
    }
    .faq-section .faq-wrapper .faq-question{
        padding: 6px 0;
    }
    .faq-section .faq-wrapper{
        margin: 12px 0;
    }
    .faq-section .faq-wrapper .faq-question:after{
        top: 12px;
        right: -28px;
    }
    .partners-organisers-section {
        padding-top: 67px;
    }
    .partners-organisers-section h2{
        margin-bottom: 20px;
    }
    .partners-organisers-section .partners .col {
        padding-bottom: 63px;
    }
    .footer-text{
        padding-top: 45px;
    }
    .footer-text strong{
        display: inline;
    }

    .sticker {
        top: 30%;
        margin-left: 40%;
        width: 50%;
    }

 }

/* `lg` applies to medium devices */
@media (min-width: 992px) {
    .video_container iframe {
        width: 800px;
        height: 450px;
    }
    .row-cols-lg-9>* {
        flex: 0 0 auto;
        width: 11.11111111111112%;
    }
    .europeada-map{
        background-position: 163% -3vw;
    } 
}

/* `xl` applies to large devices */
@media (min-width: 1200px) {
    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 4rem;
    }
    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 5rem;
    }
    .g-xl-10, .gx-xl-10 {
        --bs-gutter-x: 10rem;
    }
    .bt-xl-7{
        border-width: 7px;
    }
    .row-cols-xl-12>* {
        flex: 0 0 auto;
        width: 8.333333333333334%;
    }
    .f-xl-13{
        font-size: 1.3rem !important;
    }
    .f-xl-26{
        font-size: 2.6rem !important;
    }
    .f-xl-37{
        font-size: 3.7rem !important;
    }
    .f-xl-54{
        font-size: 5.4rem !important;
    }
    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .px-xl-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .px-xl-30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .px-xl-132{
        padding-left: 132px !important;
        padding-right: 132px !important;
    }
    .px-xl-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pb-xl-42{
        padding-bottom: 42px;
    }
    .pt-xl-54{
        padding-top: 54px;
    }
    .px-xl-30  .row {
        margin-right: 0;
        margin-left: 0;
    }
    .w-xl-50{
        width: 50%;
    }
    #header{
        font-size: 1.2rem;
        background-color: transparent;
        transition: all 0.4s;
    }
    .site_desc_line{
        background-color: #0F0B3C;
    }
    #header.scroll .site_desc_line{
        display: none !important;
    }
    #header.scroll .navbar{
        background-color: #0F0B3C;
    }
    #header.scroll .main-menu li a.nav-link {
        padding: 8px 0 8px 0 !important;
        font-size: 1.3rem;
    }
    #header.scroll .main-menu li:hover a.nav-link {
        padding: 8px 0 6px 0 !important;
    }
    #header.scroll .language-menu, #header.scroll .social_menu{
        padding-bottom: 0px;
    }
    #header.scroll .social_menu a {
        color: rgba(255,255,255,.5);
    }
    .flag_circle{
        height: 23px !important;
        width: 23px !important;
    }
    .content .flag_circle{
        height: 43px !important;
        width: 43px !important;
        margin-right: 10px;
    }
    .menu_container{
        width: 100%;
        padding-right: 0;
        align-items: center;
        display: flex;
    }
    .main-menu{
        width: 100%;
        padding-bottom: 0;
        padding-top: 0;
    }
    .navbar-expand-xl .navbar-nav{
        justify-content: space-between;
    }
    .main-menu ul {
        border-right: none;
    }
    .main-menu li, .language-menu li {
        padding-left: 0;
    }
    .main-menu li {
        border-left: 0;
        border-bottom: 0 solid #fff;
        margin: 5px 0;
    }
    .main-menu li.active,
    .main-menu li:hover {
        color: #fff;
        border-bottom-width: 2px;
    }
    .main-menu li a.nav-link {
        padding: 19px 0 6px 0 !important;
    }
    .language-menu{
        width: auto;
        order: 3;
        padding-bottom: 8px;
    }
    .language-menu .selected_lang{
        padding: 7px;
        cursor: pointer;
    }

    .language-menu .navbar-nav{
        display: none;
        background-color: rgba(39, 51, 137, 0.9);
        position: absolute;
        flex-direction: column;
        right: -11px;
        margin-top: 12px;
        padding-right: 18px;
        padding-left: 18px;
    }
    .language-menu.open .navbar-nav{
        display: block;
    }
    .language-menu {
        padding-top: 0;
    }
    .language-menu li{
        padding-right: 0;
    }
    .language-menu a.nav-link{
        color: #c4c4c4;
        display: flex;
        padding: 8px 0 !important;
        justify-content: flex-end;
    }

    .social_menu{
        position: static;
        flex-direction: row;
        align-items: center;
        padding-bottom: 0;
        margin-left: 2.375vw;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .social_menu a{
        background-color: transparent;
        color: rgba(255,255,255,.3);
        font-size: 2.2rem;
        margin: 5px 10px;
    }
    #main{
        padding-top: 135px;
    }
    .europeada-map {
        background-size: 65%;
        background-position: 100% 0;
        margin-top: -347px;
        padding: 205px 6vw 218px 51% !important;
    }
    .europeada-logo {
        padding-top: 78px;
        width: 36%;
    }
    .europeada-logo img{
        max-width: 282px;
    }
    .europeada-map::after{
        left: 0;
        right: 0;
    }
    #livestream{
        max-width: 1000px;
    }
    #livestream .video_container iframe {
        height: 555px;
    }
    #trophy{
        width: 59.51%;
        padding-left: 0;
        padding-right: 0;
    }
    #trophy h1{
        padding-top: 40px;
    }
    #trophy .gradient-box img{
        margin-top: 16px;
    }
    #trophy .gradient-box:before{
        right: calc(615px * 0.33);
        background-position: 100% 39%;
        background-size: 69%;
    }
    #trophy h2{
        max-width: 70%;
        margin-top: -22px;
        padding: 0 30px 0 42px;
    }
    #news{
        width: calc(100% - 59.51%);
        border-radius: 16.569px;
        background: linear-gradient(180deg, rgba(32, 112, 231, 0.10) 0%, rgba(32, 112, 231, 0.00) 100%);
    }
    #news h1{
        padding-left: 63px;
        padding-top: 32px;
    }
    .news_container{
        margin-top: 13px;
        padding-left: 63px;
        padding-right: 17px;
    }
    #news article img {
        margin-bottom: 17px;
    }
    #news h2{
        margin-bottom: 16px;
    }
    .info-desc{
        column-count: 2;
        column-gap: 66px;
    }
    .with-line{
        margin-top: 47px;
        margin-bottom: 31px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 5rem !important;
    }
    .px-xl-0.with-line-c:before {
        left: 0;
        right: 0;
    }
    .info-section{
        scroll-margin: 70px;
        background-image: url('/img/waves_3.svg');
        background-repeat: no-repeat;
        background-position: center 34%;
        background-size: contain;
    }
    .info-section h2 {
        font-size: 2.5rem;
        text-align: left !important;
        margin-top: 14px;
        margin-bottom: 29px;
    }
    .info-text{
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .info-tournament-details{
        max-width: 60%;
        margin: 0 auto;
    }
    .trophy-section {
        padding-top: 130px;
    }
    .trophy-section h1{
        padding-bottom: 37px;
    }
    .trophy-image {
        width: 94%;
        margin: -7px auto -13px auto;
    }
    .trophy-section .btn-volunteer {
        margin-top: -190px;
        margin-right: 33px;
    }
    .btn-volunteer span {
        padding: 11.5px 17px;
    }
    .hosts-section .container-xl {
        padding-bottom: 125px;
    }
    .hosts-section h1{
        padding-bottom: 54px;
    }
    .hosts-section article{
        font-size: 1.6rem;
        max-width: 95%;
        padding-bottom: 20px;
    }
    .hosts-section article picture{
        background-color: #fff;
        border-radius: 17px;
        padding: 20px;
        width: 100%;
    }
    .hosts-section article picture img{
        height: 270px;
        object-fit: contain;
        display: block;
        width: 100%;
    }
    .hosts-section .row .col-12:nth-child(even) article {
        margin-left: auto;
    }
    .hosts-section h3{
        padding-bottom: 25px;
    }
    .venues-section {
        padding-top: 111px;
    }
    .venues-section article picture img{
        height: 160px;
        margin-bottom: 22px;
    }
    .venues-section article{
        padding-bottom: 26px;
        height: calc(100% - 27px);
    }
    .btn-venue {
        font-size: 1.4rem;
    }
    .teams-section{
        padding-top: 39px;
    }
    .teams-section h1{
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .teams-container{
        border-radius: 84px;
        padding: 22px 50px 13px 50px;
    }
    .team-w{
        margin-bottom: 60px;
    }
    .team-logo{
        width: 76px;
        height: 76px;
        margin-bottom: 9px;
    }
    .team-logo img {
        margin-top: 8px;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
    }
    .content .team-logo{
        width: 120px;
        height: 120px;
        margin-bottom: 0;
    }
    .content .team-logo img {
        margin-top: 14px;
        margin-left: 7px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border-radius: 26px;
    }
    .content .team-logo.cover img {
        border-radius: 50%;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .team-name{
        font-size: 1.1rem;
    }
    .teams-section{
        overflow: hidden;
        padding-bottom: 123px;
    }
    .teams-section h1 {
        margin-top: 36px;
    }
    .groups-notification{
        font-size: 2.2rem;
        text-align: center;
    }
    .group-wrap .group-name{
        font-size: 2.2rem;
    }
    .groups{
        position: relative;
    }
    .groups:before{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc((100vw - 1100px) / -2);
        left: calc((100vw - 1100px) / -2);
        background-image: url('/img/waves_4.svg');
        background-repeat: no-repeat;
        background-position: center 40%;
        background-size: contain;
    }
    .groups-container{
        position: sticky;
        z-index: 1;
    }
    .group-team .team-logo{
        flex-shrink: 0;
    }
    .group-team .team-logo img {
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        margin-top: 2px;
    }
    .group-team .team-logo.cover img {
        width: calc(100%);
        height: calc(100%);
        margin-top: 0;
    }
    .press-section h1 {
        padding-top: 95px;
        padding-bottom: 22px;
    }
    .btn-outline-document{
        padding: 15px 25px;
        border-radius: 35px;
    }
    .btn-outline-press{
        padding: 25px 35px;
        border-radius: 35px;
    }
    .volunteer-section {
        padding-top: 229px;
        padding-bottom: 300px;
    }
    .volunteer-bt-wrap .ll-1 {
        margin-left: -85px;
    }
    .volunteer-bt-wrap .lr-1{
        margin-right: -85px
    }
    .faq-section {
        padding-top: 93px;
    }
    .faq-wrapper{
        max-width: 980px;
    }
    .faq-section h1 {
        padding-bottom: 17px;
    }
    .faq-section .faq-wrapper .faq-question{
        font-size: 1.9rem;
    }
    .faq-answer {
        font-size: 1.9rem;
    }
    .partners-organisers-section h1,
    .partners-organisers-section h2{
        /* text-align: start; */
    }
    .partners-organisers-section .partners img{
        width: 50%;
    }
    .partners-organisers-section .organisers a{
        width: 85%;
        height: 110px;
    }
    footer{
        padding-top: 19px;
    }
    .footer-text {
        padding-top: 4px;
    }
    footer .social-links{
        display: none;
    }

    /* Subpages */
    .page #main .europeada-logo,
    .page #main .europeada-map{
        display: block;
    }
    .page #main {
        padding-bottom: 184px;
    }
    .page .europeada-map{
        padding: 205px 6vw 188px 51%;
    }
    .page .content_wrapper{
        margin-top: -208px;
    }
    .content_wrapper .subtitle {
        padding-top: 53px;
    }
    .page .news_list article img,
    .page .news_list_sidebar article img {
        height: 13vw;
    }
    .page .news_list article a{
        padding-top: 7px;
        color: #2C3489;
        font-size: 23px;
        font-weight: bold;
    }
    .content-article picture img{
        float: right;
    }
    .content-article time{
        display: block;
        margin-top: 28px;
    }
    .content-article article{
        padding-top: 35px;
    }
    .content_title{
        padding-bottom: 32px;
    }
    .news_list_sidebar{
        width: 282px;
        margin-left: auto;
    }
    .news_list_sidebar img{
        width: 100%;
        height: 154px;
    }
    .news_list_sidebar > h2{
        padding-top: 18px;
        padding-bottom: 22px;
    }
    .content .match_team .team-logo img {
        margin-top: 8px;
        margin-left: 0px;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        border-radius: 26px;
    }

}

/* `xxl` applies to x-large devices */
@media (min-width: 1400px) { 
    .order-xxl-6{
        order: 6;
    }
    .order-xxl-7{
        order: 7;
    }
    .order-xxl-8{
        order: 8;
    }
    .order-xxl-9{
        order: 9;
    }
    .order-xxl-10{
        order: 10;
    }
    .f-xxl-19{
        font-size: 1.9rem !important;
    }
    .f-xxl-36{
        font-size: 3.6rem !important;
    }
    .f-xxl-54{
        font-size: 5.4rem !important;
    }
    .pt-xxl-68{
        padding-top: 68px;
    }
    .px-xxl-10{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .px-xxl-62{
        padding-left: 62px !important;
        padding-right: 62px !important;
    }
    .px-xxl-120{
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
    .px-xxl-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .social_menu{
        margin-left: 60px;
    }
    #header.scroll .main-menu li a.nav-link{
        font-size: 1.5rem;
    }
    #livestream{
        max-width: 1166px;
    }
    #livestream .video_container iframe {
        height: 647px;
    }
    #trophy .gradient-box{
        max-width: none;
    }
    #trophy .gradient-box img{
        max-width: 78%;
    }
    #trophy .gradient-box:before{
        right: calc(615px * 0.45);
    }
    .info-section {
        font-size: 1.6rem;
    }
    .info-connect{
        padding-left: 0 !important;
    }
    .info-strengthen{
        padding-right: 0 !important;
    }
    .info-header:before{
        display: none;
    }
    .info-header{
        text-align: left;
        padding-bottom: 105px;
        padding-right: 40px;
    }
    .info-header img{
        margin-top: 9px;
        margin-left: 12px;
        max-width: 100%;
    }
    .info-header:after {
        background-size: 100%;
        left: 9px;
        right: 25px;
        max-width: 286px;
        bottom: 0;
        top: auto;
        height: 85px;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .info-tournament-details{
        max-width: 48%;
        margin: initial;
    }
    .info-tournament-details .row{
        min-height: 90px;
    }
    .info-tournament-location{
        max-width: calc(100% - 360px);
        margin-left: 30px;
        font-size: 1.6rem;
    }
    .info-tournament-winners{
        width: 200px;
        font-size: 1.6rem;
    }
    .info-tournament-winners svg {
        margin-left: 15px;
        margin-right: 15px;
    }
    .info-section .container-fluid{
        padding-bottom: 86px;
    }
    .hosts-section{
        padding-top: 79px;
    }
    .venues-section article picture img{
        height: 190px;
    }
    .teams-container{
        /* margin-left: 160px; */
        position: relative;
    }
    /* .teams-container::before{
        content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: -140px;
        top: -28px;
        bottom: 0;
        width: 140px;
    }
    .team-m::before{
        background-image: url('/img/m_teams.png');
    }
    .team-w::before{
        background-image: url('/img/w_teams.png');
    } */
    .groups:before{
        right: calc((100vw - 1280px) / -2);
        left: calc((100vw - 1280px) / -2);
    }
    .volunteer-bt-wrap .ll-1 {
        margin-left: -175px;
    }
    .volunteer-bt-wrap .lr-1{
        margin-right: -175px
    }
    .page .news_list article img,
    .page .news_list_sidebar article img {
        height: 10vw;
    }
 }

@media (min-width: 1500px) { 
    .container-xl{
        max-width: 1440px;
    }
    #livestream{
        max-width: 1266px;
    }
    #livestream .video_container iframe {
        height: 705px;
    }
    .hosts-section article picture img{
        height: 300px;
    }
    .groups:before{
        right: calc((100vw - 1400px) / -2);
        left: calc((100vw - 1400px) / -2);
    }
    .volunteer-bt-wrap .ll-1{
        margin-left: -235px
    }
    .volunteer-bt-wrap .lr-1{
        margin-right: -235px
    }
}

@media (min-width: 1600px) { 
    #news{
        margin-right: -57px;
        width: calc((100% - 59.51%) + 57px);
    }
    .info-tournament-logo {
        width: 183px;
    }
    .info-tournament-details picture img {
        max-height: 83px;
    }
    .info-tournament-location{
        max-width: calc(100% - 436px);
    }
    .info-tournament-winners svg {
        margin-right: 20px;
        width: 36px;
        height: 34px;
    }
    .info-tournament-winners{
        width: 220px;
    }
    
}
@media (min-width: 1750px) { 
    .page .news_list article img,
    .page .news_list_sidebar article img {
        height: 170px;
    }
}

@media (min-width: 1750px) { 
    .info-section .container-fluid{
        max-width: 1690px;
    }
    .px-xxxl-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-xxxl-10{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .px-xxxl-132{
        padding-left: 132px !important;
        padding-right: 132px !important;
    }
}

@media (min-width: 1930px) { 
    #trophy .gradient-box:before{
        left: -700px;
        background-image: url('/img/waves.png');
    }
}