/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* HTML and Body Scroll Right Hidden */
html, body { overflow-x: hidden; }

/* Fehlertext CF7 positionieren */
.wpcf7-not-valid-tip {
    margin-top: -5px;
    margin-bottom: 15px;
}

/* CCM19: gleiche Hauptaktionen, Footerabstand und mobile Mitte. */
.ccm-root .ccm-widget .ccm-modal--footer {
    padding-top: 20px;
}
.ccm-root .ccm-widget .ccm-widget--buttons > button {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    max-width: none;
    margin-left: 8px;
    margin-right: 8px;
}
@media screen and (max-width: 64em) {
    .ccm-root .ccm-details .ccm-modal-inner,
    .ccm-root .ccm-control-panel .ccm-modal-inner {
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        width: calc(100% - 24px);
        height: 90%;
        max-height: 90%;
    }
    .ccm-root .ccm-widget.ccm--alignment--center .ccm-modal-inner {
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        width: calc(100% - 24px);
        max-height: 90%;
    }
}
@media screen and (max-width: 40em) {
    .ccm-root .ccm-widget .ccm-widget--buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-left: 0;
        margin-right: 0;
    }
    .ccm-root .ccm-widget .ccm-widget--buttons > button {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
    }
}