/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

/* Mobile-only elements */
.mobile-only {
	display: none;
}	

/* Desktop-only elements */
.desktop-only {
	display: block;
}	


/* Page layout */
#zone-branding {
	margin-bottom: 20px;
}

/* Layout preserving 300px right sidebar */
#section-header {
	width: 100%;
}

#region-sidebar-second-top,
#region-sidebar-second-bottom  {
	margin-left: 2% !important;
}

#region-content-belt {
	clear: left;
	width: 100% !important;
}

#region-sidebar-second-top,
#region-sidebar-second-bottom {
	margin-right: 25px;
}

#region-content-top,
#region-content-bottom,
#region-content-top-right,
#region-content-bottom-right {
	margin: auto;
}


	/* Header */
	#region-branding .region-inner {
		padding-top: 20px;
	}

	/* WPR/NPR logo and text */
	.header-logo {
	    background: url('../images/header-logos.png') no-repeat top left;
		background-position: 0 -100px;
		width: 400px; height: 116px;		
		margin: 0;
	}

	.header-logo a {
		width: 400px; height: 116px;
	}
	
	.wide-header {
		display: block;
	}
	
	.mobile-header {
		display: none;
	}
	
	#wpr-logo-block {
		width: 400px;
		margin: 0;
	}
	
	#wpr-logo-block img.wpr-logo-image {
		 width: auto !important;
	}
	
	.block.wpr-logo-text {
		float: left;
		margin: 10px;
		margin-left: 0;
		margin-bottom: 0;
	}
	
	/* Logo on pop-up node audio page */
	.context-listen .wpr-logo-text {
		float: none;
	}
	
	/* Sidebar on node audio page */	
	.context-listen #region-sidebar-first-top {
		padding-top: 280px;
	}
	
	/* Audio page footer */
	.audio-footer-menu {
		max-width: 400px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.audio-footer-menu ul li {
		float: left;   
		margin: 0 10px;
		list-style-type: none;
		list-style-image: none;
	}
	
	/* Listen block */
	.block.listen-live {
		position: absolute;
		right: 0;
	}

	.block.wpr-logo-text {
		margin-bottom: 10px;	
	}
	
	/* User location form */
	#block-zipcode-form-zipcode-entry {
		position: absolute;
		right: 0;
		top: 20px;
		width: 205px;
		float: right;		
	}
	
	.block.user-address {
		width: 320px;
		float: right;
		text-align: right;	
	}
	
	/* Header elements for non-mobile */
	#block-search-form,
	.block.support {
		display: block;
	}
	
	/* Search form */
	#block-search-form {
		text-align: right;
		position: absolute;
		right: 0;
		top: 65px;
		margin-bottom: 0;
	}

	#block-search-form input#edit-search-block-form--2{
		width: auto;
	}

	/* Navigation items */
	/* Hide Donate/Search/Program Notes/Mobile Program Listing for non-mobile */
	.pushdown-menu .donate,
	.pushdown-menu .search,
	.pushdown-menu .program-notes,
	.pushdown-menu .events-mobile,
	.pushdown-menu .shows-mobile  {
		display: none;
	}
	
	/* Show for non-mobile */
	.pushdown-menu .pushdown-weather,
	.pushdown-menu .pushdown-program {
		display: block;
	}

	/* Support */
	.block.support {
		position: absolute;
		right: -5px;
		text-align: left;
		top: 105px;
		width: 206px !important;
	}

	.block-pushdown ul.menu {
		float: left;
		margin-right: 3%;
	}
	
	/* Navigation */
	.region-menu-inner {
		position: relative !important;
		margin: 0 auto;
		width: 100%;
	}
	
	/* Header elements non-centered for wider screens */
	#block-search-form {
		margin: auto;  width: auto; text-align: left;
	}

	.user-location {
		margin: auto;  width: auto; text-align: left;
	}

	.support {
		text-align: left;
		margin: auto;
		width: auto;
	}

	.support a {
		display: inline;
	 }
	
	/* Pushdown Menu */
	.block-menu-menu-verticals h2.block-title {
		display: none !important;
	}	
	
	.pushdown-menu ul {
		display: block;
	}
	
	.block-menu-menu-verticals {
		text-align: left;
	}
	
	.pushdown-menu,
	.pushdown-menu ul {
		margin: auto;
		width: auto;
   }

   	.pushdown-menu li {
		padding: 0 2px;
	}
	
   	.pushdown-menu li,
	.pushdown-menu li a {
        margin-left: auto !important;
		width: auto !important;
		text-align: left !important;
		font-size: 14px;
		font-weight: bold !important;		
		border-bottom: none;
	}	
	
	a.link-pushdown, span.js-pushdown {
		display: block;
		margin: auto;
		float: left;
	}
	
	.pushdown-menu ul li a {
		font-size: inherit;
		font-weight: normal;
		padding: 10px 1vw;
	}

	.pushdown-menu ul.menu li {
		margin: 0 !important;
		border-left: 1px dotted #eee;
	}

	.pushdown-menu ul.menu li.last {
		border-right: 1px dotted #eee;
	}
	
	.pushdown-menu li ul li {
		background: none;
	}

	.pushdown-menu li ul li a {
		margin: auto;
	}
	
	#section-header .pushdown-menu li .block a,
	#section-header .pushdown-menu li .block li {
		color: #000 !important;
        width: auto !important;
		background: transparent;
        border: none;
        text-align: left;
	}
	
	
	/* Pushdown blocks grid display */
	.block-pushdown td {
		display: table-cell !important;
	}

	.block-pushdown td a {
		width: auto !important;
		margin: auto !important;    
		border-bottom: none !important;
	}

	/* Underwriting */

	/* non-flyout */
	.block.listen-live h2 {
		width: auto;
		position: static;
		margin: auto;
		background: transparent;
		display: block;
	}
	
	.listen-live h2 a {
		color: #000;
	}
	
	.listen-live  {
		width: auto;
		position: static;
		display: block;
	}
		
	.listen-live div.content {
		display: block;
	}
	
	.listen-live {
		position: absolute;
		width: 300px !important;
		top: 12px;
		margin: auto;
	}
	
	.listen-live .content {
		display: block;
		position: static;
	}

	/* Preface */
	.region-preface-first .region-inner {
	   padding: 0 10px 10px;
	}

	/* Main Content */
	.region-content {
		padding-top: 20px;
	}
	
	/* Content */
	#region-content-top,
	#region-content-bottom {
		float: left;
		margin: 0;
		padding: 0;		
	}	

	.front-page-feature h2.block-title {
		position: relative;
	}	
	
	.front-page-feature h2.block-title {
		width: 200px;
		padding: 2px 2px 2px 20px;
		position: absolute;
		left: -12px;
		top: 5px;
		font-size: 21px;
		line-height: 1em;
		letter-spacing: .5px;
		background: #6BC4F4;
		z-index: 100;
	}
	
	/* Hide 'Headlines' feature title */
	#block-views-top-feature-block-1 .field-type-image {
		text-align: left;
	}

	#block-views-top-feature-block-1 h2.block-title {
		display: none;
	}
	
	.headlines-wisconsin,
	.headlines-npr {
		float: left;
		width: 190px;
	}
	
	.headlines-wisconsin {
		margin-right: 10px;
	}

	.headlines-npr {
		margin-left: 5px;
	}
	
	/* Audio player pages */
	.context-listen-live #region-content-top,
	.context-listen #region-content-top {
		margin-right: -350px !important;
		width: 100%;
	}
	

	.context-listen-live #region-content-top .region-inner,
	.context-listen #region-content-top .region-inner {
		padding-right: 350px;
	}	

	.context-listen-live .listen-container {
		width: auto;
		margin: 0;
	}

	/* Network section width */	
	.context-listen-live .listen-container .network {
		max-width: 95%;
	}

	/* Network selection */
	.context-listen-live .network-buttons .choose-network {
		float: left;
		margin-right: 10px;
	}

	.context-listen-live .network-buttons .network-links {
		width: 100%;
		text-align: right;
		font-size: 12px;
	}
	
	.context-listen .headline-list,
	.context-listen-live .headline-list {
		float: none;
		width: 100%;
	}
	
	.context-listen .views-field-field-article-audio,
	.context-listen .views-field-field-audio-mp3 {
		margin: 0;
	}
	
	.context-listen .addthis-block,
	.context-listen .field-name-social-links {
		margin: 0;
	}
	
	.context-listen .views-field-title  {
		text-align: left;
	}
	
	.context-listen .views-field-body  {
		margin-top: 20px;
	}

	/* Navigation */
	.region-menu-inner {
		width: 100% !important;
		margin: 0 auto;
	}

	.region-menu-inner .block.donate {
		float: right;
		margin-right: 10px;
		margin-top: 0;
	}
	/* Active menu links */

	#block-menu-menu-verticals a.active,
	#block-menu-menu-verticals li.active-trail,
	#block-menu-menu-verticals .context-programs li.pushdown-program,
	#block-menu-menu-verticals .context-events li.link-events,
	#block-menu-menu-verticals .context-news li.pushdown-news,
	#block-menu-menu-verticals .context-music li.pushdown-music {
		background: url('../images/page-icons.png') no-repeat top left;
		background-position: left -789px;
	}
	
	.donate {
		position: relative;
		right: 0;
	}

	.local-search {
		 position: relative;
		 right: 10px;
		 top: 10px;
	}

	.donate p,
	.local-search p {
		margin: 0;
		text-align: right !important;
	}
	
	 /* Menus */
	.region-menu-inner .block {
		float: left;
	}

	/* Pushdown menu */
	.menu-panel  {
		display: none;
	}

	.pushdown-menu,
	.horizontal-menu {
		float: left;
		padding-left: 5px;
		z-index: 100;
	}

	.pushdown-menu ul,
	.horizontal-menu {
		position: static;
		left: 0;
		margin: 0;
		padding: 0;
		margin-top: -1px;
		line-height: 1em;
	}

	.pushdown-menu ul ul {
		display: none;
		z-index: 999;
		text-transform: none;
	}

	.pushdown-menu li a {
		padding-bottom: 10px !important;
		margin-bottom: 0 !important;
		display: block;
	}

	.pushdown-menu span.js-pushdown {
		position: relative;
		top: 10px;
    }
	
	.pushdown-menu ul li ul {
			position: absolute;
			top: 33px;
			left: -1px;
			z-index: 100;
	}	
	
	.pushdown-menu li {
		display: inline;
		float: left;
		margin: 0 15px;
	}

	.pushdown-menu ul li {
		position: relative;
	}

	.pushdown-menu ul li ul.menu,
	.pushdown-menu ul li ul {
		position: absolute;
		top: 39px;
		left: -1px;
		min-width: 500px !important;
		padding: 3px;
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		z-index: 120;
	}

	.pushdown-menu ul li ul li,
	.pushdown-menu ul li ul li a {
		padding-left: 0;
	}

	.pushdown-menu ul.jquerymenu li {
		 margin: 0 30px;
	}

	.pushdown-menu ul.jquerymenu li a {
		margin-left: -5px;
	}
	
	.pushdown-menu li.leaf,
	.pushdown-menu li.parent {
		margin-top: -2px !important;
		padding: 0 0 0;
	 }
	
	/* Menu attach block */
	.pushdown-menu ul .menu-attach-block-wrapper {
		display: block !important;
	}

	.pushdown-menu ul .menu-attach-block-drop-link {
		display: none;
	}

	.pushdown-menu ul .menu-attach-block-wrapper div {
		text-align: left !important;
		display: block !important;
	}
	
	/* Front page features (thumbnails) */
	.first-feature-list .block-title,
	.front-page-feature-list .block-title { /* REMOVE when views block replaced */
		display: none;
	}
	
	.first-feature-list,
	.front-page-feature-list, /* REMOVE when views block replaced */
	.front-page-feature-strip {
		z-index: 100;
		width: 100%;
	}

	.first-feature-list .title,
	/* REMOVE when views block replaced */
	.front-page-feature-list .views-field-title,
	.front-page-feature-strip .title {
		width: auto;
		float: none;
	}

	.first-feature-list .feature {
		float: none;
	}

	.first-feature-list .title {
		clear: none;
		margin-left: 0;
	}

	
	.first-feature-list .feature,
	.front-page-feature-list .views-row, /* REMOVE when views block replaced */
	.front-page-feature-strip .views-row, /* REMOVE when views block replaced */
	.front-page-feature-strip .feature {
		font-size: 14px;
		width: auto;
		margin-bottom: 0;
	}

	.first-feature-list img {
		width: 190px;
		float: left;
	}
	
	.first-feature-list img,
	.front-page-feature-strip .image,
	.front-page-feature-list .views-field-field-image, /* REMOVE when views block replaced */
	.front-page-feature-list .field-name-field-image, /* REMOVE when views block replaced */
	.front-page-feature-list .field-name-image-external-link, /* REMOVE when views block replaced */		
	.front-page-feature-list .views-field-field-image-thumbnail { /* REMOVE when views block replaced */
		margin-right: 5px;
		margin-bottom: 0;
	}

	.first-feature-list .title {
		margin-left: 155px;
	}
	
	.first-feature-list img,
	.front-page-feature-list .views-field-image img, /* REMOVE when views block replaced */
	.front-page-feature-strip .image img {
		text-align: center;
		clear: none;
		float: none;
		width: auto;
		height: auto;
		margin-right: 0;
	}

	.front-page-feature-strip .image img {
		width: 190px;
	}
	
	.front-page-feature-strip {
		float: left;
		display: inline;
	}
	
	/* Clear fix */
	.first-feature-list:after,
	.front-page-feature-list:after, /* REMOVE when views block replaced */
	.front-page-feature-strip:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
	}

	.first-feature-list .feature,
	.front-page-feature-list .views-row, /* REMOVE when views block replaced */
	.front-page-feature-strip .views-row, /* REMOVE when views block replaced */
	.front-page-feature-strip .feature {
		height: 150px;
		float: left;
        padding-top: 5px;
        margin-right: 2%;
		display: inline;
		text-align: left;
	}

    .first-feature-list .feature {
        padding-top: 0;
    }
	
	/* Taxonomy Terms */
	.view-taxonomy-terms .node,
	.view-site-sections .node {
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}
	
	.view-taxonomy-terms .node .field-name-field-image, /* REPLACE with teaser-image as feasible */
	.view-taxonomy-terms .node .field-name-image-external-link, 	
	.view-taxonomy-terms .node .field-name-field-image-thumbnail, /* REPLACE with teaser-image as feasible */
	.view-site-sections .node .field-name-field-image, /* REPLACE with teaser-image as feasible */
	.view-site-sections .node .field-name-image-external-link,	
	.view-site-sections .node .field-name-field-image-thumbnail, /* REPLACE with teaser-image as feasible */
	.teaser-image {
		margin: 0 10px 10px 0;
		width: 50%;
		height: auto !important;
		float: left;
	}
	
	.teaser-details.image {
	  margin-left: 320px;
	}
	
	.teaser-details.image .rating {
	  padding-left: 3px;
	}
	

	.teaser-details.image .fivestar-widget,
	.teaser-details.image .fivestar-widget.clearfix.fivestar-widget-5::after {
	  clear: none;
	}

	.teaser-details.image .fivestar-widget .description {
    text-indent: 10px;
  }
	
	.view-taxonomy-terms .node .field-name-post-date,
	.view-taxonomy-terms .node .field-name-field-segment-date,
	.view-site-sections .node .field-name-post-date,
	.view-site-sections .node .field-name-field-segment-date {
		margin-bottom: 15px;
	}
	
	.view-taxonomy-terms .node .field-name-node-link,
	.view-site-sections .node .field-name-node-link {
		clear: left;
	}

	.view-taxonomy-terms .node .field-name-node-link a,
	.view-site-sections .node .field-name-node-link a {
		font-weight: bold;
	}

	/* Headlines */
	.news-wisconsin,
	.news-npr {
		float: left;
		width: 45%;
	}
	
	.news-wisconsin .view-header h3,
	.news-npr .view-header h3 {
		background: transparent;
		border: none;
		padding-left: 0;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	
	.news-wisconsin {
		margin-right: 10px;
	}

	.news-npr {
		margin-left: 5px;
	}
	
	/* Joy Cardin - Big Question */
	.view-joy-cardin-big-question .node-advpoll h2 {
		font-size: 21px;
		margin: 5px 0;
	}
	
	/* Sidebar & Polls */
	.field-name-sidebar-and-poll {
		display: block;
	}
	
	.field-name-sidebar-and-poll,
	.node-article.view-mode-full .field-collection-container,
	.node-segments.view-mode-full .field-collection-container  {
		clear: both;
		float: right;
		max-width:30%;
		margin: 15px 5px;
	}
	
	/* Program page */
	.page-node.node-type-program .view-mode-full .field-name-field-image-thumbnail {
		max-width: 100%;
	}

	body.node-type-program .field-name-field-rel-host .field-item,
	body.node-type-program .field-name-field-rel-producer .field-item {
		margin-right: 10px;
		display: inline;
	}	

	body.node-type-program .view-mode-full .field-name-social-links,
	body.node-type-program .view-mode-full .field-name-program-contact {
		clear: left;
	}
	
	body.node-type-program .view-program-contact .views-field {
		float: left;
		padding-right: 15px;
	}
	
	/* Show Pages */
	.page-node.node-type-show .view-related-nodes .field-type-text-with-summary {
		clear: both;
		float: none;
	}
	
	/* Person Pages */
	body.node-type-person .field-name-field-image-bio {
		 float: left;
		 margin: 0 10px 10px 0;
		 text-align: left;
	}

	body.node-type-person .field-name-field-image-bio img {
		width: 200px;
		height: auto !important;
	}
	
	body.node-type-person .field-name-body p:first-child {
		 margin-top: 0 ! important;
	}

	/* Front page event listing */
	.upcoming-events {
		width: 190px;
		margin-top: 10px;
		float: left;
	}
	
	/* Front page slideshows */	
	.slideshow-list,
	#block-views-front-page-slideshows-block {
		clear: left;
		float: none;
	}

	.slideshow-list h3,
	#block-views-front-page-slideshows-block h3 {
		font-size: 16px;
	}
	
	.slideshow-list .content,
	#block-views-front-page-slideshows-block .content {
		max-width: 100%;
		margin: 0 auto;
	}

	.slideshow-list .views-limit-grouping,
	#block-views-front-page-slideshows-block .views-limit-grouping {
		border: none;
	}		
	
	.slideshow-list .views-limit-grouping-group,
	#block-views-front-page-slideshows-block .views-limit-grouping-group {
		float: left;
		width: 28%;
		margin-right: 2%;
		padding-bottom: 5px;
		max-width: 100%;
		height: auto;
	}

	/* ROC View */
	.view-id-roc_show_info td.views-field-title {
		width: 170px;
	}

	/* Specific CSS for better markup */ 

	.term-item .title,
	.term-item .field-name-external-title-link,	
	.term-item .field-name-title {
		margin-bottom: 0 !important;
	}
		
	.news-page .views-row .image,
	.news-page .news-item .image,
	.term-item .image,
	.term-item .field-name-image-external-link,
	.term-item .field-type-image {
		margin: 0 10px 10px 0;
		float: left;
	}
	
	/* WPR Social Links */	
	.search-sponsor-block {
		display: block;
		position: absolute; 
		right: 0;
		top: -5px;
	}

	/* CSS for About Us page sub-navigation */
	.context-about-wpr .node-page .field-type-text-with-summary h4{
		font-size: 16px;
	}
	
	.context-about-wpr .node-page #subNav ul {
		margin: 0;
		padding: 0;
        list-style-type: none;
	}    
	
	.context-about-wpr .node-page #subNav li {
		float: left;
		padding: 5px;
		margin-right: 10px;
		text-decoration: underline;
	}

	/* Program Notes page */
	.page-program-notes .view-roc-show-info .view-header h2 {
		padding-right: 10px;
	}

	.page-program-notes .view-roc-show-info .view-header h2,
	.page-program-notes .view-roc-show-info .view-header p {
		display: inline;
	}
	
	/* Support Corporate Testimonial */
	.context-support .testimonial img {
		float: left !important;
	}

	/* Source / Taxonomy breadcrumbs */
	.content-source-link, .field-name-field-article-series .field-item,
	.content-source-link, .field-name-field-related-programs .field-item {
		 float: left;
	}
	
	 .field-name-field-article-series .field-item {
		 padding-left: 10px;
	}
	
	.content-source-link, .field-name-field-related-programs .field-item:before,
	.field-name-field-article-series .field-item:before {
		 content: '\00BB  ';
	}

	.field-name-field-article-series:after {
		 clear: both;
		 float: none;
	}

	/* Facet API blocks */
	.facet-list {
		float: right;
		width: 200px
	}

	/* Higher Ground blocks */
	.block.higher-ground-block {
		width: 48%;
		margin-right: 1%;
		float: left;
		padding: 0;
		margin: 0;
		padding-left: 5px;
	}
	
	/* CAD Series page */
	#block-views-taxonomy-terms-block-10 .summary,
	#block-views-taxonomy-terms-block-10 .amazon-link {	
		margin-left: 0;
	}
	
	#block-views-taxonomy-terms-block-10 .summary {
		margin-top: 0;
	}
	
	/* Splashify HTML content */

	.splash-container p {
	   font-family: 'Proxima Nova',Arial,sans-serif ! important;
	}

	.splash-container p.rules {
	  font-size: 14px;
	}

	.splash-container .rules a {
		color: #000;
		text-decoration: none;
	}
