/*SIZE*/
/* COLORS */
/* FONTS */
/* SHADOW */
/* border */
/*Transition*/
/* Media queries */
/* Ejemplo Uso
body{ 
    ...
    @include media-breakpoint-up($sm) {
        background:red;
    }
    @include media-breakpoint-up($md) {
        background:none;
    }
    ...   
}
*/
/* Ejemplo de uso:
p{
  @include text-truncate();
}
*/
/* Ejemplo de uso:
p {
  @include font-size(13);
}
*/
/* Ejemplo de uso:
p {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);
}
*/
.accordion .card {
  box-shadow: 0 2px 4px 0 rgba(80, 90, 95, 0.2);
  margin-bottom: 20px;
}

.accordion .card [data-toggle="collapse"][aria-expanded="true"] > p em {
  transform: rotate(180deg);
  transition: all .2s ease-in-out;
}

.accordion .card:hover [data-toggle="collapse"][aria-expanded="false"] > p em {
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
}

.accordion .card-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom-width: 2px;
  background-color: #ffffff;
  padding-left: 5px;
}

@media (min-width: 992px) {
  .accordion .card-header {
    padding-left: 0;
  }
}

.accordion .card-header em {
  color: #159B8B;
  font-size: 10px;
  font-size: 0.625rem;
  display: block;
  position: absolute;
  right: 0px;
  top: calc(50% - 5px);
}

.accordion .card-header p {
  position: relative;
  padding: .375rem .75rem;
  width: 80%;
  color: #4B4B4B;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: "PTSans-Regular", Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  width: 100%;
}

.accordion .card-header p:hover {
  color: #159B8B;
  text-decoration: underline;
}

.accordion .card .collapsing {
  background-color: #F9F9F9;
}

.accordion .card .collapse {
  background-color: #F9F9F9;
}

.accordion .card-body {
  padding-left: 15px;
}

@media (min-width: 992px) {
  .accordion .card-body {
    padding-left: 30px;
  }
}
