/* MD.css */
@media (min-width:751px) {
/******************************************
* Widget - Accordion Item
*******************************************/
.widget--accordion-item .accordion-item-header picture:after {
  content: "";
  background: rgba(0,0,0,0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/******************************************
* Widget - Video / Full Screen Image
*******************************************/
.bv-video-wrap {
  display: block;
}

/******************************************
* Family Page - Person Node Teasers
*******************************************/
.node--type-person.node--view-mode-teaser {
  width: 33.33%;
}

.node--type-winery.node--view-mode-teaser {
  width: 33.33%;
}

/******************************************
* PDF Carousel Widget
*******************************************/
.widget--pdf-link,
.sia-group .views-row {
  width: 25%;
}
.field--name-field-w-pdl-title,
.sia-title {
  font-size: 13px;
}

/******************************************
* Parallax Effects and Animations
*******************************************/
.js-parallax-slide {
  /* padding-bottom calculated from height/width so 341/1024 = .33.3% */
  padding-bottom: 33.3%;
	min-height: 250px; /* min-height is what the image viewport should be when screen is at 320px wide, just as a fallback */
}

/******************************************
* Tasks - Tabs
*******************************************/
.block-local-tasks-block {
  top: 2px;
}

} /* end media query - don't delete this */