@charset "UTF-8";
/*
CSS Document
IMV Multisite Manager - Frontend
*/


/* Allgemeines */
a.button {
    text-decoration: none !important;
    cursor: pointer;
}

h4, .entry-content h4,
h6, .entry-content h6 {
    color: #212121 !important;
}
h5, .entry-content h5 {
    color: #FFFFFF !important;
}

/* Modal Popup */
.uagb-modal-popup .uagb-modal-popup-content {
    padding: 21px 21px;
}

/* Frontend-Formular */
.imv_onboarding_form_frontend {
    display: block;
    border: 1px solid #d4af37;
    padding: 35px;
    background-color: #F8F7F3;
    position: relative;
    border-radius: 10px;
}
.imv_onboarding_form_frontend .formidable label {
    display: inline-block;
    width: 100%;
}
.imv_onboarding_form_frontend .formidable input:not([type="checkbox"]) {
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #1E1810;
    background-color: #FFFFFF;
}
.imv_onboarding_form_frontend .formidable input#new_site_domain {
    width: auto;
    min-width: 10ch;
    font-family: monospace;
    text-align: center;
}
.imv_onboarding_form_frontend .formidable input#new_site_domain.error {
    border: 1px solid #FF0000;
}
.imv_onboarding_form_frontend .formidable span.site_domain_left {
    opacity: 0.5;
    margin-right: 4px;
}
.imv_onboarding_form_frontend .formidable span.site_domain_right {
    opacity: 0.5;
    margin-left: 4px;
}
.imv_onboarding_form_frontend .formidable span.messagebox {
    display: inline-block;
    width: 100%;
    color: #FF0000;
}
.imv_onboarding_form_frontend .imv_onboarding_form_headline {
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 0.3em;
}
@media (max-width: 544px) {
    .imv_onboarding_form_frontend .imv_onboarding_form_headline {
        font-size: 1.2em;
        margin-bottom: 1.6em;
        line-height: 1.4em;
    }
}
a.button#imvmsman_schnellkauf_start {
    border-radius: 10px;
    padding: 15px 45px;
    font-size: 1.2em;
}
@media (max-width: 544px) {
    a.button#imvmsman_schnellkauf_start {
        font-size: 1.2em;
        text-align: center;
        padding: 15px;
        width: 100%;
        display: block;
    }
}
.imv_onboarding_form_frontend .button_overlayed {
    height: fit-content;
    width: fit-content;
    padding: 0;
    margin: 5px 0;
    position: relative;
}
.imv_onboarding_form_frontend .button_overlayed .overlay {
    position: absolute; /* Sit on top of the parent element */
    display: block; /* Visible by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.5); /* Black background with opacity */
}
.imv_onboarding_form_frontend a#imvmsman_duplicate_site_start {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
.imv_onboarding_form_frontend .overlay {
    position: absolute; /* Sit on top of the parent element */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.88); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    max-width: none !important;
}
.imv_onboarding_form_frontend .overlay .overlay_message {
    position: absolute;
    top: 68%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    color: rgba(212,175,55,1);
    font-weight: 700;
}
.imv_onboarding_form_frontend .overlay .spinner {
    position: absolute;
    left: 44%;
    top: 22%;
    height:72px;
    width:72px;
    margin:0px auto;
    -webkit-animation: rotation 1.2s infinite linear;
    -moz-animation: rotation 1.2s infinite linear;
    -o-animation: rotation 1.2s infinite linear;
    animation: rotation 1.2s infinite linear;
    border-left:9px solid rgba(212,175,55,.15);
    border-right:9px solid rgba(212,175,55,.15);
    border-bottom:9px solid rgba(212,175,55,.15);
    border-top:9px solid rgba(212,175,55,0.8);
    border-radius:100%;
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

.formfield-checkbox input {
    /*position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;*/
}




/*
 Über Mich Seite: Share Link Icons (von Astra Pro)
 Hier separat eingefügt, da das Original-CSS nur geladen wird, wenn das widget auf der aktuellen Seite verbaut ist, wir die Ikonen aber per Shortcode einfügen
*/
.wp-block-uagb-social-share svg {
    fill: #3a3a3a;
    width: 24px;
    height: 24px;
}
.wp-block-uagb-social-share .wp-block-uagb-social-share-child {
    display: inline-block;
    padding: 8px;
}