/*----- VIDEO - Open -----*/
.apb-video-type-single .apb-video-row {
  max-width: 700px;
  margin: 30px auto;
}
.apb-video-row .views-field-title {
  font-size: 0.95em;
  font-weight: bold;
  margin-top: 10px;
}
.apb-video-row .views-field-title .apb-arrow {
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  display: inline-block;
  height: 0;
  margin: 0px 5px 0px 0px;
  width: 0;
}
.apb-video-row .views-field-field-apb-vd-video-description {
  color: #666;
  font-size: 0.8em;
  padding-left: 20px;
}
.apb-video-row .video-embed-description,
.apb-video-row .views-field-field-apb-vd-video-1,
.apb-video-row .views-field-field-apb-vd-video {
  display: none;
}
.apb-video-type-gallery .views-field-field-apb-vd-video-1,
.apb-video-type-single .views-field-field-apb-vd-video {
  display: block;
}
.apb-video-type-gallery .view-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.apb-video-type-gallery .views-field-field-apb-vd-video-1 a {
  display: block;
  position: relative;
}
.apb-video-type-gallery .views-field-field-apb-vd-video-1 a span {
  background: url(../images/icon-player.png) no-repeat center center;
  left: 0px;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}
.apb-video-type-gallery .views-field-field-apb-vd-video-1 a img {
  display: block;
  height: auto !important;
  max-width: none !important;
  width: 100% !important;
}
.apb-video-type-gallery .views-field-field-apb-vd-video-1 a:hover img {
  opacity: 0.2;
}
/*----- VIDEO - Close -----*/

/*----- CSS ANIME - Open -----*/
.apb-video-type-gallery .views-field-field-apb-vd-video-1 a img {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
/*----- CSS ANIME - Close -----*/

/*----- TABLET - PORTRAIT - Open -----*/
@media all and (min-width: 681px) and (max-width: 980px) {
  .apb-video-type-gallery .view-content {
    /*----- COLUMNS - Open -----*/
    grid-template-columns: repeat(2, 1fr);
  }
  /*----- COLUMNS - Close -----*/
}
/*----- TABLET - PORTRAIT - Close -----*/

/*----- MOBILE - Open -----*/
@media all and (max-width: 680px) {
  /*----- COLUMNS - Open -----*/
  .apb-video-type-gallery .view-content {
    display: block;
  }
  /*----- COLUMNS - Close -----*/
  .apb-video-type-gallery .view-content .apb-video-row {
    margin-bottom: 20px;
  }
}
/*----- MOBILE - Close -----*/

/*----- IE - Open -----*/
.apb-ie .apb-video-type-gallery .view-content {
  display: block;
}
.apb-ie .apb-video-type-gallery .view-content .apb-video-row {
  display: block;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 15px;
}
/* 3 COLUMNS */
/* Template-4 */
.apb-ie .apb-video-type-gallery .view-content .apb-video-row {
  width: 31% !important;
}
/* 5 COLUMNS */
.apb-ie .apb-video-type-gallery .view-content::after {
  clear: both;
  content: "";
  display: block;
}
/*----- IE - Close -----*/