.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;
}
}