/*

	Title: Modal
	Author: QBIT
	Date: 14/02/2025

	File path: ../../../../uploads/

*/

/* Modal styles */
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background: rgba(20,20,20,0.8);
    z-index: 9999;
}

.modal .col-2 {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: auto;
}

.modal a:hover {
	color: #fff;
}

.modal img {
	width: 500px;
}

.close {
    position: absolute;
    right: 20px;
    top: 20px;
    border: none;
    border-radius: 3px;
    font-size: 1.4em;
    cursor: pointer;
    background: #f44336;
    color: #fff;
    padding: 5px 12px;
}

.slides .content {
  position: static;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

/* Media queries */
@media (max-width: 64em) 
{
	/* Modal styles */
    .modal .col-2 {
        width: 100%;
    }

    .modal img {
        width: 100%;
    }

    .close {
        right: 10px;
        top: 10px;
    }
}