body{background-color:var(--body-background-color);background-image:var(--body-background-image);background-size:var(--body-background-size);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;color:var(--default-text-color);font-size:14px;font-family:arial,sans-serif;margin:0;line-height:20px;font-weight:400;display:flex;flex-direction:column;height:100%}

.forum .mobile_row,.mobile,.open_navmobile_btn,.schedule .mobile_row{display:none}

.open_navuser_btn{margin-right:calc(5% - 25px);width:125px;margin-top:20px;display:none}
div[class^=column-]{float:left;display:block;min-height:1px}
.column-1{width:8.3%}
.column-2{width:16.6%}
.column-3{width:25%}
.column-4{width:33.333%}
.column-5{width:41.5%}
.column-6{width:50%}
.column-7{width:58.1%}
.column-8{width:66.666%}
.column-9{width:75%}
.column-10{width:83%}
.column-11{width:91.3%}
.column-12{width:100%}

.openbtn{margin-top:-10px;margin-right:-15px;font-size:20px;cursor:help;background-color:var(--background);color:var(--theme-color1);padding:10px 15px;border:none;z-index:1;position:relative;float:right}
.o-topbar { width:100%; float:left; text-align:center;  letter-spacing: 1.5;}
.o-navbar {width:100%; float:left; text-align:center;}
.logo{background:url(images/light/logo.jpg) no-repeat center center;background-size:contain; width:300px; height:80px;margin:10px auto 5px auto;}
/*margin-top:10px; margin-left: calc(50% - 100px);*/
.o-navbar ul{width: 1100px; margin:auto; text-align:center; list-style-type:none;}

.o-navbar .navigation .active{border-bottom:5px solid #000;border-top:0 solid #000;padding:10px; height:40px;}
.o-navbar .navigation .broken,.o-navbar .sub_navigation .broken{color:red;text-decoration:line-through red}

.o-navbar .navigation li{ display:inline-block; width:auto; min-width:100px;color:var(--color);text-align:center;padding:10px; height:40px;}
.o-navbar ul.navigation li:hover{background:#000;color:#f1d61d;border-top:0 solid #000;border-bottom:0 solid #000;height:40px;padding:10px;transition:.25s ease-in-out}

#o-header{height:135px;background-color:var(--theme-color1);margin-bottom:25px;}
.userpanel {width:30%; max-width:300px; height:100%; text-align:left; float:right; margin-top:-135px; z-index:2; color:#000; vertical-align: middle; transition: .5s ease-in-out; padding:0 15px; cursor:pointer}
.userpanel_avatar { background-repeat: no-repeat; width:65px; height:65px; background-size:contain; vertical-align:middle; margin-right:15px; border-radius:50%; margin: auto; float:left; margin-top:35px;}
.userpanel:hover {background:#000; color:#fff;}
.new_msg {background:#ff0000; border-radius:50%; padding:4px 10px; text-align:middle; color:#fff; font-weight:bold; border: 5px solid #f2d515; margin-top:40px; margin-right:-10px;float:right;font-size:11px; transition: .5s ease-in-out;  height:38px; width:38px; text-align:center;}
.userpanel:hover .new_msg { border: 5px solid #000; }
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/*Blocks elements*/
.block{width:calc(100% - 25px); margin:12.5px;}
.block .header{width:calc(100% + 32px);padding:25px;margin-left:-16px; margin-bottom:15px;height:250px;background-repeat:no-repeat;background-position:center center;background-size:cover; position: relative;}
.block .header_pc{width:calc(100% + 32px);padding:25px;margin-left:-16px; margin-bottom:15px;height:250px;background-repeat:no-repeat;background-position:center center;background-size:cover; position: relative;}
.block .header_mobile{display:none;}

.dashboard_newsitem{display:table;width:calc(100% - 30px);margin-left:15px;border:0;margin-top:-3px}
.modal-content{background-color:var(--background);margin:5px auto;border:1px solid;border-color:var(--border);width:85%;max-width:750px;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;padding:25px;z-index:10}
.search{width:calc(50%);float:right;clear:none;display:block;margin-top:10px;text-align:right;margin-right:20px}
input[name=searchterm]{width:130px;box-sizing:border-box;border:0;font-size:16px;background-color:var(--theme-color1);background-image:url(images/search.jpg);background-size:15px 15px;background-position:10px 15px;background-repeat:no-repeat;padding:12px 20px 12px 40px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;margin:0;color:#999}
input[name=searchterm]:focus{width:95%;max-width:500px}
.avatar_box{width:75px;height:75px;float:left;margin-right:15px;display:block}
.avatar_box img{width:75px;border-radius:50%}
.avatar_box_edit{width:75px;height:75px;float:left;margin-right:15px;display:block;border-radius:50%;background-size:cover;opacity:0;z-index:4;position:relative;cursor:pointer;transition:.25s ease-in-out}
.avatar_box_edit:hover{opacity:1;background-image:url(images/hover2.png)!important}
.pick.avatar{width:150px}
.reply .container{width:100%;margin-top:-5px}
.reply .avatar_box{width:75px;min-height:80px;float:left;margin-right:15px;display:block}
.reply .avatar_box img{width:75px;border:0 solid #f2d515;border-radius:50%}
.reply .reply_header{width:calc(100% - 90px);float:left;margin-bottom:5px}
.reply .reply_header .username{font-size:16px;letter-spacing:1px;text-align:left}
.reply .reply_header .nickname{color:#999;text-align:left;font-size:10px;letter-spacing:1.5px}
.reply .reply_header .role{color:#999;text-align:left;font-size:10px;letter-spacing:1.5px}
.reply .content{width:calc(100% - 125px);float:left;min-height:20px}
.reply .data{margin-left:90px;width:calc(100% - 90px);bottom:0;float:left;margin-top:10px;font-size:10px;letter-spacing:1px;margin-bottom:-15px}
.reply .date{width:50%;float:left;padding:5px 0}
.reply .msg_id{width:50%;float:left;padding:5px;text-align:right}
.pagination_container{width:calc(100% - 30px);margin-bottom:10px;margin-top:10px;float:left;margin-left:15px;padding:0}
.pagination_move_page{width:calc(50% - 37.5px);float:left;min-height:1px}
.pagination_current_page{width:75px;float:left}
li.pagination{background:#f2d515;padding:15px 25px;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;color:#2b2b2b;transition:.25s ease-in-out;border:0;display:block;width:auto;cursor:pointer}
li.pagination:hover{background:#111;color:#ecedee}
li.pagination.older:hover{padding-left:30px;padding-right:20px}
li.pagination.older{float:left;margin-left:10px}
li.pagination.newer{float:right;margin-right:10px}
li.pagination.newer:hover{padding-left:20px;padding-right:30px}
li.pagination.page{float:left;width:100%;text-align:center}
.forum .row,.schedule .row{display:table-row;float:left;height:auto;clear:both;width:calc(100% - 200px)}
.forum a{color:#2b2b2b}
.pc{width:calc(100% + 30px);float:left;margin:5px;margin-left:-15px;transition:.25s ease;height:86px}
.pc:after{content:"\2794";margin:0;font-size:15px;vertical-align:middle;text-align:right;float:right;background:#f2d515;padding:32px 15px;position:relative;transition:.25s ease}
.pc:hover{background:#2b2b2b!important;color:#ecedee}
.pc.tickets:hover:after{background:#111!important;color:#ecedee;padding-right:25px;content:"\2794 \2000 Tickets"}
.pc.forum:hover:after{background:#111!important;color:#ecedee;padding-right:25px;content:"\2794 \2000 Open forum"}
.pc.join_discussion:hover:after{background:#111!important;color:#ecedee;padding-right:25px;content:"\2794 \2000 Praat mee"}
.schedule .date,.schedule .team1,.schedule .team2,.schedule .time{vertical-align:middle;display:table-cell;height:100%;padding:15px 0}
.schedule .date{width:15%;padding-left:25px;float:left}
.schedule .team1{width:35%;text-align:right;float:left;margin-top:12px}
.schedule .time{width:15%;max-width:80px;text-align:center;padding:0 15px;float:left;vertical-align:middle}
.schedule .result{vertical-align:middle;width:100%;margin-top:25px}
.schedule .team2{width:35%;text-align:left;float:left;margin-top:12px}
.schedule .team1 img,.schedule .team2 img{width:30px}
.schedule .team1 img{vertical-align:middle;margin-left:10px}
.schedule .team2 img{vertical-align:middle;margin-right:10px}
.forum .thread{padding:10px;width:calc(100% - 200px);vertical-align:middle;display:table-cell}
.thread_title{text-transform:uppercase;letter-spacing:1.5px;font-size:18px}
.thread_description{font-size:9px}
.alertbox{padding:20px;background-color:#f44336;color:#fff;display:block;transition:all .25s ease-in-out;margin-bottom:15px;height:auto;width:calc(100% - 30px);margin-left:15px;float:left}
.news_article h1,.news_article h2,.news_article h3{padding:10px 0;margin:0;clear:none;text-transform:uppercase;letter-spacing:1.5px;border:0;display:inline}
.player_border_1{border-left:7px solid #f07130!important}
.player_border_2{border-left:7px solid #efd32f!important}
.player_border_3{border-left:7px solid #5bbc1a!important}
.player_border_4{border-left:7px solid #0c4df2!important}
footer .sponsors img{min-width:120px;max-width:5%;opacity:.5;transition:opacity .25s ease-in-out;margin:0 6px;filter:brightness(0) invert(1)}
#o-sponsors img:hover,footer .sponsors img:hover{opacity:1;filter:brightness(1) invert(0)}
footer span{padding:0 12.5px}
.socialmedia{clear:none;width:auto;float:right}
.socialmedia img{opacity:.5;float:right;margin-right:25px;filter:brightness(0) invert(1);width:35px;transition:.25s ease-in-out}
.socialmedia img:hover{opacity:1}
.mobile_only{display:none}
.login_container{width:100%;float:left;font-size:10px}
.login_icon{width:67.5px;height:67.5px;float:left;background:#f2d515;text-align:center;margin-top:7.5px;padding-top:17.5px}
.login_icon img{width:30px}
.login_field{width:calc(100% - 67.5px);float:left}
.create_url_card{float:left;width:100%;border:1px solid #eee;border-radius:5px;margin:5px 15px 15px 0;clear:both;display:block;transition:.25s ease-in-out;letter-spacing:0}
.create_url_card .img{float:left;float:left;clear:none;width:100%;max-width:175px;margin-right:10px}
.create_url_card img{width:100%;max-width:175px;object-fit:cover}
.create_url_card .text{padding:0;width:calc(100% - 185px);margin-top:-10px;float:left;clear:none}
.create_url_card .host_info{margin-bottom:0}
.article_footer_left{float:left;width:calc(100% - 250px);text-align:left;display:block;vertical-align:middle;display:table-cell;padding-top:15px;position:relative}
.article_footer_right{float:left;width:250px;text-align:right;display:block;font-weight:700;top:auto;bottom:0;right:10px;position:absolute}
.sub_nav_matchcenter_container {width:calc(100% + 31px); float:left; margin-left:-15.5px; margin-top:-15px; clear:both; overflow:hidden; background:#1f1f1f; margin-bottom:-15px; display: block; padding-bottom:15px; float:left;}


.create_url_card_v2{float:left;width:100%;border:1px solid #eee;border-radius:5px;margin:5px 15px 15px 0;clear:both;display:block;transition:.25s ease-in-out;letter-spacing:0; position: relative;}
.create_url_card_v2 .img{float:left;float:left;clear:none;width:100%;max-width:175px; margin-right:10px}
.create_url_card_v2 img{width:100%;max-width:175px; height:100px; object-fit:cover; background-position: center center;}
.create_url_card_v2 .text{padding:0;width:calc(100% - 185px);margin-top:-10px;float:left;clear:none}
.create_url_card_v2 .host_info{bottom:0; float:left; position: absolute;}

.player-column{min-width:125px; width: 20%; max-width:300px; float:left; }
.player_block{background-position:top center;background-size:cover;display:table;border:0;padding:0;margin:0 10px; width:95%; border-radius:10px; margin-bottom:20px;}
.player_block:hover{background-color:#000}

.player_row{border-radius: 0px 0px 10px 10px; height:450px; right:0;transition:all .25s ease-in-out; background:-webkit-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:-moz-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:-ms-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);opacity:.5;vertical-align:bottom;display:table-cell;padding:15px}
.player_info{color:#ededee;opacity:1;z-index:3;font-size:16px;text-transform:uppercase;letter-spacing:1.5px;float:left;display:block;right:0;bottom:0}
.player_row span.number{color:#ededee;opacity:1;z-index:3;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}
.player_row:hover{transition:all .25s ease-in-out;background:-webkit-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:-moz-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:-ms-linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);background:linear-gradient(bottom,#000 100px,rgba(0,0,0,0) 100px);opacity:.9;padding-bottom:25px}

.motm_block { width:calc(20% - 15px); min-width: 125; float:left; margin-left:7.5px;margin-right:7.5px; margin-bottom:15px; clear:none; cursor:pointer; }

.gallerythumbnail img {width:calc(25% - 10px); margin:5px;}