@import url(http://fonts.googleapis.com/css?family=Lato:400,700);



.heading-primary {



  font-size: 2em;



  padding: 2em;



  text-align: center;



}







.wkaccordions dl dt, .wkaccordions dl dd {display:block}



.wkaccordions dl,



.accordion-list {



  border: 1px solid #ddd;



  border-top:none;



  border-bottom:none;



}



.wkaccordions dl:after,



.accordion-list:after {



  content: "";



  display: block;



  height: 1em;



  width: 100%;



  background-color: rgb(81, 113, 46);



}







.wkaccordions dd,



.accordion__panel {



  background-color: #eee;



  font-size: 1em;



  line-height: 1.5em;



  margin:0;



}







.wkaccordions p {



  margin:0;



  border-bottom: 1px solid #bfbfbf;



}



.wkaccordions p:last-child {



  border:none;



}



.wkaccordions p:first-child a{



  padding-top:10px;



}



.wkaccordions p:last-child a {



  padding-bottom:10px;



}



.wkaccordions {



  position: relative;



  background-color: #eee;



}



.wkaccordions p a {



  margin:0;



  padding: 5px 0 5px 10px;



  color: #505050;



  display:block;



  text-decoration:none;



}







.accordionTitle,



.accordion__Heading {



  background-color: rgb(111, 145, 68);



  text-align: left;



  font-weight: 700;



  padding: 1em;



  display: block;



  text-decoration: none;



  color: #fff;



  -webkit-transition: background-color 0.5s ease-in-out;



  transition: background-color 0.5s ease-in-out;



  border-bottom: 1px solid rgb(171, 191, 146);



  margin: 0;



  display: block;



  text-decoration: none !important;



}



.accordionTitle:hover,



.accordion__Heading:hover {



  color:#fff;



}



.accordionTitle:before,



.accordion__Heading:before {



  content: "+";



  font-size: 1.5em;



  line-height: .5em;



  margin-right: 6px;



  float: left;



  -webkit-transition: -webkit-transform 0.3s ease-in-out;



  transition: transform 0.3s ease-in-out;



}



.accordionTitle:hover,



.accordion__Heading:hover {



  background-color: rgb(87, 115, 52);



}







.accordionTitleActive,



.accordionTitle.is-expanded {



  background-color: rgb(88, 115, 53);



}



.accordionTitleActive:before,



.accordionTitle.is-expanded:before {



  -webkit-transform: rotate(-225deg);



      -ms-transform: rotate(-225deg);



          transform: rotate(-225deg);



}







.accordionItem {



  height: auto;



  overflow: hidden;



  max-height: 100em;



  -webkit-transition: max-height 1s;



  transition: max-height 1s;



}



@media screen and (min-width: 48em) {



  .accordionItem {



    max-height: auto;



    -webkit-transition: max-height 0.5s;



            transition: max-height 0.5s;



  }



}







.accordionItem.is-collapsed {



  max-height: 0;



}







.no-js .accordionItem.is-collapsed {



  max-height: auto;



}







.animateIn {



  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;



          animation: accordionIn 0.65s normal ease-in-out both 1;



}







.animateOut {



  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;



          animation: accordionOut 0.75s alternate ease-in-out both 1;



}







@-webkit-keyframes accordionIn {



  0% {



    opacity: 0;



    -webkit-transform: scale(0.9) rotateX(-60deg);



            transform: scale(0.9) rotateX(-60deg);



    -webkit-transform-origin: 50% 0;



            transform-origin: 50% 0;



  }



  100% {



    opacity: 1;



    -webkit-transform: scale(1);



            transform: scale(1);



  }



}







@keyframes accordionIn {



  0% {



    opacity: 0;



    -webkit-transform: scale(0.9) rotateX(-60deg);



            transform: scale(0.9) rotateX(-60deg);



    -webkit-transform-origin: 50% 0;



            transform-origin: 50% 0;



  }



  100% {



    opacity: 1;



    -webkit-transform: scale(1);



            transform: scale(1);



  }



}



@-webkit-keyframes accordionOut {



  0% {



    opacity: 1;



    -webkit-transform: scale(1);



            transform: scale(1);



  }



  100% {



    opacity: 0;



    -webkit-transform: scale(0.9) rotateX(-60deg);



            transform: scale(0.9) rotateX(-60deg);



  }



}



@keyframes accordionOut {



  0% {



    opacity: 1;



    -webkit-transform: scale(1);



            transform: scale(1);



  }



  100% {



    opacity: 0;



    -webkit-transform: scale(0.9) rotateX(-60deg);



            transform: scale(0.9) rotateX(-60deg);



  }



}