/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.transcript {
	text-align: right;
	font-size: .75rem;
	text-transform: uppercase;
}

/* border-left for blockquote */
blockquote.wp-block-quote {
	border-left: .25em solid #000;
	padding-left: 1em;
}

/* link icon after linked headers */
h1 a::after, h2 a::after, h3 a::after, h4 a::after, h5 a::after, h6 a::after {
	content: '\F126';
	font-family: wsu-icons;
	font-size: .875rem;
	color: #ca1237;
	margin-left: .6875rem;
	display: inline-block;
	text-decoration: none;
}

/*smaller font size for notice of nondescrimination */
.smallfont {
	font-size: 80%;
}

/* ---------------don't show author on posts ----------------*/
address.wsu-meta-byline {
	display: none;
}

/* -------------------------------------- image gallery ------------------------------- */
/* less bottom margin */
.gallery figure {
	margin: 0;
}

/** Default Gallery Styles */
.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}

.gallery .gallery-item {
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.333333%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.11%;
}

.gallery img {
	border: 2px solid #cfcfcf;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
}

/* enlarge full-size-image link in JP Carousel */
a.jp-carousel-image-download {
	line-height: 1.5;
	font-size: 24px !important;
}

/* footer menu */
.wsu-footer-site__widgets .widget_text.wsu-widget h2 {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 600;
}

/* staff page */
.vert-fade {
	margin-right: 1rem;
	padding: 1rem;
	background-image: linear-gradient(#e5e5e5,white);
}

/* font size for email address on staff page */
.smaller-email a {
	font-size: 1rem;
}

/* list subitems */
.list-bylaws ol li {
	list-style-type: upper-alpha;
}

.list-bylaws ol li li {
	list-style-type: decimal;
}

.list-bylaws ol li li li {
	list-style-type: lower-alpha;
}

.list-bylaws ol li li li li {
	list-style-type: lower-roman;
}

/* container layout: keeps embed tidy and aligned */
.ig-embed-wrapper {
	max-width: 420px;
/* control width */
	margin: 0 auto;
/* center inside the widget column */
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.08);
	padding: 12px;
	border: 1px solid #eee;
}

/* reduce extra white space Instagram embed sometimes adds */
.ig-embed-wrapper .instagram-media {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	border: none !important;
	background: transparent !important;
}

/* make grid preview tighter (target images inside embed) */
.ig-embed-wrapper img {
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

/* responsive: full width on mobile, smaller on desktop */
@media (max-width: 740px) {
	.ig-embed-wrapper {
		max-width: 100%;
		padding: 8px;
		box-shadow: none;
	}
}

/* optional: CTA button under the embed */
.ig-embed-wrapper .ig-cta {
	display: block;
	text-align: center;
	margin-top: 12px;
}

.ig-embed-wrapper .ig-cta a {
	display: inline-block;
	padding: .5rem .9rem;
	border-radius: 6px;
	background: #0072ce;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

/* wrapper card style */
.ig-embed-wrapper {
	max-width: 460px;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
	box-shadow: 0 8px 24px rgba(20,20,20,0.06);
	border: 1px solid #eee;
	margin: 0 auto;
}

/* hide the injected profile info block (top area) */
.ig-embed-wrapper .instagram-media > div > div:first-child,
.ig-embed-wrapper .instagram-media > div > header {
	display: none !important;
}

/* reduce extra whitespace Instagram adds */
.ig-embed-wrapper .instagram-media {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* make the CTA nice */
.ig-embed-wrapper .ig-cta {
	text-align: center;
	margin-top: 10px;
}

.ig-embed-wrapper .ig-cta a {
	display: inline-block;
	padding: .5rem .9rem;
	background: #0072ce;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
}

/* small-screen tweak */
@media (max-width:720px) {
	.ig-embed-wrapper {
		max-width: 100%;
		padding: 8px;
		box-shadow: none;
	}
}

.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

ul.wsu-social-icons > li.wsu-font-size--hero .wsu-icon.wsu-i-link {
	transform: scale(75%);
}