@charset "UTF-8";
/* CSS Document */

.project-col {
    cursor: zoom-in;
}
.project-title {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    display: flex;
    opacity: 0;
    transition: all 0.3s;
}
.project-col:hover .project-title {
    opacity: 1;
}

.project-media {
	text-align: center;
	background-color: rgba(0,0,0,0.1);
}


/* ### Popup for Bootstrap ### */  
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 8080;
    transition: all 0.3s;
}
.popup:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    transition: all 0.3s;
}
.popup.active:before {
    opacity: 0.75;
}
.popup-slide {
    left: 100vw;
}
.popup-slide.active {
    left: 0;
}
.popup-body {
    height: calc(100vh - 6rem);
	overflow-y: auto!important;
}
.popup-hide,
.popup-hide-inside {
    position: absolute;
    top: .5rem; 
    right: 1rem;
}
.popup-hide-inside {
	top: 3.5rem;
	right: 1.6rem;
}