//updated ver
* {
  box-sizing:border-box;
}

.accordion dd,
.accordion__panel {
   background-color:#eee;
   font-size:1em;
   line-height:1.5em; 
}
.accordion p {
  padding:1em 2em 1em 2em;
}

.accordion {
    position:relative;
}

.accordionTitle {
	display:block;
	/*background:#186030 url(images/ov-plus.png) right center no-repeat;*/
	background-color: #186030;
	transition:background-color 0.5s ease-in-out;
}
/*
.accordion__Heading:before {
	content: "+";
	font-size:2em;
	font-weight: 100;
	line-height:0.5em;
	position: absolute;
		top: opx;
		right: 0px;
	transition: transform 0.3s ease-in-out;
}

*/

/*
span.dept-tab-icon {
.accordionTitle:after {
	content: "";
	width: 44px;
	height: 44px;
	position: absolute;
	top: 8px;
	right:8px;
	background-size: 44px 44px;
	background-position: right center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease-in-out;
	z-index: 2;
	transform:rotate(0deg);
}
*/
.accordion__Heading:hover {
	background-color:#065626;
}

.dep-txt:after {
	content:"";
	width: 34px;
	height: 34px;
	position: absolute;
		bottom: 50%;
		right: 10px;
		margin-bottom: -17px;
	transition: background-image 0.1s ease-in-out;
	background-image: url(images/ov-plus.png);
	background-position: right center;
	background-size: 34px 34px;
	background-repeat: no-repeat;
}

.dep-txt.is-expanded:after {
	content:"";
	height: 34px;
	width: 34px;
	position: absolute;
	bottom: 50%;
	right: 10px;
	margin-bottom: -17px;
   background-image: url(images/ov-minus.png);
   background-repeat: no-repeat;
   background-position: right center;
   background-size: 34px 34px;
   transition: background-image 0.1s ease-in-out;
}
/*
.accordionTitle .is-expanded:after {
	transform:rotate(-225deg);
	background-image: url(images/ov-minus-collapse.png);
}*/


.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.65s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.75s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}