/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:root {
	--fs-sm: clamp(0.8rem, 0.17vi + 0.76rem, 0.89rem);
	--fs-base: clamp(1rem, 0.34vi + 0.91rem, 1.19rem);
	--fs-md: clamp(1.25rem, 0.61vi + 1.1rem, 1.58rem);
	--fs-lg: clamp(1.56rem, 1vi + 1.31rem, 2.11rem);
	--fs-xl: clamp(1.95rem, 1.56vi + 1.56rem, 2.81rem);
	--fs-xxl: clamp(2.44rem, 2.38vi + 1.85rem, 3.75rem);
	--fs-xxxl: clamp(3.05rem, 3.54vi + 2.17rem, 5rem);
}

#mobile-header .site-logo.mobile-header-logo {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top:0;
}
#mobile-header button.menu-toggle {
    order: -1;
}

.main-navigation:not(.mobile-header-navigation):not(.navigation-stick) .main-nav li.menu-item:first-child a {
    padding-left: 0;
}

.main-navigation {
    border-bottom: 3px solid;
    border-image-source: linear-gradient(90deg,
        #E97195 0%, #E97195 16.66%,
        #BE6BA0 16.66%, #BE6BA0 33.33%,
        #8E679E 33.33%, #8E679E 50%,
        #61608F 50%, #61608F 66.66%,
        #405675 66.66%, #405675 83.33%,
        #2F4858 83.33%, #2F4858 100%
    );
    border-image-slice: 1;
}


.main-footer {
    border-top: 3px solid;
    border-image-source: linear-gradient(90deg,
        #E97195 0%, #E97195 16.66%,
        #BE6BA0 16.66%, #BE6BA0 33.33%,
        #8E679E 33.33%, #8E679E 50%,
        #61608F 50%, #61608F 66.66%,
        #405675 66.66%, #405675 83.33%,
        #2F4858 83.33%, #2F4858 100%
    );
    border-image-slice: 1;
}



/* Migration alter Artikel */
.uagb-icon-list__source-wrap svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.uagb-ifb-title {
    margin: 15px 0;
    font-size: 1.5em;
}
.wp-block-list {
    padding-left: 20px;
    margin: 15px 0;
}
.uagb-ifb-icon-wrap svg {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.uagb-section__inner-wrap {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.uagb-ifb-left-title-image {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .uagb-section__inner-wrap {
        padding: 15px;
    }
    
    .uagb-ifb-title {
        font-size: 1.3em;
    }
}

/* Search Modal customization*/
.wp-block-search__button {
  background-color: var(--brand);
}

.wp-block-search__button:hover {
  background-color: var(--brand-alt); 
}

/* Main Menu */
.main-navigation .main-nav ul ul li a {
	padding: 10px 0px;
}