/* needed for for popup */
[show-modal-trigger] {
	cursor: pointer;
}
/* The Modal (background) */
.fea-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100vw; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
/* Modal Content/Box */
.fea-modal .modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	max-width: 1120px;
	margin: 10% auto;
	padding: 0px 0px 50px 0px;
}
.fea-modal .modal-content .modal-head {
	display: flex;
	flex-direction: row;
	justify-content: end;
	background: white;
	padding-top: 20px;
	padding-bottom: 0px;
	border: none;
}
.fea-modal .modal-content .modal-head .close {
	color: var(--e-global-color-accent);
	font-size:70px;
	font-weight: normal;
	top: 15px;
	z-index:99;
	position: unset;
	line-height: 20px;
	margin-right: 15px;

	cursor: pointer;
}
.fea-modal .modal-content .modal-body {
    padding: 0px 20px 0px 20px;
}

@media(max-width: 767px) {
	.fea-modal .modal-content {
		width: 95%;
	}
}