/* Setup theme to contain floated elements */
.vimeography-fastforward {
  width: 100%; 
  clear: both; 
  margin: 0 auto;
}

.vimeography-fastforward .vimeography-thumbnails {
  max-width: 100%;
  margin: 0; 
}

.vimeography-fastforward .vimeography-thumbnail-container {
	width: 100%;
	position: relative;
  border-top: 1px solid rgba(0,0,0,.3);
  padding-top: .85rem;
  margin-bottom: 1rem;
}

.vimeography-fastforward .vimeography-thumbnail-container a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  text-decoration: none;
}

.vimeography-fastforward .vimeography-thumbnail-container span {
  width: auto;
  display: block;
  color: #000000;
  font-size: 1.25rem;
  line-height: 1.333;
  margin-bottom: 3rem;
  font-family: 'NeuzeitSLTStd-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.vimeography-fastforward .vimeography-thumbnail .icon {
  opacity: 0;

  -webkit-transition: opacity 0.5s ease-in-out; /* Safari */
  transition: opacity 0.5s ease-in-out;
}

.no-touch .vimeography-fastforward .vimeography-thumbnail:hover .icon {
  opacity: 1;
  position: absolute;
  top: 54%;
  left: 42%;
  background:url('../img/WIP_website_video_icon.png') no-repeat 0 0; 
  width: 54px;
  height: 54px;
}

.vimeography-fastforward .vimeography-thumbnail {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.vimeography-fastforward .vimeography-thumbnail img {
  max-width: 100%!important;
}

.vimeography-fastforward .vimeography-paging-controls {
  display: none;
  margin: 15px auto;
  clear: both;
  text-align: center;
}

.vimeography-fastforward .vimeography-paging-controls > span {
  position: relative;
  top: -10px;
  padding: 0 30px;
}

.vimeography-fastforward .vimeography-paging {
  font-family: 'Entypo', sans-serif;
  font-size: 60px;
  text-decoration: none;
  color: rgba(0,0,0,1);
  opacity: 1;
}
.vimeography-fastforward .vimeography-paging:hover {
  color: rgba(0,0,0,1);
  opacity: .75;
}

.vimeography-fastforward .vimeography-paging-disabled,
.vimeography-fastforward .vimeography-paging-disabled:hover {
  color: rgba(0, 0, 0, 1);
  opacity: .20;
}

.vimeography-fastforward .vimeography-loader { opacity: 0; }

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device.
*********************/
@media screen and (min-width: 768px) {

  .vimeography-fastforward .vimeography-thumbnails,
  .vimeography-group { width: 100%!important; }

  .vimeography-fastforward .vimeography-thumbnail-container {
    width: 49.02343%;
    float: left;
    margin-right: 1.95312%;
  }

  .vimeography-fastforward .vimeography-thumbnail-container:nth-of-type(even) { margin: 0; }

  .vimeography-fastforward .vimeography-thumbnail-container span {
    font-size: 1.75rem;
    line-height: 1.333;
  }

  }

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device.
*********************/
@media screen and (min-width: 1030px) {

  .vimeography-fastforward .vimeography-thumbnail-container {
    width: 32.03125%;
    float: left;
    margin-right: 1.95312%;
  }

  .vimeography-fastforward .vimeography-thumbnail-container:nth-of-type(even) { margin-right: 1.95312%; }
  .vimeography-fastforward .vimeography-thumbnail-container:nth-of-type(3n+3) { margin-right: 0; }

  }