/*
Theme Name:   Somentra Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Somentra Child Theme
Version:      2.1.0
Author:       Greatives Team
Author URI:   https://greatives.eu
Template:     impeka
*/

/* Close-Button an Position des Info-Buttons positionieren und Größe identisch machen */
body #grve-modal-area .grve-modal-element.grve-modal-full .grve-close-button-wrapper,
body #grve-modal-area .grve-modal-element.grve-modal-dialog .grve-close-button-wrapper {
    top: 17px;
    right: 17px;
}
body #grve-modal-area .grve-close-button-wrapper .grve-close-btn {
    width: 40px;
    height: 40px;
}

/* Info-Modal aufbereiten */
#grve-modal-area #footer-neu.grve-modal-element.grve-modal-dialog.grve-content-large .grve-modal-content {
    width: 100%;
}
#grve-modal-area .fossil-mobile-footer {
    margin-top: 15px;
}
/* Mobile Footer im Info-Modal immer anzeigen */
#grve-modal-area .fossil-mobile-footer .grve-desktop-row-hide {
    display: flex !important;
}
#grve-modal-area .fossil-desktop-footer {
    display: none !important;
}

/* Mobile Footer Icons */
.grve-row > .grve-column:not(.grve-with-bg-image):not(.grve-empty-column).fossil-icons {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
}
body:not(.grve-modal-open) .grve-row > .grve-column:not(.grve-with-bg-image):not(.grve-empty-column).fossil-icons:first-of-type > .grve-column-wrapper {
    padding-right: 0 !important;
}
body:not(.grve-modal-open) .grve-row > .grve-column:not(.grve-with-bg-image):not(.grve-empty-column).fossil-icons:last-of-type > .grve-column-wrapper {
    padding-left: 15px !important;
}
.fossil-icons .grve-column-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
@media screen and (min-width: 768px) {
    .fossil-icons .grve-column-content {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .fossil-icons .grve-column-content .grve-single-icon.grve-medium .grve-wrapper-icon:not(.grve-with-shape) svg {
        width: 1.25em;
    }
}
#grve-modal-area .fossil-mobile-footer .fossil-icons:last-of-type .grve-column-wrapper {
    margin-left: inherit !important;
}