/*
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;
}

/* SMG CCM19: Abstand oberhalb der Fusszeilenlinks. */
.ccm-root .ccm-widget .ccm-modal--footer {
    padding-top: 20px;
}

/* SMG CCM19: Hauptfenster-Fusszeile gleichmaessig und drei Aktionen gleich breit. */
.ccm-root .ccm-widget .ccm-modal--footer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.ccm-root .ccm-widget .ccm-widget--buttons .button,
.ccm-root .ccm-widget .ccm-widget--buttons button {
    flex: 1 1 calc(33.333% - 16px) !important;
    width: calc(33.333% - 16px) !important;
    max-width: none !important;
    min-width: 0;
    white-space: normal;
}
@media screen and (max-width: 600px) {
    .ccm-root .ccm-widget .ccm-widget--buttons .button,
    .ccm-root .ccm-widget .ccm-widget--buttons button {
        flex: 0 0 calc(100% - 16px) !important;
        width: calc(100% - 16px) !important;
    }
}

/* CCM19: Hauptbanner auch im mobilen Frontend mittig und scrollbar. */
@media screen and (max-width: 600px) {
    .ccm-root .ccm-widget.ccm--alignment--center .ccm-modal-inner {
        top: 50% !important;
        bottom: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100% - 24px) !important;
        height: auto !important;
        max-height: 90% !important;
    }
}