/* 
================================================================================

Theme Name:     MADAUS Vermögensverwaltung (Child)
Theme URI:      http://www.madaus.com

Description:    Child Theme of MADAUS Group.

Template:       madaus

Author:         WELCOME Marketing
Author URI:     http://www.welcome.ag

Version:        1.0

================================================================================
*/




/*============================================================================*/
/* ----- TEMPLATE & THEME ----- */
/*============================================================================*/

/* ----- GENERAL ----- */

ul.has-arrows li:before {
    background: var(--wp--preset--color--brown);
}

/* ----- HEADER ----- */

body.scrolled header {
	border-bottom-color: var(--wp--preset--color--brown);
}

    #logo {
        
        border-bottom-color: var(--wp--preset--color--brown);
    }

    body.scrolled #logo {
        padding-bottom: 0;
    }

    .cover-title.top-right {
        top: 35%;
        right: 10%;
        padding-right: 80px;
    }

/* ----- MAIN ----- */

/* Animated Chart */
.wp-block-group.animated-chart {
    position: relative;
}

.wp-block-group.animated-chart p {
    width: 100%;
}

.wp-block-group.animated-chart > *:not(:first-child){
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

/* ----- FOOTER ----- */

.madaus-footer-logo {
    border-left-color: var(--wp--preset--color--brown);
}


/*============================================================================*/
/* ----- BLOCK ADJUSTMENTS ----- */
/*============================================================================*/

/* Group Block */
.wp-block-group.is-flex-cover {
	border-bottom-color: var(--wp--preset--color--brown);
}

/*============================================================================*/
/* ----- FORMS ----- */
/*============================================================================*/

/* Buttons */
main input[type=submit],
main button[type=submit] {
    background: var(--wp--preset--color--cyan);
}

.send-button:before {
    background: var(--wp--preset--color--cyan);
}

/* Plugin adjustments: Contact Form 7 */
.wpcf7 form.sent .wpcf7-response-output {
    background: var(--wp--preset--color--cyan);
}


/*############################################################################*/
/* ----- BREAKPOINT @ 1024 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 1024px) { 

/* ----- HEADER ----- */

header {
    border-bottom-color: var(--wp--preset--color--brown);
}

    nav#main-menu {
        border-bottom-color: var(--wp--preset--color--brown);
    }

/* ----- MAIN ----- */

/* Animated Chart */
.wp-block-group.animated-chart p {
    font-size: 1.25rem !important;
}

.is-child-img-bg {
    background-position: 67% 0 !important;
}
.is-mother-daughter-img {
    background-position: 38% 0 !important;
}
.is-father-son-img {
    background-position: 40% 0 !important;
}

.five-pillars {
    hyphens: auto;
}

/*############################################################################*/
/* ----- BREAKPOINT @ 930 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 930px) {
    .wp-block-columns.five-pillars {
        flex-wrap: wrap !important;
    }
    .wp-block-columns.five-pillars > .wp-block-column {
        flex: 1 0 100% !important;
    }
}

/* ----- FOOTER ----- */
	
.madaus-footer-logo {
    border-left: 0;
    border-top-color: var(--wp--preset--color--brown);
}
    
} /* <--- END OF BREAKPOINT */

/*############################################################################*/
/* ----- BREAKPOINT @ 780 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 780px) {
    .wp-block-getwid-counter__number {
        font-size: var(--wp--preset--font-size--ultralarge);
    }
    .centered-mobile {
        text-align: center;
    }
    .mt-mobile {
        margin-top: var(--wp--preset--spacing--80) !important;
    }

    .mt-0-mobile {
        margin-top: 0 !important;
    }

    .mb-mobile {
        margin-bottom: var(--wp--preset--spacing--80) !important;
    }

    .my-0-mobile {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pt-0-mobile {
        padding-top: 0 !important;
    }

    .row-gap-100-mobile {
        row-gap: var(--wp--preset--spacing--100) !important;
    }

    .has-global-padding-mobile {
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }
    .wp-block-separator {
        max-width: 75% !important;
    }

    .is-father-son-img {
        background-position: 47% 0 !important;
    }
} /* <--- END OF BREAKPOINT */

/*############################################################################*/
/* ----- BREAKPOINT @ 600 Pixel ----- */
/*############################################################################*/

@media only screen and (max-width: 600px) { 

/* ----- CONTENT BLOCKS ----- */
	
	  .cover-title.top-right {
        top: unset;
        right: unset;
        padding-right: 0;
    }

	.has-background {background-position: 55% 0;}
	
	.wp-container-core-group-is-layout-24926227{background-position: 50% 0%;}

	.wp-block-columns-is-layout-flex{gap:0;}
	.wp-container-core-group-is-layout-03805e62{padding-left:0!important;padding-right:0!important;}
	.wp-image-2512{max-width:200px!important;}
	.wp-block-image{margin-bottom:25px!important;margin-top:25px!important;}

    .has-reduced-padding-mobile {
        padding-top: var(--wp--preset--spacing--20) !important;
        padding-right: var(--wp--preset--spacing--20) !important;
        padding-bottom: var(--wp--preset--spacing--20) !important;
        padding-left: var(--wp--preset--spacing--20) !important;
    }
    .has-reduced-padding-mobile .wp-block-image {
        margin-top: 0 !important;
    }

    .has-gap-mobile {
        gap: 2.5rem !important;
    }
} /* <--- END OF BREAKPOINT */