/* WQPO-HD2 Pure Oldies */

/* Smartphones and portrait tablets */

@media only screen and (min-width:320px) and (max-width:479px) { 
	.featuregroup.taxonomy .tax p.cat {
	    padding-left: 10px
	}

	.featuregroup.taxonomy .tax:last-child {
	    padding-bottom: 4px
	}
}

@media only screen and (min-width:480px) and (max-width:768px) { 
	
}

@media only screen and (min-width:320px) and (max-width:768px) { 

	#selector li.activeSlide {
	    background-color: transparent;
	    background-image: none;
	}

	ul.rssfeed li {
	    padding-right: 10px;
	    padding-left: 10px;
	}

	h2.headline {
	    padding-bottom: 0
	}

}

@media only screen and (max-width: 800px) { 
	#masthead .logo {
	    display: block;
	    margin: 0 auto;
	    width: 220px;
	    height: 120px;
	    background-size: 220px 120px;
	    background: transparent url(img/centered-logo.png) no-repeat 0 0;
	    background-image: -webkit-image-set(url(img/centered-logo.png) 1x, url(img/centered-logo@2x.png) 2x);
	    background-image: -o-image-set(url(img/centered-logo.png) 1x, url(img/centered-logo@2x.png) 2x);
	    background-image: -ms-image-set(url(img/centered-logo.png) 1x, url(img/centered-logo@2x.png) 2x);
	    color: #ffffff;
	}

	    #masthead .logo img {
	        display: none
	    }
}

/*
  TM edit 02/06/26 to increase content area and margins
*/
@media only screen and (min-width: 979px) {

/*
  TM edit 02/06/26 to increase content area and margins
*/
	#masthead {
		max-width: 1020px !important;
	}
/*
  TM edit 02/06/26 to increase content area and margins
*/

	nav {
		margin-bottom: 30px;
	}

	.widget {
		margin-top: 30px;
	}
/*
TM edit 02/06/26 to increase content area and margins this overides bootstrap override 
*/
	.container {
		width: 980px;
	}
	#content-home .container {
		width: 1016px;
		padding: 0 0 50px 0;
	}

	.row {
		margin-left: -16px;
	}

	[class*="span"] {
		margin-left:30px;
	}

			#featuredshow [class*="span"]  {
		margin-left: 20px;
	}

	footer [class*="span"]  {
		margin-left: 20px;
	}

}