/* CSS */

.gallery-feature {
  background-color: #6c6463;
  color: white;
  margin-top: 1em;
}

.gallery-feature a,
.gallery-feature a:hover,
.gallery-feature a:focus {
  color: white;
}

.gallery-feature .view-content {
  margin: 0 auto;
  padding: 2em 0 3em;
  width: 635px;
}

.gallery-feature .views-slideshow-cycle-main-frame {
  width: 100% !important;
}

.gallery-feature .flexslider ul {
  background-color: #808080;
}

.gallery-feature .title {
  border-bottom: solid 1px #a6a6a6;
  font-size: 1.5em;
  margin-bottom: .5em;
}

.gallery-feature .feature {
  margin-bottom: 1em;
}

.gallery-feature .duration {
  margin-bottom: 1em;
}

.gallery-feature .skin-default {
  position: relative;
}

.gallery-feature .views-slideshow-controls-text-pause {
  display: none;
}

.gallery-feature .views-slideshow-controls-text-previous a,
.gallery-feature .views-slideshow-controls-text-next a {
  background: transparent url('gallery-arrows.png') no-repeat left top;
  display: block;
  height: 37px;
  left: -3.5em;
  position: absolute;
  text-indent: -99999px;
  top: 18em;
  width: 37px;
}

.gallery-feature .views-slideshow-controls-text-next a {
  background: transparent url('gallery-arrows.png') no-repeat left -52px;
  left: auto;
  right: -3.5em;
}

.gallery-feature .views-slideshow-controls-top {
  position: absolute;
  width: 100%;
}

.gallery-feature .views-slideshow-pager-field-item {
  float: left;
  height: auto;
  margin-right: 12px;
  width: 117px;
}

.view-photo-gallery .views-field-field-image img {
  border: none;
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  padding: 0;
}

.gallery-feature .views-slideshow-slide-counter {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
}

.gallery-feature .views-slideshow-pager-fields,
.gallery-feature .views-slideshow-pager-fields .pager-row {
  height: 78px !important;
  overflow: visible;
  width: 635px !important;
} /* Overriding inline styles added by cycle */

.gallery-feature .pager-row .views-slideshow-pager-field-item:last-child {
  margin-right: 0;
}

.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_4,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_9,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_14,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_19,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_24,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_29,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_34,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_39,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_44,
.gallery-feature #views_slideshow_pager_field_item_bottom_photo_gallery-entity_view_photo_gallery_49 {
  margin-right: 0;
}

.gallery-feature .pager-controls {
  position: absolute;
  width: 100%;
}

.gallery-feature .pager-controls a {
  background: transparent url('gallery-arrows-small.png') no-repeat left top;
  display: block;
  height: 20px;
  left: -2em;
  overflow: hidden;
  position: absolute;
  text-indent: -99999px;
  top: 28px;
  width: 20px;
}

.gallery-feature .pager-controls a#pager-next {
  background-position: left -28px;
  left: auto;
  right: -2em;
}

.gallery-feature .node-video {
  background: transparent;
  padding: 0;
}

.gallery-thumbnails .views-view-grid {
  padding: 0 .9em;
}

.gallery-thumbnails .views-exposed-form {
  color: #fff;
  background-color: #205493;
  border: 0;
  margin: 1.75em 0;
  width: 100%;
}

.gallery-thumbnails .views-exposed-form {
  margin-bottom: 1.5em;
}

.gallery-thumbnails .views-exposed-widgets {
  margin-bottom: 0;
  padding: 0 1em;
}

.gallery-thumbnails .views-reset-button {
  display: none;
}

.gallery-thumbnails .views-exposed-form-heading {
  float: left;
  padding: .6em 1em 0 0;
  text-transform: uppercase;
}

.gallery-thumbnails .views-exposed-form .views-exposed-widget .form-submit {
  background-color: #efefef;
  border: solid 1px #848484;
  color: black;
  margin-bottom: .5em;
  margin-top: 0;
  padding: 4px 10px 3px;
  text-transform: uppercase;
}

.gallery-thumbnails #edit-field-country-mission-nid-wrapper,
.gallery-thumbnails #edit-field-sectors-nid-wrapper,
.gallery-thumbnails #edit-field-gallery-location-nid-wrapper,
.gallery-thumbnails #edit-language-wrapper,
.gallery-thumbnails #edit-field-gallery-region-nid-wrapper {
  width: 190px;
}

.gallery-thumbnails .col {
  float: left;
  width: 49.75%;
}

.gallery-thumbnails .col-inner {
  margin: 0 .7em;
}

.gallery-thumbnails .row-wrapper {
  float: left;
  width: 50%;
}

.gallery-thumbnails .row-wrapper .row-wrapper {
  width: 100%;
}

.gallery-thumbnails #edit-field-country-mission-nid,
.gallery-thumbnails #edit-field-sectors-nid,
.gallery-thumbnails #edit-field-gallery-region-nid,
.gallery-thumbnails #edit-field-gallery-location-nid {
  width: 100%;
}

.gallery-thumbnails .title {
  font-size: .9em;
  line-height: 1.4em;
  margin-top: .5em;
}

.gallery-thumbnails .date {
  font-size: .85em;
  margin-bottom: 1em;
}

.gallery-thumbnails .thumbnail-wrapper {
  position: relative;
}

.gallery-thumbnails .thumbnail {
  border: solid 1px #000;
  z-index: 1;
}

.gallery-thumbnails-3 .views-view-grid {
  padding: 0;
}

.gallery-thumbnails-3 .col {
  width: 163px;
}

.gallery-thumbnails-3 .col-3 {
  margin-right: 0;
}

.gallery-thumbnails .duration {
  background: transparent url('background-dark-translucent.png') repeat left top;
  bottom: .1em;
  color: white;
  font-size: 1em;
  padding: 0 .3em;
  position: absolute;
  right: .1em;
  z-index: 2;
}

.gallery-thumbnails .pager {
  border-top: solid 1px #d1d1d1;
  margin-left: 0;
  margin-top: 1em;
  padding-top: 1em;
}

.gallery-thumbnails .pager .pager-first,
.gallery-thumbnails .pager .pager-previous,
.gallery-thumbnails .pager .pager-next,
.gallery-thumbnails .pager .pager-last {
  background-color: #6c6463;
  display: inline-block;
  padding: .25em 1em;
  text-transform: uppercase;
}

.gallery-thumbnails .pager li {
  position: relative;
}

.gallery-thumbnails .pager li a {
  position: static;
}

.gallery-thumbnails .pager .pager-first a,
.gallery-thumbnails .pager .pager-previous a,
.gallery-thumbnails .pager .pager-next a,
.gallery-thumbnails .pager .pager-last a {
  color: white;
}

.gallery-thumbnails .pager .pager-first,
.gallery-thumbnails .pager .pager-last,
.gallery-thumbnails .pager .pager-ellipsis {
  display: none;
}

html.js .gallery-thumbnails .ajax-progress .throbber {
  bottom: auto;
  position: absolute;
  right: -1em;
  top: .2em;
}

html.js .view-country-gallery .ajax-progress .throbber {

}

.page-news-information-videos .region-content h2.block-title {
  display: none;
}

.node-type-video .region-content h2.block-title {
  display: block;
  font-weight: bold;
  margin-top: 1em;
  text-transform: none;
}

.node-video .field-name-field-video-transcript {
  margin-top: 10px;
  overflow: hidden;
}

.node-video .field-name-field-video-transcript .hidden {
  display: none;
}

.node-video .field-name-field-video-transcript .field-label {
  background: transparent url('/sites/all/themes/usaid/images/toggle-plus.png') left 1px no-repeat;
  cursor: pointer;
  display: inline;
  font-weight: bold;
  padding-left: 1.75em;
}

.node-video .field-name-field-video-transcript.expanded .field-label {
  background: transparent url('/sites/all/themes/usaid/images/toggle-minus.png') left 1px no-repeat;
  cursor: pointer;
}

.gallery-feature .node-video .field-name-field-video-transcript {
  margin-top: 0;
}

.gallery-feature .node-video .field-name-field-video-transcript .field-label {
  background-position: left top;
}

.gallery-feature .node-video .field-name-field-video-transcript.expanded .field-label {
  background-position: left top;
}

.node-type-video .gallery-thumbnails .views-exposed-form {
  margin-bottom: .75em;
  margin-top: .75em;
}

/* Changing the Photo Gallery/Video Gallery titles on the multimedia
 * blocks to be typical h2s
 */

.multimedia-gallery #region-content h2.block-title {
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: none;
}

.block-views-88099460053feb978bf991f82c6b7bad {
  margin-top: 1.5em;
} /* Video block on Multimedia page */

/* TABLET */
@media (min-width: 741px) and (max-width: 979px) {

  .gallery-feature .view-content {
    padding-bottom: 0;
    width: 500px;
  }

  .view-photo-gallery .views-slideshow-cycle-main-frame-row {
    width: auto !important;
  }

  .view-photo-gallery .feature img {
    width: 100%;
  }

  .gallery-feature .views-slideshow-pager-field-item {
    margin: 0 .42em;
    width: 17.5%;
  }

  .gallery-feature .views-slideshow-pager-fields,
  .gallery-feature .views-slideshow-pager-fields .pager-row {
    height: 63px !important;
    margin: 0 auto;
    width: 436px !important;
  }

  .gallery-feature .pager-controls a {
    background: transparent url('gallery-arrows-medium.png') no-repeat left top;
    height: 30px;
    left: 0;
    top: 12px;
    width: 30px;
  }

  .gallery-feature .pager-controls a#pager-next {
    background-position: left -42px;
    left: auto;
    right: 0;
  }

  .gallery-feature iframe,
  .gallery-feature .media-youtube-preview-wrapper,
  .gallery-feature .media-youtube-outer-wrapper {
    height: 300px !important;
    width: 100% !important;
  }

  .gallery-thumbnails #edit-field-country-mission-nid-wrapper,
  .gallery-thumbnails #edit-field-sectors-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-location-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-region-nid-wrapper {
    width: 192px;
  }

  .gallery-thumbnails-3 .col {
    width: 120px;
  }

}

/* TABLET AND MOBILE */
@media (max-width: 979px) {

  .gallery-feature .views-slideshow-controls-text-previous a,
  .gallery-feature .views-slideshow-controls-text-next a {
    background: transparent url('gallery-arrows-medium.png') no-repeat left top;
    height: 30px;
    left: auto;
    right: 0;
    top: -.3em;  
    width: 30px;
    z-index: 10;
  }

  .gallery-feature .views-slideshow-controls-text-next a {
    background-position: left -42px;
  }

  .gallery-feature .views-slideshow-controls-text-previous a {
    right: 2.6em;
  }

  .view-photo-gallery.gallery-feature .title span {
    display: block;
    margin-right: 3.5em;
  }

  .views-slideshow-slide-counter {
    border-bottom: solid 1px #d1d1d1;
  }

}

/* MOBILE */
@media (max-width: 740px) {

  .view-photo-gallery .feature img {
    width: 100%;
  }

  .gallery-feature .view-content {
    padding-bottom: 1em;
    width: 100%;
  }

  .gallery-feature .views-row {
    padding: 0 1em;
  }

  .gallery-feature iframe,
  .gallery-feature .media-youtube-preview-wrapper,
  .gallery-feature .media-youtube-outer-wrapper {
    height: 200px !important;
    width: 100% !important;
  }

  .gallery-thumbnails .row-wrapper {
    float: none;
    width: 100%;
  }

  .gallery-feature .views-slideshow-pager-fields,
  .gallery-feature .views-slideshow-pager-fields .pager-row {
    height: 63px !important;
    width: 100% !important;
  }

  .gallery-feature .views-slideshow-pager-fields .pager-row {
    margin: 0 12%;
    width: 76% !important;
  }

  .views-slideshow-pager-fields .pager-row {
    /* padding: 0 12%; */
  }

  .gallery-feature .views-slideshow-pager-field-item {
    margin-right: 2%;
    width: 18.33%;
  }

  .gallery-feature .views-slideshow-pager-field-item img {
    width: 100%;
  }  

  .gallery-thumbnails .views-exposed-form-heading,
  .gallery-thumbnails #edit-field-country-mission-nid-wrapper,
  .gallery-thumbnails #edit-field-sectors-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-location-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-region-nid-wrapper,
  .gallery-thumbnails .views-submit-button {
    float: none;
  }

  .gallery-thumbnails #edit-field-country-mission-nid-wrapper,
  .gallery-thumbnails #edit-field-sectors-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-location-nid-wrapper,
  .gallery-thumbnails #edit-field-gallery-region-nid-wrapper {
    margin-bottom: .25em;
    width: 100%;
  }

  .gallery-thumbnails .views-submit-button {
    margin-bottom: .75em;
  }

  .gallery-thumbnails .thumbnail img {
    height: auto;
    width: 100%;
  }

  .gallery-thumbnails-3 .col {
    min-height: 145px;
    width: 120px;
  }

  .gallery-feature div .views-slideshow-controls-text-previous a,
  .gallery-feature div .views-slideshow-controls-text-next a {
    right: 1em;
    top: 0;  
  }

  .gallery-feature div .views-slideshow-controls-text-previous a {
    right: 4em;
  }

  .view-photo-gallery.gallery-feature .title {
    font-size: 1.2em;
    padding-bottom: .5em;
  }

  .view-photo-gallery.gallery-feature .title span {
    margin-right: 5em;
  }

  .gallery-feature .pager-controls a {
    left: 1em;
    z-index: 4;
    top: 5px;
  }

  .gallery-feature .pager-controls a#pager-next {
    right: 1em;
    z-index: 4;
  }  

  .views-slideshow-slide-counter {
    margin: 0 1em;
  }

}

@media (max-width: 480px) {

  .gallery-thumbnails ul.pager li {
    display: block;
    float: left;
  }

}

@media (max-width: 350px) {

  .gallery-feature .pager-controls a {
    top: 2px;
  }

  .gallery-feature .views-slideshow-pager-fields .pager-row {
    margin: 0 12% 0 14%;
    width: 74% !important;
  }

  .gallery-feature .views-slideshow-pager-fields,
  .gallery-feature .views-slideshow-pager-fields .pager-row {
    height: 35px !important;
  }

}