/*!
* Name: CSW Popup
* Description: El Plugin "CSW Popup", está desarrollado y personalizado para UGEL, que funciona con la mayoría de los themes que son desarrollados para Wordpress. Si tiene inconvenientes para configurar, puede comunicarse con el autor a través de su página web o vía WhatsApp: (+51) 980 541 544 - Arequipa - Perú.
* Version: 1.0.1
* Author: David Apaza
* Text Domain: csw-popup
* License:     COLCA STUDIOS
* License URI: http://www.colcastudios.com/terminos-condiciones/
* Copyright: COLCA STUDIOS
*/

.csw-popup {
	position: fixed;
	background: white;
	border-radius: 5px;
	box-shadow: 0px 5px 15px 0px #00000057;
	transition: 200ms ease-in-out;
	overflow: auto;
}
.csw-popup.active {
	visibility: visible;
	opacity: 1;
}
.csw-popup-header {
	right: 10px;
	left: 10px;
	top: 10px;
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.csw-popup-title {
	font-size: 1.2rem;
}
button.close-button {
	transition: 0.35s ease;
	line-height: 22px;
	padding: 0px 5px;
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
	font-size: 27px;
	color: #b0b0b0;
	border-radius: 1000px;
	position: absolute;
	right: 0;
	top: 0;
}
button.close-button:hover {
	color: red;
}
.csw-popup-body {
	display: flex;
	padding: 31px 30px 10px 30px;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.csw-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #00000097;
	pointer-events: none;
	opacity: 0;
	transition: 200ms ease-in-out;
}
.csw-overlay.active {
	opacity: 1;
	pointer-events: all;
}
.csw-popup.hidden {
	display: none;
}