/*
Theme Name: SoP Theme
Theme URI: https://uwtheme.wordpress.wisc.edu/
Author: Eric Robinson, UW-Madison School of Pharmacy
Author URI: 
Description: This theme is a child theme of the UW-Theme created by UW-Madison to fit the needs of the School of Pharmacy.
Template: uw-theme
Version: 1.0
License:
License URI:
Text Domain: sop-theme
Tags: uwmadison
*/

:root {
	--primary_color: #c5050c;
}

#uw-top-menus .current_page_item a {
	border-bottom-color: #fff;
}
.faculty-list .faculty-member .faculty-image{
	max-width: 400px;
}
img.size-uw-headshot, .image-gallery .image-gallery-item .image-gallery-content-image img{
	aspect-ratio: 1;
	object-fit: cover;
	/*width: 100vw;*/
}
.image-gallery .image-gallery-item .image-gallery-content{
	padding: 0;
}
.image-gallery-content-text{
	display: none;
}

#publicationListContainer{
	scroll-margin-top: 120px;
}
ul#publicationListPaginator li{
	margin: 0;
	padding: 0;
}
ul#publicationListPaginator li span, ul#publicationListPaginator li a{
	display: inline-block;
	background-color: #f7f7f7;
	border: 1px solid #dedede;
	padding: .75rem 1rem 1rem;
	font-size: .875rem;
	line-height: 16px;
	height: 2.5rem;
}
ul#publicationListPaginator li a{
	color: #0479a8;
	text-decoration: none;
}
#publicationListContainer #btn_prev, #publicationListContainer #btn_next{
	font-size: 1rem;
}
.faculty-list .faculty-member .bio p{
	margin-top: 1.5rem;
}
.uw-pe.uw-pe-latest_posts .uw-posts-listing .uw-post{
	.uw-post-img img{
		max-width: 6rem;
	}
	.uw-post-text{
		display: flex;
		flex-direction: column-reverse;
		align-self: flex-start;
	}	
}

/***********
 * CLASSES *
 ***********/

/*
 * Factoids
 *
 * class: factoids
 * affects: Text Block
 */
.factoids {
	.uw-text-block{
		font-size: 1.25rem;
		strong {font-size: 1.5em;}
	}
	&.white-background, &.lightest-gray-background, &.blue-gray-background{
		.uw-text-block strong{
			color: #c5050c;
		}
	}
}

/*
 * Small Image Gallery Thumbnails
 *
 * class: small-thumbnails
 * affects: Image Gallery
 */
.small-thumbnails{
	.image-gallery>.image-gallery-item{
		flex: 0 0 164px;
	}
}

/**************
 * SHORTCODES *
 **************/

/*
 * Main Site Events List
 *
 * shortcode: get_events_list
 */
/* Events shortcode styling */
.eventsListContainer{
	.eventsListDate{
		font-size: .9375rem;
		/*color: var(--primary_color);*/
	}
	.eventsListTitle{
		line-height: 1.2;
	}
	.eventsListTitle a{
		font-family: "Red Hat Display", sans-serif;
		font-weight: 630;
		font-size: 100%;
		text-decoration: none;
	}
	.eventsListTime{
		font-size: .9375rem;
		margin-top: .5em;
	}
}
/* Events horizontal styling */

/* Events vertical styling */
.eventsListContainer.vertical{
	ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px;
		margin-left: 0;
		
		li{
			display: flex;
			flex-direction: column;
			max-width: 370px;
			width: 100%;
			border: 1px solid darkgray;
			border-radius: 5px;
			padding: 2em;
			background-color: white;
		}
	}
	.eventsListTitle{
		font-size: 1.3em;
	}
	span.eventsListDate{
		margin: .5em 0;
		.eventsListDay{
			font-size: 3em;
			margin-right: .3em;
		}
		.eventsListMonth{
			font-size: 1.3em;
			margin-right: .3em;
		}
	}
	img.separator{
		width: 64px;
		margin: 16px 0 32px 0;
	}
}
.one-column .eventsListContainer.vertical ul{
	gap: 21px;
}
.equal-column .eventsListContainer.vertical ul li{
	max-width: 270px;
}


/*
 * Main Site News List
 *
 * shortcode: get_news_list
 */
/* News shortcode styling */
.newsListContainer .newsListDate{
	font-size: .9375rem;
}
.newsListContainer .newsListTitle{
	line-height: 1.2;
}
.newsListContainer .newsListTitle a{
	font-family: "Red Hat Display", sans-serif;
	font-weight: 630;
	font-size: 100%;
	text-decoration: none;
}
/* News horizontal styling */
.newsListContainer.horizontal ul{
	display: flex;
	flex-direction: column;
	margin-left: 0;
}
.newsListContainer.horizontal .newsListImage{
	grid-area: 1 / 1 / 4/ 2;
}
.one-column, .wide-column{
	.newsListContainer.horizontal ul li{
		display: grid;
		grid-template: auto auto 1fr / 12rem auto;
		grid-column-gap: 1rem;
		margin-bottom: 1.6rem;
	}
	.newsListContainer.horizontal .newsListImage img{
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
}
.equal-column, .narrow-column, .three-column{
	.newsListContainer.horizontal ul li{
		display: grid;
		grid-template: auto auto 1fr / 6rem auto;
		grid-column-gap: 1rem;
		margin-bottom: 1.6rem;
	}
	.newsListContainer.horizontal .newsListImage img{
		aspect-ratio: 1;
		object-fit: cover;
	}
}
/* News vertical styling */
.newsListContainer.vertical ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	margin-left: 0;
}
.newsListContainer.vertical .newsListImage img{
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.one-column .newsListContainer.vertical ul{
	gap: 21px;
}
.newsListContainer.vertical ul li{
	display: flex;
	flex-direction: column;
	max-width: 370px;
}
.equal-column .newsListContainer.vertical ul li{
	max-width: 270px;
}
.newsListContainer.vertical span.newsListDate{
	margin-top: .5em;
}

/*********
 * HOOKS *
 *********/
 
 /*
  * uw_after_single_the_content
  */
.cardsHeader{
	font-size: 30px;
	text-align: center;
	color: var(--primary_color);
	font-weight: 630;
	margin-top: 1em;
}
.cardsContainer{
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 1em 2em;
	
	.card{
		display: grid;
		grid-template: auto / 180px auto;
		grid-column-gap: 2em;
	}
	.card:not(:first-child){
		padding-top: 1em;
		border-top: 1px solid lightgray;
	}
	img{
		grid-area: 1 / 1 / 3/ 2;
		aspect-ratio: 1;
		object-fit: cover;
	}
	.card-details{
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 180px;
	}
	.card-title{
		font-size: 1.75em;
		font-weight: 630;
	}
}