/* Base required imports
--------------------------------------------- */
/* Bootstrap
--------------------------------------------- */
/* Import variables and mixins
--------------------------------------------- */
/* Bootsrap required imports & components
--------------------------------------------- */
.block-summary {
	padding-top: 2rem;
}

.block-summary #progress {
	bottom: 20px;
	right: 10px;
	height: 47px;
	width: 47px;
	border-radius: 0.5rem;
	cursor: pointer;
}

.block-summary .btn-summary.desktop {
	font-family: "GothamRounded-Medium", "GothamRounded-Medium-fallback", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	color: #fff;
	border-radius: 1rem 1rem 0 0;
	padding: 0.7rem 1rem;
}

.block-summary .btn-summary.desktop.show {
	color: #f39200;
}

.block-summary .btn-summary.desktop.show svg {
	transform: unset;
}

.block-summary .btn-summary.desktop.show svg .line {
	fill: #f39200 !important;
}

.block-summary .btn-summary.mobile {
	width: 41px;
	height: 41px;
	padding: 0;
}

.block-summary .btn-summary:hover {
	color: #f39200;
}

.block-summary .btn-summary:hover svg .line {
	fill: #f39200 !important;
}

.block-summary .summary-content {
	background: #222b37;
	visibility: hidden;
	height: 0;
	padding: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.block-summary .summary-content .summary-title {
	display: none;
	font-family: "GothamRounded-Medium", "GothamRounded-Medium-fallback", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.875rem;
}

.block-summary .summary-content.show {
	visibility: visible;
	height: 100%;
	padding: 3rem 0;
	opacity: 1;
}

.block-summary ul {
	list-style: disc;
}

.block-summary ul li::marker {
	color: #f39200;
	font-size: 1.563rem;
}

.block-summary ul li a {
	font-family: "GothamRounded-Medium", "GothamRounded-Medium-fallback", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	color: #fff;
	text-decoration: none;
}

.block-summary ul li a:hover {
	color: #f39200;
}

@media (max-width: 991.98px) {
	.block-summary {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100vw;
		background: #fff;
		z-index: 50;
		padding: 0.5rem;
	}
	.block-summary > .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0.5rem;
	}
	.block-summary .btn {
		font-size: clamp(16px, 1.8vw, 18px);
		border-radius: 0.5rem;
		padding: 1.125rem;
	}
	.block-summary .summary-content {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100vw;
		overflow-y: auto;
	}
	.block-summary .summary-content.show {
		padding: 3rem 0;
	}
	.block-summary .summary-content > .container {
		position: relative;
		height: 100%;
		max-width: unset;
	}
	.block-summary .summary-content .summary-title {
		display: block;
	}
	.block-summary .summary-content .close-summary {
		position: fixed;
		bottom: 4em;
		right: 4em;
		width: 41px;
		height: 41px;
	}
	.block-summary ul {
		overflow-y: scroll;
	}
	.block-summary ul li {
		margin-bottom: 0.5rem;
	}
	.block-summary ul li a {
		font-family: "GothamRounded-Medium", "GothamRounded-Medium-fallback", Arial, sans-serif;
		font-weight: normal;
		font-size: clamp(16px, 2.4vw, 24px);
	}
}

@media (max-width: 575.98px) {
	.block-summary .btn svg {
		width: 28px;
		height: 28px;
	}
}

@media (max-width: 389.98px) {
	.block-summary .summary-content .close-summary {
		right: 5em;
	}
	.block-summary .btn {
		font-size: 0.875rem;
		padding: 0.5rem;
	}
}

/*# sourceMappingURL=summary.css.map */