/*** Lightbox*/



.mpp-lightbox-button {
}

.mpp-lightbox-button:hover { cursor: pointer;
}




.mfp-preloader { margin: 0 0 0 0 !important; }

/*------ top ---------*/
.mpp-lightbox-media-meta-top {
	position:static; display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}



/* bottom */
.mpp-lightbox-media-meta-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	box-sizing: border-box;

}

.mpp-lightbox-media-copyright { 
color: #848484; font-size: 11px; background: #000;
    padding: 5px 15px 5px 15px; display: block; width: 100%; 
}

.mpp-lightbox-media-meta-links {
	min-height: 25px;
	width: 100%;
	margin: 0 0 0 0;
	padding:8px 8px 10px 15px;
	box-sizing: border-box;
	color: #fff;
	background: #111;
}
.mpp-lightbox-media-meta-links ul{ list-style-type: none; }
.mpp-lightbox-media-meta-links li{ padding: 0 0 0 0;  list-style-type: none;}
.mpp-lightbox-media-meta-links li i{ padding: 0 6px 0 0; }
.mpp-lightbox-media-meta-links li a{ font-size: 11px; color: #959595 !important;  padding: 2px 0 2px 0; }
.mpp-lightbox-media-meta-links li a:hover{ color: #E6E6E6 !important; }






.lightbox-media-tags {
	font-size: 12px;
    line-height: 15px;
    margin: 20px 0 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
}
.media_tag_cloud {
font-size: 12px;

}


.mpp-lightbox-content {
	width: 1100px;
	min-height: 665px;
	height: 665px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	padding: 0;
}
.mpp-lightbox-media-container {
	width: 750px;
	height: 100%;
	background: #000;
	color: #fff;
	box-sizing: border-box;
	float: left;
	padding: 0 0 0 0;
	position: relative;
}
.mpp-lightbox-media-container iframe,
.mpp-lightbox-media-container embed,
.mpp-lightbox-media-container object {
	width: 100%;
	height: 100%;
}
.mpp-lightbox-media-entry {
	padding: 10px;
	width: 100%;
	height: 100%;
	position: relative;
}


.mpp-lightbox-media-container .mpp-lightbox-single-photo .media_wrap,
.mpp-lightbox-media-container .wp-video .media_wrap,
.mpp-lightbox-media-container .wp-audio-shortcode .media_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0 0 0;
    width: 100%; height: inherit;
}

.mpp-lightbox-media-container .mpp-lightbox-single-photo .media_element,
.mpp-lightbox-media-container .wp-video .media_element,
.mpp-lightbox-media-container .wp-audio-shortcode .media_element{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 30px 0 30px; margin: 0 auto;
}



.admin-bar .mpp-lightbox-close-btn {
	top: 40px;
}

.mpp-lightbox-single-photo {
	display: block;
	width: 100%;
	max-height: 100%;
	overflow: hidden; position: relative;
	height: 550px;
}
.mpp-lightbox-single-photo img{
	display:block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}
.mpp-media-title-info {
	overflow: hidden;
}

.mpp-lightbox-media-uploader-meta {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.mpp-lightbox-media-uploader-avatar{
	float: left;
	width: 50px;
}

.mpp-lightbox-media-uploader-avatar.circle-avatar{
    position: relative; overflow: hidden; border: 2px solid #000; border-radius: 100%;
	width: 60px;
	height: 60px;
}





.mpp-lightbox-uploader-upload-details{
    float: left;
    padding: 7px 0px 12px 10px;
}
.mpp-lightbox-uploader-link {
	font-size: 14px;
}
.mpp-lightbox-upload-time{
	font-size: 12px;
}
.mpp-lightbox-media-description{
	margin: 0 0 0 0;
	background: #eee;
	padding: 10px;
}
.mpp-lightbox-media-description .media_title{
	    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.mpp-lightbox-media-description .media_description{
	    font-size: 0.75rem;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.mpp-media-hidden-description {
	display: none;
}
.mpp-form-hidden {
	display: none;
}
.mpp-lightbox-media-action-link{
	font-size: 13px;
}
.mpp-lightbox-edit-media-cancel-link {
	display: none;
}
.mpp-lightbox-media-edit-form {
	margin-bottom: 15px;
}
.mpp-lightbox-edit-media-buttons-row {
	margin-top: 10px;
}
.mpp-loader-image {
	display: none;
}
.mpp-lightbox-edit-error {
	background-color: #fdc;
	border: 1px solid #a00;
	color: #800;
	padding: 5px;
	margin-bottom: 10px;
}
.mpp-lightbox-edit-error p{
	margin: 0 0 0 0;
}


.mpp-lightbox-activity-container {
	background: #fff;
	width: 350px;
	height: 100%;
	box-sizing: border-box;
	display: inline-block;
	float:right;
	padding: 15px;
	border-left: 1px solid #ccc;
	overflow: auto;
}
.mpp-lightbox-activity-container form#whats-new-form {
	
}
.mpp-lightbox-activity-container .ac-form {
	display:none;
}
.mfp-close-btn-in .mfp-close:hover {
	background: transparent;
	border: none;
}

.mpp-lightbox-content .mpp-activity-avatar img {
	width: 32px;
	height: 32px;
}
.mpp-lightbox-content .mpp-acomment-avatar {
	float:left;
}
.mpp-lightbox-content .mpp-activity-list .mpp-activity-content {
	margin-left: 40px;
}
.mpp-lightbox-content form#mpp-whats-new-form #mpp-whats-new-content {
	
}
.mpp-lightbox-content form#mpp-whats-new-form p.activity-greeting {
	display:none;
}
.mpp-lightbox-content .mpp-activity-comments {
	margin-left: 20px;
}
.mpp-lightbox-content div.mpp-activity-comments div.mpp-acomment-meta {
	
}

.mpp-lightbox-content div.mpp-activity-comments div.mpp-acomment-content {
	margin-top: 0;
	
}
.mpp-lightbox-content #mpp-activity-stream div.mpp-acomment-content p {
	margin-top: 0;
}
@media only screen and (min-width: 768px) {
    /* tablets and desktop */
}



/* handle tablets and midsize laptops this way */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .mfp-container { width: 100%; height: 100%; display: block; padding: 0 0 0 0 !important; }
    .mpp-lightbox-content { 
    width: 95%; max-width: 1000px;
    /*width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh;*/
    }
    .mpp-lightbox-media-container { max-width: 700px; width: 70%;  } 
    .mpp-lightbox-activity-container { max-width: 300px; width: 30%;  } 
}



/* handle all phones and small vertical tablets this way 768px*/
@media only screen and (max-width: 1023px) {

    .mpp-lightbox-media-container{
        height: auto; 
    	float: none;
		display: block;
		width: 100%;
      /*  min-height: 85vh;*/
        
        
    }
    
    .mpp-lightbox-single-photo {
        display: block;
        width: 100%;
        max-height: 100%;
        position: static;
        height: auto;
        min-height: 250px; 
        padding: 10px;
    }
    
    .mpp-lightbox-media-container .mpp-lightbox-single-photo .media_wrap, 
    .mpp-lightbox-media-container .wp-video .media_wrap, 
    .mpp-lightbox-media-container .wp-audio-shortcode .media_wrap,
    .mpp-lightbox-media-container .mpp-lightbox-single-photo .media_element, 
    .mpp-lightbox-media-container .wp-video .media_element,
    .mpp-lightbox-media-container .wp-audio-shortcode .media_element {
        position: static !important;
        top: unset;
        left: unset;
        transform: unset;
        padding: unset;
        margin: unset;
        display: block !important;
        clear: both;
        width: 100%;
        transition: all 1s ease;
    }
    
    
    
    
    /* bottom links area - action panel */
    .mpp-lightbox-media-meta-bottom {
        position: static !important;
        display: block !important;
        clear: both;
    }
    
    .mpp-lightbox-toolbar {
     display: block;
    }
    .toolbar-links-col { 
    display: block; margin: 0 0 0 0; padding: 0 0 0 0;
    }
    .mpp-lightbox-toolbar .toolbar-link {
        margin: 0 40px 5px 0;
    padding: 3px 10px 5px 5px;
    border-bottom: 1px solid #999;
    }
      .mpp-lightbox-toolbar .toolbar-link.last { border: none; 
      }
    .mpp-lightbox-toolbar .toolbar-link  .popup-link { float: right; }
    
    
    
    
	.mpp-lightbox-activity-container {
		height: auto;
		float: none;
		display: block;
		width: 100%;
        padding-bottom: 100px;
    }
    
    
    




      .mfp-container {
        padding: 0 0 0 0 !important;
    }
    
    .mfp-bg {
      background: #000 !important;
      opacity: 1 !important;
      filter: alpha(opacity=100) !important; 
      }
      
      /* lock the wrap down and allow content below it to scroll within it*/

    .mfp-wrap {
        width: 100vw;
        max-width: 100vw;
        padding: 0 0 0 0;
        height: 100vh;
        max-height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
      }
      
      
    
    /* NORMAL */
     .mpp-lightbox-close-btn {
        top: 20px; z-index: 1099 !important; width: 100% !important; position: fixed !important;
            background: rgba(0, 0, 0, 0.75) !important;
            border-bottom: 1px solid #ffffff !important;
            opacity: 1 !important;
    }
    
        button.mfp-arrow {
            position: fixed !important;
            top: 20px;
            z-index: 1199 !important;
        }


	.mpp-lightbox-content {
        width: 100vw;
        max-width: 100vw;
        padding: 0 0 0 0;
        height: 100vh;
        max-height: 100vh;
        margin: 45px 0 0 0;
    }



    
    /* when WP admin bar is showing */
    body.admin-bar .mpp-lightbox-close-btn {
        top: 40px;
    }
    body.admin-bar .mpp-lightbox-content {
        margin: 85px 0 0 0;
	}
    
     body.admin-bar button.mfp-arrow {
        top: 63px;
    }
  

    

	
}