* { box-sizing: border-box; }


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

.button {
  display: inline-block;
  font-weight: 400;
  padding: 0px 0px 3px 0px;
  margin: 0px 10px 0px 0px;
  background: transparent;
  border: none;
  border-radius: 0px;
  color: #000;
  cursor: pointer;
}



.p_prev, .p_next, .work_prev, .curating_prev, .residencies_prev, .support_prev, .work_next, .curating_next, .residencies_next, .support_next {
  font-family: 'Advent Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding: 10px;
  font-size: 75px;
  position: absolute;
  top: 40%;
  opacity: 1;
transition:all 250ms;
-moz-transition:all 250ms; /* Firefox 4 */
-webkit-transition:all 250ms; /* Safari and Chrome */
-o-transition:all 250ms; /* Opera */
}

.work_prev a, .curating_prev a, .residencies_prev a, .support_prev a, .work_next a, .curating_next a, .residencies_next a, .support_next a, .work_list a, .curating_list a, .residencies_list a, .support_list a {
  opacity: 1;
transition:all 250ms;
-moz-transition:all 250ms; /* Firefox 4 */
-webkit-transition:all 250ms; /* Safari and Chrome */
-o-transition:all 250ms; /* Opera */
}


.p_prev, .work_prev, .curating_prev, .residencies_prev, .support_prev {
  text-align: left;
  left: 0;
}

.p_next, .work_next, .curating_next, .residencies_next, .support_next {
  text-align: right;
  right: 0;
}



.work .the_text:hover, .curating .the_text:hover, .support .the_text:hover, .residencies .the_text:hover {
background-color: rgba(255, 255, 255, 0.8);
}



.work:hover {
color: #C45911;
}

.work .the_text:hover {
color: rgba(196, 89, 17, 1);
}

.category_name .work {
color: #C45911;
}

.work_prev a:hover {
color: #C45911;
}

.work_next a:hover, .work_list a:hover {
color: #C45911;
}



/* old curating #5b9bd5 */

.curating:hover {
color: #316ca2 ;
}

.curating .the_text:hover {
color: rgba(49, 108, 162, 1);
}

.category_name .curating {
color: #316ca2;
}

.curating_prev a:hover {
color: #316ca2;
}

.curating_next a:hover, .curating_list a:hover {
color: #316ca2;
}



/* old res #7030a0 */

.residencies:hover {
color: #612291;
}

.residencies .the_text:hover {
color: rgba(97, 34, 145, 1);
}

.category_name .residencies {
color: #612291;
}

.residencies_prev a:hover {
color: #612291;
}

.residencies_next a:hover, .residencies_list a:hover {
color: #612291;
}




.support:hover {
color: #C00000 ;
}

.support .the_text:hover {
color: rgba(192, 0, 0, 1);
}

.category_name .support {
color: #C00000;
}


.support_prev a:hover {
color: #C00000;
}

.support_next a:hover, .support_list a:hover {
color: #C00000;
}




.button:hover {
  background-color: transparent;
  color: #000;
  border-bottom: 1px solid #000;
}

.button:active,
.button.is-checked {
  background-color: transparent;
}

.button.is-checked {
  color: #000;
  border-bottom: 1px solid #000;
}

.button:active {
  background-color: transparent;
  color: #000;
  border-bottom: 1px solid #000;
}

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

.button-group {
  margin: 0px;
  paddibg: 0px;
}

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

.button-group .button, info_button {
  float: left;
}

/* .button-group .button:first-child { border-radius: 0px; } */
/* .button-group .button:last-child { border-radius: 0px; } */

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

.grids {
}

/* clear fix */
.grids:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
}

.element-item img {
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */
}


.element-item img:hover {

}

.element-item > * {
  margin: 0px;
  padding: 0px;
}
