/**
	* Theme Name: UF Advancement
	* Template: ufl-main-uni
	* Version: 1.0.0
	*Theme URI: https://ufl.edu/
	*Author: UFL 
	*Author URI: https://ufl.edu/
	*Description: A University of Florida Branded WordPress Theme.
	*Version: 5.2.3.2
	*Tested up to: 6.1.1
	*Requires PHP: 5.6
	*License URI: https://ufl.edu
	*Text Domain: ufl
	*Tags: featured-images, threaded-comments, translation-ready
*/

body,
code {
	color: #0021A4;
	font-family: 'IBM Plex Sans', Inter, sans-serif;
	font-display: swap;
}

html {
	font-size: 18px;
}

.advancement-featured-card-section {
	padding: 0 20px 20px 20px;
}

@media(min-width:1024px) {
	.advancement-featured-card-section {
		padding-bottom: 50px;
	}
}

.advancement-featured-card-section .advancement-featured-card-container {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	/* padding-left: 30px;
	padding-right: 30px; */
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	gap: 20px;
}

@media (min-width: 768px) {
	.advancement-featured-card-section .advancement-featured-card-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media(min-width:1024px) {
	.advancement-featured-card-section .advancement-featured-card-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.advancement-featured-card-section .advancement-featured-card-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.advancement-featured-card {
	border-radius: 0;
	display: inline-block;
	flex: 1 1 0;
	margin: 30px 0;
	/* padding: 0px 20px; */
	position: relative;
	text-decoration: none;
	width: 100%;
	justify-self: center;
	max-width: 510px;
}

@media(min-width:1024px) {
	.advancement-featured-card {
		/* padding: 0px 20px 42px */
	}
}


.advancement-featured-card:focus .animated-underline-button,
.advancement-featured-card:hover .animated-underline-button {
	color: #313535 !important
}

.advancement-featured-card:focus .animated-underline-button:after,
.advancement-featured-card:hover .animated-underline-button:after {
	width: 26px
}

.advancement-featured-card:focus .advancement-featured-card-image,
.advancement-featured-card:hover .advancement-featured-card-image {
	transform: scale(1.1);
}

@media(min-width:1024px) {
	.advancement-featured-card {
		/* margin-right: 52px; */
		max-width: 500px
	}
}

.advancement-featured-card-inner {
	display: flex;
	flex-direction: column;
	justify-content: start;
	height: 100%;
}

@media(max-width:1024px) {
	.advancement-featured-card-inner {
		margin-left: auto;
		margin-right: auto;
		max-width: 510px
	}
}

.advancement-image-box {
	display: block;
	margin-bottom: 37px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px;
}

.advancement-featured-card-image {
	display: block;
	height: auto;
	transition: all .3s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advancement-featured-card-title {
	color: #000;
	font-family: IBM Plex semibold;
	font-size: 24px;
	line-height: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.advancement-featured-card-text {
	color: #000;
	font-family: IBM Plex regular;
	font-size: 21px;
	letter-spacing: -.01em;
	line-height: 38px;
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animBottom,
.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animTop {
	background-size: 100% 10px;
	display: none;
	height: 100%;
	max-width: 150px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: -1
}

@media(min-width:1024px) {

	.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animBottom,
	.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animTop {
		display: block
	}
}

.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animTop {
	left: -100px !important;
	top: 65px
}

.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animbottomLeft {
	left: -100px !important;
	top: -65px
}

.advancement-featured-card-section .advancement-featured-card-container .advancement-featured-card .animBottom {
	bottom: 65px;
	right: -100px
}


.advancement-featured-card-section .advancement-featured-card-container .slick-arrow:hover {
	opacity: .5
}

.advancement-featured-card-section .advancement-featured-card-container span {
	overflow: visible
}

.advancement-featured-card-section .advancement-featured-card-container .cto-next {
	right: 0
}

.advancement-featured-card-section .advancement-featured-card-container .cto-prev {
	left: 0
}

.advancement-featured-card-section .advancement-featured-card-container .slick-disabled {
	opacity: .5;
	pointer-events: none
}

.advancement-featured-card-content {
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.advancement-select-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px 0;
	margin: 0 auto;

	select {
		max-width: 16rem;
		scroll-margin-top: 120px;
	}
}

@media(min-width:768px) {
	.advancement-select-wrapper {
		flex-direction: row;
		align-items: center;
		gap: 10px;
		max-width: none;
	}
}

.fund-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	width: 100%;
}

/* Styles for In-Line Featured Posts */
.advancement-related-posts-container {
	background-color: #f3f5f3;
	padding: 40px 20px 0 20px;
}

.advancement-related-posts {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.advancement-related-posts-title {
	font-weight: 700;
	color: #0021A5;
	font-size: 32px;
	font-family: IBM Plex bold italic;

}

.advancement-related-posts-card-container {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 20px;
}

@media (min-width: 768px) {
	.advancement-related-posts-card-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.imagediv {
	position: relative;
	width: 100%;
	/* fix for IE 6 */
	/* height: calc( 100% * .665 ); */
	box-sizing: border-box;
	padding-top: 66.5%;
}

.imagediv img {
	max-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* height: 100%; */
	object-fit: cover;
	/* object-fit: contain; */
}

/* removes mercury theme's bullet points */
#content ul>li::before {
	content: "";
}

a {
	text-decoration: none !important;
	color: #0021A4;
	transition: all 0.2s ease-in-out;

	&:hover,
	&:focus {
		text-decoration: underline;
		color: black;
	}
}


.advancement-page {
	padding: 2rem;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.advancement-page__list__wrapper {
	:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

}

.advancement-page__list {
	max-width: 1440px;
	border-bottom: 1px solid #FA4616;
	padding: 2rem 0;

	/* :last-child {
		border-bottom: none;
	} */
}

.advancement-page__list__container {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	width: 100%;
	gap: 20px;

	@media (min-width: 768px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media (min-width: 1024px) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.advancement-page__wysiwyg-wrapper {
	order: -1;
}

.advancement-page__nav-wrapper {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.circle {
	border: 1px solid #898F92;
	border-radius: 50%;
	color: #898F92;
	fill: #898F92;
	font-size: 15px;
	height: 1.75rem;
	margin-right: 10px;
	padding: 4px;
	text-align: center;
	transition: all 0.5s;
	vertical-align: middle;
	width: 1.75rem;
	margin-bottom: 10px;
}

.circle:hover {
	background-color: #0021A4;
	border: 1px solid #0021A4;
	color: #fff;
	fill: #fff;
}

.solidcircle,
.circle23:hover {
	background-color: #0021A4;
	border: 1px solid #0021A4;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	height: 2em;
	fill: #fff;
}

.pagination-button {
	background-color: transparent;
	border: none;
	color: #0021A5;
	transition: all 0.2s ease-in-out;
	font-size: 24px;
	font-family: var(--light-weight-sans);

	&:hover,
	&:focus {
		color: black;
	}

	&:disabled {
		font-weight: bold
	}
}

.advancement-breadcrumb-wrapper {
	display: flex;
	flex-wrap: wrap;

	.advancement-breadcrumb-item {
		font-size: 14px;
		font-family: "IBM Plex light";
		text-wrap: nowrap;

		a {
			color: #000;
			text-decoration: none;

			&:hover {
				text-decoration: underline !important;
			}
		}

		&:not(:first-child):before {
			content: ' > ';
			color: #fa4616;
			font-family: var(--semi-bold-sans);
			padding-left: 0.5rem;
			margin-right: 5px;
		}
	}

	.advancement-breadcrumb-item.active {
		font-family: IBM Plex medium;
		color: #000;
	}
}

.advancement-breadcrumb-wrapper__page {
	order: -2;
	padding: 20px 2rem;
	max-width: 1440px;
	margin: 0 auto;
}

.advancement-loading-overlay {
	&:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #585252, #585252);
		opacity: .6;
		transition: all 0.3s ease-in-out;
	}
}

.advancement-image-box.advancement-loading-overlay .advancement-featured-card-image,
.advancement-image-box.advancement-loading-overlay:hover .advancement-featured-card-image,
.advancement-featured-card .advancement-image-box.advancement-loading-overlay .advancement-featured-card-image,
.advancement-featured-card:hover .advancement-image-box.advancement-loading-overlay .advancement-featured-card-image {
	transform: none !important;
	transition: none !important;
	pointer-events: none !important;
}

.advancement-image-box.advancement-loading-overlay .page-image-overlay,
.advancement-image-box.advancement-loading-overlay:hover .page-image-overlay,
.page-block .advancement-image-box.advancement-loading-overlay .page-image-overlay,
.page-block:hover .advancement-image-box.advancement-loading-overlay .page-image-overlay {
	pointer-events: none !important;
	opacity: 0 !important;
	transform: none !important;
}

.advancement-image-box.advancement-loading-overlay {
	cursor: default !important;
}

.advancement-social-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 10px;
}

h1 {
	line-height: normal;
}

.advancement-featured-card__loading {
	height: 588px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.advancement-loading-spinner {
	width: 48px;
	height: 48px;
	border: 5px solid #0021a5;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ufl-social-column {
	display: flex;
	flex-direction: row;
	align-items: center;
}

select {
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
}

select:focus {
	border-color: #666;
	outline: none;
}