* Donna Galletta | LIGHTBOX MARKUP **/
/*.lightbox-container {
	width: 100%
	height:100%;
}
.video-container {
	width: 100%;
	height: 100%;
}

.video-container iframe {
    position: absolute;
    height: 52%;
    width: 60%;
    left: 15%;
    z-index: 999;
    top: 12%;
}
.lightbox-content button {
	top:30%;
	z-index: 999;
}*/

.lightbox {


	display: none;

	position: fixed;

	z-index: 999;

	width: 100%;

	height: 100%;

	text-align: center;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

}

.lightbox:target {


	outline: none;


	display: block;

}





#videoModal {

  border-radius: 0;

  width: 870px;

  margin:110px auto;



}

  #videoModal .modal-header {

    border: 0;

    color: #fff;

    position: relative;

	height:35px; 

}

#videoModal .modal-body {

    height: 489px;

    padding: 0;

    max-height: none;

    overflow: hidden;

}

 #videoModal .close {

    background: rgba(255,255,255,.59);

    color: #000;

    font-size: 24px;

    margin: 0;

    opacity: 1;

    position: absolute;

    right: 0;

    text-shadow: none;

    top: 0;

    width: 38px; 

    outline: none;

    border-radius: 2px;

    border:none;

    cursor: pointer;

}

.youtube-popup {

	text-align: center;

}

.youtube-popup h1 {

	text-align: center;

}

.youtube-popup img {

	width: 50%;

	height: auto;

	margin-top: 20px;

}







/*.lightbox {
	
	display: none;


	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox:target {

	outline: none;


	display: block;
}

.ytp-cued-thumbnail-overlay-image {
  width:42%;
  height: 52%;
}
  .header-banner-text img {
    margin-top: -30px;
    width: 50px!important;
     display: block!important; 
}


.html5-video-player {
  width: 42%!important;
  height: 52%!important;
}
.html5-main-video {
  width: 42%!important;
  height: 52%!important;
}


#videoModal {
  border-radius: 0;
  width: 870px;
  margin:50px auto;

}
#videoModal .modal-header {
    border: 0;
    color: #fff;
    position: relative;
	height:35px; 
}
#videoModal .modal-body {
    height: 489px;
    padding: 0;
    max-height: none;
    overflow: hidden;
}
 #videoModal .close {
    background: rgba(255,255,255,.59);
    color: #000;
    font-size: 24px;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: 38px; 
    outline: none;
    border-radius: 2px;
    border:none;
    cursor: pointer;
}
.youtube-popup {
	text-align: center;
}
.youtube-popup h1 {
	text-align: center;
}
.youtube-popup img {
	width: 50%;
	height: auto;
	margin-top: 20px;
}
*/

@media only screen and (max-width: 480px) { 

.modal-body {
    height: 50%;
} 
/*.ytp-cued-thumbnail-overlay-image {
  width:42%;
  height: 52%;
}
  .header-banner-text img {
    margin-top: -30px;
    width: 50px!important;
     display: block!important; 
}


.html5-video-player {
  width: 42%!important;
  height: 52%!important;
}
.html5-main-video {
  width: 42%!important;
  height: 52%!important;
}*/




}