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 .pc_row,.o-topnav,.pc,.schedule .pc_row,.search {display:none;height:0}

.logo{margin:10px 0px; width:calc(100% - 140px);background-image: url(images/light/logo.jpg); background-position: center center; background-repeat:no-repeat; background-size:contain;height:70px;clear:none;float:left;}

.open_navuser_btn, .open_navmobile_btn{font-size:30px; font-weight:bolder; width:50px; cursor:pointer;float:left; margin-top:35.5px; margin-bottom:-10.5px;  font-weight:bold;}

.open_navmobile_btn{margin-left:20px;}
.open_navuser_btn{margin-right:20px;}

div[class^=column-]{width:100%}

/*Blocks elements*/
.block{width:100%; margin-top:15px;}
.block:last-child{margin-bottom:15px;}
.block .header{width:calc(100% + 31px);padding:25px;margin-left:-15.5px; height:250px;background-repeat:no-repeat;background-position:center center;background-size:cover; position: relative; clear:both; float:left;}
.block .header_pc {display:none;}
.block .header_mobile{width:calc(100% + 31px);padding:25px;margin-left:-15.5px; height:250px;background-repeat:no-repeat;background-position:center center;background-size:cover; position: relative; clear:both; float:left;}

.dashboard_newsitem{display:table;width:100%;border:0; margin-bottom: 10px;}
.dashboard_item_news {background-size:cover;}
.modal-content{background-color:#fefefe;margin:5px auto;border:1px solid #888;width:45%;width:85%;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;padding:25px}

/*pagination*/
.pagination_container{width:100%;margin-bottom:10px;margin-top:10px;float:left;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;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:20px;padding-right:10px}
li.pagination.older{float:left;margin-left:5px}
li.pagination.newer{float:right;margin-right:5px}
li.pagination.newer:hover{padding-left:10px;padding-right:20px}
li.pagination.page{float:left;width:100%;text-align:center}

.openbtn{margin-top:-20.5px;margin-right:-5.5px;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}
.toolbox-container{width:30px;float:left;height:50px;float:right;margin-top:-35px;margin-right:10px}
.toolbox{max-height:275px}

/*avatar*/
.avatar_box{width:60px;height:75px;float:left;margin-right:5px;display:block}
.avatar_box img{width:60px;border-radius:50%}
.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:calc(33.333% - 15px)}

/*forum reply*/
.reply .container{width:calc(100% + 20px);margin-left:-10px;margin-top:-10px}
.reply .avatar_box{width:60px;min-height:80px;float:left;margin-right:10px;display:block}
.reply .avatar_box img{width:60px;border:0 solid #f2d515;border-radius:50%}
.reply .reply_header{width:calc(100% - 70px);float:left;margin-bottom:5px;margin-top:15px}
.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% - 70px);float:left;min-height:20px}
.reply .data{margin-left:70px;width:calc(100% - 70px);bottom:0;float:left;float:left;margin-top:0;font-size:10px;letter-spacing:1px;margin-bottom:-20px}
.reply .date{width:50%;float:left;padding:5px 0}
.reply .msg_id{width:50%;float:left;padding:5px;text-align:right}
.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}


.mobile_row{width:100%;float:left}
.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:13px}
.thread_description{font-size:9px;padding-right:35px}
.forum .row,.schedule .row{display:table-row;float:left;height:auto;clear:both;width:100%;text-align:left;margin:5px 0}
.forum a{color:#2b2b2b}
.mobile.forum:after, .mobile.join_discussion:after{margin-top:-14px;}
.mobile.forum:hover:after{background:#111!important;color:#ecedee;padding-right:25px;content:"\2794 \2000 Open";}
.mobile.join_discussion:hover:after{background:#111!important;color:#ecedee;padding-right:25px;content:"\2794 \2000 Praat mee";}
.mobile_row .row span{padding:0 25px}

.mobile{width:calc(100% + 30px);float:left;height:52px;margin:5px;margin-left:-15px;transition:.25s ease;padding-left:10px;}
.mobile:after{content:"\2794";margin-right:0;top:-46px;font-size:15px;vertical-align:middle;text-align:right;float:right;background:#f2d515;padding:15px;position:relative;margin-top:-1px;transition:.25s ease;}
.mobile .date{width:55%;display:block;text-align:left;float:left;margin-top:-15px;}
.mobile:hover{background:#2b2b2b!important;color:#ecedee}
.mobile:hover:after{background:#111!important;color:#ecedee;padding-right:25px}
.alertbox{padding:20px;background-color:#f44336;color:#fff;display:block;transition:all .25s ease-in-out;margin-bottom:15px;height:auto;width:100%;float:left}


/*footer*/
#o-sponsors{background:#282a2b;text-align:center;min-height:45px;padding:5px 0}
#o-sponsors img{max-width:75px;opacity:.5;transition:opacity .25s ease-in-out;transition:filter .25s ease-in-out;margin:0 10px}
#o-sponsors img:hover{opacity:1;transition:opacity .25s ease-in-out}
footer .sponsors img{width:20%;min-width:100px;opacity:.5}

.socialmedia{padding-top:15px;clear:both;width:100%;text-align:center}
.socialmedia img{opacity:.5;margin-right:25px;filter:brightness(0) invert(1);width:25px;transition:.25s ease-in-out}
.socialmedia img:hover{opacity:1}

.o-navbar ul{display:none;}
#o-header{height:100px;width:100%;background-color:var(--theme-color1);margin:0;padding:0;float:left;display:block; clear:both;}

.pc_only {display:none;}

.login_container { width:100%; float:left; font-size:10px;}
.login_icon { width:65.5px; height:65.5px; float:left; background:#f2d515; text-align:center; margin-top:8px; padding-top:17.5px;}
.login_icon img { width:30px; }

.login_field { width: calc(100% - 65.5px);  float:left;}

.create_url_card {float:left; width:100%; border: 1px solid #eee; border-radius:5px; margin:5px 15px 15px 0px; clear:both; display:block; transition: .25s ease-in-out;}
/*.create_url_card .img_blurred {float:left; clear:none; width:100%; height:160px; margin-right:10px; text-align:center; background-position: center center; filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);}
*/
.create_url_card .img {float:left; clear:none; width:100%; margin-right:10px; text-align:center; background-image: url("https://wijzijnrodajc.nl/images/funcs/create_url/blurred.jpg");}
.create_url_card img { height: 100%; max-height:150px; object-fit:cover; max-width:100%;}
.create_url_card .text {padding:10px; width: 100%; float:left; clear:none; margin-top:-15px;}
.create_url_card .host_info {margin-bottom:0;}


.article_footer_left   {float:left; width:100%; margin:auto; text-align:center; vertical-align: middle; padding-top:0px; background:#f1f1f1; clear:both;}
.article_footer_left span {text-align: center; display: inline-block; clear:none; float:unset;}
.article_footer_right  {float:left; width:100%; text-align:center; bottom:0; padding-top:10px; padding-right:10px; font-weight:bold; padding-bottom:10px; margin-bottom:-20px;}

.sub_nav_matchcenter_container {width:calc(100% + 31px); float:left; margin-left:-15.5px; clear:both; overflow:hidden; background:#1f1f1f; margin-bottom:-15px; display: block; padding-bottom:15px;}

.create_url_card_v2 {float:left; width:100%; border: 1px solid #eee; border-radius:5px; margin:5px 15px 15px 0px; clear:both; display:block; transition: .25s ease-in-out;}
.create_url_card_v2 .img {float:left; clear:none; width:100%; margin-right:10px; text-align:center;}
.create_url_card_v2 img { height: 100%; max-height:150px; object-fit:contain; max-width:100%;}
.create_url_card_v2 .text {padding:10px; width: 100%; float:left; clear:none; margin-top:-15px;}
.create_url_card_v2 .host_info {margin-bottom:0;}

.player-column{max-width: 50%; 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:300px; 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(50% - 15px); min-width: 150px; float:left; margin-left:7.5px;margin-right:7.5px; margin-bottom:15px; clear:none; cursor:pointer; }


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