/*~~~~~~~~~~~~~~~~~~~~~~~END BOOTSTRAP SPECIFIC STYLES~~~~~~~~~~~~~~~~~~*/

#gallery_modal .image-swap-area div.views-row{
  width: 100%;
}


#right #responsive_gallery_block a{
  text-decoration: none;
}
#right .region-content .node-node-gallery-item .node-heading{
  height: auto;
  width: auto;
  min-width: auto;
  max-width: auto;
}

  #responsive_gallery_block{
  max-width: 900px;
  min-width: 700px;
}

 #lab_gallery_slideshow_area{
  max-width: 900px; /* 700px */
  min-width: 700px;
  position: relative;
 /*  height: 600px;
  */ 
  overflow: hidden; /*just for now*/
 } 
 
  #lab_gallery_slideshow_area .title-overlay-area{
    position: absolute;
    left: 18px;
    height: 130px;
    width: 200px;
    z-index: 120;
  }
  
    .lab-share h1{
      font-size: 32px;
      font-weight: bold;
      margin: 20px;
    }
  
     .lab-share .title-overlay-area.ghost{
      opacity: .7;
      z-index: 400;
      background-color: #fff;
    }

    
  .share .title-overlay-area.adjust{
    position: absolute;
    z-index: 500;
    left: 18px;
    color: #000;
  }

  #lab_gallery_slideshow_area .image-swap-area{
    //position: absolute;
  /*   width: 900px;
    height: 600px;
   */}
  
  
  #lab_gallery_slideshow_area .image-swap-area .gallery-image-full{
    /* width: 900px;
    height: 600px; */
  }
  
    #lab_gallery_slideshow_area .image-swap-area img{
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto;
    }
  
    .share  .image-swap-area img{
      max-width: 100%;
      width: auto;
      height: 100%;
      display: block;
      margin: 0 auto;
    }
  
  
     .image-swap-area .gallery-item-author, .image-swap-area .gallery-item-author, .image-swap-area .gallery-item-blurb, .image-swap-area .gallery-item-body , .image-swap-area .gallery-carousel-thumbnail, .image-swap-area .views-field-nid, .image-swap-area .gallery-title{
      display: none;
    }
  
  .image-swap-area .field.field-name-body{
    display: none;
  }
  
  #responsive_gallery_block .gallery-image-full{
    max-width: 900px;
    min-width: 700px;
  }
  
  .modal .gallery-image-full{
    width: 99%;
   // max-width: 1000px;
  }
  .carousel-control-strip{
    height: 28px;
    width: 341px;    
    position: absolute;
    bottom: 0;
    right: 0;
    z-index:500;
  }
  
    .carousel-control-strip div{
      background: #D22630;
      margin-left: 3px;
      height: 30px;
      line-height: 30px;
      float: left;
    }
   
    .carousel-control-strip .info{
      width: 255px;
      margin-left: 0px;
      font-family: 'ProximaNovaExCn-Regular', Arial, sans-serif;
    }
    .carousel-control-strip .full-screen-button{
      width: 29px;
      line-height: 30px;
    }
    
      .carousel-control-strip .full-screen-button img{
        margin: 3px auto 0px auto;
        line-height: 30px;
        display: block;
      }
    
    .carousel-control-strip .scroll-back,  .carousel-control-strip .scroll-forward{
      width: 24px;
      line-height: 30px;
    }
      
    .carousel-control-strip .scroll-back img, .carousel-control-strip .scroll-forward img{
      display: block;
      margin: 0 auto;
      margin-top: 8px;
    }
      
  .lab-slideshow-content-info{
    float: left;
    width: 55%;
    padding-left: 20px;
  }
  
    .lab-slideshow-content-info div{
      margin: 10px 0 0 0px;
      width: 100%;
    }
    
    .lab-slideshow-content-info p{
      font-size: 15px;
    }
    
    .lab-gallery-author-area{
      font-style: italic;
	  font-family: Georgia, "Times New Roman", Times, serif;
    }

  .carousel-control-strip span, .modal .info span{
    color: #fff;
    margin-left: 20px;
    line-height: 25px; 
    font-size: 18px;
  }  
    
  .carousel-control-strip span .info-x-of, .modal span .info-x-of {
    margin: 3px;
    font-style: italic;
    font-family: Georgia;
    font-size: 14px;
  }
  

  /*** slider pager area ***/ 
  .lab-slideshow-gallery-pager .view-id-node_gallery_gallery_item_views {
    float: left;
    width: 340px;
    height: 45px;
  }
  
  
  /*** this is the area for the slider images on the page view ***/  
  .lab-slideshow-gallery-pager{
   float: right;
    margin-top: 10px;
    overflow: hidden;
    height: 45px;
    margin-right: 6px;
   
  }
  
  .lab-slideshow-gallery-pager .view-id-node_gallery_gallery_item_views .views-row{
    width: 45px;
    margin: 0px 5px;
    float: left;
  }
  
  .lab-slideshow-gallery-pager .view-id-node_gallery_gallery_item_views .views-row img{
    width: 45px;
    height: 45px;
    text-align: center;
    float: left;
  }
  
  .lab-slideshow-gallery-pager .scroll-forward img, .lab-slideshow-gallery-pager .scroll-back img{
    margin: 18px 0 0 0;
  }
  
  .lab-slideshow-gallery-pager h1{
    display: none;
  }
  
  .lab-slideshow-gallery-pager .gallery-item{
    width: 45px;
    overflow: hidden;
    float: left;
    margin: 0px 5px;
  }
  
  .lab-slideshow-gallery-pager .view.view-lab-gallery-item-views.view-id-lab_gallery_item_views{
    height: 45px;
    float: left;
  }
  
  .lab-slideshow-gallery-pager .gallery-carousel-thumbnail img{
    max-width: 100%;
    height: auto;
  }
  
 
  
  .lab-slideshow-gallery-pager .field-type-text-with-summary, .lab-slideshow-gallery-pager .gallery-title, .lab-slideshow-gallery-pager .gallery-image-full, .lab-slideshow-gallery-pager .gallery-item-body, .lab-slideshow-gallery-pager .gallery-item-blurb,.lab-slideshow-gallery-pager .gallery-item-author, .lab-slideshow-gallery-pager .views-field-nid{
    display: none;
  }
  
  .lab-slideshow-gallery-pager .scroll-back, .lab-slideshow-gallery-pager .scroll-forward{
    float: left;
  }

  
/*******************MODAL**********************************/  
  
  #gallery_modal.modal{position: fixed;top: 0;left: 0;z-index: 210;display: none;width: 100%; height: 100%;margin: 0;}
  #modal_backdrop{display: none;z-index: 200;width: 100%;height: 100%;position: fixed;background: #000;margin: 0 !important;top: 0;left: 0;opacity: .85;}
  
  .modal .gallery-item-body{
    font-size: 12px;
  }
  
  
  .modal p{
    word-wrap: break-word;
  }
    
    
    .modal .gallery-item-body a{
      color: #fff;
      border-bottom: 0;
      text-decoration: none;
    }
    
    .modal-center .adjuster{
      margin: 0 auto;
      width: 100%;
      position: relative;
      margin: 10px 0px;
    }

  
    #gallery_modal .gallery-image-full img{
      max-width: 100%;
      //max-height: 100%;
      max-height: 666px;
      width: 100%;
      height: auto;
      margin: 0 auto;
    }
    
    .modal p{
      color: #fff;
    }
    
    .modal .image-swap-area .view-content{   
      overflow: hidden;
    }
    
    
    .modal-pager-left{
        max-height: 666px;
        min-height: 600px;
        float: left;
        line-height: 666px;
        min-width: 27px;
        max-width: 50px;
        margin-right:23px;
      }
 
 
    .modal-pager-right{
      float: left;
      max-height: 666px;
      min-height: 600px;
      line-height: 666px;
      min-width: 27px;
      max-width: 50px;
      margin-left: 23px;
    }
     
    
    .modal .modal-center .image-swap-area .view-content .cycle-slide{
      margin: 0 !important;
    }
    
    
    .modal .info span{
      line-height: 45px;
    }
    
    
    .modal .elements{
      position: relative;
      pointer-events: none;
    }
    
    .modal .lab-slideshow-gallery-pager{
      width: 580px;
      margin-top: 20px;
      float: left;
      margin-left: 50px;
      pointer-events: auto;
      
      
    }
    
    .modal .image-swap-area .views-row.cycle-slide-active{
      position: static !important;
    }
    
    .modal .lab-slideshow-gallery-pager .view.view-lab-gallery-item-views.view-id-lab_gallery_item_views {
  float: left;
  height: 45px;
}
    
    .modal .lab-gallery-body-area{
      width: 205px;
      float: right;      
 }     
      
      .elements-right{
        width: 205px;
        margin-top: 20px;
        float: right;
        color: #fff;
        margin-right:5%;
      }
      
      .modal-content-column{
        float: right;
        margin-right: 5%;
      }
      
      .modal .lab-gallery-author-area{
        font-family: Georgia, 'Times New Roman', Times, serif;
        width: 205px;
        color: #fff;
        margin-top: 10px;
      }
 
    .modal .lab-gallery-modal-controls{
      bottom: 0;
      right: 0;
      width: 205px;
    }
    
      .modal .lab-gallery-modal-controls div{
        background-color: #D22630;
        pointer-events: auto;
      }
    
    .lab-gallery-modal-controls .info{
      width: 150px;
      height: 45px;
      float: left; 
	  font-family:'ProximaNovaExCn-Regular',Arial,sans-serif;    
    }
  
  
    .modal .carousel-control-strip-area{
      pointer-events: auto;
    }
    .lab-gallery-modal-controls .minimize-full-screen{
      float:left;
      margin-left: 10px;
      width: 45px;
      height: 45px;
    }

      .lab-gallery-modal-controls .minimize-full-screen img{
        display: block;
        margin: 15px auto;
        
      }
/***************************SMALL MODAL STYLES******************************/      

.modal-center{
  width: 100%;
  margin-top: 10%;
  }
  
.modal-center .image-swap-area{
  width: 85%;
  min-width: 700px;
  margin: 0 auto;
  max-width: 900px;
  float: left;
}  

  
.modal .gallery-item-body{
  max-height: 600px;
  overflow: hidden;
  }
    
    
/***************************LARGE MODAL STYLES*******************************/
@media screen and (min-width: 1320px) and (min-height: 740px){
 
 
    .modal-center{
      max-width: 1380px;
      min-width: 1280px;
      /* border: 1px solid red; */
      margin: 5%; auto;
      position: relative;
      /* margin-top: 5%; */
    }

    
    .modal-center .image-swap-area{
      max-width: 1000px;
      min-width: 900px;
      margin: 0 auto;
      width: 76%;
      max-width: 1000px;
      float: left;
      min-width: 900px;
      
    }
    
    .modal .gallery-item-body{
      max-height: 640px;
      
    }
    
    

}





/*********TINY HACKS ********************/
@media screen and (max-width: 1319px), screen and (max-height: 740px){
  .modal-center .image-swap-area{
    width: 60%;
    
    min-width: 700px;
    margin: 0 auto;
    max-width: 900px;
    float: left;
    max-height: 550px;
    overflow: hidden;
  }

  
    #gallery_modal .gallery-image-full img{
      max-height: 550px;
    }
    
    #gallery_modal .gallery-image-full img{
      max-width: 100%;
      
      max-height: auto;
      width: 100%;
      height: auto;
      margin: 0 auto;
    }
   
  
    
.modal .gallery-item-body{
  max-height: 440px;
  overflow: hidden;
  }
    
    
  
  .modal-pager-left{
        max-height: 600px;
        min-height: 465px;
        float: left;
        line-height: 465px;
        min-width: 27px;
        max-width: 50px;
        margin-right:23px;
      }
 
 
    .modal-pager-right{
      float: left;
      max-height: 600px;
      min-height: 465px;
      line-height: 465px;
      min-width: 27px;
      max-width: 50px;
      margin-left: 23px;
    }


    .modal .views-row.gallery-item{
      position: static !important;
    }
    .modal .image-swap-area .view-content{
      max-height: 600px;
      height: 100%;
      overflow: hidden;
    }
}

@media screen and (max-width: 1319px), screen and (max-height: 650px){
.modal-pager-right, .modal-pager-left{
  max-height: 465px;
}

.modal .image-swap-area .view-content{
  max-height: 465px;
}

.node-node-gallery-gallery {
	border-left: #D22630 solid 4px;
}


@media all and (max-width: 960px) {

  #responsive_gallery_block,
  #lab_gallery_slideshow_area,
  #responsive_gallery_block .gallery-image-full {
    min-width: 0;
  }

  #lab_gallery_slideshow_area .image-swap-area img{
    max-width: 100%;
    min-width: 0;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .carousel-control-strip {
    position: relative;
    left: 0;
    margin-left: 10px;
  }

  .lab-slideshow-gallery-pager {
    float: none;
    margin-left: 10px;
  }

}