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