/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	phpBB style name: Milk v2
	Based on style:   Merlin Framework (http://www.planetstyles.net)
    --------------------------------------------------------------
*/

/* Core */
@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=b64464fb");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

@import url("merlin.css?v=milk2.1.10");

/* Icons */
@import url("icons_forums_topics.css?v=milk2.1.10");

/* Custom Additions */
@import url("animate.css?v=milk2.1.10");
@import url("tooltipster.bundle.min.css?v=milk2.1.10");
@import url("tooltipster-sideTip-borderless.min.css?v=milk2.1.10");

/* Responsive */
@import url("responsive/xs-phones.css?v=milk2.1.10");
@import url("responsive/small-smaller-tablets.css?v=milk2.1.10");
@import url("responsive/medium-ipad.css?v=milk2.1.10");
@import url("responsive/large-desktops.css?v=milk2.1.10");
@import url("responsive/squishy.css?v=milk2.1.10");

/* Facelift */
@import url("dark.css?v=milk2.1.10");
@import url("fonts.css?v=milk2.1.10");
@import url("milk.css?v=milk2.1.10");

/* Make avatars round */
img.avatar,
.postprofile img,
.memberlist img.avatar,
.dropdown-extended img.avatar,
.panel img.avatar {
    border-radius: 50% !important;
    object-fit: cover;
}
/* Make forum category header text bolder */
.forabg .header a,
.forumbg .header a,
ul.topiclist li.header a {
    font-weight: 400 !important;
}

.forabg .header a,
.forumbg .header a,
ul.topiclist li.header a {
    text-transform: uppercase !important;
}
/* --- USERNAME COLOURS --- */

/* --- ONLINE / OFFLINE USER STATUS COLOURS --- */

/* Online users — green */
.online .username,
.online .username-coloured,
.user-online .username,
.user-online .username-coloured,
.username-online,
li.online a,
.poster-online .username,
.poster-online .username-coloured,
.postprofile .online,
.postprofile .online a,
.post .online .username,
.post .online .username-coloured,
.memberlist .online .username,
.memberlist .online .username-coloured,
span.online,
a.online {
    color: #33cc33 !important;
}

/* Online indicator dot/icon */
.online .icon-online,
.user-online .icon-online,
.status-online,
.online-indicator {
    color: #33cc33 !important;
    fill: #33cc33 !important;
}

/* Offline users — black */
.offline .username,
.offline .username-coloured,
.user-offline .username,
.user-offline .username-coloured,
.username-offline,
li.offline a,
.poster-offline .username,
.poster-offline .username-coloured,
.postprofile .offline,
.postprofile .offline a,
.post .offline .username,
.post .offline .username-coloured,
.memberlist .offline .username,
.memberlist .offline .username-coloured,
span.offline,
a.offline {
    color: #000000 !important;
}

/* Offline indicator dot/icon */
.offline .icon-offline,
.user-offline .icon-offline,
.status-offline,
.offline-indicator {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Who is online page */
.online-list .username,
.who-is-online .online .username,
#online-list .online a {
    color: #33cc33 !important;
}

.online-list .offline .username,
.who-is-online .offline .username,
#online-list .offline a {
    color: #000000 !important;
}

/* --- USERNAME COLOURS --- */

/* 1. Header/nav bar username when logged in */
#nav-main .username,
#nav-main .username-coloured,
.navbar .username,
.navbar .username-coloured,
#header-search .username,
.headerbar .username,
.headerbar .username-coloured,
li.icon-login a,
#nav-login a {
    color: #33cc33 !important;
    
/* Online Users Sidebar Widget */
.online-users-widget {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
    font-family: inherit;
}
.online-users-widget h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}
.online-users-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.online-users-widget ul li {
    padding: 3px 0;
    font-size: 13px;
}
.online-users-widget .online-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #33cc33;
    border-radius: 50%;
    margin-right: 6px;
}
.online-users-widget .guest-count {
    color: #888;
    font-size: 12px;
    margin-top: 8px;
}