/* MEDIUM SCREENS */
@media only screen and (min-width: 48em) {
	
	/*** ---------- Featured Stories ----------- ***/
	
	.plu-news-featured-stories .flickity-page-dots {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper {
		height: calc(100vh - 130px);
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details {
		width: 80%;
		position: absolute;
		bottom: 5em;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details .story-title {
		font-size: 30px;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details .story-content .story-meta {
		font-size: 12px;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details .story-content .story-excerpt {
		font-size: 15px;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper.has-video .featured-story-video-container .featured-story-video-position {
		width: 75%;
	}
	
	/*** ---------- Category Stories ----------- ***/
	
	.plu-news-category-stories[data-display-type="slider"] .flickity-viewport {
		overflow: visible;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .flickity-prev-next-button {
		display: block;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .flickity-page-dots {
		bottom: -95px;
		top: unset;
	}
	
	.plu-news-category-stories-wrapper {
		padding: 3em 0 9em 0;
	}
	
	.plu-news-category-stories[data-display-type="slider"] {
		max-width: 90%;
		margin: 0 auto;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .plu-news-category-title {
		margin-bottom: 1em;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper {
		flex-direction: row;
		margin-right: 4em;
		margin-bottom: 0;
	}
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper.is-selected {
		opacity: 1;
	}
	    
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper .story-image {
		width: 60%;
		height: 415px;
		margin-right: 2em;
		margin-bottom: 0;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper .story-details {
		width: 40%;
		background: transparent;
		padding: 0;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper .story-details .story-title {
		font-size: 23px;
	}
	
	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper .story-details .story-content {
		background: #f2f2f2;
		padding: 1.2em;
	}

	.plu-news-category-stories[data-display-type="slider"] .all-category-stories .category-story-wrapper .story-details .story-content .story-excerpt {	
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	/* video post format type */
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper {
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper .story-details {
		width: 100%;
		background: #f2f2f2;
		padding: 1.5em;
	}
	
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper .story-details .story-content {
		background: #f2f2f2;
		padding: 0;
	}
	
	/* link (PLU in the News) post format type */
	.plu-news-category-stories[data-post-format-type="link"] .all-category-stories {
		flex-direction: row;
	}
	
	.plu-news-category-stories[data-post-format-type="link"] .plu-news-category-title {
		align-items: center;
	}
	
	.plu-news-category-stories[data-post-format-type="link"] .all-category-stories .category-story-wrapper {
		width: 20%;
		margin-right: 1em;
		margin-bottom: 0;
		padding: 1em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.plu-news-category-stories[data-post-format-type="link"] .all-category-stories .category-story-wrapper:last-child {
		margin-right: 0;
	}
	
	/*** ---------- All / Latest Stories ----------- ***/
	
	.plu-news-all-stories .all-stories .all-story-wrapper {
		flex-direction: row;
		align-items: center;
	}
	
	.plu-news-all-stories .all-stories .all-story-wrapper .news-post-media {
		max-width: 35%;
		width: 100%;
		margin-right: 1em;
		margin-bottom: 0;
	}
	
	.plu-news-all-stories .all-stories .all-story-wrapper .news-post-media .story-image {
		width: 100%;
		height: 105px;
	}
	
	/*** ------------- 'RESOLUTE' STYLING -------------- ***/

	.plu-news-category-stories[data-display-type="default"] .all-category-stories .category-story-wrapper.resolute .story-details > h4:before {
		margin-bottom: 1px;
	}
	
	/* footer area on main homepage of resolute issues */
	.plu-news-resolute-home-footer {
		flex-direction: row;
	}
	
	/*** ---------- Single News Styling (we override the "PLU News Posts" plugin with the styles below ----------- ***/
	
	.single-news-post .entry-content .post-title-details-container .post-title .page-title {
		font-size: 1.6em;
	}
}

/* SEMI-LARGE SCREENS */
@media only screen and (min-width: 64em) {
	
	/*** ---------- Featured Stories ----------- ***/
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper {
		height: calc(100vh - 164px);
	}

	/*** ---------- Top Stories ----------- ***/
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details {
		width: 65%;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details .story-title {
		line-height: 38px;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details .story-content .story-excerpt {
		font-size: 17px;
	}
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper.has-video .featured-story-video-container .featured-story-video-position {
		width: 60%;
	}
	
	/*** ---------- Category Stories ----------- ***/		

	.plu-news-category-stories[data-display-type="slider"] {
		max-width: 85%;
	}
	
	/* video post format type */
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper {
		flex-direction: row;
	}
	
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper .story-video {
		width: 60%;
		height: 415px;
		margin-right: 2em;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper .story-details {
		width: 40%;
		background: transparent;
		padding: 0;
	}
	
	.plu-news-category-stories[data-display-type="slider"][data-post-format-type="video"] .all-category-stories .category-story-wrapper .story-details .story-content {
		background: #f2f2f2;
		padding: 1.2em;
	}
	
	/*** ---------- All / Latest Stories ----------- ***/
	
	.plu-news-all-stories .all-stories .all-story-wrapper .news-post-media {
		max-width: 30%;
	}
	
	/*** ---------- Archive view type switcher ----------- ***/
	.plu-news-archive-view-switch {
		background: #e8e8e8;
		display: inline-block;
		padding: 7px;
		border-radius: 30px;
	}
	
	.plu-news-archive-view-switch .view-switch-inner {
		display: flex;
		flex-direction: row;
	}
	
	.plu-news-archive-view-switch .view-switch-inner .view-switch {
		border-radius: 30px;
		padding: 10px;
		cursor: pointer;
		color: #333333;
		transition: all 0.3s ease-in-out;
		border: 1px solid transparent;
		min-width: 115px;
		text-align: center;
	}
	.plu-news-archive-view-switch .view-switch-inner .view-switch.active {
		background: #ffffff;
		border: 1px solid #ddd;
	}	
	
	.plu-news-archive-view-switch .view-switch-inner .view-switch.active {
		color: #111111;
	}
	
	.plu-news-archive-view-switch .view-switch-inner .view-switch:hover {
		color: #111111;
	}
	
	.plu-news-archive-view-switch .view-switch-inner .view-switch .view-icon {
		margin-right: 5px;
		font-size: 12px;
	}
	
	.plu-news-archive-view-switch .view-switch-inner .view-switch .view-label {
		font-family: "Aleo", serif;
		font-size: 12px;
		letter-spacing: 0.3px;
		text-transform: uppercase;
	}
	
	/** -- Grid View -- */
	.post-content-type-news[view-type="grid"] {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: start;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container {
		margin-bottom: 2em;
		padding: 0;
		width: 31.5%;
		border: none;
		border-radius: 0 0 5px 5px;
		background: #f3f3f3;
	}
	
	
	/* STANDARD post type */
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media {
		width: 100%;
		margin-bottom: 0;
		overflow: hidden;
		position: relative;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media a {
		display: block;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media .img-overlay {
		background: rgba(251, 186, 55, 0);
		transition: all 0.2s ease-in;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media img {
		transition: all 0.2s ease-in;
		position: relative;
		z-index: 0;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media:hover .img-overlay {
		background: rgba(251, 186, 55, 0.5);
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media:hover img {
		transform: scale(1.2) rotate(5deg);
	}
	
	
	/* VIDEO post type */
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="video"] .video-wrapper {
		position: relative;
		padding-bottom: 50%;
		padding-top: 25px;
		height: 0;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="video"] .video-wrapper iframe,
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="video"] .video-wrapper video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content {
		width: 100%;
		padding: 2em;
		text-align: center;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-title {
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-excerpt {
		display: none;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-title a {
		color: #000000;
		text-decoration: none;
		background-image: linear-gradient(to right, #ecbc5b, #fbba37);
		background-position: 0% 100%;
		background-repeat: no-repeat;
		background-size: 0% 2px;
		transition: all 0.25s ease-in-out;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-title a:hover {
		background-size: 100% 2px;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic {
		margin-top: 10px;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a {
		color: #bbb;
		font-family: "Aleo", serif;
		text-transform: capitalize;
		font-size: 11px;
		border: 0;
		padding: 0;
		border-radius: 0;
		margin: 0;
		display: none;
		transition: all 0.3s ease-in-out;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a:after {
		content: "/";
		margin: 0 5px;
	}
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a:last-child:after,
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a:nth-child(3):after {
		display: none;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a:hover {
		color: #000000;
		border-color: #000000;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-topic a:nth-child(-n+3) {
		display: inline-block;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-meta {
		font-size: 13px;
		margin: 5px 0 0 0;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-content .news-post-meta .post-mention {
		padding-bottom: 5px;
	}
	
	
	/* AUDIO post type */
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="soundcloud-audio"],
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="self-hosted-audio"] {
		padding: 1em;
		background: #999999;
	}
	
	.post-content-type-news[view-type="grid"] .news-post-container .news-post-media[data-type="self-hosted-audio"] .plu-audio-player {
		width: 100%;
	}
	
	/*** ---------- Single News Styling (we override the "PLU News Posts" plugin with the styles below ----------- ***/

	.single-news-post .entry-content .post-featured-media[media-type="image"] .post-featured-image-caption {
		font-size: 13px;
		max-width: unset;
	}
	
	.single-news-post .entry-content .post-title-details-container {
		padding: 2.5em 15px;
	}
	
	/* on 'standard' posts with a featured image, we add more padding to the header title */
	body.single-format-standard .single-news-post .entry-content .post-title-details-container,
	body.single-format-video .single-news-post .entry-content .post-title-details-container {
		padding: 2.5em 15px 200px 15px;
	}
	
	.single-news-post .entry-content .post-title-details-container .post-title .page-title {
		font-size: 2em;
	}
	
	.single-news-post .entry-content .post-featured-media[media-type="image"],
	.single-news-post .entry-content .post-featured-media[media-type="video"] {
	    max-width: 1430px;
	    width: 100%;
	    margin: -165px auto 0 auto;
	    border-left: 15px solid #fff;
	    border-right: 15px solid #fff;
	    border-top: 15px solid #fff;
	    padding: 0;
	}
}

/* LARGE SCREENS */
@media only screen and (min-width: 71.563em) {
	
	/*** ---------- Top Stories ----------- ***/
	
	.plu-news-featured-stories .all-featured-stories .featured-story-wrapper .story-details {
		width: 50%;
	}
	
	/*** ---------- Single News Styling (we override the "PLU News Posts" plugin with the styles below ----------- ***/
	
	.single-news-post .post-footer {
		margin: 0 1em;
	}
	
}