/* MODAL */

.aurora-mailchimp-modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index:999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:5%;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s, visibility 0s 0.3s, transform 0s 0.3s;
	pointer-events:none;
	transform:translateX(-100vw);
}

.aurora-mailchimp-modal.opened{
	visibility:visible;
	opacity:1;
	pointer-events:auto;
	transition:opacity 0.3s;
	transform:translateX(0);
}

.aurora-mailchimp-modal .wrapper{
	position:relative;
	background-color:#fff;
	padding:20px;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	width:100%;
	max-width:360px;
	display:block !important;
}

.aurora-mailchimp-modal .modal-close {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 1.5em;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}

.aurora-mailchimp-modal form input{
	display: block;
	border: 1px solid #eee;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 10px;
	transition:all 0.3s;
	font-family:var(--paragraph-font);

}

.aurora-mailchimp-modal form input:focus{
	border: 1px solid #333;
	outline:none;
}

.aurora-mailchimp-modal form input.button{
	border:none;
	background-color:var(--primary-color);
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	padding:15px 10px;
	font-family:var(--paragraph-font);

}

/* FRONT FACING */
section.aurora-mailchimp-panel {
	padding: 45px 5%;
	margin: 0 0 0 0;
	text-align: center;
	background-color: var(--dark-grey-color);
}

section.aurora-mailchimp-panel h3{
	font-weight:500;
	color:#fff;
	display: block;
	margin: 0 0 10px 0;
	text-transform:uppercase;
	color:var(--accent-color-lighter);
}

section.aurora-mailchimp-panel h4 {
	  color: #fff;
	  display: block;
	  margin: 0 0 10px 0;
	  text-transform: uppercase;
	  letter-spacing: 0.05em;
	  font-family: var(--main-font);
	  font-size: 1.4em;
	  font-weight: 400;
	  -moz-osx-font-smoothing: grayscale;
		text-rendering: geometricprecision;
}

section.aurora-mailchimp-panel p{
	margin: 0 0 10px 0;
	color: #fff;
}

#news-pre-email{
	margin: 0 auto;
	max-width: 480px;
}

#news-pre-email .wrapper{
	display:flex;
}
#news-pre-email input[type="text"]{
	border: none;
	font-size: 16px;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	width: 100%;
	transition: all 0.3s;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-appearance: none;
	border-radius: 2px 0 0 2px;
	-webkit-appearance: none;
	font-family:var(--paragraph-font);

}
#news-pre-email button{
	font-size: 16px;
	color: #fff;
	border: none;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	height: 44px;
	padding: 0 15px;
	transition: all 0.3s;
	-webkit-appearance: none;
	border-radius: 0 2px 2px 0;
	background:var(--orange-color);
	font-family:var(--paragraph-font);
	font-weight:600;
	cursor:pointer;
}

#news-pre-email button:hover{
	background: var(--dark-orange-color);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset, 0 0 5px rgba(0,0,0,0.1) inset;
}

#news-pre-email input[type="text"]:focus{
	outline:none;
}