/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Metro for phpBB 3.3 by PixelGoose Studio
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		PixelGoose ( https://pixelgoose.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=3315");
@import url("base.css?v=3315");
@import url("utilities.css?v=3315");
@import url("common.css?v=3315");
@import url("links.css?v=3315");
@import url("content.css?v=3315");
@import url("buttons.css?v=3315");
@import url("cp.css?v=3315");
@import url("forms.css?v=3315");
@import url("icons.css?v=3315");
@import url("colours.css?v=3315");
@import url("responsive.css?v=3315");
@import url("metro.css?v=3315");
@import url("fontello.css?v=3315");
@import url("editor-icons.css?v=3315");



/******************/
/* Common fixes   */
/******************/

.format-buttons .button {
	margin: 3px 0;
}

.file-list-container .attach-controls input.button2 {
	padding: 2px 6px;
}

/* custom BBcodes */
.format-buttons .button.button-secondary {
	width: auto;
	padding: 0 5px;
	border-color: #e4e4e4 !important;
}

label input {
	vertical-align: middle;
	margin-top: -2px;
}

@media (max-width: 500px) {
	.action-bar a.button,
	.submit-buttons .button2,
	.submit-buttons .button1 {
		margin-bottom: 5px;
	}
}

.icon-notification > a.notification-count ,
.icon-pm > a.pm-count  {
	display: none;
}
li.icon-notification .notification-count strong,
li.icon-pm .pm-count strong {
	padding: 2px 4px 2px 3.5px;
}
.linklist.compact .icon-notification > a > strong,
.linklist.compact .icon-pm > a > strong {
	padding: 2px 4px;
}

/* Buttons added by some extensions */
.post-buttons a i {
	color: #43a6df;
}

/* Remove extra padding above username */
.no-avatar .avatar-container + div br {
	display: none;
}
@media (max-width: 700px) {
	.avatar-container + div br {
		display: none;
	}
}

.page-footer .footer-row {
	margin-bottom: 0.5em;
}
.copyright > * {
	font-size: 0.85em;
	margin: 0 !important;
}
#wrap + div {
	height: 0;
}

.quick-login label,
.quick-login input.inputbox {
	font-size: 13px !important;
}
.quick-login input.inputbox {
	margin-top: 5px;
}
.quick-login .login-buttons label {
	margin: -3px 0 6px;
	display: block;
}
.quick-login h3 {
	border: none;
	font-weight: normal;
	font-size: 13px;
}
#login-text {
	text-transform: none;
}

.dropdown .dropdown-contents {
	max-height: 100vh;
}

.prefooter-blocks h2 {
	text-transform: none;
}

.social-icons ul li a {
	font-size: 32px;
	margin: 0 10px 10px 0;
}

.page-header-metro .navbar-metro #nav-main-top > li > a,
.navbar .header-avatar {
	font-size: 1em;
}
#notification_list .dropdown-contents {
	width: 410px;
}
#notification_list .header {
	line-height: normal;
	padding: 15px 12px;
}

/* Ugly fix for PHPBB's ugly "responsive menus & breadcrumbs", see also forum_fn.js::622,444 */
.navbar.navbar-metro {
	max-height: 47.6px;
}
#nav-main-top {
	max-height: 47.6px;
	overflow: hidden;
}
#nav-main {
	max-height: 80px;
	overflow: hidden;
}
@media (min-width: 901px) {
	#nav-main {
		max-height: 100px;
	}
}
@media (min-width: 1025px) {
	#nav-main {
		max-height: 120px;
	}
}
.nav-breadcrumbs {
	max-height: 29.6px;
	overflow: hidden;
}

/* Breadcrumbs moved from navbar_header.html to overall_header.html & separated from the navbar due to heavy issues with PHPBB's JS-driven "responsiveness" */
#page-header {
	margin-bottom: 12px;
}
#page-header.page-header-metro .headerbar {
	bottom: 12px;
}
.page-header-metro .navbar .nav-main-metro-tabs {
	border-bottom: none;
}
ul#nav-breadcrumbs.linklist {
	padding: 1px 6px 5px;
	margin-bottom: 24px;
}
#nav-breadcrumbs > li > span > a {
	color: #FFFFFF;
}
.linklist > li.responsive-search {
	display: none;
}



/******************/
/* Extensions     */
/******************/

/* Board3 Portal */
#nav-breadcrumbs .fa-university {
	opacity: 0.5;
	margin-left: 4px;
	margin-right: 1px;
}

/* ppk/bb3hide */
body div.bb3hide {
	background-color: #f6f6f6;
	margin: 10px;
}

/* phpbb/boardannouncements */
body #phpbb_announcement {
  font-size: 1em;
  background-color: #fff7df;
  border-radius: 0;
  padding: 12px;
  border: 1px solid #e4e4e4;
}

/* kinerity/bestanswer */
body .post_answer {
	border-radius: 0;
}

/* phpbb/boardrules */
.boardrules-categories .mini-panel {
	background: #fff;
	font-size: 13px;
	border-radius: 0;
}

/* dmzx/copyright */
.page-footer .footer-row[style] {
	text-align: center;
}

/* dmzx/hidecodeforguests */
body span.hcfg {
	display: block;
	width: fit-content;
	margin: 12px 0;
	padding: 8px;
	background: #f6f6f6;
	border: 1px solid #e4e4e4;
	color: inherit;
}

/* nekstati/popupprofile */
body #popupprofile > div {
	font-size: 13px;
}

/* vse/abbc3 */
#abbc3_buttons .button.button-secondary {
	background: #fff;
	color: inherit;
	border: 1px solid #b4bac0;
	padding: 1px 6px;
}
@media (max-width: 700px) {
	#abbc3_buttons .abbc3_buttons_row {
		box-sizing: border-box;
		width: 100%;
	}
}

/* lavigor/notifications */
body .push-notify .push-notify-status {
  font-size: 12px;
  padding-top: 5px;
}



/******************/
/* Onetv-specific */
/******************/

/* Logo */
.site-description {
	text-align: left;
}
.site_logo {
	background-image: url("./images/__cloud2.svg");
	margin: 0 0 0 7px;
	height: 23px;
}
.logo {
	white-space: nowrap;
}
.logo::before {
	content: "ONE TV";
	color: #FFF;
	font-size: 2.7em;
	font-weight: bold;
	line-height: 1;
}
//.logo::after {
	content: "\f0c2";
	/* content: "\f0ed"; */
	font: 2.4em/1.0 FontAwesome;
	color: #fff;
	margin-left: 8px;
}
.site-description::after {
	content: "SOFTWARE  REPAIR  TRAINING";
	color: #fff;
	font-size: 0.95em;
	line-height: 1.2;
	display: block;
	white-space: nowrap;
	padding-left: 2px;
	padding-top: 4px;
	clear: both;
}
@media (min-width: 901px) {
	.site_logo {
		margin: 0 0 0 8px;
		height: 27px;
	}
	.logo::before {
		font-size: 3.2em;
	}
	.logo::after {
		font-size: 2.7em;
	}
	.site-description::after {
		font-size: 1.1em;
		line-height: 1.2em;
	}
}
@media (min-width: 1025px) {
	.site_logo {
		margin: 0 0 0 8px;
		height: 30px;
	}
	.logo::before {
		font-size: 3.5em;
	}
	.logo::after {
		font-size: 3.1em;
	}
	.site-description::after {
		font-size: 1.2em;
		line-height: 1em;
		padding-top: 7px;
	}
}

/* Tiles */
.page-header-metro .navbar .nav-main-metro-tabs li#quick-links > a {
	background-image: none;
}
.page-header-metro .navbar .nav-main-metro-tabs > li > a {
	text-decoration: none;
}
.page-header-metro .navbar .nav-main-metro-tabs > li > a > span {
	box-sizing: border-box;
	width: 100%;
	padding: 0 2px;
	left: 0;
	text-align: center;
	line-height: 1.2;
	bottom: 10px;
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
}
.page-header-metro .navbar .nav-main-metro-tabs > li:not(.clone) > a > span.fsjdrtt {
	padding: 0 15px;
}
.nav-main-metro-tabs i.fa {
	font-size: 21px;
	line-height: 3.0;
	display: block;
	text-align: center;
}
.nav-main-metro-tabs .clone i.fa {
	display: none;
}
@media (min-width: 901px) {
	.nav-main-metro-tabs i.fa {
		font-size: 21px;
		line-height: 4.5;
	}
}
@media (min-width: 1025px) {
	.nav-main-metro-tabs i.fa {
		font-size: 28px;
		line-height: 4.1;
	}
}
.nav-main-metro-tabs .fa-download {
	padding-top: 1px;
}

.dropdown,
.icon-notification.dropdown-container {
	z-index: 3;
}

#register .inner > dl {
	clear: both;
}

/* Expandable breadcrumbs (see js in overall_footer.html) */
.breadcrumbs.wrapped.collapsed {
	max-height: 25px;
	overflow: hidden;
}
.crumbs-expander {
	display: none;
	opacity: 0.5;
	margin-left: 10px;
	cursor: pointer;
	color: #fff;
}
.breadcrumbs.wrapped .crumbs-expander {
	display: inline-block;
}
.breadcrumbs.wrapped .crumb {
	display: block;
	float: none;
	white-space: nowrap;
}
.breadcrumbs.wrapped .crumb:not(:first-of-type)::before {
	content: '\21AA';
	opacity: 0.5;
	font-size: 1.1em;
}
.breadcrumbs.wrapped .crumb a {
	max-width: 100%;
}
.breadcrumbs.wrapped .crumb:nth-of-type(2) { padding-left: 15px; }
.breadcrumbs.wrapped .crumb:nth-of-type(3) { padding-left: 30px; }
.breadcrumbs.wrapped .crumb:nth-of-type(4) { padding-left: 45px; }
.breadcrumbs.wrapped .crumb:nth-of-type(5) { padding-left: 60px; }
.breadcrumbs.wrapped .crumb:nth-of-type(6) { padding-left: 75px; }
.breadcrumbs.wrapped .crumb:nth-of-type(7) { padding-left: 90px; }

/* Temporarily hide crumbs while JS reorders them */
#nav-breadcrumbs:not([style]) > li > span:not(:first-of-type) > a {
	color: transparent;
}

/* Hide all post buttons in dropdown. Dropdown toggler + reputation widget = 140px */
.section-viewtopic .has-profile .postbody h3 {
	margin-right: 140px;
}
.section-viewtopic .postbody .post-buttons {
	max-width: 139px;
	opacity: 0;
	z-index: 1;
}
.section-viewtopic.hasjs .postbody .post-buttons {
	animation: 0.3s btnsFadein 0.0s 1 forwards;
}
@keyframes btnsFadein {
	from { opacity: 0 }
	to   { opacity: 1 }
}

dl.details dt {
	margin-bottom: 8px;
	line-height: 1.2;
}
dl.details dd {
	padding-left: 8px;
	line-height: 1.2;
}



.navbar {
  background-color: #868fff;
}
.page-header-metro .navbar .nav-main-metro-tabs > li > a, .page-header-metro .navbar .nav-main-metro-tabs li.responsive-menu a.responsive-menu-link {
  background-color: #868fff;
}