/* Updated for two tagging schemes
   GW, ITS, 2 Sep 2016 INC0525140 */
/* Updated for AcTech projects page 
PT, Actech, June 19
*/

.hiddenItem {
  display: none;
}

.shownItem {
  display: inherit;
}


/*** Filter by tag checkboxes ***/
@media (max-width:479px) { 
  .tag-container-wrapper {
    display: none;
  }
}

@media (min-width:480px) { 
  .tag-container-wrapper {
      margin-bottom: 20px;
  }
}

.tag-container-wrapper {
  margin-bottom: 50px;
  margin-left: -10px;
}

.tag-container .tag label {
  margin-left: 10px;
  font-weight: normal;
}


/*** project summaries ***/
.results-container li.staff.layout.boxstyle_ {
  padding: 1em;
}

.results-container li.staff.layout.boxstyle_.box2 {
  background-color: #fff;
	border: 1px solid #67a0ac;
}

/* Constrain image sizes when dimensions are unknown and variable */
/* extra small screens first and set default */
.results-container li.staff.layout img {
 float: left !important;
	margin: 0 20px 10px 0 !important;
    max-width: 100px; 
	max-height: 100%;
 border-radius: 4px !important;
 border: 1px solid black !important;
	box-shadow: 2px 2px lightgrey;
}

.results-container li.staff.layout .btn-primary {

    color: black!important;
    background-color: white!important;
    float: right!important;
    width: 25%!important;
	white-space: normal;
	margin: 0 0 10px 0;
  }

.results-container li.staff.layout h5 {
	margin-top: 10px;
	color: #383838CC;
}



/* very small screens only */

@media (max-width: 600px) {
	.results-container li.staff.layout h2, .results-container li.staff.layout h5 {
	clear: both;
	}

}

/* medium screens and above */
@media (min-width: 768px) {
  .results-container li.staff.layout img {
    max-width: 180px;
  }	
}

/* large screens only */
@media (min-width: 992px) and (max-width: 1199px) {
  .results-container li.staff.layout img {
    max-width: 180px;
  }	
}

/* Prevent thumbnails breaking out of summary cards */
.results-container li.staff.layout {
  min-height: 180px;
}

/* Display 'Edit summaries' to signed-in contributors */
a.edit-link {
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #c0eade;
  padding: 5px;
}