/*
 Theme Name:   astra Child
 Description:  Child Theme
 Author:       Dirk Fitzner
 Template:     astra
 Version:      1.0
 Text Domain:  astra-child
*/


h1, .entry-content h1 {
    font-size: 44px !important;
    font-weight: 500 !important;
}

#masthead,
.ast-primary-header-bar {
    background: #f5f5f5 !important;
    border: none !important;
}

.ast-separate-container #content .ast-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#main {
    padding-right: 40px !important;
}

.home #main {
    padding-right: 0 !important;
}

.ast-container,
#masthead .site-container {
    background-color: #fff;
}


#colophon,
#colophon .ast-footer-html-inner,
#colophon p {
    color: #fff;
    text-align: left;
}

#secondary img {
    border-radius: 8% !important;
    border: 3px solid #f5f5f5 !important;
    padding: 2px !important;
}


#main img {
    border-radius: 10px;
}


h2 {
    margin-top: 48px;
}

h2.first-h2 {
    margin-top: 0;
}

#secondary h2 {
    border-bottom: 4px solid #f5f5f5;
    margin-top: 0;
}

#secondary aside {
    margin-bottom: 8px;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    padding: 0;
}

.menu-toggle {
    display: none !important;
}

.ast-right-sidebar #secondary {
    padding-left: 20px !important;
}

#colophon {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #0C8E36;
}

#colophon .site-below-footer-wrap,
#colophon .site-above-footer-wrap {
    background: #0C8E36;
}

#colophon .site-above-footer-wrap a {
    color: #fff;
}

#colophon .site-above-footer-wrap a:hover {
    text-decoration: underline;
}

#menu-footer-navigation li {
    text-align: left;
}

#primary,
#secondary {
    margin-top: 1.4em !important;
}

.pro-contra > .wp-block-column:first-child {
    background-color: #f8f8f8;
    padding-left: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pro-contra h3 {
    margin-top: 12px;
}

.pro-contra ul {
    padding-left: 0;
    margin-left: 16px;
    padding-right: 20px;
}

.pro-contra ul li {
    font-size: 15px;
    line-height: 1.3;
    margin: 6px 0;
}


.wp-block-button__link {
    transition: all 0.4s;
    text-transform: uppercase;
    font-weight: 600 !important;
    background-color: #0C8E36 !important;
    color: #fff !important;
    opacity: 0.8;
}

.wp-block-button__link:hover {
    background-color: #0C8E36 !important;
    opacity: 1;
}

.wp-block-separator {
    max-width: 220px !important;
    margin: 48px auto !important;
}

.wp-block-button .wp-block-button__link {
    color: #fff !important;
}

.wp-block-button .wp-block-button__link:hover {
    color: #fff !important;
}

.mobile-only {
    display: none;
}

#colophon .textwidget p {
    font-size: 12px;
}

.collapseomatic_content {
	font-size: 0.8rem;
	line-height: 1.4;
}

.collapseomatic {
	background-position: left 5px;
}

a.btn {
    background: #6bc9f1;
    margin: 12px auto;
    text-align: center;
    border-radius: 40px;
    padding: 12px 32px;
    color: #fff;
    transition: 0.4s ease all;
    display: inline-block;
    line-height: 1.2;
}

a.btn:hover {
    background: #00caf4;
}

.wp-container-4 > div {
    text-align: center;
    width: 100%;
}



@media screen and (max-width: 920px) {
    .ast-separate-container.ast-right-sidebar #secondary {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #secondary {
        max-width: 420px;
    }

    #main {
        padding-right: 20px !important;
    }

    #masthead .site-logo-img .custom-logo-link img {
        max-width: 154px !important;
    }

    #colophon .textwidget p {
        font-size: 12px;
    }
}

@media screen and (max-width: 920px) {
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .wp-block-column {
        margin: 0 !important;
    }

    #main {
        padding-right: 0 !important;
    }

    .wp-block-image {
        text-align: center;
    }

    .home .wp-block-column {
        margin: 1rem 0 !important;
    }
    .home .wp-block-column:nth-child(2n) {
        margin-left: 2em !important;
    }

}

@media screen and (max-width: 600px) {
    .home .wp-block-column {
        margin: 0 !important;
    }
    .home .wp-block-column:nth-child(2n) {
        margin-left: 0 !important;
    }
}






@media screen and (max-width: 530px) {
    #menu-footer-navigation li,
    .ast-footer-copyright p {
        text-align: center !important;
    }
}



/* Buttons */
.wp-block-button.btn-red a, .wp-block-button.btn-red a:hover {
	background-color: red !important;
	color: #fff !important;
}

.wp-block-button.btn-orange a, .wp-block-button.btn-orange a:hover {
	background-color: orange !important;
	color: #fff !important;
}

.wp-block-button.btn-blue a, .wp-block-button.btn-blue a:hover {
	background-color: blue !important;
	color: #fff !important;
}

.wp-block-button.btn-black a, .wp-block-button.btn-black a:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.wp-block-button.btn-green a, .wp-block-button.btn-green a:hover {
	background-color: green !important;
	color: #fff !important;
}

.wp-block-button.btn-yellow a, .wp-block-button.btn-yellow a:hover {
	background-color: yellow !important;
	color: #333333 !important;
}