/* GENERAL ACCORDIONS */

html:lang(en) .btn-accordion.label.collapsed:after { content: "Read more"; }
html:lang(it) .btn-accordion.label.collapsed:after { content: "Vedi info"; }

html:lang(en) .btn-accordion.label:after { content: "Close"; }
html:lang(it) .btn-accordion.label:after { content: "Chiudi"; }

.btn-accordion.label.collapsed:after,
.btn-accordion.label:after {
  color: var(--blue);
  font-size: 14px !important;
}

.btn-accordion.label.collapsed:hover::after,
.btn-accordion.label:hover::after {
  color: #fff !important;
}


/* ACCORDION BEHAVIOR */

.btn-accordion:focus,
.btn-accordion:hover {
  color: var(--bluehover);
  text-decoration: none;
  transition: 0.2s ease;
}

.btn-accordion.collapsed:before {
  transform: translate(-50%,-50%) rotate(0deg);
  transition: 0.2s ease;
}

.btn-accordion:before {
  content: "";
  background: url(assets/sprites.png);
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
  background-position: 0px 0px;
  background-size: 500px;
  top: 50%;
  left: 50%;
  transition: 0.2s ease;
  transform-origin: center;
  transform: translate(-50%,-50%) rotate(45deg);
}

.path-management { background-color: #DDE6EF; }

.btn-accordion:before {
  background-image: url(../../images/accordion-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  transform: translate(-50%,-50%) rotate(180deg);
}

.btn-accordion.collapsed:before  {
  transform: translate(-50%,-50%) rotate(0deg);
}


/* CT ACCORDION DESCRIPTION */

.resources {
    padding: 0;
    margin: 4rem auto 5rem auto;
    position: relative;
}

.resources::after {
    content: '';
    width: 80vw;
    height: 2px;
    z-index: 1000000;
    margin: 0;
    left: -30vw;
    position: absolute;
    bottom: -2rem;
    background-image: url(../../src/images/patterm-line.png);
}

.resources > div { 
    padding: 0 1rem !important; 
    transition: height ease 1000ms;
}

.resources .card-body { padding: 0; }

.resources #accordion-description.collapsing { display: block; }
.resources #accordion-description.collapse { display: none; }
.resources #accordion-description.collapse.in { display: block; }

.resources .card-body div { padding: 1rem 0 0 0; }

.resources .card-body h2 {
    color: var(--blue);
    font-size: 32px;
    font-weight: 500;
}

.resources .btn-accordion.label { 
    padding-left: 3rem; 
    font-size: 0;
}
.resources .btn-accordion.label::before { left: 1.5rem }
.resources .btn-accordion.label::after,
.resources .btn-accordion.label:hover::after { color: var(--blue); }