body {
  font-family: sans-serif;
}

/*----- checkboxes ---- */

input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
              margin-top: 5px;
              margin-bottom: 5px;
							padding-left:25px;
							height:20px;
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image: url(../img/checkbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.css-checkbox:checked + .css-label {
	color:#009C75;
}

.css-label {
color: #333;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
line-height: 16px;
margin-bottom: 5px;
}

/* ---- button ---- */

.button {
  display: inline-block;
  background: #156690;
  border: none;
  color: #FFF;
  font-size: 16px;
  height:30px;
  width:120px;
  cursor: pointer;
  font-weight: 400;
letter-spacing: normal;
line-height: 16px;
}

.button:hover {
  background-color: #009B75 ;
  color: #FFF;
}

.button:active,
.button.is-checked {
  background-color: #009B75;
}

.button.is-checked {
  color: white;
}



/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}


/* ---- isotope ---- */


.item {
  width: 265px;
  height: 225px;
  margin: 5px;
  color: white;
  float: left;
  background:#2C668C;
}

.item>a {
  display: block;
}

.item a {
  color:#FFF;
}

.item:hover {
	outline: 5px solid #FF9137;
	background: linear-gradient(180deg, #009C75 50%, #2C668C 50%);
}

.container .item img {
  width: auto;
  height: 174px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.item>a>div:first-child{
  margin-top: 2px;
  margin-bottom: 2px;
}

.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0)
}
.tooltip.in{
    opacity:.9;
    filter:alpha(opacity=90)
}
.tooltip.bottom{
    margin-top:2px
}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #009C75
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    text-align:center;
    text-decoration:none;
    background-color:#009C75;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0
}

p {
  margin: 0;
}

#filter-display {
  font-size: 18px;
  padding: 0.5em;
  border: 1px solid #CCC;
  color: blue;
}

.red { background: red; }
.blue { background: blue; }
.green { background: green; }
.yellow { background: yellow; color: black; }
/* Start: Recommended Isotope styles */

/**** 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;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-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;
       -o-transition-property:         top, left, 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;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */