/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.2.1616066701
Updated: 2021-03-18 12:25:01

*/

.site-main .entry-header {
    border: none;
    padding-bottom: 0;
    margin-bottom: calc(2 * var(--global--spacing-vertical));
}

.blog .site-main .entry-header {
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.wp-block-latest-posts a,
.entry-header h2 a {
    text-decoration: none;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    color: var(--primary);
}

.site-footer {
    background-color: #259f38;
    color: #fff;
    padding-bottom: 0;
    max-width: 100%;
}

.site-footer .footer-navigation {
    margin: 0;
    padding: 1rem 0;
}

.uagb-post__arrow-outside.uagb-post-grid .slick-prev {
    left: 0;
}

.uagb-post__arrow-outside.uagb-post-grid .slick-next {
    right: 0;
}

.ab-block-profile .ab-profile-column {
    max-width: 100%;
    word-wrap: break-word;
}

.position-relative {
    position: relative;
}

.hide {
    display: none !important;;
}

@media only screen and (min-width: 482px) {
    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
        justify-content: left;
        padding-bottom: 4px !important;
    }
}


/* customizer bak */
html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 120px;
}

h1.entry-title {
    display: none;
}

.kodepanz-photo {
}

.top-bar nav ul li a {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 0.8em;
    color: white;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}

.primary-navigation a {
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 1rem;
    color: var(--global--color-primary);
    text-decoration: none !important;
    text-transform: uppercase;
}

.primary-navigation .sub-menu {
    background-color: #fff !important;
}

.primary-navigation .sub-menu .menu-item > a {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
    font-size: 0.7em !important;
    font-weight: 400;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background-color: #fff !important;
}

.kodepaenz-banner .lines-wrapper:before {
    background-color: rgba(255, 255, 255, 0.0) !important;
}


.wp-block-media-text {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
    font-size: 1em !important;
    font-weight: 300 !important;
    background-color: #fff !important;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    background-color: #b7c3cb !important;
}

h2 {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
    font-size: 2.6em !important;
    color: #259f38 !important;
    text-transform: uppercase;
}

h3 {
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 1.8rem;
    text-decoration: none !important;
}

.uagb-post__title a {
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 1.6rem;
    color: var(--global--color-primary);
    text-decoration: none !important;
}

.uagb-post__excerpt {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
    font-size: 1rem;
    color: var(--global--color-primary);
}

.site-main > article > .entry-footer {
    border-bottom: 2px dotted #999;
}

.single .site-main > article > .entry-footer {
    border-top: 2px dotted #999;
}

.entry-footer {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: var(--global--color-primary);
    font-size: 0.7em;
}

.navigation .svg-icon {
    color: #fff;
    background-color: #259f38;
}

.post-navigation .meta-nav {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #259f38;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.post-navigation .post-title {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #259f38;
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 0.0em;
    margin-top: 10px;
}

.navigation .nav-links {
    width: 100%;
}

.uagb-post__arrow-outside.uagb-post-grid .slick-arrow,
.wp-block-button {
    --global--color-primary: var(--primary) !important;
}

.ab-block-profile,
.entry-content,
.entry-summary {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: var(--global--color-primary);
}

.pagination, .comments-pagination {
    border-top: 2px dotted #999;
}

.pagination .nav-links > *, .comments-pagination .nav-links > * {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #259f38;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.wp-block-image.is-style-twentytwentyone-image-frame img {
    border: none !important;
}

.is-style-twentytwentyone-image-frame {
    background-color: #fff !important;
}

.wp-block-media-text.is-style-twentytwentyone-border {
    border: 1px solid #000;
}

.uagb-block-ce58d4f5 .uagb-post__inner-wrap {
    background: #f3f7f9;
    border-radius: 14px !important;
}

.uagb-block-ce58d4f5 .uagb-post__text .uagb-post__cta {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
    font-size: 0.7em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 8px;
}

.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
    color: #fff;
}

.footer-navigation-wrapper li .svg-icon {
    fill: #fff;
}

/* */