/**
 * @file
 * Default styling for Open Berkeley Portfolio.
 */

.openberkeley-portfolio-isotope-grid {
  /** The grid starts out hidden and is shown when loaded. */
  display: none;
  min-height: 280px;
}

.openberkeley-portfolio-isotope-element {
  margin: 5px;
}

.openberkeley-portfolio-isotope-element-normal {
  width: 270px;
  height: auto;
  float: left;
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-element-normal {
  padding: 5px;
  border: 1px solid #bbb;
  background-color: #f7f7f7;
}

.openberkeley-portfolio-isotope-element-normal h2,
.openberkeley-portfolio-isotope-element-normal .content {
  padding: 5px;
}

.openberkeley-portfolio-isotope-element .row {
  margin-left: 0;
  margin-right: 0;
}

.openberkeley-portfolio-isotope-element-details {
  width: 100%;
}

/**
 * Filter buttons.
 */

.openberkeley-portfolio-isotope-filter .button {
  margin-bottom: 3px;
}

/**
 * Legacy mode only.
 */

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: 1px solid #bbb;  /* Was border: none; */
  border-radius: 0.1em;
  /* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) ); */  /* Remove default gradient */
  color: #222;
  /* font-family: sans-serif; */   /* Remove font, use default */
  font-size: 16px;
  /* text-shadow: 0 1px white; */   /* Remove default text-shadow */
  cursor: pointer;
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:hover,
.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:focus {
  background-color: #8CF;
  /* text-shadow: 0 1px hsla(0, 0%, 100%, 0.5); */  /* Remove default text-shadow */
  color: #222;
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:active,
.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button.selected {
  background-color: #0171F1;
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button.selected:active,
.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button.selected:focus {
  background-color: #1b6dcc;
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button.selected {
  color: white;
  /* text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8); */   /* Remove default text-shadow */
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:active {
  /* box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8); */  /* Remove default box-shadow */
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 3px; /* Was 1px */
}

.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:first-child { border-radius: 0.1em 0 0 0.1em; }
.openberkeley-portfolio-view-mode-openberkeley_portfolio .openberkeley-portfolio-isotope-filter .button:last-child { border-radius: 0 0.1em 0.1em 0; }


/* If there happens to be headings, keep them at standard font-size for Portfolio display */
.openberkeley-portfolio-isotope-element-normal .content h2,
.openberkeley-portfolio-isotope-element-normal .content h3,
.openberkeley-portfolio-isotope-element-normal .content h4 {
  font-size: 14px;
}

/* Slightly reduce line-height for h2 */
.openberkeley-portfolio-isotope-element-normal h2 {
  line-height: 1.2;
}

/* If an image is included, don't let it exceed 120px height */
.openberkeley-portfolio-isotope-element-normal img {
  max-height: 120px;
}