#hero {
	position: relative;
	padding: 4rem 0 2rem 0;
}

#hero.single {
	background: linear-gradient(152deg, #dfecf5 6.77%, #fff 38.35%);
}

#hero .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

#hero .container {
	position: relative;
	z-index: 2;
}

#hero .hero-title {
	margin-bottom: 4rem;
}

#hero .hero-title .eyebrow {
	color: #000;
}

#hero .hero-title h1 {
	color: var(--light-blue);
	font-weight: 700;
	font-size: 2.2rem;
	margin: 0;
}

#hero .featured-post {
	margin-bottom: 1.75rem;
}

#hero .featured-post .image {
	margin-bottom: 2.75rem;
	border-radius: .75rem;
	overflow: hidden;
}

#hero .featured-post .text p {
	display: flex;
	align-items: center;
	font-weight: 500;
	margin: 0;
}

#hero .featured-post .text p svg {
	margin: 0 20px;
}

#hero .featured-post .text .title {
	font-size: 1.375rem;
	font-weight: 600;
	color: #1f1f1f;
	margin: .375rem 0 1.55rem;
}

#hero .featured-post .text .title a {
	color: inherit;
	text-decoration: none;
}

#hero a.arrow:after {
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	margin: 1px 0 0 8px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right center;
	background-image: url("data:image/svg+xml,%3Csvg width=\'10\' height=\'15\' viewBox=\'0 0 10 15\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M8.90625 8.03125L2.84375 14.125C2.53125 14.4062 2.0625 14.4062 1.78125 14.125L1.0625 13.4062C0.78125 13.125 0.78125 12.6562 1.0625 12.3438L5.875 7.5L1.0625 2.6875C0.78125 2.375 0.78125 1.90625 1.0625 1.625L1.78125 0.90625C2.0625 0.625 2.53125 0.625 2.84375 0.90625L8.90625 7C9.1875 7.28125 9.1875 7.75 8.90625 8.03125Z\' fill=\'%231F1F1F\'/%3E%3C/svg%3E%0A");
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#hero a.arrow {
	display: inline-flex;
	align-items: center;
	font-size: .8em;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	text-decoration: none;
	color: #1f1f1f;
}

#hero a.arrow:hover:after {
	margin-left: 15px;
}

#hero a.arrow-reverse:before {
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	margin: 1px 8px 0 0;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right center;
	background-image: url("data:image/svg+xml,%3Csvg width=\'10\' height=\'15\' viewBox=\'0 0 10 15\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M8.90625 8.03125L2.84375 14.125C2.53125 14.4062 2.0625 14.4062 1.78125 14.125L1.0625 13.4062C0.78125 13.125 0.78125 12.6562 1.0625 12.3438L5.875 7.5L1.0625 2.6875C0.78125 2.375 0.78125 1.90625 1.0625 1.625L1.78125 0.90625C2.0625 0.625 2.53125 0.625 2.84375 0.90625L8.90625 7C9.1875 7.28125 9.1875 7.75 8.90625 8.03125Z\' fill=\'%23002244\'/%3E%3C/svg%3E%0A");
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
	transform: rotate(180deg);
}

#hero a.arrow-reverse {
	display: inline-flex;
	align-items: center;
	font-size: .8em;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	text-decoration: none;
	color: var(--navy-blue);
}

#hero .popular-posts .eyebrow {
	color: #024;
	margin-bottom: 2rem;
}

#hero .popular-posts li:not(:last-child) {
	margin-bottom: 1rem;
}

#hero .popular-posts li .title {
	font-size: 1rem;
	font-weight: 700;
	color: #1f1f1f;
	margin-bottom: .375rem;
}

#hero .popular-posts li .title a {
	color: inherit;
	text-decoration: none;
}

#hero .popular-posts li .title a:hover, #hero .featured-post .text .title a:hover {
	color: inherit;
	text-decoration: underline;
}

#hero .popular-posts li p {
	font-family: "Poppins", sans-serif;
	font-size: .8em;
}

#hero .popular-posts li span {
	display: flex;
	align-items: center;
	font-size: .7em;
	font-weight: 500;
	padding: 0 0 10px;
}

#hero .popular-posts li span svg {
	margin: 0 10px;
}

#hero .meta {
	font-size: .8em;
}

#hero .popular-posts .meta {
	display: flex;
	gap: 10px;
	align-items: center;
}

#popular-tags  .main-title {
	color: #fff;
}

#resources-feed {
	position: relative;
	padding: 4rem 0;
}

.filters {
	display: flex;
	grid-column-gap: 2rem;
	grid-row-gap: .5rem;
	align-items: center;
	margin-bottom: 4rem;
	font-size: .8em;
}

.filters strong {
	white-space: nowrap;
}

.filters .form-select, .filters .input-group {
	max-width: 250px;
}

.filters .form-select, .filters .form-control {
	border-radius: .25rem;
	background-color: #dfecf5;
	border: none;
	font-size: .8em;
	height: 48px;
}

.filters .form-control::placeholder {
	color: #1f1f1f;
}

.filters .input-group-text {
	border-radius: .25rem;
	background-color: #dfecf5;
	padding: .375rem .5rem;
	font-size: .85rem;
	height: 48px;
}

@media (max-width: 991px) {
	.filters {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.filters {
		flex-direction: column;
	}
	
	#resource-details article img {
		width: 100%;
	}
}

.post-listings .card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	border-radius: .75rem;
	border-color: #f7f7f8;
	border: 2px solid #f7f7f8;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.post-listings .card:hover {
	box-shadow: 0px 0px 34px 0px rgba(0, 34, 68, .1);
}

.post-listings .card:hover .btn-link:after {
	margin-left: 15px;
}

.post-listings .card-img-top {
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem;
	aspect-ratio: 1.7;
	object-fit: cover;
}

.post-listings .card-body {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.post-listings .card-body .content-type {
	font-family: "Poppins", sans-serif;
	font-size: .8em;
	text-transform: capitalize;
	color: #024;
	margin-bottom: 8px;
}

.post-listings .event-tile .card-body .content-type {
	color: #1f1f1f;
}

.post-listings .card-body .card-title {
	font-size: 1.1rem;
	line-height: 1.2;
	color: #1f1f1f;
	margin-bottom: 12px;
}

.post-listings .event-tile .card-body .card-title {
	margin-bottom: 20px;
}

.post-listings .card-body .card-title a {
	color: inherit;
	text-decoration: none;
}

.post-listings .card-body .card-text {
	font-family: "Poppins", sans-serif;
	font-size: .8em;
}

.post-listings .card-body .btn-link {
	margin-top: auto;
	font-size: .8em;
	color: var(--light-blue);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	font-style: normal;
	font-weight: 500;
}

.post-listings .card-body .btn-link:after {
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	margin: 1px 0 0 8px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right center;
	background-image: url("data:image/svg+xml,%3Csvg width=\'10\' height=\'15\' viewBox=\'0 0 10 15\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M8.90625 8.03125L2.84375 14.125C2.53125 14.4062 2.0625 14.4062 1.78125 14.125L1.0625 13.4062C0.78125 13.125 0.78125 12.6562 1.0625 12.3438L5.875 7.5L1.0625 2.6875C0.78125 2.375 0.78125 1.90625 1.0625 1.625L1.78125 0.90625C2.0625 0.625 2.53125 0.625 2.84375 0.90625L8.90625 7C9.1875 7.28125 9.1875 7.75 8.90625 8.03125Z\' fill=\'%230077CD\'/%3E%3C/svg%3E%0A");
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

.lwd-pagination-container {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.lwd-pagination {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
	border-radius: .25rem;
	gap: 2px;
	background-color: #f7f7f8;
}

.lwd-pagination li {
	padding: 0;
	margin: 0;
	border-radius: .25rem;
	overflow: hidden;
	background-color: #fff;
	width: 50px;
}

.lwd-pagination li:hover {
	background-color: var(--light-blue);
}

.lwd-pagination li:hover a {
	color: #fff;
}

.lwd-pagination li:hover svg path {
	fill: #fff;
}

.lwd-pagination li a, .lwd-pagination li.more {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .75rem 1rem;
	line-height: 1;
	font-size: .8em;
	color: var(--navy-blue);
	text-decoration: none;
}

.lwd-pagination li svg {
	width: 10px;
}

.lwd-pagination li svg path {
	fill: var(--light-blue);
}

.lwd-pagination li.active {
	background-color: var(--light-blue);
}

.lwd-pagination li.active a {
	color: #fff;
}

#popular-tags {
	position: relative;
	padding: 4rem 0;
	background: linear-gradient(244deg, #165492 28.62%, #024 78.08%), radial-gradient(50.61% 41.39% at 50.59% 41.65%, #29538d 0%, #024 100%);
	color: #fff;
}

#popular-tags .main-title {
	margin-bottom: 4rem;
	font-weight: 600;
}

#popular-tags .tags {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.5rem;
}

#popular-tags .btn:hover {
	color: var(--light-blue) !important;
	background: #fff !important;
}

#popular-tags .btn:hover:before, #popular-tags .btn:hover:after {
	background: #fff !important;
}

#subscribe {
	position: relative;
	padding: 4rem 0;
}

#subscribe .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

#subscribe .container {
	position: relative;
	z-index: 2;
}

#subscribe .eyebrow {
	color: #1f1f1f;
}

#subscribe .main-title {
	font-weight: 600;
	margin: 0 0 2rem;
}

#subscribe .image {
	border-radius: .75rem;
	overflow: hidden;
}

@media (max-width: 767px) {
	#subscribe .row {
		flex-direction: column-reverse;
	}
	
	#subscribe .image {
		margin-bottom: 2.25rem;
	}
}

#get-started {
	position: relative;
	padding: 4.75rem 0;
	background-color: var(--navy-blue);
	color: #fff;
}

#get-started .container {
	max-width: 760px;
}

#get-started .main-title {
	font-weight: 600;
	margin-bottom: 1rem;
}

#get-started p {
	font-family: "Poppins", sans-serif;
	font-size: .8em;
	line-height: 150%;
	margin-bottom: 1.5rem;
}

#get-started .btn:hover {
	color: var(--light-blue) !important;
	background: #fff !important;
}

#get-started .btn:hover:before, #popular-tags .btn:hover:after {
	background: #fff !important;
}

.featured-post .image img {
	width: 100%;
}

/* single */
#resource-details {
	padding-bottom: 4rem;
}

#resource-details .row {
	margin: 0 -40px;
}

#resource-details .row .col-12 {
	padding: 0 40px;
}

#resource-details .share-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 40px 0 60px;
	border: 1px solid #1f1f1f;
	border-left: none;
	border-right: none;
}

#resource-details .share-links span {
	flex: 0 0 100%;
	display: block;
	font-size: .7em;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin: 0 0 10px;
}

#resource-details .share-links a {
	display: inline-block;
	margin-right: 20px;
}

#resource-details .share-links a:hover svg path {
	fill: var(--dark-orange);
	transition: all .15s ease-in-out;
}

#resource-details .share-links a:last-of-type {
	margin-right: 0;
}

#resource-details .podcast-links {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 40px -5px 0;
}

#resource-details .podcast-links span {
	flex: 0 0 100%;
	display: block;
	font-size: .7em;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin: 0 0 10px 5px;
}

#resource-details .podcast-links a {
	display: inline-block;
	margin: 0 5px;
}

#resource-details .sidebar-form {
	display: block;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
	padding: 50px 30px;
	margin-top: 60px;
}

#resource-details .sidebar-form .form-title {
	font-weight: bold;
}

#resource-details article iframe {
	margin: 1.5rem 0 1.5rem;
}

#resource-details article h3 {
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--light-blue);
}

#resource-details article h4 {
	font-size: 1.1rem;
	font-weight: 500;
	color: #000;
}

#resource-details article ol li {
	font-size: .8rem;
}

#resource-details article img {
	border-radius: .75rem;
	overflow: hidden;
}

#resource-details article blockquote {
	position: relative;
	padding-left: 4.5rem;
	margin: 4rem 0;
}

#resource-details article blockquote p {
	font-size: .8em;
}

#resource-details article blockquote p:first-child {
	font-size: 1.2rem;
}

#resource-details article blockquote p strong {
	font-size: 1rem;
}

#resource-details article blockquote::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height: 43px;
	background-image: url("data:image/svg+xml,%3Csvg width=\'80\' height=\'65\' viewBox=\'0 0 80 65\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M52.8219 0H80L56.9863 65H39.4521L52.8219 0ZM13.3699 0H40.5479L17.5342 65H0L13.3699 0Z\' fill=\'%23F47F31\'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Author Box Updates */
#resource-details .author-box {
	position: relative;
	padding: 0 0 2.5rem 0;
	border-bottom: solid 1px #000;
	margin-bottom: 2.5rem;
	margin-top: 2.5rem;
}

#resource-details .author {
	display: flex;
	align-items: flex-start;
	grid-column-gap: 1rem;
}

#resource-details .author .image {
	flex: 1 0 80px;
	height: 80px;
	border-radius: .75rem;
	overflow: hidden;
}

#resource-details .author .image img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

#resource-details .author .description p {
	font-size: .8em;
	margin-top: 1rem;
	margin-bottom: 0;
}

#resource-details .author + small {
	font-weight: 700;
	display: block;
	margin-bottom: .4rem;
}

#resource-details .author-socials {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	gap: 15px;
}

#resource-details .author-socials svg {
	width: 28px;
	height: auto;
}

/* Author Box Updates */
#resource-details .tags {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
}

#resource-details .tags > li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .4rem;
	border-radius: .2rem;
	border: solid 1px #1f1f1f;
	font-size: .8em;
}

#related-resources {
	position: relative;
	padding: 4rem 0 4rem;
}

#related-resources h3 {
	font-size: 1.375rem;
	font-weight: 600;
	color: var(--light-blue);
	margin-bottom: 4rem;
}

@media (max-width: 767px) {
	#resource-details .author {
		flex-direction: column;
	}
	
	#resource-details .author .image {
		margin-bottom: 1rem;
	}
	
	#resource-details aside {
		margin-top: 3rem;
	}
}

.meta-published {
	display: block;
	width: 100%;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 15px;
	color: #555;
}

#more-popular-tags {
	padding-top: 15px;
}

#more-popular-tags .tags {
	list-style: none;
	margin: 0 -5px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

#more-popular-tags .tags li {
	padding: 15px 5px 0;
}