/* Newsletter form (overrides plugin css) */
.module-newsletter {
    font-family: 'Muli' !important;
}

.module-newsletter h3 {
    color: #676767 !important;
}

.module-newsletter .newsletter-success-message {
    color: #000;
}

.module-newsletter.confirmation .info {
    font-size: 20px !important;
    color: #fff;
    font-weight: inherit;
    background: #8f3685;
}

.module-newsletter.confirmation .info {
    font-size: 15px;
}

.module-newsletter.newsletter-registerbox {
    margin-bottom: 20em;
    padding: unset;
}

.newsletter-registerbox-checkbox {
    position: absolute;
    top: 15rem;
    flex-direction: row-reverse !important;    
    color: #676767 !important;
    padding-left: unset !important;
    padding-left: 0 !important;
}

.newsletter-registerbox-checkbox .vrmz_optin_text_channel {
    padding-left: 0 !important;
}

.newsletter-registerbox-checkbox .newsletter-registerbox-label {
    font-size: 14px;
    font-weight: 400;
    color: #676767 !important;
}

.newsletter-registerbox-checkbox input {
    height: unset !important;
}

#newsletter_subscription #vrmzOptInBox {
    position: relative;
    top: 28rem;
}

.newsletter-registerbox-opt-out {
    position: relative;
    top: 10rem;
}

#newsletter_subscription .newsletter-registerbox-send {
    position: relative;
    top: 28rem;
}

#newsletter_subscription .newsletter-registerbox-send {
    position: relative;
    top: 28rem;
}

#newsletter_subscription .newsletter-registerbox-send button,
#newsletter-optout-submit {
    font-family: 'Muli' !important;
}

@media only screen and (min-width: 331px) {
    #newsletter_subscription #vrmzOptInBox {
        top: 26rem;
    }
    .newsletter-registerbox-opt-out {
        top: 6rem;
    }    
    #newsletter_subscription .newsletter-registerbox-send {
        top: 18rem;
    }
}

@media only screen and (min-width: 801px) {
    #newsletter_subscription #vrmzOptInBox {
        position: absolute;
        top: 24rem;
    }
    .newsletter-registerbox-checkbox {
        top: 12rem;
        display: block !important;
    }
    .newsletter-registerbox-checkbox .newsletter-registerbox-label {
        padding: 0 !important;
    }
    .newsletter-registerbox-checkbox input {
        position: absolute;
        left: 0;
        top: 9px;
    }
    .newsletter-registerbox-opt-out {        
        top: 45rem;
    }    
    #newsletter_subscription .newsletter-registerbox-send {
        top: 56rem;
        right: 40%;
    }
    .module-newsletter.newsletter-registerbox {
        margin-bottom: 50em;
    }
}

@media only screen and (min-width: 1024px) {    
    .module-newsletter.newsletter-registerbox {
        margin-bottom: 45em;
    }
    #newsletter_subscription #vrmzOptInBox {
        top: 20rem;
    } 
    .newsletter-registerbox-opt-out {
        position: relative;
        top: 34rem;
    }
    #newsletter_subscription .newsletter-registerbox-send {
        position: absolute;
        top: 45rem;
        left: 40%;
    }    
}

.module-newsletter.newsletter-optout .input-field input {
    min-width: 260px;
}

@media only screen and (max-width: 800px) {
    .module-newsletter.newsletter-optout form {
        width: 90%;
    }
}

/* Menü button */
.right-aligned-menu-items .menu-newsletter a {
    padding-right: 10px !important;
}

.right-aligned-menu-items li.menu-newsletter a:after {
    display: none !important;
}

/* icon list */
.newsletter-list .nectar-icon-list-item .content h4,
.newsletter-list .nectar-icon-list-item .content {
    color: #fff !important;
}

.newsletter-list .nectar-icon-list-item .list-icon-holder .fa-newspaper-o:before {
    font-size: 55px !important;
}

/* Fixed/sticky icon button */
.sticky-button {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999999;
}

.sticky-button a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    border-radius: 15px 0 0 15px;
}

.sticky-button .newsletter {
    background: #8f3685;
    color: white;
}

@media only screen and (max-width: 689px) {
    .sticky-button a {
        padding: 8px;
        font-size: 16px;
    }
    .sticky-button {
        display: none;
    }
}

/* Newsletter PopUp */
.pum-container {
    padding: 0 !important;
}

.newsletter-popup,
.newsletter-popup b {
    font-family: "Muli" !important;
}

.newsletter-popup h2 {
    margin-left: 16px;
}

.newsletter-popup #newsletter_subscription {
    padding-top: 0;
    flex-wrap: wrap;
}

.newsletter-popup .newsletter-registerbox-element {
    flex-basis: unset !important;
    flex-direction: unset !important;
    padding-bottom: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.newsletter-popup .newsletter-registerbox-firstname,
.newsletter-popup .newsletter-registerbox-lastname {
    flex: 1;
}

.newsletter-registerbox-checkbox-popup {
    visibility: hidden;
}

.newsletter-popup .newsletter-registerbox-checkbox-popup {
    visibility: visible;
}

.newsletter-popup #newsletter_subscription .newsletter-registerbox-send {
    position: relative;
    top: unset;
    left: 0;
    justify-content: center;    
}

.newsletter-popup .module-newsletter.newsletter-registerbox #newsletter-submit,
.newsletter-popup .module-newsletter.newsletter-registerbox #newsletter-submit:hover {
    background: #92ca45 !important;
    color: #fff;
    font-size: 18px;
    padding: 14px 20px;
}

.newsletter-popup .module-newsletter.newsletter-registerbox .newsletter-registerbox-send .et_pb_promo_button.et_pb_button:hover {
    box-shadow: unset;
    background: #fff !important;
    opacity: 1;
}

.newsletter-popup .module-newsletter.newsletter-registerbox {
    margin-bottom: unset;
}

.newsletter-popup .newsletter-registerbox-checkbox {
    position: relative;
    top: unset;
    flex-direction: unset;
    color: #fff!important;
    padding-left: unset !important;
}

/* hide opt-in form inputs, labels, checkbox */
.newsletter-popup .g-recaptcha,
.newsletter-popup #vrmzOptInBox,
.newsletter-popup .newsletter-registerbox-opt-out,
.newsletter-popup .newsletter-registerbox-label,
.newsletter-popup .newsletter-registerbox-checkbox {
    display: none !important;
}

.newsletter-popup .module-newsletter.newsletter-registerbox .newsletter-registerbox-form .newsletter-registerbox-element input {
    background-color: #fff !important;
    border-radius: 6px;
    text-align: center;
}

.newsletter-popup ::-webkit-input-placeholder {
    color: gray !important;
    opacity: 0.5;
}

.newsletter-single ::-webkit-input-placeholder {
    color: transparent !important;
}

.newsletter-popup .module-newsletter h3,
.newsletter-popup .module-newsletter .newsletter-success-message {
    color: #fff !important;
}

.newsletter-popup .module-newsletter {
    max-width: fit-content;
    margin: 16px !important;
}

.popup-image {
    height: auto !important;
    width: 100%;
    border-radius: 3px 0 0 3px;
    border: 0px solid #8f3685;
}

.popup-image .vc_column-inner {
    margin-bottom: -8px;
}

.popup-image .column-image-bg {
    border-radius: 8px 0 0 8px !important;
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
}

@media only screen and (max-width: 999px) {
    .popup-image {        
        min-height: 200px;        
    }
}

/* hide popop outline */
.popmake-content {
    outline: none
}

/* hide privacy policy notice on single page */
.newsletter-single .vrmz_optin_text_channel_popup {
    display: none;
}

.newsletter-popup .vrmz_optin_text_channel {
    padding-left: unset;
    line-height: 1;
}

/* Close button */
.pum-overlay .pum-close {
    border-radius: 28px !important;
    -webkit-border-radius: 28px !important;
    -moz-border-radius: 28px !important;
    -ms-border-radius: 28px !important;
    -o-border-radius: 28px !important;
}

@media only screen and (min-width: 801px) {
    .newsletter-popup #newsletter_subscription {
        width: 100%;
    }

    .newsletter-popup #newsletter_subscription .newsletter-registerbox-send {
        position: relative;
        justify-content: center;
    }
    
    .newsletter-popup .newsletter-registerbox-email,
    .newsletter-popup .newsletter-registerbox-checkbox {
        width: 100%;
    }

    .newsletter-popup .newsletter-registerbox-checkbox {
        margin-left: 25px;
    }
}