/*  General CSS*/

.toggler, .untoggler { color: #000 !important; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.toggler {display: none; }
.untoggler:target ~ .toggler { display: block; }
.untoggler:target { display: none; }
.toggler:before, .untoggler:before {
margin-left: 12px;
width: 20px;
display: inline-block;
}
.toggler:before { content: "+"; font-size: 16px; color: #000; }
.untoggler:before { content: "–"; font-size: 16px; color: #000; }
.untoggler ~ div {
display: none;
margin-left: 0;
}
.untoggler ~ div.animate {
display: block;
height: 180px;
overflow: hidden;
-moz-transition: height 0.4s ease-in-out;
-o-transition: height 0.4s ease-in-out;
-webkit-transition: height 0.4s ease-in-out;
transition: height 0.4s ease-in-out;
}
.untoggler:target ~ div { display: block; }
.untoggler:target ~ div.animate { height: 0px; /* I don't think you can animate from 0 to auto. */ }