@charset "UTF-8";

.accordion {
width: 100%;
}
.accordion-item {
border-bottom: 1px solid #ccc;
transition: all ease-in 150ms;
}
.accordion-title {
color:#0B72B5;
font-family: 'Encode Sans Condensed';
padding: 10px;
font-size: 1.2rem;
cursor: pointer;
display: flex;
gap:5px;
align-items: center;
transition: all ease-in 150ms;
}
.accordion-item .accordion-title:before{
content:"";
width: 0;
height: 0;
display: block;
background-color: #0B72B5;
border-radius: 3px;
transition: all ease-in 150ms;
}
.accordion-content {
display: none;
padding: 10px;
}
#accordion-copy-wrapper {
width: 100%;
min-height: 350px;
height: 100%;
border-radius: 20px;
overflow: hidden;
}
#accordion-copy-content {
padding: 1rem;
position: relative;
display: flex;
height: 100%;
width: 100%;
}
#accordion-copy-content > div {
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
padding: 1rem;
animation: slideInLeft 500ms cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
#accordion-copy-content > div > p {
color: inherit!important;
}
#accordion-copy-content > div > p > a {
color: inherit!important;
font-weight: bold;
text-decoration: underline;
}
.accordion-item:hover .accordion-title:before,
.accordion-item.active .accordion-title:before {
width: 6px;
height: 6px;
}
@keyframes slideInLeft {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 680px) { 
.accordion-item.active .accordion-content {
display: block;
}
.accordion-item.active .accordion-content > div {
background-color: transparent!important;
}
#accordion-copy-content {
display: none;
}
}