
.expandable-container{
  margin-bottom: 0px;
  overflow: hidden;
  border: 1px solid var(--pink);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.view-content .views-row:last-child .expandable-container{
border-bottom:none;
}


.expandable-panel-content {
  margin-top: -1px;  padding-top: 1px;  max-height: 1px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  text-align: justify;
}

.expandable-panel-content-inner{
  padding: var(--gapsmall) var(--centerpadding)  var(--gapsmall);
}

.expandable-panel-content-inner .field--name-field-body  p img{
  width: revert-layer;
}


.activev .expandable-container {
}

.activev .expandable-panel-content {
  max-height: unset;
}

.expandable-panel-heading{
  width: 100%;
  padding: 20px 20px;

  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
 cursor: pointer;
   display: flex;
  justify-content: start;
  align-content: center;
}

.expandable-panel-more{
  padding: 0px 0px 0px 0px;
  text-align: center;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expandable-panel-more:after{
display:block;content:"+";color:var(--pink);
font-weight:700;font-size:26px;line-height:26px;
}

.activev .expandable-panel-more:after{
content:"-";

}

.expandable-panel-heading h3,
.expandable-panel-heading h2{
  margin: 0px;color:var(--pink);
  font-size: var(--h3);
  line-height: 1.2em;
}

 
.activev .expandable-container .expandable-panel-heading h2,
.activev .expandable-container .expandable-panel-heading h3,
.expandable-panel-heading:hover h3,
.expandable-panel-heading:hover h2{
text-decoration: none;
color:var(--white);
}

.activev .expandable-container .expandable-panel-heading,
.expandable-panel-heading:focus,
.expandable-panel-heading:hover {
  background: var(--pink);
}

.activev .expandable-container .expandable-panel-more:after,
.expandable-panel-heading:focus .expandable-panel-more:after,
.expandable-panel-heading:hover .expandable-panel-more:after{
color:var(--white);
}
 