/*
Theme Name:   Purdue Office of Research Child
Template:     purdue-home-theme
Version:      1.0.0
Text Domain:  purdue
*/
:root {
	--wp--preset--spacing--10: 1rem;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
}

/* This is a fix for link cards. They are relying on the image size, rather than the text size. Its backwards */
.purdue-home-link-cards:not(.press):not(.directory-group) .purdue-home-cta-card:not(.purdue-home-cta-card--story) {
	position: relative;
	flex-direction: row !important;
	align-items: flex-end;
	min-height:300px;
}
.purdue-home-link-cards:not(.press):not(.directory-group) .purdue-home-cta-card:not(.purdue-home-cta-card--story) .flex-container {
	position: relative !important;
}
.purdue-home-link-cards:not(.press):not(.directory-group) .purdue-home-cta-card:not(.purdue-home-cta-card--story) figure.image {
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}



.pagination {
	display: flex;
	justify-content: space-between;
}

a.navbar-logo {
	text-decoration: none;
}

a.navbar-logo:hover {
	text-decoration: underline;
}

.purdue-accordion-wrap .purdue-accordion__title button {
	font-size: 1.5rem !important;
}

#top-nav .align-end {
	margin-left: auto;
}

.single .blog-callout p,
article.blog-article header p {
	margin-bottom: 0;
	font-style: italic;
}

.single .blog-callout h1:not(:first-child),
article.blog-article h2 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.single .blog-callout h1:not(:first-child),
article.blog-article h2 a {
	color: black;
	text-decoration: none;
}

.single .blog-callout h1:not(:first-child) a:hover,
article.blog-article h2 a:hover {
	text-decoration: underline;
}

.single aside h2 {
	font-size: 1.5rem;
}

.single aside ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	list-style: none;
}

ul.research-areas {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

ul.researchers li:not(:last-child) {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 0.5em;
}

ul.researchers .name {
	font-weight: 600;
}

.blog-article {
	margin-bottom: 2em;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 2em;
}

.blog-article:last-child {
	border-bottom: none;
}

.purdue-home-cta-banner.purdue-home-teritary-hero.align-left .section .container {
	align-items: flex-start !important;
}
.purdue-home-cta-banner.purdue-home-teritary-hero.align-left .section .container h1,
.purdue-home-cta-banner.purdue-home-teritary-hero.align-left .section .container p {
	text-align: left !important;
}

@media (min-width: 1024px) {
	.purdue-home-cta-banner.purdue-home-teritary-hero.align-left .section .container {
		align-items: flex-start !important;
		max-width: 50%;
		margin: 1em;
	}
	.single .blog-main {
		display: flex;
		gap: 2em;
	}

	.single .blog-main .blog-content {
		flex: 3;
	}

	.single .blog-main aside {
		flex: 1;
		border-left: 1px solid #f5f5f5;
		padding-left: 2em;
	}
}

.header--global.header--two-rows .navbar-brand .navbar-logo .navbar-site-name {
	max-width: 40rem !important;
}

.purdue-home-tabs__panel {
	display: none;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}