﻿main.content {
	padding-bottom: 0
}
.title-block__content h4 {
	font-weight: 300;
	margin-top: 1rem;
}
.resource_banner_wrapper { margin-bottom: 0 }
.to-screen-edges.page_nav {
	background: rgb(0, 109, 152);
	background: linear-gradient(90deg, rgba(0, 109, 152, 1) 0%, rgba(23, 40, 70, 1) 100%);
	padding-top: 0;
}
#spread-the-word, #digital-banners, #faqs, #share {
	scroll-margin-top: 80px;
}
body.is-scrolled.last-scroll-down .page-header, body.is-scrolled.last-scroll-up .page-header {display: none;}
.page_nav {
	position: sticky;
	top: 0;
	z-index: 10;
}
.page_nav ul {
	list-style-type: none;
	overflow: hidden;
	padding: 0 0 0 .1875rem;
	margin: 0;
	position:relative;
}
.back-to-event a:focus { outline:none !important }
.back-to-event {
	position: absolute;
	right: 0;
}
.back-to-event .fa-chevron-left {
	font-size: .86rem;
	padding-right: 6px;
}
.page_nav ul li {
	display: inline-block;
}
.page_nav ul li a {
	display: block;
	font-size: 1rem;
	color: #fff;
	margin-top: 6px;
	padding: 10px 10px 0;
	font-weight: 400;
}
.nav-menu li a::after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: 0.35rem solid transparent;
	padding-top: 12px;
}
.header_separator {
	margin: 5px 0 15px !important;
}
.bg-grey {
	background-color: #f7f9fa;
}
.content h3 {
	font-size: clamp(1.35rem, 2.2vw + 0.5rem, 2rem);
}
strong, .color-dark { color: #000 }
.pb-48 {padding-bottom: 48px}
.card.card-min {box-shadow:none}
.card.card-min .card__body {
	padding: 10px;
}
.banners .desc {
	font-size: 1rem;
}
/* accordion */
#faqs .fas {font-size: .8rem; margin-left:10px}
#faqs .accordion__label {
	color: #2C3038
}
#faqs .accordion__label .fas::before {
	content: '\276F';
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	transform: rotate(90deg);
	transition: transform 0.35s;
}
#faqs .accordion__label:hover .fas::before {
	animation: bounce .5s infinite;
}
@keyframes bounce {
	10% {transform: rotate(90deg) translate(.10rem);}
	90% {transform: rotate(90deg) translate(-.10rem);}
}
#faqs .accordion__label.is-active .fas {
	transform: rotate(180deg);
}
#faqs .accordion__label.is-active .fas::before {
	animation: none !important;
}
#faqs .accordion__label:hover {
	color: #006699
}
#faqs .accordion__label.is-active,
#faqs .list-accordion a.expanded {
	background: #fff;
	border-color: #ced9dd #ced9dd #fff #ced9dd;
}
#faqs .accordion__label:focus {
	outline: none;
	outline-offset: -6px;
}
#faqs .accordion__content,
#faqs .accordion__label {
	font-size: 1.025rem;
}
#faqs .accordion__content {
	background: #fff;
	border-color: #fff #ced9dd #ced9dd #ced9dd;
}
.accordion__content {
	padding: 5px 15px 15px;
}
.grid.tips .card__body,
.grid.social-posts .card__body {
	padding: 15px
}
.grid.tips .card__body .badge {
	position: absolute;
	left: 15px;
	top: 15px;
	right: unset;
	font-weight:700;
}
.grid.tips .badge + h6 {
	padding-top: 2.4rem;
}
.grid.tips .card,
.grid.social-posts .card {
	border-color: #ced9dd
}
.grid.tips .card__body {
	font-size: 1rem
}
.card__body .badge.badge-warning {
	background: orange;
}
.faq-accordion h5 {font-size: 1.4rem; margin-bottom:12px}
/* dismiss button */
.dismiss-btn {
	background: none;
	border: none;
	font-size: 1.4rem;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 28px;
	height: 28px;
	color: #fff;
	border-radius: 50%;
	background: #A7AFC1;
	cursor: pointer;
	transition: color 0.2s;
}
.dismiss-btn:hover {
	background: #ced9dd;
}
.social-posts .button-wrapper {
	padding-left: 15px;
	padding-bottom: 15px;
}
.social-posts .button-wrapper button {
	font-size: 14px;
	border-radius: 17px;
	line-height: 34px;
	border: none;
	padding-top: 0;
	padding-bottom:0;
}
.social-posts .button-wrapper .fa-copy {
	padding: 4px 4px 0 0;
	font-size: 14px;
}
.copied-message {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	font-weight: 600;
	font-size: 0.9rem;
	transform: translateY(-3px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	margin-left: 10px;
}
.copied-message.active {
	padding: 6px;
	border-radius: .25rem;
}
.copied-message i {
	margin-right: 0.3rem;
}
.date-location .fa-solid {
	--fa-primary-color: rgb(221,8,8); /* top layer (check mark) */
	--fa-secondary-color: rgb(243,185,185); /* bottom layer (circle background) */
	--fa-secondary-opacity: .8;
	padding-right: 6px;
}
p.tags span:not(:last-of-type) {padding-right: 15px}
/* scrollspy */
#lp_main_nav li.selected a::after {
	border-bottom: 0.35rem solid #DF3939;
}
#lp_main_nav li a:focus {
	outline: .1875rem dotted #DF3939;
}