/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */

/* General Styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
}

p.see-more {
	text-align: right;
}

p.see-more a {
	font-family: "Rajdhani", sans-serif;
}

a.text-white:hover {
	color: #fff;
}

.news-button-border {
	    border: 1px solid #707070;
    padding: 15px 20px;
    border-radius: 8px;
    color: #000;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	transition: 1s ease;
}

.news-button-border:hover {
	text-decoration: none;
	background-color: #707070;
	color: #fff;
	
}

.news-button-border span.fas {
	margin-left: 20px;
}

.news-button-border:hover span.fas {
	
	
}


.bgrepeat-green {
	background-image: url(https://www.uvu.edu/news/images/homepage/apfy_bgrepeat_greentone.jpg);	
}

.bgrepeat-grey {
	background-image: url(https://www.uvu.edu/news/images/homepage/apfy_bgrepeat_whitetone.jpg);	
}

h2.section-header {
	font-family: "Rajdhani", sans-serif;
	text-transform: uppercase;
	font-size: 30px;
}




a.news-solid-button, a.be-related-link {
	background-color: #fff;
	color: #275d38;
	font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #275d38;
    padding: 15px 35px 15px 15px;
    min-width: 275px;
    display: flex;
    flex-direction: row;
	margin: 15px auto 15px;
	position: relative;
}

a.news-solid-button::after, a.be-related-link::after {
	content: '\f061';
	font-family: "FontAwesome";
	color: #275d38;
	position: absolute;
	right: 0;
	padding: 0 15px;
}

a.news-solid-button:hover, a.be-related-link:hover {
	background-color: #f6f6f7;
	text-decoration: none;
}

a.news-icon-button {
	background-color: #F0F0F0;
    border-radius: 0;
    padding: 20px 70px 20px 20px;
    color: #666666;
    text-transform: uppercase;
    display: block;
    text-align: left;
    position: relative;
    font-size: 12px;
	margin: 5px;
}

a.news-icon-button::after {
	background-color: rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: auto;
    width: 50px;   
    font-size: 20px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
}

a.news-icon-button.icon-arrow::after {
	   content: '\f190';
}
	 
a.news-icon-button.icon-list::after {
	content: '\f03a';
}

a.news-icon-button.icon-pdf::after {
	content: '\f1c1';
}

a.news-icon-button.icon-zip::after {
	content: '\f1c6';
}

a.news-icon-button.icon-doc::after {
	content: '\f1c2';
}

.read-more {
	justify-content: center;
}

.news-footer {
	background-image: url(https://www.uvu.edu/news/images/shadow.jpg);
	background-repeat: repeat-x;
	background-position: top;
}




/* End General Styles */

/* Pagination */
.listing-pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination>li>a, .pagination>li>span {
	border: 0;
	color: #525252;
	padding: 3px 6px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #fff;
	color: #275D38;
	font-weight: bold;
}

/* End pagination */

/* Header Styles */

section[data-uvu-template="header-story-one"] {
	background: rgb(39,93,56);
	background: linear-gradient(180deg, rgba(39,93,56,1) 0%, rgba(39,93,56,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
	/*padding-top: 40px;*/
}

section[data-uvu-template="header-story-two"], section[data-uvu-template="header-video-story"], section[data-uvu-template="header-press-release"] {
	background: rgb(39,93,56);
	/*padding-top: 40px;*/
}

section[data-uvu-template="header-magazine"] .header-large-ribbon {
	color: #fff;
	font-family: "Lato", sans-serif;
	text-align: right;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 40px;
	position: relative;
	z-index: 1;
	display: block;
}

section[data-uvu-template="header-story-three"] {
	color: #fff;
	background: #275d38;
}

section[data-uvu-template="header-story-three"] .row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

section[data-uvu-template="header-story-three"] div.col-md-6.title, .featured-slider dov.col-md-6.title {
	display: flex;
	flex-direction: column;
	align-content: left;
	flex-wrap: wrap;
	padding: 40px;
}

section[data-uvu-template="header-magazine"] .header-large-image {
	margin-top: -63px;
	padding-bottom: 40px;
	position: relative;
	z-index: -1;
}

section[data-uvu-template="header-magazine"] h1 {
	font-family: "Garamond", "EB Garamond", "Adobe Garamond Pro", "Times New Roman", serif;
    text-align: center;
	text-transform: uppercase;
    font-size: 36px;
	padding-bottom: 15px;
}

section[data-uvu-template="header-magazine"] .feature-lead {
	font-family: "Garamond", "EB Garamond", "Adobe Garamond Pro", "Times New Roman", serif;
    text-align: center;
	font-size: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 15px;
	padding-bottom: 10px;
}

section[data-uvu-template="header-story-one"] h1, section[data-uvu-template="header-story-two"] h1, section[data-uvu-template="header-video-story"] h1, section[data-uvu-template="header-press-release"] h1, section[data-uvu-template="header-story-three"] h1 {
	border-left: 10px #fff solid;
	color: #fff;
	font-family: "Raleway", sans-serif;
	padding: 0px 20px 0 20px;
    margin: 40px 0 40px 0;
	display: block;
    z-index: 1;
}

section.landing-header {
	padding: 80px;
	margin: 0px;
}

section.landing-header h1 {
	font-family: "Raleway", sans-serif;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

/* End Header Styles */



/* ==== Video Story Section ====*/

.video-section {

}

.video-row-one, .video-row-two {
	position: relative;
}

.video-section a.lightbox.video-src {
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}


.video-section a.lightbox.video-src:after {
	content: '\f144';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    left: 0;
    top: 0;
    display: flex;
    font-size: 96px;
    z-index: 5;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
}

.video-section:hover a.lightbox.video-src:after {
	opacity: 1.0;
}

/* Exposure PHoto Stories */
#exposure-feed {
	display: grid;
	grid-template-columns: 0 1fr;
}

a.ex-stoy-link, a.ex-story-link:hover {
	text-decoration: none;
}

a.ex-stoy-link h2.ex-story-title, a.ex-stoy-link h5.ex-story-publish-date {
	text-decoration: none;
	color: #3C3C3C;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding-left: 25px;
}

a.ex-stoy-link h2.ex-story-title {
	align-self: center;
}

a.ex-stoy-link h5.ex-story-publish-date {
	align-self: start;
}

#exposure-feed .ex-story {
	padding: 20px;
	background-color: #fff;
    margin: 5px;
}

.ex-story-meta {
	margin-top: 15px;
	display: grid;
	grid-template-columns: 30px auto;
 	grid-template-rows: 1fr;
}

.ex-story-meta::before {
	content: '\f08e';
	font-family: "FontAwesome";
	color: #275D38;
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	border-right: 1px solid #707070;
	place-self: center;
	padding: 5px 15px;
}

.ex-story:hover .ex-story-meta::before {
	text-decoration: none;
}

/* End Exposure Photo Feed */

/* Story Meta Include */
section.story-meta {
	padding-top: 20px;
	padding-bottom: 20px;
}

.social-share {
	text-align: left;
}

.social-share svg.share-x-icon {
	height: 15px;
}
/* End Story Meta Include */


/* === Default Story Cards ==== */

/* ==== Default Card Styles ==== */

.video-row-one, .video-row-two, .culture-row-one, .culture-row-two {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	background-color: #fff;
	height: 100%;
}

.video-row-one, .video-row-two {
	margin-bottom: 20px;
}


.news-card-content, .video-story-content, .culture-story-content {
	padding: 20px 20px 40px 20px;
}

.news-card-topic {
	text-transform: uppercase;
	color: #000;
	font-family: "Rajdhani", sans-serif;
	font-size: 18px;
	font-weight: bold;
	    display: flex;
    flex-direction: row;
    align-items: center;
}


.news-card-topic:before {
    content: '';
    width: 10px;
    height: 28px;
    transform: skew(-20deg);
    background: transparent;
    border-left: 2px solid #275D38;
    border-right: 2px solid #275D38;
    display: inline-flex;
    margin-right: 10px;
}

.news-card-title, .news-card-title a {
	font-family: "Rajdhani", sans-serif;
    color: #275d38;
    font-size: 16px;
    font-weight: bold;
}


.news-card-desc {	
font-family: "Rajdhani", sans-serif;
	color: #000;
	font-size: 16px;
}

a.news-card-link {
	text-decoration: underline;
}

a.news-card-link:hover {
	text-decoration: none;
}

.story-card .news-card-img img, .video-story-image img, .culture-story-image img {
	border-radius: 10px 10px 0px 0px;
}

.story-card img {
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}

.story-card, .culture-row-one, .culture-row-two, .video-row-one, .video-row-two {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	margin-bottom: 20px;
	background-color: #fff;
	height: 100%;
}

.story-card .news-card-img img, .video-story-image img, .culture-story-image img, {
	border-radius: 10px 10px 0px 0px;
}

.story-card .story-card-date {
	    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/* ==== End Default Card ===== */

/* ===== Explore Cards ===== */
.explore-card .news-card-img img {
	border-radius: 10px;
}

.explore-card {
	    display: flex;
    flex-direction: column;
    align-items: center;
	height: 100%;
}

.explore-card .news-card-title {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.explore-card .news-card-content {
	    position: relative;
    top: -50px;
    background-color: #fff;
    border-radius: 10px;
    width: 90%;
    display: flex;
    flex-direction: column;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	height: 100%;
}

.news-card-content.no-thumb {
	width: 100%;
    top: 0px;
    margin-bottom: 50px;
}

/* ==== End Explore Cards ===== */

/* News Footer */
section.news-footer {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Topic Landing Pages */

ul.category-tabs {
	list-style-type: none;
	padding-left: 0px;
}

ul.category-tabs li {
	background-color: #f5f5f5;
}

ul.category-tabs a {
	width: 100%;
    height: 100%;
    display: block;
    padding: 8px;
}

ul.category-tabs li:hover {
	background-color: #275d38;
}

ul.category-tabs li:hover a {
	color: #fff;
}


/* End Topic Landing Pages */

/* Explore News Page */

h1.explore-header {
	text-align: center;
}

	h2.filter-header {
		text-align: center;
		margin-top: 10px;
	}
	
	.filter-group {
		background-color: #f9f9f9;
		margin: 5px;
		padding: 5px;
		border-radius: 10px;
	}

ul.filter-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

ul.filter-list li {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	margin: 3px;
}

ul.filter-list li a {
	color: #275D38;
	text-decoration: underline;
	padding: 8px;
}

ul.filter-list li a:hover {
	font-weight: bold;
}

/* Bridge Edge Auto Pilot Override */
.be-ix-link-block .be-related-link-container .be-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}


/* === Featured Slider ==== */
.featured-slider a, .featured-slider a:hover {
	color: #000;
	text-decoration: none;
	
}


.featured-content {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: 20px;
}

.slick-slide .featured-photo {
	background-image: url(https://www.uvu.edu/news/images/homepage/camodaz.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 40px 20px;
}

.slick-slide .featured-photo img {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	max-width: 80%;
}

.slick-slide .featured-photo img:after {
	content: '';
	
}

/*.featured-content p {
	font-family: "Raleway", sans-serif;
}*/

.slick-dots {
    padding-left: 0;
    left: 50%;
    right: auto;
    opacity: 1.0;
    border-radius: 0px;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    align-items: center;
    justify-content: center;
    display: inline-block;
    margin-top: 20px;
	position: relative;
}

.slick-dots button {
	width: 11px;
	height: 11px;
	box-shadow: none;
	background-color: #D6D6D6;
}

.slick-dots li {
}

.slick-dots .slick-active button {
	background: rgb(39,94,55);
    box-shadow: none;
}



/* ==== End Featured Slider ==== */

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {


	
/* Story Card (Handlebars Templates) */
.story-card-title {
	height: 120px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
	}
	
.story-card-title h3 {
	display: flex;
    justify-content: center;
	margin: 20px 0 20px 0;
}

/* Header Styles */
section[data-uvu-template="header-story-one"] h1, section[data-uvu-template="header-story-two"] h1, section[data-uvu-template="header-video-story"] h1, section[data-uvu-template="header-press-release"] h1, section[data-uvu-template="header-story-three"] h1  {
	margin: 40px 0 40px 0;
}
	
section[data-uvu-template="header-story-three"] div.col-md-6.title {
	align-content: center;
	padding: 60px;
}
	
	
/* Story Meta Include */
.social-share {
	text-align: right;
}
/* End Story Meta Include */


/* Topic Landing Pages */
	
	.landing-header {
		    display: grid;
    grid-template-columns: 1fr 1fr;
	}
	.landing-header-content {
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
	}
	
	.landing-header-image img {
		object-fit: cover;
		height: 100%;
	}

	
.recent-news-anchors a {	
    padding: 20px 20px 35px 20px;
}
	
.recent-news-anchors a::after {
    position: absolute;
    bottom: 10px;
	left: 50%;
    font-size: 18px;
	padding-left: 0px;
}
	
/* End Landing Pages

/* === Featured Slider */
	.slick-slider a {
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
}

.featured-content {
	
}
	
	li.slick-slide a {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
}
	
/* End Slider */
	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {

.story-card {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	margin-bottom: 20px;
	background-color: #fff;
	height: 100%;
}

.story-card-content {
	padding: 20px 20px 40px 20px;
}
	
	/* ==== Video Section ==== */
	
	.video-row-one .video-story-content {
	background-image: url(https://www.uvu.edu/news/images/homepage/combo_line_box.png);
	background-repeat: no-repeat;
	background-position: 95% 85%;
}
	
	
.video-section {
	background-image: url(https://www.uvu.edu/news/images/homepage/camodaz.png);
	background-repeat: no-repeat;
	background-position: 65% 50%;
}
	
	
	.video-row-one, .video-row-two, .culture-row-one, .culture-row-two {
		box-shadow: none;
		margin-bottom: 0px;
		background-color: transparent;
	}
	
	.video-row-one {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	top: 20px;
}

	
	.video-row-one .video-story-image, .culture-row-two .culture-story-image {
		order: 1;
	}

.video-row-two {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	top: -20px;
}
	
		
	.culture-row-one, .culture-row-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
	
	.culture-story-image {
		overflow: hidden;
	}
	
	.culture-row-one:hover .culture-story-image img,
	.culture-row-two:hover .culture-story-image img
	{
		transform: scale(1.1);
		transition: 0.3s ease-in-out;
	}
	
	.video-story-content, .culture-story-content {
	display: flex;
    align-items: center;
    justify-content: center;
}

.video-story-detail, .culture-story-detail {
	    display: flex;
    flex-direction: column;
    justify-content: center;
	  max-width: 400px;
}


.video-story-image img {
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
	
	.video-section a.video-src:hover img.video-thumb {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	}
	
	.culture-story-image img {
		border-radius: 0px;
	}
	
	
.culture-section {
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.culture-section:after {
	content: '';
    width: 130px;
    position: absolute;
    display: inline-flex;
    top: 40%;
    left: 45%;
    background-image: url(https://www.uvu.edu/news/images/homepage/apfy_xbox_green.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 130px;
}
	

	
	.video-row-one, .video-row-two, .culture-row-one, .culture-row-two {
	border-radius: 10px;
	box-shadow: none; 
	background-color: transparent;
	height: 100%;
}
	
	.video-row-one, .video-row-two {
		margin-bottom: 20px;
	}

.news-card-content, .video-story-content, .culture-story-content {
	padding: 20px 20px 40px 20px;
}


	/* ==== End Video Section ==== */
	
	/* Slider */
	/*Blog slider overrides */
.featured-content-inner {
	max-width: 70%;
}
	/* End Slider */

	/* Explore Page Filter List */
	
	h1.explore-header {
		text-align: right;
		margin-bottom: 15px;
	}
	
	h2.filter-header {
		text-align: right;
	}
	
	.filter-group {
		background-color: transparent;
		margin: 0;
		padding: 0;
	}
	ul.filter-list {
		display: block;
		justify-content: right;
	}

	ul.filter-list li {
		text-align: right;
		margin: 0;
	}
	
	/* Explore Page */
	ul.filter-list li a {
    padding: 0px;
	
	
}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {

	
	
	
}/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/