/* Stylesheet for Navigation Grid Feature */

.view-navigation-grid-display .span4,
.view-navigation-grid-display div[class*='span'] {
  position: relative;
  margin-bottom: 1em;
}

.view-navigation-grid-display div[class*='span']:hover .views-field-field-title { 
  opacity: 0;
}

.view-navigation-grid-display .views-field-field-nav-image img {
  width: 100%;
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}

.view-navigation-grid-display .views-field-field-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  text-decoration: none;
  background-color:rgba(0,0,0,0.8);
  padding: .5em 1em .5em 1em;
}

.view-navigation-grid-display .views-field-field-title a {
  color: #fff;
  text-decoration: none;
}

.view-navigation-grid-display .views-field-field-rollover-text .field-content a {
  color: #fff;
  display: block;
  text-decoration: none;
  line-height: 125%;
  font-size: 14px;
}

.view-navigation-grid-display .views-field-field-rollover-text .field-content a strong {
 color: #f3d08e;
 line-height: 150%;
}

.view-navigation-grid-display .views-field-field-rollover-text .field-content a:nth-child(1) {
  margin-bottom: 0.5em;
  margin-top: .5em;
	background-color: transparent !important;
}

.view-navigation-grid-display .views-field-field-rollover-text a {
 height: 94%;
} 

.view-navigation-grid-display .views-field-field-rollover-text .field-content {
 height: 100%;
}
.view-navigation-grid-display .views-field-field-rollover-text {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  height: 100%;
  width: 100%;
}

.view-navigation-grid-display .views-field-field-rollover-text .field-content {
  padding: 0 .5em;
  border-top: 5px solid #c34500;
}

.view-navigation-grid-display [class*='item']:hover .views-field-field-rollover-text {
  display: block;
}