/* CSS Document */
/*------------------------------*\
    Template spacing
\*------------------------------*/
/*------------------------------*\
    All Site Colors
\*------------------------------*/
/* BLUE */
/* ORANGES */
/* GRAYS */
/* MISC */
/*------------------------------*\
    Fonts Used
\*------------------------------*/
/*------------------------------*\
    Things to Make Life Easier
\*------------------------------*/
.fontAwesome {
  font-family: FontAwesome; }

#solarBoxOverlay {
  background: #000;
  opacity: 0.75;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 606668; }

#solarBoxWrapper {
  position: fixed;
  z-index: 606669;
  width: 0;
  height: 0;
  display: inline-block;
  left: auto;
  right: auto;
  overflow: hidden; }
  #solarBoxWrapper #solarBoxBox {
    background: none;
    color: #5e5e5e;
    display: inline-block;
    left: auto;
    right: auto;
    overflow: hidden;
    padding: 0; }
    @media (min-width: 992px) {
      #solarBoxWrapper #solarBoxBox {
        padding: 35px;
        background: #0d3c54; } }
    #solarBoxWrapper #solarBoxBox #solarBoxBottom {
      padding: 25px 0 0;
      display: none; }
      @media (min-width: 992px) {
        #solarBoxWrapper #solarBoxBox #solarBoxBottom {
          display: block; } }
      #solarBoxWrapper #solarBoxBox #solarBoxBottom #solarBoxMeta {
        float: left;
        max-width: 50%; }
      #solarBoxWrapper #solarBoxBox #solarBoxBottom #solarBoxTitle {
        font-family: "proxima-nova", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 300;
        color: #FFF; }
      #solarBoxWrapper #solarBoxBox #solarBoxBottom #solarBoxCounter {
        font-size: 12px;
        line-height: 1;
        padding-top: 5px; }
    #solarBoxWrapper #solarBoxBox #solarBoxControls {
      display: block;
      text-align: center;
      width: 100%;
      color: #FFF; }
    #solarBoxWrapper #solarBoxBox #solarBoxCaption {
      display: inline-block;
      width: 50%; }
    #solarBoxWrapper #solarBoxBox #solarBoxClose {
      display: inline-block;
      float: right; }

#solarBoxPrev,
#solarBoxNext,
#solarBoxClose {
  display: inline-block;
  font-size: 65px;
  line-height: 1; }
  #solarBoxPrev:hover,
  #solarBoxNext:hover,
  #solarBoxClose:hover {
    text-decoration: none;
    color: #FFF; }

#solarBoxPrev {
  left: 25px;
  position: fixed;
  z-index: 606670;
  font-family: FontAwesome; }

#solarBoxNext {
  right: 25px;
  position: fixed;
  z-index: 606671;
  font-family: FontAwesome; }

#solarBoxCaption {
  display: inline-block;
  width: 50%; }

#solarBoxClose {
  position: fixed;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 19px;
  color: #FFF;
  font-family: FontAwesome;
  top: 12px;
  right: 12px; }
  @media (min-width: 992px) {
    #solarBoxClose {
      position: static;
      float: right;
      display: inline-block;
      padding: 0 0 6px 0; } }