/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.isotope-block ul
{
	overflow: hidden;
	padding: 0;
}

.isotope-block li
{
	list-style: none;
}

/* Resources */
#content .filters { display:block; }
#content .filters:after{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#content .resource-filter {width:45%;display:inline-block;padding:10px 0 20px 0;}
#content .resource-filter select {border:2px solid #d7d7d7;padding:5px;width:100%;}

#content .resource-filter:nth-of-type(1) { float:right }
#content .resource-filter:nth-of-type(2) { float:left }

#content .resource-list {margin:0;}
#content .resource-list li {margin:0 10px 15px 10px;list-style:none;text-align:center;width:236px;min-height:399px;}
#content .resource-list li:before {display:none;}
#content .resource-list li a:last-child {display:block;min-height:92px;}

.reset-filter{
    display: block;
    width: 8%;
    background: #9f1a65;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin-left: 1%;
    margin-top: 15px;
    float:right;
}

.no-items{
    background:url(resource_oops.jpg) no-repeat;
    background-size:contain;
    min-height: 300px;
}

@media only screen and (max-width: 480px){
    .reset-filter{
        width: 100%;
        line-height: 30px;
        margin-bottom:10px;
    }
    #content .resource-list li{
        width: 100%;
    }
}