/* ----- 'medium' screen size styles ----- */
@media only screen and (min-width: 48em) {
	
	/* increase the font-size for the slide titles on 'full screen' sliders */
	.plu-media-slider.full_screen_slider .media-slider-video.full-screen-video .full-screen-content-wrapper .content-container .media-slide-title,
	.plu-media-slider.full_screen_slider .media-slider-image.full-screen-image .full-screen-content-wrapper .content-container .media-slide-title {
		font-size: 2em;
	}

	/** ----------------------------------------
	 *  Carousel Slider
	 ---------------------------------------- */
	
	/* add spacing when the user selects to add spacing in between */
	.plu-media-slider.carousel-spacing .carousel-cell {
		margin-right: 10px;
	}
	
	/* set width classes for carousel galleries */	
	/* 2 slides */
	.plu-media-slider.carousel.one-half .carousel-cell {
		width: 50% !important;
	}
	/* 3 slides */	
	.plu-media-slider.carousel.one-third .carousel-cell {
		width: 33.333% !important;
	}
	/* 4 slides */
	.plu-media-slider.carousel.one-fourth .carousel-cell {
		width: 25% !important;
	}
	/* 5 slides */
	.plu-media-slider.carousel.one-fifth .carousel-cell {
		width: 20% !important;
	}
	
	/* when a 'carousel slider' type is used, we want to always show the text in the middle for videos and not animate it in */
	.plu-media-slider.carousel .media-slider-video .text-wrapper.cover .cover-container {
		position: absolute;
		display: block;
		width: 100%;
		max-width: 65%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity: 1;
	}
	
	/* when 4 & 5 columns are selected for a carousel slider, the text would end up being too small so we hide it */
	.plu-media-slider.carousel.one-fourth .media-slider-video .text-wrapper,
	.plu-media-slider.carousel.one-fifth .media-slider-video .text-wrapper {
		display: none;
	}
	
	/* resize title and sub-title text for videos for each carousel size */
	/* 2 slides */
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-title {
		font-size: 16px;
	}	
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 13px;
		line-height: 1.4;
	}
	
	/* 3 slides */
	.plu-media-slider.carousel.one-third .media-slider-video .cover-container .media-slide-title {
		font-size: 14px;
	}	
	.plu-media-slider.carousel.one-third .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 11px;
		line-height: 1.4;
	}

	/** ---------------------------
	 *  Image and video text boxes
	 --------------------------- */
	 
	/* reset the vertical middle alignment of slides */
	.plu-media-slider .media-slider-image,
	.plu-media-slider .media-slider-video {
		top: 0;
		transform: translateY(0);
	}
	
	/* Optionally added image on video slides */
	.plu-media-slider .media-slider-video .text-wrapper .video-slide-image {
		display: inline-block;
	}
	
	/* -- Default -- */
	.plu-media-slider .media-slider-image .text-wrapper.default {
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		padding: 1.3em 2em;
		margin-top: 0;
		border-top: none;
	}
	.plu-media-slider .media-slider-image .text-wrapper.default .media-slide-title {
		font-size: 23px;
	}
	.plu-media-slider .media-slider-image .text-wrapper.default .media-slide-subtitle {
		font-size: inherit;
	}
	.plu-media-slider .media-slider-image .text-wrapper.default .media-slide-button-link {
		font-size: 12px;
	}
	
	/* -- Default (Text Alignment) -- */
	.plu-media-slider .media-slider-image .text-wrapper.default.align-me-right {
		text-align: right;
	}
	.plu-media-slider .media-slider-image .text-wrapper.default.align-me-center {
		text-align: center;
	}
	
	/* -- Cover -- */
	.plu-media-slider .media-slider-image .text-wrapper.cover,
	.plu-media-slider .media-slider-video .text-wrapper.cover {
		background: rgba(0,0,0,0.5);
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 1;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	
	.plu-media-slider .media-slider-video .text-wrapper.play-pause-only {
		display: block;
	}
	
	/* when clicking the 'play' button, we add a class to hide the 'cover' style */
	.plu-media-slider .media-slider-video .text-wrapper.cover.video-active {
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.plu-media-slider .media-slider-video .text-wrapper.cover.video-active:hover {
		opacity: 1;
	}
	
	.plu-media-slider .media-slider-video .text-wrapper.cover .cover-container {
		position: absolute;
		display: block;
		width: 100%;
		max-width: 65%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		top: 50%;
		left: 35%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
		opacity: 0;
	}
	
	/* this is for 'flickity' to bring the text cover box into view when slide is active */
	.plu-media-slider .is-selected .media-slider-video .text-wrapper.cover .cover-container {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity: 1;
	}
	
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-title {
		color: #ffffff;
		font-size: 24px;
		margin: 0;
		line-height: 1.1;
	}
	
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-subtitle {
		margin: 0;
		color: #ffffff;
		font-size: 13px;
	}
	
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-button-link {
		padding: 9px 11px;
		display: inline-block;
		margin-top: 10px;
		font-size: 10px;
	}
	
	/* when click the 'eye' icon we hide the cover box */
	.plu-media-slider .media-slider-image .text-wrapper.cover.hide-cover,
	.plu-media-slider .media-slider-video .text-wrapper.cover.hide-cover {
		opacity: 0;
		top: -100%;
	}
	
	/* when clicking the 'play' button, we add a class to hide the 'cover' style */
	.plu-media-slider .media-slider-video .text-wrapper.cover.video-active {
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.plu-media-slider .media-slider-video .text-wrapper.cover.video-active:hover {
		opacity: 1;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .cover-container {
		position: absolute;
		display: block;
		width: 100%;
		max-width: 65%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
		opacity: 0;
	}
	
	.plu-media-slider .is-selected .media-slider-image .text-wrapper.cover .cover-container {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity: 1;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .media-slide-title,
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-title {
		font-size: 40px;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .media-slide-subtitle,
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-subtitle {
		font-size: 15px;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .media-slide-button-link,
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-button-link {
		padding: 12px 14px;
		display: inline-block;
		margin-top: 15px;
		font-size: 13px;
	}
	
	/* Display arrows / bullets / slide count only when hovering slider */
	.plu-media-slider:hover .flickity-prev-next-button,
	.plu-media-slider:hover .flickity-page-dots,
	.plu-media-slider:hover .media-slider-index {
		opacity: 1;
	}
	
	/* reset arrows display */
	.plu-media-slider .flickity-prev-next-button {
		display: block;
	}
	
	/* reset bullets display */	
	.plu-media-slider .flickity-page-dots {
		opacity: 0;
	}
	
	/* video play/pause buttons (only for when an uploaded/.mp4 video is used) */
	.media-slider-video .video-tools {
		top: unset;
		bottom: 0;
	}
	
	/**** CUSTOM STYLES FOR SPECIFIC NEEDED SITES ****/

	/* Advancement Homepage Slider */	
	.plu-media-slider.full_screen_slider.advancement-homepage-slider .media-slider-video .full-screen-content-wrapper .content-container .video-slide-image-wrapper {
		padding: 5em;
	}
	
	.plu-media-slider.full_screen_slider.advancement-homepage-slider .media-slider-video .full-screen-content-wrapper .content-container .video-slide-image-wrapper .video-slide-image {
		max-width: 600px;
	}

}

/* ----- 'semi-large' screen size styles ----- */
@media only screen and (min-width: 64em) {

	/** ----------------------------------------
	 *  Carousel Slider
	 ---------------------------------------- */
	 
	/* when 4 & 5 columns are selected for a carousel slider, we hide it for medium sized screens, so here we re-display it */
	.plu-media-slider.carousel.one-fourth .media-slider-video .text-wrapper:not(.no-text-or-btns),
	.plu-media-slider.carousel.one-fifth .media-slider-video .text-wrapper:not(.no-text-or-btns) {
		display: block;
	}
	 
	/* resize title and sub-title text for videos for each carousel size */
	/* 2 slides */
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-title {
		font-size: 19px;
	}	
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 15px;
		line-height: 1.4;
	}
	
	/* 3 slides */
	.plu-media-slider.carousel.one-third .media-slider-video .cover-container .media-slide-title {
		font-size: 17px;
	}	
	.plu-media-slider.carousel.one-third .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 14px;
		line-height: 1.4;
	}
	
	/* 4 slides */
	.plu-media-slider.carousel.one-fourth .media-slider-video .cover-container .media-slide-title {
		font-size: 15px;
	}	
	.plu-media-slider.carousel.one-fourth .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 12px;
		line-height: 1.3;
	}
	
	/* 5 slides */
	.plu-media-slider.carousel.one-fifth .media-slider-video .cover-container .media-slide-title {
		font-size: 15px;
	}	
	.plu-media-slider.carousel.one-fifth .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 11px;
		line-height: 1.3;
	}
	
	/* down arrow link */
	.slide-down-arrow-link {
		display: block !important;
	}
	
	/* video tools icons */
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-play-pause .video-play-pause,
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-description .video-toggle-description {
		padding: 0;
	}
	
	/* 'full screen' .media-slide-subtitlelay/pause video btn */
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-play-pause {
		bottom: 20px;
		left: 30px;
	}
	
	/* toggle video slide text description */
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-description {
		bottom: 20px;
		left: 70px;	
	}
	
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-description-text {
		bottom: 45px;
		left: -55px;
		width: 98vw;
	}
	.plu-media-slider.full_screen_slider .media-slider-video .full-screen-video-tools .full-screen-video-description-text .media-slide-subtitle {
		font-size: 15px;
	}
	
	/** ----------------------------------------
	 *  Image Lightbox
	 ---------------------------------------- */
	 
	/* lightbox text */
	.carousel-lightbox-wrapper .lightbox-wrapper .img-text {
		max-width: 60%;
	}
	
	.plu-media-slider.full_screen_slider.advancement-homepage-slider .media-slider-video .full-screen-content-wrapper .content-container .video-slide-image-wrapper .video-slide-image {
		max-width: 700px;
	}
}

/* ----- 'large' screen size styles ----- */
@media only screen and (min-width: 71.563em) {

	/** ----------------------------------------
	 *  Carousel Slider
	 ---------------------------------------- */

	/* resize title and sub-title text for videos for each carousel size */
	/* 2 slides */
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-title {
		font-size: 24px;
	}	
	.plu-media-slider.carousel.one-half .media-slider-video .cover-container .media-slide-subtitle {
		font-size: 15px;
		line-height: 1.4;
	}
	
	/* 3 slides */
	.plu-media-slider.carousel.one-third .media-slider-video .cover-container .media-slide-title {
		font-size: 20px;
	}
	/* 4 slides */
	.plu-media-slider.carousel.one-fourth .media-slider-video .cover-container .media-slide-title {
		font-size: 20px;
	}
	/* 5 slides */
	.plu-media-slider.carousel.one-fifth .media-slider-video .cover-container .media-slide-title {
		font-size: 18px;
	}

	/** ---------------------------
	 *  Image and video text boxes
	 --------------------------- */
	
	/* -- Default -- */
	.plu-media-slider .media-slider-image .text-wrapper.default .media-slide-button-link {
		font-size: 13px;
	}
	
	/* -- Cover -- */	
	.plu-media-slider .media-slider-image .text-wrapper.cover .media-slide-title,
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-title {
		font-size: 52px;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .media-slide-subtitle,
	.plu-media-slider .media-slider-video .text-wrapper.cover .media-slide-subtitle {
		font-size: 18px;
	}
	
	.plu-media-slider .media-slider-image .text-wrapper.cover .cover-container {
		max-width: 960px;
	}
		
	/* down arrow link */
	.slide-down-arrow-link {
		display: block !important;
	}
	
}