@charset "utf-8";

body.active {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	height: 100vh;
	height: 100dvh;
}

#mailingcontainer p {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
    -webkit-margin-before: 0.25em;
    -webkit-margin-after: 0.25em;
}
#mailingcontainer {
	display: none;
}
#mailingcontainer.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: rgba(0,0,0,0.85);
	z-index: 9998;
	animation: fadein 1500ms 1;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
#mailingcontainer.fade {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: rgba(0,0,0,0.85);
	z-index: -9999;
	opacity: 0;
	animation: fadeout 1500ms 1;
}
@keyframes fadeout {
0% {opacity: 1;}
100% {opacity: 0;}
}

#mailingcontainerinner {
	display: block;
	width: 22.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #272D66;
	border-radius: 1rem;
    border-style: solid;
    border-width: 0.075rem;
    border-color: #D69B2D;
	padding: 0.25rem 1rem 1.25rem 1rem;
}

#mailinggooglesheet  {
	display: block;
}
#mailinglogos {
	display: block;
	position: relative;
}
#mailinglogoslhs {
	display: inline-block;
	position: absolute;
	left: 0.5rem;
	vertical-align: bottom;
}
#mailinglogoslhs img {
	height: 3.5rem;
}
#mailinglogosrhs {
	display: inline-block;
	position: absolute;
	right: 0.5rem;
	vertical-align: bottom;
}
#mailinglogosrhs img {
	height: 3.5rem;
}
.mailinghrgold {
    display: block;
    width: 100%;
    border-bottom: 0.075rem solid #D69B2D;
    margin: 1rem auto 1.075rem auto;
	padding-top: 4.5rem;
}
#mailingtext {
	display: block;
	text-align: center;
	padding-bottom: 1rem;
}
#mailingtexttitle {
	display: block;
	font-family: MR5;
}
#minimailingtext {
	display: block;
	text-align: center;
	padding-bottom: 1rem;
}
#minimailingtexttitle {
	display: block;
	font-family: MR5;
}
#mailinglower {
	display: block;
	text-align: center;
}
#mailingfields {
	display: inline-block;
	vertical-align: middle;
}
#mailinggooglesheet input {
	display: block;
	width: 15.5rem;
	border: solid 0.075rem #D69B2D;
	border-radius: 0.5rem;
	height: 1.675rem;
	text-align: center;
	color: #272D66;
	font-family: "MR3";
	font-size: 1rem;
}
#mailinggooglesheet input::placeholder  {
	color: #272D66;
	font-family: "MR3";
	font-size: 1rem;
}
#mailingbutton {
	display: inline-block;
	background: #D69B2D;
	border: solid 0.075rem #FFFFFF;
	border-radius: 0.5rem;
	font-size: 0;
	margin-left: 0.5rem;
	padding: 0rem 0.75rem 0rem 0.75rem;
	vertical-align: middle;
}
#mailingbutton img {
	height: 2.85rem;
	padding: 0.5rem 0rem 0.5rem 0rem;
}

#mailingclosurebutton {
	display: block;
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	z-index: 9999;
}
#mailingclosurebutton img {
	height: 1.25rem;
}




@media screen and (min-width: 850px) {
#minimailingtext {
	display: none;
}
}
@media screen and (max-width: 849px) {
#mailingtext {
	display: none;
}
#mailingcontainerinner {
	display: block;
	width: 15.21rem;
	padding: 0.25rem 0.75rem 1.25rem 0.75rem;
}
#mailinglogoslhs img {
	height: 2.75rem;
}
#mailinglogosrhs img {
	height: 2.75rem;
}
.mailinghrgold {
	padding-top: 3.75rem;
}
#mailinggooglesheet input {
	width: 15.21rem;
}
#mailingbutton {
	display: block;
	margin: 1rem auto 0rem auto;
}
#mailingbutton img {
	height: 1.25rem;
}
}
@media screen and (max-width: 449px) {
#mailingclosurebutton {
	top: -2rem;
	right: 0rem;
}
}