.short-desc {
 display: none;
 position: relative;
 padding: 20px;
 width: 100%;
 z-index: 50;
 background-color: white;
 padding-top: 0px;
}

span.resource-type {
 padding-left: 10px;
 font-weight: 700;
 text-transform: uppercase;
}
.resources-wrapper {
 font-size: 20px;
 line-height: 1em;
 border: 3px solid #0a4b55;
 margin-bottom: 20px;
 position:relative;
}
.content-toggler {
 background-color: #0a4b55;
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 padding: 10px 22px;
}
.content-toggler:hover{
 cursor: pointer;
 background-color:#f1cf41;
}
.title-link {
 padding: 20px;
 padding-right:65px;
}
.title-link a{
 font-family: "Pluto Sans Heavy";
 box-shadow: 0 -0.64em 0 #f2d041 inset;
 transition: box-shadow 0.2s;
}
.title-link a:hover{
 box-shadow: 0 -1.4em 0 #f2d041 inset;
 cursor: pointer;
}
.content-toggler img{
 transition: all .3s ease-in-out;
}
.s2_static-filter-wrapper {
 position:relative; 
 display: inline-block;
 width: 25%;
 vertical-align: top;
}
.s2_static-resources {
 display: inline-block;
 width: 74%;
 padding-right: 30px;
}
.s2_static-filter-label h3,
.s2_static-filter {
 padding-left: 20px;
}
.s2_static-filter-wrapper:before {
 content :"";
 width:2px;
 height:calc(100% + 50px);
 background-color:#d0eaee;
 position:absolute;
}
.s2_static-filter:hover {
 cursor: pointer;
 opacity: .8;
}
.s2_static-filter.active{
 font-weight: bold;
 background-color: #d0eaee;
}
#mobile-resources{
 display:none;
}
.content-toggler.rotated img {
 transform: rotate(90deg);
}
@media(max-width:720px){
 .s2_static-filter-wrapper {
 width: 70%;
 padding-bottom: 40px;
 }
 .s2_static-resources{
 padding-right:0px;
 display:none;
 }
 #mobile-resources,
 #mobile-resources .s2_static-resources{
 display:block;
 width:100%;
 }
}