Untitled
unknown
plain_text
a year ago
6.9 kB
6
Indexable
Never
<style>
.eg-form,
.eg-mailbox {
width: 100%;
padding: 24px;
border-radius: 10px;
background: #F9F6F4;
position: relative;
max-width: 406px !important;
}
.eg-des-form-container {
width: 100%;
min-width: 257px !important;
}
.eg-form>h4 {
font-family: Rund Display;
font-size: 24px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 10px;
}
.eg-subheadline {
font-family: Rund Text;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
width: 98.6%;
margin-bottom: 22px;
margin-top: 20px;
}
.eg-input-field>input::placeholder {
font-family: Rund Text;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
}
.eg-input-field>input {
padding: 16px 30px 16px 30px;
border-radius: 10px;
padding-left: 27px !important;
}
.eg-input-field {
margin-bottom: 7px;
position: relative;
}
.eg-subscribenow button {
padding: 16px 35px 16px 32px;
border-radius: 100px;
font-family: Rund Text;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align: center;
background: #FC4D16;
color: white;
margin-top: 9px;
display: block;
width: 100%;
}
.eg-des-form-container,
html body .post-meta-date~nav {
margin-bottom: 3rem !important;
}
/* mailbox thank you message */
.eg-cutimage {
justify-content: end;
position: absolute;
right: 18px;
top: 18px;
display: none !important;
}
.eg-mailbox>h4 {
font-family: Rund Display;
font-size: 40px;
font-weight: 500;
line-height: 43px;
letter-spacing: 0em;
text-align: center;
color: #FC4D16;
margin-bottom: 10px;
}
.eg-mailbox>p {
/* font-family: Outfit; */
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: center;
}
.eg-mailbox>p>a {
border-bottom: 1px solid #202021;
text-decoration: none !important;
}
.eg-des-form-container:not(.eg-frm-submitted) .eg-mailbox,
.eg-des-form-container.eg-frm-submitted .eg-form {
display: none !important;
}
/* errs */
.eg-err-tooltip {
width: max-content;
right: 0 !important;
position: absolute;
font-size: 0.875rem !important;
opacity: 0 !important;
transition: opacity 0.2s;
pointer-events: none !important;
}
.eg-err-arrow {
width: 16px;
height: 8px;
overflow: hidden;
position: absolute;
top: 0;
left: 5px;
}
.eg-err-arrow>div {
background-color: rgba(var(--color-tinted-black));
border: 1px solid rgba(var(--color-tinted-black));
border-right: none;
border-bottom: none;
display: inline-block;
height: 16px;
transform: rotate(45deg);
width: 16px;
margin-top: 5px;
}
.eg-err-msg {
display: block;
margin-top: 7px;
background-color: rgba(var(--color-tinted-black));
border-radius: 6px;
color: white;
font-size: 1em;
line-height: 1.2em;
max-width: 16em;
padding: 0.4em 0.6em;
}
.eg-input-field.eg-err-cms>.eg-err-tooltip {
opacity: 1 !important;
}
@media only screen and (max-width:1024px) {
.eg-des-form-container {
position: fixed;
top: 0;
left: 0;
height: 100%;
background: #2020218C;
z-index: 99999999999999999;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 0.2s linear;
padding: 0px 20px !important;
}
.eg-des-form-container:not(.eg-show) {
opacity: 0 !important;
pointer-events: none !important;
}
.eg-mailbox {
background: #EFEDEB;
padding: 56px 24px 56px !important;
width: 95%;
margin: auto;
border-radius: 10px;
}
.eg-sticky {
background: #f0edeb;
}
.eg-mailbox>h4 {
font-family: Rund Display;
font-size: 40px;
font-weight: 500;
line-height: 43px;
letter-spacing: 0em;
text-align: center;
color: #FC4D16;
margin-bottom: 30px;
}
.eg-mailbox>p {
font-family: Rund Text;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: center;
margin: auto;
width: 96%;
}
.eg-mailbox>p>span {
border-bottom: 1px solid #202021;
}
/* signup form */
.eg-form {
background: #f0edeb;
border-radius: 10px;
padding: 56px 24px 49px !important;
width: 95% !important;
}
.eg-headline {
font-family: Rund Display !important;
font-size: 40px !important;
font-weight: 500 !important;
line-height: 43px !important;
letter-spacing: 0em !important;
text-align: center !important;
color: #FA4D16 !important;
width: 96%;
margin: auto;
}
.eg-headline>span {
color: #202021;
}
.eg-form>p {
font-family: Rund Text;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: center;
width: 93%;
margin: auto;
margin-bottom: 22px !important;
margin-top: 20px !important;
}
.eg-input-field>input {
width: 100%;
}
.eg-subscribenow button {
margin: auto;
margin-top: 20px !important;
max-width: 153px !important;
padding: 12px 22px 13px 27px !important;
}
.eg-input-field>input::placeholder {
text-align: center;
}
.eg-input-field {
margin-bottom: 12px;
max-width: 275px !important;
margin-left: auto;
margin-right: auto;
}
.eg-cutimage {
display: flex !important;
}
.eg-mailicon img {
width: 100%;
}
.eg-mailicon {
width: 48px;
margin-right: 10px !important;
order: -1;
cursor: pointer;
pointer-events: all;
}
}
@media only screen and (min-width:767px) and (max-width:1024px) {
.eg-headline {
width: 88%;
margin: auto;
}
.eg-form>p {
width: 81%;
margin: auto;
}
.eg-mailbox>p {
margin: auto;
width: 100%;
}
}
@media(min-width:1024px) {
html body .eg-des-form-container+div {
margin-top: 0 !important;
}
html body .eg-des-form-container+div>div {
padding-top: 0 !important;
}
html body .eg-des-form-container,
html body .post-meta-date~nav {
margin-bottom: 1.5rem !important;
}
html body .des-wrapper {
width: 100%;
min-width: 257px;
position: sticky;
top: 71px;
z-index: 10;
}
}
</style>