/*
Theme Name: Wielerflits 2018
Theme URI: wielerflits.nl
Author: Southfields Digital
Author URI: http://southfields.nl
Description:
Version: 0.1.0
*/

/* Global */
#single_content iframe {
    max-width: 100%;
}
script {
    display: none !important;
}

/* Calendar */
.get_calendar_events {
    cursor: pointer;
}

#backToInbox {
    clear: both;
    display: block;
    width: 200px;
    margin-top: 20px;
}

.page-item .page-link.current {
    z-index: 1;
    color: #212529;
    background-color: #fff;
    border-color: #fff;
}

/* Ajax loader */
.ajax_loader {
    border: 5px solid #f4f4f4; /* Light grey */
    border-top: 5px solid #0587c3; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: 10px auto 20px auto;
    clear: both;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Live Chat */
#live_chat {
    width: 100%;
    max-width: 336px;
}

#live_chat .sheet_header .zmdi {
    font-size: 1.5em;
    display: inline-block;vertical-align: middle;
}

#live_chat .sheet_header.opened .zmdi {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#chatroom {
    display: none;
}

#chat_messages_container {
    height: 320px;
    overflow-y: scroll;
    padding: 5px;
}

#chat_messages {
    display: flex;
    flex-direction: column-reverse;
}

#chat_messages .chat_message {
    padding: 8px 10px;
    border-bottom: 1px solid #dcdcdc;
    margin: 0;
}

#chat_messages .chat_message:first-child {
    border: none;
}

#chat_messages .chat_message .chat_user {
    margin-right: 5px;
}

#chat_input {
    padding: 5px;
}

#chat_input textarea {
    margin-bottom: 10px;
    resize: none;
}

#chat_input .button {
    width: 100%;
}

@media screen and (max-width: 1243px) {
    #live_chat {
        position: fixed !important;
        height: auto;
        bottom:0;
        right:0;
        z-index: 999;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1244px) {
    #chatroom {
        display: block !important;
    }
    #live_chat .sheet_header .zmdi {
        display: none;
    }
    #chat_messages_container {
        height: 440px;
    }
}

.hidden {
    display: none !important;
}

#live_post_loader_wrapper {
    width: 100%;
    text-align: center;
}
#live_post_loader {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
#live_post_loader div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #ffc300;
    animation: live_post_loader 3s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
#live_post_loader div:nth-child(1) {
    left: 6px;
    animation-delay: -0.30s;
}
#live_post_loader div:nth-child(2) {
    left: 26px;
    animation-delay: -0.15s;
}
#live_post_loader div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes live_post_loader {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}


/* Live ticker */
#live_post_wrapper {
    padding-right: 15px;
}

#refresh_notification {
    width: 100%;
    margin-bottom: 10px;
}

#live_post_wrapper .live_post {
    border:2px solid #f4f4f4;
    position: relative;
    margin: 0 0 10px 0;
}

#live_post_wrapper .live_post p {
  font-weight: normal !important;
}

#live_post_wrapper .live_post .live_post_inner {
    margin: 0;
    padding-right: 20px;
}

#live_post_wrapper .live_post .live_post_inner .lead-intro {
    font-weight: normal;
}

#live_post_wrapper .live_post_datum {
    position: absolute;
    right:0;
    top: 15px;
    width: 44px;
    height: 44px;
    margin: 0 -22px 0 0;
    background-color: #ffc300;
    font-size: 0.875em;
    font-weight: bold;
    border-radius: 99px;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

#live_post_wrapper .live_post:nth-child(odd) {
    background-color: #fbfbfb;
}

#live_post_wrapper .live_post {
    padding: 10px;
}

@media screen and (min-width: 1008px) {
    #live_post_wrapper .live_post {
        padding: 15px;
    }
}

/*** FLAGS ***/
.flag {
    width: 16px;
    height: 11px;
    background: url(https://wielerflits.nl/wp-content/themes/WF2018/assets/img/flags.png) no-repeat
}

div.flag {
    display: inline-block
}

.flag.flag-ad{background-position:-16px 0}.flag.flag-ae{background-position:-32px 0}.flag.flag-af{background-position:-48px 0}.flag.flag-ag{background-position:-64px 0}.flag.flag-ai{background-position:-80px 0}.flag.flag-al{background-position:-96px 0}.flag.flag-am{background-position:-112px 0}.flag.flag-an{background-position:-128px 0}.flag.flag-ao{background-position:-144px 0}.flag.flag-ar{background-position:-160px 0}.flag.flag-as{background-position:-176px 0}.flag.flag-AUT,.flag.flag-at{background-position:-192px 0}.flag.flag-AUS,.flag.flag-au{background-position:-208px 0}.flag.flag-aw{background-position:-224px 0}.flag.flag-az{background-position:-240px 0}.flag.flag-ba{background-position:0 -11px}.flag.flag-bb{background-position:-16px -11px}.flag.flag-bd{background-position:-32px -11px}.flag.flag-BEL,.flag.flag-be{background-position:-48px -11px}.flag.flag-bf{background-position:-64px -11px}.flag.flag-bg{background-position:-80px -11px}.flag.flag-bh{background-position:-96px -11px}.flag.flag-bi{background-position:-112px -11px}.flag.flag-bj{background-position:-128px -11px}.flag.flag-bm{background-position:-144px -11px}.flag.flag-bn{background-position:-160px -11px}.flag.flag-bo{background-position:-176px -11px}.flag.flag-br{background-position:-192px -11px}.flag.flag-bs{background-position:-208px -11px}.flag.flag-bt{background-position:-224px -11px}.flag.flag-bv{background-position:-240px -11px}.flag.flag-bw{background-position:0 -22px}.flag.flag-by{background-position:-16px -22px}.flag.flag-bz{background-position:-32px -22px}.flag.flag-CAN,.flag.flag-ca{background-position:-48px -22px}.flag.flag-catalonia{background-position:-64px -22px}.flag.flag-cd{background-position:-80px -22px}.flag.flag-cf{background-position:-96px -22px}.flag.flag-cg{background-position:-112px -22px}.flag.flag-SUI,.flag.flag-ch{background-position:-128px -22px}.flag.flag-ci{background-position:-144px -22px}.flag.flag-ck{background-position:-160px -22px}.flag.flag-cl{background-position:-176px -22px}.flag.flag-cm{background-position:-192px -22px}.flag.flag-cn{background-position:-208px -22px}.flag.flag-COL,.flag.flag-co{background-position:-224px -22px}.flag.flag-cr{background-position:-240px -22px}.flag.flag-cu{background-position:0 -33px}.flag.flag-cv{background-position:-16px -33px}.flag.flag-cw{background-position:-32px -33px}.flag.flag-cy{background-position:-48px -33px}.flag.flag-CZE,.flag.flag-cz{background-position:-64px -33px}.flag.flag-GER,.flag.flag-de{background-position:-80px -33px}.flag.flag-dj{background-position:-96px -33px}.flag.flag-DEN,.flag.flag-dk{background-position:-112px -33px}.flag.flag-dm{background-position:-128px -33px}.flag.flag-do{background-position:-144px -33px}.flag.flag-dz{background-position:-160px -33px}.flag.flag-ECU,.flag.flag-ec{background-position:-176px -33px}.flag.flag-ee{background-position:-192px -33px}.flag.flag-eg{background-position:-208px -33px}.flag.flag-eh{background-position:-224px -33px}.flag.flag-england{background-position:-240px -33px}.flag.flag-er{background-position:0 -44px}.flag.flag-ESP,.flag.flag-es{background-position:-16px -44px}.flag.flag-et{background-position:-32px -44px}.flag.flag-eu{background-position:-48px -44px}.flag.flag-fi{background-position:-64px -44px}.flag.flag-fj{background-position:-80px -44px}.flag.flag-fk{background-position:-96px -44px}.flag.flag-fm{background-position:-112px -44px}.flag.flag-fo{background-position:-128px -44px}.flag.flag-FRA,.flag.flag-fr{background-position:-144px -44px}.flag.flag-ga{background-position:-160px -44px}.flag.flag-GBR,.flag.flag-gb{background-position:-176px -44px}.flag.flag-gd{background-position:-192px -44px}.flag.flag-ge{background-position:-208px -44px}.flag.flag-gf{background-position:-224px -44px}.flag.flag-gg{background-position:-240px -44px}.flag.flag-gh{background-position:0 -55px}.flag.flag-gi{background-position:-16px -55px}.flag.flag-gl{background-position:-32px -55px}.flag.flag-gm{background-position:-48px -55px}.flag.flag-gn{background-position:-64px -55px}.flag.flag-gp{background-position:-80px -55px}.flag.flag-gq{background-position:-96px -55px}.flag.flag-gr{background-position:-112px -55px}.flag.flag-gs{background-position:-128px -55px}.flag.flag-gt{background-position:-144px -55px}.flag.flag-gu{background-position:-160px -55px}.flag.flag-gw{background-position:-176px -55px}.flag.flag-gy{background-position:-192px -55px}.flag.flag-hk{background-position:-208px -55px}.flag.flag-hm{background-position:-224px -55px}.flag.flag-hn{background-position:-240px -55px}.flag.flag-hr{background-position:0 -66px}.flag.flag-ht{background-position:-16px -66px}.flag.flag-hu{background-position:-32px -66px}.flag.flag-ic{background-position:-48px -66px}.flag.flag-id{background-position:-64px -66px}.flag.flag-IRL,.flag.flag-ie{background-position:-80px -66px}.flag.flag-ISR,.flag.flag-il{background-position:-96px -66px}.flag.flag-im{background-position:-112px -66px}.flag.flag-in{background-position:-128px -66px}.flag.flag-io{background-position:-144px -66px}.flag.flag-iq{background-position:-160px -66px}.flag.flag-ir{background-position:-176px -66px}.flag.flag-is{background-position:-192px -66px}.flag.flag-ITA,.flag.flag-it{background-position:-208px -66px}.flag.flag-je{background-position:-224px -66px}.flag.flag-jm{background-position:-240px -66px}.flag.flag-jo{background-position:0 -77px}.flag.flag-jp{background-position:-16px -77px}.flag.flag-ke{background-position:-32px -77px}.flag.flag-kg{background-position:-48px -77px}.flag.flag-kh{background-position:-64px -77px}.flag.flag-ki{background-position:-80px -77px}.flag.flag-km{background-position:-96px -77px}.flag.flag-kn{background-position:-112px -77px}.flag.flag-kp{background-position:-128px -77px}.flag.flag-kr{background-position:-144px -77px}.flag.flag-kurdistan{background-position:-160px -77px}.flag.flag-kw{background-position:-176px -77px}.flag.flag-ky{background-position:-192px -77px}.flag.flag-KAZ,.flag.flag-kz{background-position:-208px -77px}.flag.flag-la{background-position:-224px -77px}.flag.flag-lb{background-position:-240px -77px}.flag.flag-lc{background-position:0 -88px}.flag.flag-li{background-position:-16px -88px}.flag.flag-lk{background-position:-32px -88px}.flag.flag-lr{background-position:-48px -88px}.flag.flag-ls{background-position:-64px -88px}.flag.flag-LTU,.flag.flag-lt{background-position:-80px -88px}.flag.flag-lu{background-position:-96px -88px}.flag.flag-LAT,.flag.flag-lv{background-position:-112px -88px}.flag.flag-ly{background-position:-128px -88px}.flag.flag-ma{background-position:-144px -88px}.flag.flag-mc{background-position:-160px -88px}.flag.flag-md{background-position:-176px -88px}.flag.flag-me{background-position:-192px -88px}.flag.flag-mg{background-position:-208px -88px}.flag.flag-mh{background-position:-224px -88px}.flag.flag-mk{background-position:-240px -88px}.flag.flag-ml{background-position:0 -99px}.flag.flag-mm{background-position:-16px -99px}.flag.flag-mn{background-position:-32px -99px}.flag.flag-mo{background-position:-48px -99px}.flag.flag-mp{background-position:-64px -99px}.flag.flag-mq{background-position:-80px -99px}.flag.flag-mr{background-position:-96px -99px}.flag.flag-ms{background-position:-112px -99px}.flag.flag-mt{background-position:-128px -99px}.flag.flag-mu{background-position:-144px -99px}.flag.flag-mv{background-position:-160px -99px}.flag.flag-mw{background-position:-176px -99px}.flag.flag-mx{background-position:-192px -99px}.flag.flag-my{background-position:-208px -99px}.flag.flag-mz{background-position:-224px -99px}.flag.flag-na{background-position:-240px -99px}.flag.flag-nc{background-position:0 -110px}.flag.flag-ne{background-position:-16px -110px}.flag.flag-nf{background-position:-32px -110px}.flag.flag-ng{background-position:-48px -110px}.flag.flag-ni{background-position:-64px -110px}.flag.flag-NED,.flag.flag-nl{background-position:-80px -110px}.flag.flag-NOR,.flag.flag-no{background-position:-96px -110px}.flag.flag-np{background-position:-112px -110px}.flag.flag-nr{background-position:-128px -110px}.flag.flag-nu{background-position:-144px -110px}.flag.flag-nz{background-position:-160px -110px}.flag.flag-om{background-position:-176px -110px}.flag.flag-pa{background-position:-192px -110px}.flag.flag-pe{background-position:-208px -110px}.flag.flag-pf{background-position:-224px -110px}.flag.flag-pg{background-position:-240px -110px}.flag.flag-ph{background-position:0 -121px}.flag.flag-pk{background-position:-16px -121px}.flag.flag-POL,.flag.flag-pl{background-position:-32px -121px}.flag.flag-pm{background-position:-48px -121px}.flag.flag-pn{background-position:-64px -121px}.flag.flag-pr{background-position:-80px -121px}.flag.flag-ps{background-position:-96px -121px}.flag.flag-POR,.flag.flag-pt{background-position:-112px -121px}.flag.flag-pw{background-position:-128px -121px}.flag.flag-py{background-position:-144px -121px}.flag.flag-qa{background-position:-160px -121px}.flag.flag-re{background-position:-176px -121px}.flag.flag-ro{background-position:-192px -121px}.flag.flag-rs{background-position:-208px -121px}.flag.flag-ru{background-position:-224px -121px}.flag.flag-rw{background-position:-240px -121px}.flag.flag-sa{background-position:0 -132px}.flag.flag-sb{background-position:-16px -132px}.flag.flag-sc{background-position:-32px -132px}.flag.flag-scotland{background-position:-48px -132px}.flag.flag-sd{background-position:-64px -132px}.flag.flag-se{background-position:-80px -132px}.flag.flag-sg{background-position:-96px -132px}.flag.flag-sh{background-position:-112px -132px}.flag.flag-SLO,.flag.flag-si{background-position:-128px -132px}.flag.flag-SVK,.flag.flag-sk{background-position:-144px -132px}.flag.flag-sl{background-position:-160px -132px}.flag.flag-sm{background-position:-176px -132px}.flag.flag-sn{background-position:-192px -132px}.flag.flag-so{background-position:-208px -132px}.flag.flag-somaliland{background-position:-224px -132px}.flag.flag-sr{background-position:-240px -132px}.flag.flag-ss{background-position:0 -143px}.flag.flag-st{background-position:-16px -143px}.flag.flag-sv{background-position:-32px -143px}.flag.flag-sx{background-position:-48px -143px}.flag.flag-sy{background-position:-64px -143px}.flag.flag-sz{background-position:-80px -143px}.flag.flag-tc{background-position:-96px -143px}.flag.flag-td{background-position:-112px -143px}.flag.flag-tf{background-position:-128px -143px}.flag.flag-tg{background-position:-144px -143px}.flag.flag-th{background-position:-160px -143px}.flag.flag-tj{background-position:-176px -143px}.flag.flag-tk{background-position:-192px -143px}.flag.flag-tl{background-position:-208px -143px}.flag.flag-tm{background-position:-224px -143px}.flag.flag-tn{background-position:-240px -143px}.flag.flag-to{background-position:0 -154px}.flag.flag-tr{background-position:-16px -154px}.flag.flag-tt{background-position:-32px -154px}.flag.flag-tv{background-position:-48px -154px}.flag.flag-tw{background-position:-64px -154px}.flag.flag-tz{background-position:-80px -154px}.flag.flag-ua{background-position:-96px -154px}.flag.flag-ug{background-position:-112px -154px}.flag.flag-um{background-position:-128px -154px}.flag.flag-USA,.flag.flag-us{background-position:-144px -154px}.flag.flag-uy{background-position:-160px -154px}.flag.flag-uz{background-position:-176px -154px}.flag.flag-va{background-position:-192px -154px}.flag.flag-vc{background-position:-208px -154px}.flag.flag-ve{background-position:-224px -154px}.flag.flag-vg{background-position:-240px -154px}.flag.flag-vi{background-position:0 -165px}.flag.flag-vn{background-position:-16px -165px}.flag.flag-vu{background-position:-32px -165px}.flag.flag-wales{background-position:-48px -165px}.flag.flag-wf{background-position:-64px -165px}.flag.flag-ws{background-position:-80px -165px}.flag.flag-ye{background-position:-96px -165px}.flag.flag-yt{background-position:-112px -165px}.flag.flag-RSA,.flag.flag-za{background-position:-128px -165px}.flag.flag-zanzibar{background-position:-144px -165px}.flag.flag-zm{background-position:-160px -165px}.flag.flag-zw{background-position:-176px -165px}

/* BBPress */
@media screen and (max-width:720px) {
    .bbp-admin-links { display: block; }
    .bbp-admin-links . bbp-reply-to-link { display: none; }
}


.bbp-breadcrumb {
    padding: 5px 10px;
}
.bbp-search .bbp-pagination {
    padding: 0px 10px;
}

.navbar-brand img {
    height: 40px;
}

@media screen and (min-width:992px) {
  .navbar-brand img {
    height: 32px;
  }
}

.navbar-brand.logo {
    left:0;
    top:10px;
    height: 60px;
    width: 195px;
    position: absolute;
    background-image: url(assets/img/website18/WF_MZ_logo.png);
    background-size: auto 100%;
    background-position: left top;
}

#commentform textarea {
  min-height: 240px;
}

#share_article .social_link {
  width: 4rem;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: .25rem;
  display: inline-block;
  background: #f2f2f2;
  color: inherit;
}

#share_article .social_link.fb {background-color:#3b5998; color: #fff;}
#share_article .social_link.tw {background-color:#1da1f2; color: #fff;}
#share_article .social_link.wa {background-color:#5cbe4a; color: #fff;}

#share_article .social_link .zmdi {
  margin: 0;
}

.borderless li {
    border: none !important;
    padding-left: 0;
    padding: 0;
}

.borderless li a {
    text-decoration: underline;
}

.hide-comment-count .wf-comment-count {
    display: none !important;
}

.hide-label li .badge {
    display: none;
}

.tag_description {
    width: 100%;
    margin: 20px 0;
}

@media only screen and (min-width: 768px) {
    .parentgpt {
        display: flex;
        height: 250px;}
}

.wielerflits_ros_alpha_leaderboard-billboard {
    margin: 0 auto;
    align-self: center;
}

@media only screen and (max-width: 767px) {
    .wielerflits_ros_mobile {
        min-height: 250px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 768px) {
    .wielerflits_ros_alpha_rectangle-halfpage {
        height: 600px !important;
    }
}

@media only screen and (min-width: 768px) {
    .wielerflits_ros_bravo_rectangle-halfpage {
        height: 280px !important;
    }
}


@media only screen and (min-width: 768px) {
    .wielerflits_ros_bravo_leaderboard-billboard {
        height: 90px !important;
    }
}

.inline_commercial {
    width: 100%;
    padding: .75rem;
    background: #f2f2f2;
    border: 1px solid #dddddd;
}

.inline_commercial h3,
.inline_commercial h4,
.inline_commercial h5 {
    margin-bottom: 0;
    font-weight: bold;
}

.inline_commercial:after {
    content: "";
    clear: both;
    display: table;
}

.inline_commercial img {
    max-width: 80px;
    height: auto;
    display: block;
    float: left;
    margin: 0 1rem 0 0;
}

.inline_commercial p {
    margin: 0;
}