/********************
-=SIMPLE GRID
********************/
/*the following is the margin set between product images and needs to match
what is in .product_container of layout.css.
*/
.portfolio * {
  box-sizing: border-box;
}

.grid {
  background: white;
  margin: 0 0 5px 0;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*='column-'] {
  float: left;
  padding-right: 5px;
}
.grid [class*='column-']:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 3000px) {
  .column-lg-1 {
    width: 98%;
  }

  .column-lg-2-3 {
    width: 64.66%;
  }

  .column-lg-1-3 {
    width: 31.33%;
  }

  .column-lg-1-2 {
    width: 48%;
  }

  .column-lg-1-4 {
    width: 23%;
  }

  .column-lg-1-5 {
    width: 18%;
  }

  .column-lg-1-6 {
    width: 14.66%;
  }

  .column-lg-1-8 {
    width: 10.5%;
  }

  .column-lg-hide {
    display: none;
  }

  .column-lg-show {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  .column-md-1 {
    width: 98%;
  }

  .column-md-2-3 {
    width: 64.66%;
  }

  .column-md-1-3 {
    width: 31.33%;
  }

  .column-md-1-2 {
    width: 48%;
  }

  .column-md-1-4 {
    width: 23%;
  }

  .column-md-1-5 {
    width: 18%;
  }

  .column-md-1-6 {
    width: 14.66%;
  }

  .column-md-1-8 {
    width: 10.5%;
  }

  .column-md-hide {
    display: none;
  }

  .column-md-show {
    display: block;
  }
}
@media only screen and (max-width: 700px) {
  .column-sm-1 {
    width: 98%;
  }

  .column-sm-2-3 {
    width: 64.66%;
  }

  .column-sm-1-3 {
    width: 31.33%;
  }

  .column-sm-1-2 {
    width: 48%;
  }

  .column-sm-1-4 {
    width: 23%;
  }

  .column-sm-1-5 {
    width: 18%;
  }

  .column-sm-1-6 {
    width: 14.66%;
  }

  .column-sm-1-8 {
    width: 10.5%;
  }

  .column-sm-hide {
    display: none;
  }

  .column-sm-show {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .column-xs-1 {
    width: 98%;
  }

  .column-xs-2-3 {
    width: 64.66%;
  }

  .column-xs-1-3 {
    width: 31.33%;
  }

  .column-xs-1-2 {
    width: 48%;
  }

  .column-xs-1-4 {
    width: 23%;
  }

  .column-xs-1-5 {
    width: 18%;
  }

  .column-xs-1-6 {
    width: 14.66%;
  }

  .column-xs-1-8 {
    width: 10.5%;
  }

  .column-xs-hide {
    display: none;
  }

  .column-xs-show {
    display: block;
  }
}
/* Opt-in outside padding */
.grid-pad {
  padding: 5px 0 5px 5px;
}
.grid-pad [class*='column-']:last-of-type {
  padding-right: 5px;
}
/********************
-=GALLERY STYLES
********************/
.content_container {
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  margin: 1% 1%;
}
.content_container.grid {
  display: block;
}
.content_container.grid .image_container_large {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.content_container.grid .main_img {
  margin: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
}
.content_container.grid .image_info {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}
@media only screen and (max-width: 390px) {
  .content_container.grid {
    float: none;
    /*min-width: 285px;*/
  }
}
.content_container a {
  text-decoration: none;
}

.loading {
  background: url(http://googledrive.com/host/0B51UCH0yGk6Femw0VU5MTlo3QzQ/loading18.gif) no-repeat;
  background-position: 50% 50%;
  background-size: 130px;
}

.image_container_large {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  margin: 0 1%;
}

.image_info {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100px;
  padding: 10px 1% 0;
}
.image_info p {
  padding: 0 10px;
  margin: 0;
}
.image_info p.caption {
  color: #000;
  margin: 5px 0;
  font-size: 16px !important;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: none;
}
.image_info p.caption:hover {
  color: #333;
}

.main_img {
  margin: auto;
  width: 100%;
}

.imageFade {
  opacity: .6;
  transition: opacity .50s ease-in-out;
  -moz-transition: opacity .50s ease-in-out;
  -webkit-transition: opacity .50s ease-in-out;
}

/* -------------------------------------------------------------- 
  -=PAGINATION
-------------------------------------------------------------- */
.gallery_pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
.gallery_pagination .page_button, .gallery_pagination .page_button_masonry {
  display: inline-block;
  border: 1px solid #999;
  padding: 10px;
  margin: 0 5px;
}
.gallery_pagination .page_button.selected, .gallery_pagination .page_button_masonry.selected {
  color: #fff;
  background: #999;
}
.gallery_pagination .page_button:hover, .gallery_pagination .page_button_masonry:hover {
  cursor: pointer;
}
.gallery_pagination .page_button_masonry {
  position: absolute;
  bottom: 0;
  z-index: 99999;
  background: white;
}

/* -------------------------------------------------------------- 
  -=PRODUCTS POPUP INFO
-------------------------------------------------------------- */
.popup_info {
  background: rgba(255, 255, 255, 0.6);
  display: none;
  bottom: 0;
  left: 1%;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 999;
  height: 100%;
}
@media only screen and (max-width: 700px) {
  .popup_info {
    /*display: inline-block;*/
    /*color: invert($rollover_color);*/
    /*background: rgba($rollover_color, 0.6);*/
  }
}

.grid .popup_info {
  left: 0;
  position: relative;
}

.popup_text {
  bottom: 0;
  left: 0;
  margin: 20% auto 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 28px;
  padding: 0 20px;
}

.popup_caption {
  color: black;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: none;
}

.popup_underscore {
  margin: 10px auto;
  width: 25px;
  border-color: rgba(255, 255, 255, 0.9);
}

.portfolio_page a {
  position: initial;
}