/*
Theme Name: UMC Theme 2 Child – Continuum
Theme URI: http://umc.utah.edu/
Description: Child Theme of UMC Theme – Continuum
Author: Scott Troxel (design), Dave White (code), Brian Thurber (code), Rachel Engle (design & code)
Author URI: http://umc.utah.edu/
Template: umctheme2
Version: 1.0.0
License: Approved use for the University of Utah Marketing and Communications only
License URI: http://umc.utah.edu/
Tags: Responsive University
Text Domain: umctheme2-child-continuum
*/

/* NOTE: Parent Theme styles are loaded via the parent themes functions file in 'parent-style' and then this stylesheet (style.css) for the child is loaded */

/* Site Specific Styles Start Here
------------------------------------------------------------ */

.page-title{
	  border-bottom: 1px solid #ececec;
    padding-bottom: 0.25em;
}

/* Header Styles
============================= */

.uu-site-header__logo{top:18px;}

.uu-site-titles{
	padding-top:3px;
}

#uu-pushmenu-trigger, .uu-body--pushbody-toleft #uu-pushmenu-trigger{
	top:23px;
}

.uu-body--pushbody-toleft #uu-pushmenu-trigger.fix-top{
	top:0;
}

/* --------- SMALL TABLET SCREEN SIZE ----------- */
@media only screen and (min-width: 580px) {
	#uu-pushmenu-trigger, .uu-body--pushbody-toleft #uu-pushmenu-trigger{
		top:15px;
	}
}

/* --------- DESKTOP SCREEN SIZE (AND LANDSCAPE iPAD) ----------- */
@media only screen and (min-width: 950px) {
	.uu-site-titles{
		padding-top: 0;
    margin-top: -5px;
	}

	#uu-pushmenu-trigger, .uu-body--pushbody-toleft #uu-pushmenu-trigger, #uu-pushmenu-trigger.u-flag:before{
		top:14px;
	}
}

@media only screen and (min-width: 1024px) {
	.uu-site-header{
		background-position: 20px 21px;
	}
}

.uu-site-titles__heading, .uu-site-titles__heading__subhead{
  font-family: 'Open Sans Condensed', Helvetica, sans-serif;
}

.uu-site-titles__heading{
	  font-size: 44px;
    letter-spacing: 2px;
    line-height: 1;
}

.uu-site-titles__heading__subhead{
	font-size:14px;
}

.white-sidebar h4 {
	text-transform: uppercase;
}

.download-pdf-link {
	color: #cc0000 !important;
	font-size: 0.85em;
	text-transform: uppercase;
}

/* --------- SMALL TABLET SCREEN SIZE ----------- */
@media only screen and (min-width: 580px) {

}


/* Home Page
============================= */

.front-page .page-title{
	display:none;
}

.sow-masonry-grid-item .img-title{
		display:inline-block !important;
    font-family: 'Encode Sans Condensed';
    position:absolute;
    top:auto !important;
    bottom:10px;
    left:0;
    padding: 5px 10px 5px 30px;
    background-color: #990000;
    color: #fff; text-transform: uppercase;
    font-weight: 300;
}

#uu-hm-featured-articles .eq-ht-wrapper{
	padding:0;
	text-align: left;
}

#uu-hm-featured-articles h3{
	font-size:1em;
	font-weight:bold;
}

#uu-hm-featured-articles h3 a:focus,
#uu-hm-featured-articles h3 a:visited{
	color:#cc0000;
}

#uu-hm-featured-articles h3 a:hover{
	text-decoration: underline;
}

#uu-hm-featured-articles .description{
	font-size: 0.85em;
}

/* Body Styles
============================= */

.lineonsides--redlines {
	color: #666;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 3px solid #cc0000;
	line-height: 0;
	padding: 0;
	font-family: 'Encode Sans Condensed', Helvetica, Arial, sans-serif;
	margin: 0.5em 0 1.25em;
	letter-spacing: 0;
	font-weight: 300;
	/* font-size: 1.75em; */
	display:block;
	position:relative;
}

.lineonsides--redlines span{
	background: #fff;
	padding: 0 1em;
}

@media only screen and (max-width: 480px){
	.lineonsides--redlines{font-size:1.25em;}
}

/* Search Page
============================= */

@media only screen and (min-width:1024px){
	.search .content-area {
		width:760px;
		margin:0 auto;
	}
}

.search .main-channel{
	padding-top:2em;
}

.search .page-header{
	border-bottom: 1px solid #eee;
}

.search .page-entry-title{
	text-align:center;
	margin-bottom:1em;
}

.page-entry-title .search-title{
	display:block;
	font-weight:300;
	font-size: 1em;
	text-transform: uppercase;
/*	margin-left:10px;
*/}

.search-highlight {
    background:#FFFF00
}

.content-area img{
	max-width:100%;
}

.search .post .entry-meta{
	border:0;
	margin:0 0 0.5em 0;
	padding-left:0;
	text-transform:uppercase;
}

.search .entry-title{
	  margin: 0;
    font-size: 1.5em;
}

.search .post .date:before{
	content:none;
}

.search .search-post{
	margin-bottom:3em;
}

.search .post .issue{
	  font-size: 0.85em;
    color: #999;
}


/* Custom Menu Styles
================================= */

.uu-issue-menu__heading{
	margin-bottom:2.15em;
}

.uu-issue-menu, .uu-issue-menu__sub{
	list-style: none;
	padding:0;
	margin:0;
}

.featured-menu-item{ padding: 0 0.5em 2.15em 0;}

.uu-issue-menu h3{margin:0.5em 0 0.75em;}

.uu-issue-menu h3 a{
	color:#fff;
	letter-spacing: 1px;
	font-weight: 300;
	font-size:0.75em;
	text-transform: uppercase;
}

.uu-issue-menu h3 a:hover, .uu-issue-menu h3 a:focus{
	color:#fff;
	text-decoration: none;
	border-bottom: 2px solid #cc0000;
}

.featured-menu-item img{
	float:left;
	margin:0 1em 0 0;
	width:75px;
	clear:left;
}

.uu-issue-menu__cover {
	padding: 2em 0 0 0;
}

.uu-issue-menu__cover img {
	width: 90%;
}

.uu-issue-menu__sub h5{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	margin:0 0 0.5em 0;
	font-size:0.8em;
	font-weight:bold;
}

.uu-issue-menu__sub h5 a, .uu-issue-menu__sub h5 a:hover, .uu-issue-menu__sub h5 a:focus{
	color:#fff;
}

.uu-issue-menu__sub h5 a:hover, .uu-issue-menu__sub h5 a:focus{
	border-bottom:2px solid #cc0000;
	text-decoration:none;
}

.uu-issue-menu__sub .excerpt{
	color:#fff;
	font-size:0.7em;
	margin-bottom:0;
	text-transform:uppercase;
}

.uu-issue-menu__sub2 li{
	border-top:1px solid #111;
}

.uu-issue-menu__sub2 li:last-of-type{
	border-bottom:1px solid #111;
}

.uu-issue-menu__sub2 h5{
	font-size:0.9em;
	text-transform:uppercase;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin:0;
	padding:0;
}

.uu-issue-menu__sub2 h5 a,
.uu-issue-menu__sub2 h5 a:visited,
.uu-primary-menu [class^="icon54-"] h3 a{
	color:#fff;
	width:100%;
	display:block;
	padding:10px;
	padding-left:37px;
}

.uu-issue-menu__sub2 li:hover,
.uu-issue-menu__sub2 li:focus,
.uu-issue-menu__sub2 li.current-menu-item,
.uu-issue-menu__sub2 li.current-menu-ancestor{
	background-color: #4B4B4B;
}

.uu-issue-menu__sub2 li:hover h5 a,
.uu-issue-menu__sub2 li:focus h5 a,
.uu-issue-menu__sub2 li.current-menu-item h5 a,
.uu-issue-menu__sub2 li.current-menu-ancestor h5 a{
	text-decoration:none;
}

.uu-issue-menu__sub2 li{
	position:relative;
	-webkit-font-smoothing: antialiased;
	display:block;
}

.uu-issue-menu__sub2 [class^="icon54-"]:before{
	font-size:1.15em;
	display:block;
	position:absolute;
	color:#fff;
	left:8px;
	top:10px;
}

/* JIC 5 columns class is not loaded... */
@media all and (min-width: 766px) {
	.eq-ht.col-5{width: 18%;}
}
@media all and (min-width: 766px) and (max-width: 900px) {
	.eq-ht.col-6, .eq-ht.col-5{width: 31.3%}/*stack 6 column to 3 column at this sceen size*/
}
@media all and (min-width: 480px) and (max-width: 766px) {
	.eq-ht.col-6, .eq-ht.col-5{width: 48%}/*stack 6 column to 2 column at this sceen size*/
}
@media \0screen\,screen\9 {/*IE8 and lower*/
	.eq-ht.col-5{width: 18%;}
}


/* Paging Nav Styles
================================= */

div.row.uu-paging-wrapper{
	border-top: 1px solid #666;
	margin-top:3em;
	margin-bottom: 1em;
}
.uu-paging-thumb{
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}
.uu-paging-link{
	text-transform: uppercase;
	font-family: 'Encode Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 900;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
	font-size: 1.3em;
}
.uu-paging-link.uu-align-right{
	text-align: right;
}
.uu-paging-title{
	text-transform: uppercase;
	font-family: 'Encode Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 900;
	line-height: 1.3em;
	font-size: 1.3em;
	display: inline;
	vertical-align: top;
}
.uu-paging-excerpt{
	line-height: 1.3em;
	font-size: 1em;
	color: #000;
	display: inline;
	vertical-align: top;
}

/* Post Styles
================================= */
.archive .date:before,
.category .date:before,
.home .date:before{
	content:'';
}

.post .date{
	font-size:0.85em;
	color:#999;
}

.post .author{
	font-size:0.85em;
	color:#000;
}


.post .page-title{
	border-bottom:0;
}

.post .entry-meta{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

.entry-header__single .entry-meta{
	font-size:0.9em;
}

.entry-header__single .feat-img-credit{
	text-align:right;
	font-size: 0.75em;
  color: #999;
}

.author-avatar img{
	border-radius:50%;
}

.entry-header__single .author-name,
.entry-header__single .post-photographer{
	font-weight:bold;
	color:#666;
}

.entry-header__single .date{
	text-transform:uppercase;
}

.entry-header__single .author-name{
	margin-left:10px;
}

.entry-header__single .date:before{
	content:"";
	display:none;
}

.entry-header__single .author-name:after,
.entry-header__single .post-photographer:after{
	content:"|";
	font-size:16px;
	margin:0 5px 0 10px;
	font-weight:300;
}

.issue-sub-category {
	color: #999;
	font-size: 0.7em;
}

.issue-sub-category-icon {
	display: inline-block;
	font-size: 0.85em;
}

/* Issue Archives Page Styles
================================= */
.archive-covers {
    text-align: center;
}

.archive-covers img {
    width: 100%;
}

.archive-page h5 {
	font-size: 14px;
}

@media all and (min-width: 766px) {
	.archive-page h5 {
		font-size: 19px;
	}
}


/* Custom Web Extra Styles
================================= */
#web-extras {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#web-extras .web-extra-item {
  position: relative;
  flex-grow: 1;
  width: 46%;
  background-size: cover;
  background-position: center center;
  margin: 2% 1% 0px 1%;
  z-index: 1;
  color: #ffffff;
}

#web-extras .web-extra-item a {
  color: #ffffff;
}

#web-extras .web-extra-item::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
  z-index: 2;
}

#web-extras .web-extra-item:hover::before {
  background-image: linear-gradient(rgba(0,0,0,0), rgba(204, 0, 0, 1));
}

#web-extras .web-extra-item:first-child {
  width: 100%;
  margin-top: 0;
}

#web-extras .web-extra-item .web-extra-item-content {
  position: relative;
	font-size: 13px;
  padding: 176px 30px 20px 30px;
  z-index: 3;
}

#web-extras .web-extra-item .web-extra-item-content h5 {
  margin-bottom: 2px;
}

#web-ex-right {
  background: #7C8888;
  color: #ffffff;
}

#web-ex-right .web-ex-title {
  background: #445858;
  color: #ffffff;
  padding: 5px;
	font-size: 13px;
}

#web-ex-right .web-ex-title h6, #web-ex-bottom .web-ex-title h6 {
  font-size: 14px;
}

#web-ex-right a {
  color: #ffffff;
  opacity: .9;
	transition: all 0.5s ease;
}

#web-ex-right p {
  margin-bottom: 30px;
}

#web-ex-right a:hover {
  opacity: 1;
}

#web-ex-right img, #web-ex-bottom img {
  margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#web-ex-right strong, #web-ex-bottom strong {
	display: block;
}

#web-ex-bottom .web-ex-title {
  margin-bottom: 5px;
}

#web-ex-bottom a {
  color: #000000;
}

@media only screen and (max-width: 600px) {
  #web-extras .web-extra-item {
    width: 100%;
  }
}

/* Memoriam Page */
.mem-img {
	position: relative;
	margin-top: 2em;
}
.mem-copy-container {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
	padding-right: 6%;
}
.mem-copy {
	color: #ffffff;
	text-align: right;
	font-size: 4vw;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.mem-copy span {
	display: block;
	font-size: 3vw;
}

.mem-year {
	font-style: italic;
	font-size: 2.5vw;
}


/*--------------------------------------------------------------
 *## CARDS
 *-------------------------------------------------------------- */

@media only screen and (min-width:1024px){
  	.tag-theme-sub .content-single {
  		width: 1024px !important;
  	}
}

.img-card {
  position: relative;
  border-radius: 20px;
  transition: all 0.15s ease;
}
.img-card:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.uu-3card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.uu-3card-container .uu-card {
  flex: 1 0 31.3333%;
  min-width: 290px;
  margin: 0px 1% 30px 1%;
}

.uu-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 30px;
  border-radius: 6px;
}

.uu-card:hover {
  transform: translateY(-4px);
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.uu-card-img {
  position: relative;
  overflow: hidden;
}

.uu-card-img img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.uu-card-body {
  padding: 30px;
  margin-bottom: 60px;
}

.uu-card-body .read-more {
  position: absolute;
  bottom: 30px;
}