div#imark_newsletter {
z-index: 999999999;
position: relative;
width: 100%;
max-width: 750px;
margin: 15px auto;
}
#wpadminbar li#wp-admin-bar-imark_support {
background-color: #00689c !important;
}
#wpadminbar li#wp-admin-bar-imark_support a {
display: flex;
align-items: center;
}
#wpadminbar li#wp-admin-bar-imark_support svg {
fill: #fff;
margin-right: 5px;
}
.imark_newsletter_content {
background: #eee;
padding: 15px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border: 2px solid #eee;
border-radius: 5px;
}
.imark_newsletter_content .form-container p {
margin-bottom: 10px;
font-size: 15px;
margin-top: 5px;
}
.imark_newsletter_content form>div {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 5px;
}
.imark_newsletter_content form input {
width: 32%;
font-size: 17px;
line-height: 1.4;
padding: 7px 10px;
border: 1px solid;
}
.imark_newsletter_content form input[type="submit"] {
cursor: pointer;
}
.imark_newsletter_content .form-heading {
font-weight: bold;
font-size: 20px;
margin-bottom: 5px;
display: block;
}
div.imark_newsletter.active .imark_newsletter_content {
position: relative;
z-index: 99;
}
div.imark_newsletter.active .imark_newsletter_content form {
max-width: 100%;
}
div#imark_newsletter .imark_newsletter_content {
gap: 10px;
}
div.imark_newsletter.left .imark_newsletter_content {
flex-direction: row;
}
div.imark_newsletter.right .imark_newsletter_content {
flex-direction: row-reverse;
}
div.imark_newsletter.right .imark_newsletter_content .image-container,
div.imark_newsletter.left .imark_newsletter_content .image-container {
width: 25%;
}
div.imark_newsletter .imark_newsletter_content .form-container {
width: 75%;
}
div.imark_newsletter.no-image .imark_newsletter_content .form-container {
width: 100%;
}
div.imark_newsletter .field_label {
border: 0;
clip: rect(0 0 0 0);
height: 0.063rem;
margin: -0.063rem;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 0.063rem;
}
div.imark_newsletter .fieldset.checkbox {
width: 100%;
text-align: left;
font-size: 12px;
display: flex;
align-items: center;
padding: 0 10px;
justify-content: center;
gap: 0;
}
div.imark_newsletter .fieldset.checkbox input[type="checkbox"] {
-webkit-appearance: none;
appearance: none; font: inherit;
color: currentColor;
width: 1.15em;
height: 1.15em;
border: 0.15em solid currentColor;
border-radius: 0.15em;
transform: translateY(-0.075em);
display: grid;
place-content: center;
padding: 0;
margin-right: 5px;
margin-top: 2px;
background: #fff;
}
div.imark_newsletter .fieldset.checkbox input[type="checkbox"]::before {
content: "";
width: 0.65em;
height: 0.65em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--form-control-color);
background-color: blue;
}
div.imark_newsletter .fieldset.checkbox input[type="checkbox"]:checked::before {
transform: scale(1);
}
.imark_newsletter_content form>div.fieldset.inputs-2 input {
width: 70%;
}
.imark_newsletter_content form>div.fieldset.inputs-2 input[type="submit"] {
width: 25%;
}
div#imark_newsletter.always-disable {
z-index: unset;
}
div#imark_newsletter.always-disable .imark_newsletter_content {
z-index: unset;
}
body.promote-disable article:before {
display: none !important;
}
body.promote-active .widget article.post:before {
display: none;
}
.imark_newsletter_content form input[type="submit"] {
letter-spacing: 0;
}
@media ( max-width: 768px) {
div.imark_newsletter .imark_newsletter_content form input {
width: 32%;
}
div.imark_newsletter .imark_newsletter_content form {
flex-wrap: wrap;
}
div.imark_newsletter .fieldset.checkbox {
flex-wrap: initial;
}
.imark_newsletter_content form>div.fieldset.inputs-2 input {
width: 58%;
}
.imark_newsletter_content form>div.fieldset.inputs-2 input[type="submit"] {
width: 38%;
}
}
@media ( max-width: 740px) {
div.imark_newsletter.right .imark_newsletter_content,
div.imark_newsletter.left .imark_newsletter_content {
flex-direction: column;
}
div.imark_newsletter.right .imark_newsletter_content .image-container,
div.imark_newsletter.left .imark_newsletter_content .image-container {
width: 100%;
max-width: 150px;
}
}
@media ( max-width: 580px) {
div.imark_newsletter .imark_newsletter_content form input {
width: 100%;
}
.imark_newsletter_content form>div.fieldset.inputs-2 input {
width: 100%;
}
.imark_newsletter_content form>div.fieldset.inputs-2 input[type="submit"] {
width: 100%;
}
}body.promote-disable article:before {
display: none !important;
}
.imark_newsletter_overlay {
transition: 0.5s;
}
.animate_triggred {
z-index: 0 !important;
}