/* Silk Light */

.silk-light-lantern {
  position: fixed;
  top: 1.25em;
  left: 50%;
  z-index: 200;
  height: 80%;
  height: 84vmin;
  max-width: 800px;
  width: 80%;
  width: 84vmin;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition:
    opacity .3s,
    visibility .3s;
}

@media (min-width: 500px) {

  .silk-light-lantern.narrow-light {
    width: 50%;
  }

}

@media (min-width: 600px) {

  .silk-light-lantern.narrow-light {
    width: 40%;
  }

}

@media (min-width: 800px) {

  .silk-light-lantern.narrow-light {
    width: 35%;
  }

}

@media (min-width: 1200px) {

  .silk-light-lantern.narrow-light {
    width: 25%;
  }

}

.silk-light-visible {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

  /* Silk Light Image */

  .silk-light img:hover {
	  cursor: pointer;
  }

  .silk-light-image {
    position: relative;
    /*top: 50%;*/
    border: .35em solid #fff;
    box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .25);
    /*-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
  }

    .silk-light-close {
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: translate(50%, -20%);
      -moz-transform: translate(50%, -20%);
      transform: translate(50%, -20%);
    }

    .silk-light-close:before {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAABGdBTUEAALGPC/xhBQAAASxJREFUOBF9kj9LQmEUh2+5OUgIhoODSzmJc0S0lJOjs4j0CfQD9CladZB2m/wObgotWS4KghqRBJFC1+dcuHg8vK8HHu/58zv3vb7nBGEYXsAQPuEhOGLUr2AMc6gE/LQhtn+cqquffAHkgNjeTxEulfgEv0v1WuXkgHPiPqRVfiGFFIxA24rgUoQ8kzDQRfxvKEYvwsnBDLR9EGThRSfxN3CnviA6oURybYRfJpawftAYBxTKsBWFxx5jrfNJU8PT2LENctvW3khsbZL41ZHbpzjRzlJ/hHcHolminGi1w/8ld7ADx2Z5g9i7A9KYANcs7+UPUfPtQEaKTbBW39+Edwd60vxsOp2zRGN3YCrNt/ADYk/6ROtTr8EfyM23ojrOGeSt2BWjy0BOajsMMEjikrIteAAAAABJRU5ErkJggg==');
    }

    .silk-light-image img {
      display: block;
      height: auto !important;
      width: 100% !important;
    }

    .silk-caption {
      position: absolute;
      top: 100%;
      left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: none;
      width: 100%;
      margin-top: .3em;
      padding: 1.25em;
      font-size: 12px;
      text-decoration: none;
      background: rgba(0, 0, 0, .85);
      box-shadow:
        .3em 0 0 0 rgba(0, 0, 0, .85),
        -.3em 0 0 0 rgba(0, 0, 0, .85);
      color: #fff;
    }
    .silk-caption sup {
	    font-size: 65%;
	    top: -0.9em;
    }

    .silk-light-image .silk-caption {
      display: block;
    }

    @media (min-width: 500px) {

      .silk-caption {
        font-size: 14px;
      }

    }

    .silk-light-image .silk-light {
      margin: 0;
    }



  /* Silk Light Controls */

  .silk-light-controls {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
  }

  .silk-light-button {
    position: absolute;
    border: .3em solid #fff;
    padding: 2em;
    pointer-events: auto;
    cursor: pointer;
    background: #000;
    border-radius: 100%;
    outline: 0;
    color: #fff;
  }

  .silk-light-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .silk-light-prev {
    top: 50%;
    left: 0;
    box-shadow: -.25em 0 .25em rgba(0, 0, 0, .15);
    -webkit-transform:
      translate(-40%, -50%)
      scaleX(-1);
    -moz-transform:
      translate(-40%, -50%)
      scaleX(-1);
    transform:
      translate(-40%, -50%)
      scaleX(-1);
  }

  .silk-light-prev:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAABGdBTUEAALGPC/xhBQAAARRJREFUKBVtkzFLQlEYhs8RMhAMFAmhQQcJNJc22xoaHF37G/2NIPwFDk4N0eDq6FRTk4KEgw0KEYlCECK358CN8957zwcPvt/3PfdyufdooygqGmPuIA8P1tovfsOFPID/mhJOw6YxORYVWTbJYy4oy8xHFm3YgNYrzYm3JLG4gp3a5AkURPORxTX8gJZ7pGNvSWLRhV+1ySM4Es1HFj3Yg9YjjXsZ2WJxCwe1yf2sGU9Y3qfkbVBG6kD67TxnZKRL+AatFxp3LHwxaMGnWuQ3KHmLxKABK9Ca0STPCoMaLEFrQXOWvmOV4bta5A+oJ0TXMBymxDX9eUZk4L6Kni538G/4A8xDsrtzDZ7AnYGLoBQP/wCjyYWfBqS3ngAAAABJRU5ErkJggg==');
  }

  .silk-light-next {
    top: 50%;
    right: 0;
    box-shadow: .25em 0 .25em rgba(0, 0, 0, .15);
    -webkit-transform: translate(40%, -50%);
    -moz-transform: translate(40%, -50%);
    transform: translate(40%, -50%);
  }

  .silk-light-next:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAYAAABGKffQAAAABGdBTUEAALGPC/xhBQAAARRJREFUKBVtkzFLQlEYhs8RMhAMFAmhQQcJNJc22xoaHF37G/2NIPwFDk4N0eDq6FRTk4KEgw0KEYlCECK358CN8957zwcPvt/3PfdyufdooygqGmPuIA8P1tovfsOFPID/mhJOw6YxORYVWTbJYy4oy8xHFm3YgNYrzYm3JLG4gp3a5AkURPORxTX8gJZ7pGNvSWLRhV+1ySM4Es1HFj3Yg9YjjXsZ2WJxCwe1yf2sGU9Y3qfkbVBG6kD67TxnZKRL+AatFxp3LHwxaMGnWuQ3KHmLxKABK9Ca0STPCoMaLEFrQXOWvmOV4bta5A+oJ0TXMBymxDX9eUZk4L6Kni538G/4A8xDsrtzDZ7AnYGLoBQP/wCjyYWfBqS3ngAAAABJRU5ErkJggg==');
  }


/* Full Column */

.fullCol:after {
  display: table;
  clear: both;
  content: '';
}

  .fullCol a {
    margin-right: 10px;
  }
  .fullCol .silk-light {
	  display: inline-block;
	  margin-right: 10px;
  }

/* Left Column */

.leftCol {
  float: left;
  width: 210px;
  margin-right: 1em;
}

/* Right Column */

.rightCol {
  float: right;
  width: 210px;
  margin-left: 1em;
}

.leftCol p.silk-light,
.rightCol p.silk-light {
  margin-bottom:10px;
}