@charset "utf-8";

/* Table of Content
==================================================
	Site Styles
	Page Styles
	Media Queries
	Font-Face
*/

/* Site Styles
================================================== */

/* Page Styles
================================================== */

/* Categories List
================================================================= */
.categories-list {
	display: block;
	margin: 0 auto;
	padding: 1.5em 0;
    width: 760px;
    line-height: 2em;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4;  /* Firefox */
	column-count: 4;
	-webkit-column-gap: 70px; /* Chrome, Safari, Opera */
    -moz-column-gap: 70px; /* Firefox */
    column-gap: 70px;
}
.categories-list a {
    color: #2a2a2a;
    font-size: .875em;
    font-weight: 400;
    text-decoration: none;
}
.categories-list a:hover {
    color: #08c;
}

/* Media Queries
================================================== */
@media only screen and (min-width: 1920px) {
}

@media only screen and (max-width: 1178px) {
	#qsearchContainer {
		margin-left: 7%;
	}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	/* Hide search in header on home page */
	#qsearchContainer {
		display: none;
	}
	#navSliding {
		display: block;
		z-index: 999999 !important;
	}
	#nav {
		display: none;
	}
	.sb-search{
		display: none;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#qSearchContainerMobile {
		display: none;
	}
	.searchContainer h1 {
		color: #fff;
		line-height: .8em;
		text-shadow: 1px 1px #000;
	}
	#searchBoxBtn a {
		height: 60px;
	}
	#searchUsage {
		top: 60px;
	}
	#newspapers .row img {
		padding-left: 2em;
		padding-right: 2em;
	}
	#copyright {
		float: none;
		display: block;
	}
	#copyright p {
		display: block;
		padding: 10px;
	}
	#copyright span {
		display: block;
		padding: 0;
		text-align: center;
	}
	#copyright span img {
		margin: 10px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 959px) {
	#header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
	}
	#innerwrap {
		padding: 95px 0 0 0;
		width: 100%;
	}
	#p-results #innerwrap {
		padding: 60px 0 0 0;
		width: 100%;
	}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.searchContainer {
		display: none;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	#wrapper {
		min-height: 100%;
		margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
	}
	#footer-wrapper, .push {
		height: 250px; /* '.push' must be the same height as 'footer' */
	}
	.mobile-search input[type="text"],
	.searchBox input[type="text"] {
		font: 400 1.375em 'Open Sans', Arial, Helvetica, sans-serif;
		height: 45px;
	}
	.content {
		position: relative;
		margin: 0 auto 2em auto;
		padding: 0 20px 4em 20px;
		width: auto;
		max-width: 1200px;
	}
	#logo a {
		position: relative;
		float: left;
		display: block;
		margin: 11px 20px;
		width: 142px;
		height: 38px;
		overflow: hidden;
		background-image: url(../images/westpix-logo-sprite.png);
		background-position: bottom;
	}
	#qSearchDiv {
		display: none;
	}
	#qSearchContainerMobile {
		display: inline-block;
	}
	#qSearchContainer {
		width: 175px;
	}
	.nbMenu {
		display: none;
	}
	#links {
		float: right;
		margin-right: 0;
	}
	.footer-container li {
	  display: block;
	  padding: 8px 16px;
  	}
	#copyright p {
		display: block;
		padding: 10px;
	}
	#copyright span {
		display: block;
		padding: 0;
		text-align: center;
	}
	#copyright span img {
		margin: 10px;
	}
	.toolbarContainer div img {
		width: 50%;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#qSearchDiv {
		display: none;
	}
	#qSearchContainerMobile {
		display: inline-block;
	}
	#wrapper {
		width: 100%; /*320px*/
		background: #fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#innerwrap {
		padding: 20px 0 0 0;
		width: 100%;
	}
	#navSliding {
		display: block;
		z-index: 999999 !important;
	}
	#nav {
		display: none;
	}
	#newspapers {
		display: none;
	}
	.btnDefault, .btnGray {
		padding: 7px 14px;
		font-size: .75em;
	}
}


/* Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
#qSearchBox {
	margin: 0 auto;
	width: 20%;
	text-align: center;
	z-index: 3;
}
#qSearchBox .qSearchBox {
    display: block;
    position: absolute;
    margin: 0 auto;
    padding: 10px 0;
    width: 20%;
    text-align: center;
    z-index: 3;
}
.qSearchBox input[type="text"] {
    /*background: url(../images/search-white.png) no-repeat 96% 50% #fff;*/
    border: 1px solid #ababab;
    font: 700 1em 'Raleway', Arial, Helvetica, sans-serif;
    color: #777;
    width: 89.285714285714%; /* 500 / 560 */
    height: 30px;
    padding: 0 04.107142857143%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}