*{
	margin:0px; padding:0px;
}
body.page-subscribe-newsletter, body.page-unsubscribe-newsletter {
	background-color: #ffffff;
	height: unset;
	min-height: 100vh;
}
@media(min-width:960px){
    body.page-subscribe-newsletter, body.page-unsubscribe-newsletter {
		background-color: #F7F7F7;
		height: unset;
	}	
}

body.advanced{
	background-color: var(--main-color) !important;
}

.wrapper {
	background-color: #fff;
	max-width: 1500px;
	width: 96%;
	min-height: 499px;
	margin: 20px auto;
	box-sizing: border-box;
	display: flex;
	border-radius: 3px;
}
body.advanced .wrapper{
	width:100%;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	background: transparent;
}
@media(min-width:960px){
	body .wrapper > div.form-container {
		padding:40px;
	}
}
@media(min-width:1260px){
	body .wrapper > div.form-container {
		padding:100px 40px;
	}
}


.wrapper div.form-container {
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.wrapper div.image-container,
.wrapper div.form-container {
	width: 50%;
}
body.advanced .wrapper div.form-container {
	width:100%;
	max-width: 760px;
	padding: 70px 70px;
	box-sizing: border-box;
	background: white;
}
body.advanced .wrapper div.form-container > div{
	width:100%;
}
@media screen and (max-width: 760px) {

	body.advanced .wrapper div.form-container {
		padding: 0px 40px;
	}
	body.advanced{
		background-color: #fff !important;
	}
}
@media screen and (max-width: 560px) {

	body.advanced .wrapper div.form-container {
		padding: 0px 30px;
	}
}
.wrapper div.form-container > div > svg {
	max-width: 60%;
	display: block;
	height: auto;
	margin: 20px auto;
}

div.image-container {
	position: relative;
}
body.advanced div.image-container{
	display:none;
}

div.image-container p {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
}

body:not(.advanced) .wrapper > div > div {
	width: 90%;
	margin: 0 auto;
	display: block;
}
body:not(.advanced) form .form_field_wrap{
	margin-bottom: 30px;
}
body.advanced form .form_field_wrap{
	margin-bottom: 10px;
}
@media screen and (min-width: 560px) {
	body.advanced form .form_field_wrap{
		margin-top: 10px;
	}
	form div.col-2 {
		display: flex;
	}
	form div.col-2 .form_field_wrap{
		flex-grow: 1;
	}
	form div.col-2 .form_field_wrap:first-child{
		margin-right: 20px;
	}
}


@media screen and (max-width: 960px) {

	.wrapper {
		margin: 0;
		width: 100%;
		flex-direction: column;
	}
	body.advanced .wrapper{
		margin-top: 40px;
	}

	.wrapper div.image-container,
	.wrapper div.form-container {
		width: 100%;
		display: block;
	}

	.wrapper div.form-container {
		min-height: 55vh;
		/* margin-bottom: 5vh; */
		display: flex;
		align-items: center;
	}

	.wrapper div.image-container {
		min-height: 40vh;
		order: 2;
		display: none;
	}

	body:not(.advanced) .wrapper > div > div {
		width: 90%;
		min-width: 302px;
	}
}

body > a svg,
body > svg{
	max-width: var(--newsletter-logo-max-width);
	padding: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
body.advanced .wrapper > svg{
	margin: 0px auto 50px;
	max-width: 270px;
}
@media screen and (max-width: 760px) {

	body.advanced .wrapper > svg .st0{
		fill: #055854;
	}
}
.wrapper > div > div > h2,
.wrapper > div > div > p{
	margin:0px 0px 20px;
	font-weight: 500;
	text-align: center;
}
.wrapper > div > div > h2 {
	font-size: 19px;
	margin: 0px 0px 50px 0px;
}
@media(min-width: 768px){
	.wrapper > div > div > h2 {
		margin: 0px 0px 40px 0px;
		font-size: 28px;
	}
}

.wrapper > div > div > p {
	font-size: 14px;
}

.wrapper input[type="text"], .wrapper input[type="email"], .wrapper input[type="multi_email"] {
	width: 100%;
	border-radius: 6px;
	height: 40px;
	font-size: 16px;
	/* padding-left: 0; */
	/* padding-right: 0; */
	margin: 6px 0;
}
.wrapper .form_field_wrap.submit {
	width: 100%;
	display: block;
}

body .wrapper .form_field_wrap.submit {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body .wrapper .form_field_wrap.submit > div{
	padding: 10px 0px;
}

@media(min-width: 670px){

	body.advanced .wrapper .form_field_wrap.submit {
		display: flex;
		vertical-align: middle;
		margin-top: 30px;
		flex-direction: row;
	}
}
@media(min-width: 1370px){

	body .wrapper .form_field_wrap.submit {
		display: flex;
		vertical-align: middle;
		margin-top: 30px;
		flex-direction: row;
	}
}

.g-recaptcha {
	display: block;
	width: 302px;
	margin: 0;
}
.wrapper button {
	width: 180px;
	margin: 20px auto 0;
	display: block;
}

body .g-recaptcha,
body .wrapper button {
	display: block;
	margin: 0px;
	height: auto;
	/*align-self: center;*/
}

body .wrapper .form_field_wrap.submit div:not(.g-recaptcha){
	align-items: center;
	flex-grow: 1;
} 
body .wrapper .form_field_wrap.submit div:not(.g-recaptcha) .proceed{
	align-self: center;
	float: right;
}

.messages > div > div.success {
	width: 100%;
}

.messages > div > div.success p {
	color: #000;
}

body.page-unsubscribe-newsletter .form_field_wrap.submit{
	align-items: center;
	justify-content: center;
}

/**
 * Footer
 */
footer#advanced_footer{
	border-top: 1px solid #dbdbdb;
	margin-top: 30px;
	width: 100%;
	padding: 30px 0px 0px 0px;
}
footer#advanced_footer #privacy_policy_link{
	margin: 10px 0px 15px;
	text-align: center;
	font-size: 14px;
}
footer#advanced_footer #privacy_policy_link:after{
	content: '\203A';
	margin-left: 5px;
}
footer#advanced_footer #privacy_policy_link a{
	text-decoration: none;
	color: var(--text-color);
}

footer#advanced_footer #powered_by{
	color: var(--text-color);
	line-height: 59px;
	display: flex;
	align-items: center;
	width: 100%;
	text-align: center;
	justify-content: center;
}
footer#advanced_footer #powered_by p{
	margin-right: 10px;
	font-size: 14px;
}
footer#advanced_footer #powered_by a{
	width: 85px;
	align-items: center;
	display: flex;
}
footer#advanced_footer #powered_by svg{
	width:100%;
}
@media(min-width: 650px){
	footer#advanced_footer{
		display: flex;
		width: 90%;
		margin: 20px auto 0px;
	}
	body.advanced footer#advanced_footer{
		width:100%;
	}
	footer#advanced_footer #privacy_policy_link{
		margin:0;
		align-self: center;
		flex-basis: 172px;
		text-align: left;
	}
	footer#advanced_footer #powered_by{
		justify-content: flex-end;
	}

}

body.page-subscribe-newsletter .wrapper:has(p.newsletter_subscribe_page_text) > div > div > h2 {
	margin-bottom: 20px;
}
body.page-subscribe-newsletter .wrapper > div > div > p.newsletter_subscribe_page_text {
	margin-bottom: 40px;
}