/* based on Cea's RADSCC media galleries injector */

/* Page Gallery */
.field--name-field-banner-image {
  display:none;
}
.field--name-field-instructions {
  cursor:none;
  margin-bottom:1em;
}
.field--name-field-gallery-view {
  display:none;
}
.field--name-field-gallery-name {
  font-size:1.5rem;
  font-weight:bold;
  margin-top: 1rem;
}
.field--name-field-images {
  width:100%;
  display:table;
  margin-top: .5em;
  margin-bottom:5em;
}

article .node__content {
  width: 80%;
  max-width:80%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:2rem;
}
.field--type-image .field__item {
  display: inline-flex;
  padding: 7px;
  text-align: justify;
  vertical-align:bottom;
}
.field--type-image .field__item img {
  width: 80px;
  height: 80px;
}
.field--type-image .field__item a {
  font-size:8px;
  font-weight:normal;
  color: #ddd;
}
#cboxTitle {
  color: #000;
}

/* Views Gallery */
.galleryvideo {
  margin-left:.45rem;
}
.views-field-field-gallery-name div.field-content {
  font-size:1.3em;
  font-weight:bold;
}
.views-element-container {
  margin-top:-2.5em;
  margin-bottom:0em;
}
.views-field-field-gallery-images .field-content div.item-list {
  margin-top:.5em;
  margin-bottom:3.5em;
}
.views-field-field-gallery-images .field-content div.item-list ul {
  display: inline !important;
  vertical-align:bottom;
  list-style: none;
  max-width:100%;
  /*max-width:90%;*/
}
.views-field-field-gallery-images .field-content div.item-list ul li {
  margin-left:7px;
  margin-right:7px;
  display:inline-block;
  overflow:hidden;
}
.views-field-field-gallery-images .field-content div.item-list ul li a {
  font-size:8px;
  font-weight:normal;
  color: #ddd;
}
/*.views-field-field-gallery-images .field-content div.item-list ul li img {
  width: 80px;
  height: 80px;
}*/

@media (max-width: 480px) {
  .views-field-field-gallery-images .field-content div.item-list ul li {
    margin-left:5px;
    margin-right:5px;
  }
}


/* Colorbox styles */

#cboxTitle {
	color: #fff;
	background: rgb(247 105 2 / 70%);
}

#cboxWrapper {
	background: transparent;
}

#cboxContent {
	background: transparent;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/ntid/sites/rit.edu.ntid/files/outreach/controls-outreach.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    outline: none;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(/ntid/sites/rit.edu.ntid/files/outreach/controls-outreach.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
    outline: none;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/ntid/sites/rit.edu.ntid/files/outreach/controls-outreach.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    outline: none;
}

#cboxCurrent {
    position: absolute;
    color: #fff;
}