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

@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=d6d1338b");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");



/* =========================================================
   PUNKLAWYER CUSTOM HEADER + RESPONSIVE OVERRIDES
   Desktop + Tablet + Mobile
   ========================================================= */


/* ---------------------------------------------------------
   HEADER
   White background to blend with logo
   --------------------------------------------------------- */

.headerbar {
	background: #ffffff !important;
	background-image: none !important;
	border-radius: 0 !important;
	border: 0 !important;
	border-bottom: 5px solid #ff0080 !important;
	padding: 12px 16px !important;
	min-height: 90px;
}


/* ---------------------------------------------------------
   SITE DESCRIPTION / LOGO CONTAINER
   --------------------------------------------------------- */

#site-description {
	display: block !important;
	float: left;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
}


/* Hide phpBB text title because logo contains branding */
#site-description h1 {
	display: none !important;
}


/* Optional phpBB site description text */
#site-description p {
	display: none;
}


/* ---------------------------------------------------------
   PUNKLAWYER LOGO
   --------------------------------------------------------- */

#logo,
.logo {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.site_logo {
	background-image: url("./images/punklawyer-logo.png") !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: contain !important;

	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	width: 455px !important;
	height: 72px !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   SEARCH BOX - DESKTOP
   --------------------------------------------------------- */

.search-header {
	margin-top: 20px !important;
	margin-right: 10px !important;
}


/* ---------------------------------------------------------
   BLACK NAVIGATION BAR
   --------------------------------------------------------- */

.navbar {
	background: #080808 !important;
	background-image: none !important;
	border-radius: 0 !important;
	border-bottom: 2px solid #ff0080 !important;
	color: #ffffff !important;
}


.navbar a,
.navbar a:link,
.navbar a:visited {
	color: #ffffff !important;
}


.navbar a:hover,
.navbar a:focus {
	color: #ff0080 !important;
}


/* FontAwesome/phpBB icons */
.navbar .icon,
.navbar .icon:before,
.navbar i {
	color: #ff0080 !important;
}


/* ---------------------------------------------------------
   FORUM CATEGORY HEADERS
   --------------------------------------------------------- */

.forabg,
.forumbg {
	background: #ffffff !important;
	background-image: none !important;
	border-radius: 0 !important;
	border: 1px solid #222222 !important;
}


.forabg .header,
.forumbg .header,
li.header {
	background: #000000 !important;
	background-image: none !important;
	color: #ffffff !important;
}


.forabg .header a,
.forumbg .header a,
li.header a {
	color: #ffffff !important;
}


.forabg .header a:hover,
.forumbg .header a:hover {
	color: #ff0080 !important;
}


/* ---------------------------------------------------------
   FORUM ROWS
   --------------------------------------------------------- */

ul.topiclist li.row {
	background: #ffffff !important;
	border-bottom-color: #dddddd !important;
}


ul.topiclist li.row:hover {
	background: #fff0f7 !important;
}


.bg1 {
	background-color: #ffffff !important;
}


.bg2 {
	background-color: #fafafa !important;
}


.bg3 {
	background-color: #fff0f7 !important;
}


/* ---------------------------------------------------------
   LINKS
   --------------------------------------------------------- */

a,
a:link,
a:visited {
	color: #e60073;
}


a:hover,
a:focus {
	color: #ff0080;
}


/* Forum and topic titles */
.forumtitle,
.topictitle {
	color: #111111 !important;
}


.forumtitle:hover,
.topictitle:hover {
	color: #ff0080 !important;
}


/* Last-post links */
.lastpost a,
.lastpost a:link,
.lastpost a:visited {
	color: #e60073 !important;
	font-weight: 600;
}


.lastpost a:hover {
	color: #ff0080 !important;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.button,
.button1,
.button2,
a.button1,
a.button2,
input.button1,
input.button2 {
	background: #000000 !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: #ff0080 !important;
}


.button:hover,
.button1:hover,
.button2:hover,
a.button1:hover,
a.button2:hover {
	background: #ff0080 !important;
	color: #ffffff !important;
}


/* ---------------------------------------------------------
   SEARCH INPUT
   --------------------------------------------------------- */

.search-header .inputbox {
	background: #ffffff !important;
	color: #111111 !important;
	border: 1px solid #ff0080 !important;
}


/* =========================================================
   TABLET / MOBILE
   Critical section - overrides phpBB responsive hiding
   ========================================================= */

@media screen and (max-width: 700px) {


	/* ---------------------------------------------
	   DO NOT HIDE HEADER
	   --------------------------------------------- */

	.headerbar {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;

		background: #ffffff !important;
		background-image: none !important;

		border-bottom: 4px solid #ff0080 !important;

		padding: 8px 10px !important;

		min-height: 0 !important;
		height: auto !important;

		overflow: visible !important;
	}


	/* ---------------------------------------------
	   DO NOT HIDE SITE DESCRIPTION
	   phpBB normally modifies this on mobile
	   --------------------------------------------- */

	#site-description {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;

		float: none !important;

		width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: left !important;

		overflow: visible !important;
	}


	/* ---------------------------------------------
	   DO NOT HIDE LOGO
	   --------------------------------------------- */

	#logo,
	.logo {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;

		float: none !important;

		width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.site_logo {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;

		background-image: url("./images/punklawyer-logo.png") !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;

		width: 100% !important;
		max-width: 620px !important;

		height: 76px !important;

		margin: 0 auto !important;
		padding: 0 !important;
	}


	/* ---------------------------------------------
	   NAVIGATION
	   --------------------------------------------- */

	.navbar {
		display: block !important;
		clear: both !important;

		margin-top: 0 !important;

		background: #050505 !important;
		border-bottom: 2px solid #ff0080 !important;
	}


	/* ---------------------------------------------
	   SEARCH BOX
	   Put below navigation on mobile
	   --------------------------------------------- */

	.search-header {
		display: block !important;
		visibility: visible !important;

		position: relative !important;

		float: none !important;

		top: auto !important;
		right: auto !important;

		width: calc(100% - 20px) !important;

		margin: 10px auto !important;
		padding: 0 !important;

		box-sizing: border-box !important;
	}


	.search-header .inputbox {
		width: calc(100% - 75px) !important;
		box-sizing: border-box !important;
	}


	/* ---------------------------------------------
	   WRAPPER
	   Allow full mobile width
	   --------------------------------------------- */

	.wrap {
		margin: 0 !important;
		padding: 0 6px !important;

		max-width: none !important;
		min-width: 0 !important;

		border: 0 !important;
	}


}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 480px) {

	.headerbar {
		padding: 6px 7px !important;
	}


	.site_logo {
		width: 100% !important;
		height: 64px !important;

		background-size: contain !important;
		background-position: center center !important;
	}


}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media screen and (max-width: 360px) {

	.site_logo {
		height: 55px !important;
	}

}










/* =========================================================
   PUNKLAWYER - CHARCOAL GREY HEADER BANDS
   Colour: #676767
   Applies to desktop, tablet and mobile
   ========================================================= */

/* Main navigation bands */
.navbar,
.navbar .inner,
.navbar .nav-links {
    background: #676767 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Forum category heading bands */
.forabg .header,
.forumbg .header,
li.header {
    background: #676767 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Category heading text */
.forabg .header a,
.forumbg .header a,
li.header a,
.forabg .header dt,
.forumbg .header dt {
    color: #ffffff !important;
}

/* Pink hover accents */
.forabg .header a:hover,
.forumbg .header a:hover,
.navbar a:hover {
    color: #ff0080 !important;
}

/* Navigation icons */
.navbar .icon,
.navbar .icon:before {
    color: #ff0080 !important;
}

/* Ensure same appearance on mobile */
@media screen and (max-width: 700px) {
    .navbar,
    .navbar .inner,
    .navbar .nav-links,
    .forabg .header,
    .forumbg .header,
    li.header {
        background: #676767 !important;
        background-image: none !important;
    }
}