/*!
 * Start Bootstrap - Portfolio Item HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}


/* Image Overlay */
.project-img {
    margin-bottom: 25px;
    width: 500px;
    height: 200px;
    cursor: pointer;
    object-fit: cover;
    background-color: lightgray;
}

.image-overlay {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(100,100,100, 0.5);
    padding: 70px;
}

.image-overlay img {
	height: auto;
	width: auto;
	max-height:95%; 
	max-width: 95%;
	margin:0; 
	padding:0;
}

/* Audio Overlay */
.project-audio {
    margin-bottom: 25px;
    width: 500px;
    height: 200px;
    cursor: pointer;
    object-fit: cover;
}

.audio-overlay {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(100,100,100, 0.5);
    padding: 70px;
}

.audio-overlay audio {
	height: auto;
	width: auto;
	max-height:95%; 
	max-width: 95%;
	margin:0; 
	padding:0;
}

/* Video Overlay */
.project-vid {
    margin-bottom: 25px;
    width: 500px;
    height: 200px;
    cursor: pointer;
    object-fit: cover;
}

.video-overlay {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(100,100,100, 0.5);
    padding: 70px;
}

.video-overlay video {
	height: auto;
	width: auto;
	max-height:95%; 
	max-width: 95%;
	margin:0; 
	padding:0;
}

.video-overlay .text,
.image-overlay .text,
.audio-overlay .text {
    margin: auto;
    margin-top: 10px;
	font-size: 20px;
    height: auto;
    width: fit-content;
	padding: 10px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 2px;
}