/* Aero 10 */

#page .region-sidebar-second > * {
	border: 1px solid #d2dcf2;
	border-radius: 0.25rem;
}
#page .sidebar .block {
	background-color: #f6f9ff;
}

.region-sidebar-second #sidebar-block-1 .block-content ul {
	list-style: disc;
	padding: 1.5rem 0 1.5rem 1.25rem;
}

.region-sidebar-second #sidebar-block-1 .block-content li {
	border: none;
	padding: 0;
}

.region-sidebar-second #sidebar-block-1 .block-content li::marker {
	color: #4776dc;
}

.region-sidebar-second #sidebar-block-1 .block-content h3 {
	color: var(--color-primary-400);
	margin: 0;
}
.region-sidebar-second #sidebar-block-1 .block-content h4 {
	color: var(--color-primary-500);
	margin: 0;
}

.region-sidebar-second #sidebar-block-1 .block-content a.sign-up {
	align-items: center;
	background-color: var(--color-primary);
	border-radius: 0.25rem;
	color: white;
	display: flex;
	gap: 0.5rem;
	font-weight: 500;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	position: relative;
}

.region-sidebar-second #sidebar-block-1 .block-content a.sign-up:hover {
	background-color: var(--color-link-hover);
}

.region-sidebar-second #sidebar-block-1 .block-content a.sign-up::before {
	content: url(/sites/default/files/arrow-right-circle.svg);
	display: block;
	height: 1.25rem;
	width: 1.25rem;
}

.region-sidebar-second #sidebar-block-1 .block-content a.button-white {
	color: var(--color-primary-500);
	font-weight: 500;
	display: block;
	position: relative;
	padding: 0.5rem 0.95rem;
	border: 1px solid #b6c2d0;
	border-radius: 0.25rem;
	background-color: var(--color-white);
}

.region-sidebar-second #sidebar-block-1 .block-content a.button-white:hover {
	color: var(--color-white);
	background-color: var(--color-primary-400);
}

.region-sidebar-second
	#sidebar-block-1
	.block-content
	a.button-white.has-icon.person-icon::before {
	color: #1673ff;
	content: '\f007';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	font-weight: 600;
	margin-right: 0.5rem;
	transition: all 250ms ease-in-out;
}

.region-sidebar-second
	#sidebar-block-1
	.block-content
	a.button-white.has-icon.person-icon:hover::before {
	color: white;
}

.region-sidebar-second #sidebar-block-2 .block-content h3 a {
	color: var(--color-primary-500);
	margin-bottom: 1.2rem;
}

.region-sidebar-second #sidebar-block-2 .block-content h3 a:hover {
	color: var(--color-link-hover);
}

.region-sidebar-second #sidebar-block-2 .block-content a.update-members-link {
	color: white;
	font-weight: 500;
	display: block;
	position: relative;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	background-color: var(--color-primary);
}

.region-sidebar-second
	#sidebar-block-2
	.block-content
	a.update-members-link:hover {
	background-color: var(--color-link-hover);
}

.region-sidebar-second #sidebar-block-2 .block-content a.ttd img {
	border: 1px solid #d2dcf2;
	border-radius: 0.25rem;
}

/*----- EXPAND SIDEBAR - Open -----*/
.btn-expand-sidebar-wrapper {
	display: none;
	position: relative;
	width: 100%;
	z-index: 2;
}
.btn-expand-sidebar-wrapper::before {
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	content: '';
	display: block;
	height: 3rem;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	width: 100%;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.expand-sidebar .btn-expand-sidebar-wrapper::before {
	opacity: 0;
}

#page .btn-expand-sidebar {
	background: #002a89;
	border-color: #002a89;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	display: inline-block !important;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 100%;
	margin-top: 1.5rem;
	padding: 0.5rem 0.75rem;
	text-decoration: none !important;
	width: auto !important;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#page .btn-expand-sidebar:hover {
	background: #0f6fff;
	border-color: #0f6fff;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	#sidebar-right .region-sidebar-second {
		height: 360px;
		overflow: hidden;
	}
	.btn-expand-sidebar-wrapper {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	#page #sidebar-right .region-sidebar-second {
		height: auto !important;
	}
}
/*----- EXPAND SIDEBAR - Close -----*/