/*
Theme Name: Karvola
Description: Karvola theme
Author: Jani Tantarimäki
Template: hestia
Version: 1.0.0
Text Domain: hestia-child
*/ 

.hestia-about {
    background-color: #222 !important;
    color: #fff !important;
}

.hestia-about h2 {
    color: #fff !important;
}

.hestia-title {
    font-size: x-large !important;
}

.category a {
    color: #18930d !important;
}

.wp-block-latest-posts li a {
    color: #18930d !important;
}

.wp-block-archives li a {
    color: #18930d !important;
}

.wp-block-categories li a {
    color: #18930d !important;
}

.moretag {
    color: #18930d !important;
}

.row {
    padding: 40px !important;
}

.blog-posts-wrap .row {
    padding: 0px !important;
}

.hestia-big-title-content {
    padding: 0px !important;
}

.related-posts h2 {
    display: none;
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
}

.navbar-brand p {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
    font-weight: bold;
}

.category {
    display: none !important;
}

.author {
    display: none !important;
}

.entry-categories {
    display: none !important;
}

.posted-by {
    display: none !important;
}

#comments {
    display: none !important;
}

.first {
    margin: 0px !important;
}

.buttons a {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
    font-size: 16px !important;
}

.wpcf7-submit {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
    font-size: 16px !important;
}

.copyright {
    font-family: "Roboto Slab", "Times New Roman", serif !important;
    font-size: 16px !important;
}

.footer-black {
    background-color: #000 !important;
}

@media (min-width: 576px) { 

}


@media (min-width: 768px) { 
    .hestia-title {
        font-size: xx-large !important;
    } 
}


@media (min-width: 992px) { 
    .hestia-title {
        font-size: 50px !important;
    }
}


@media (min-width: 1200px) { 

}


@media (min-width: 1400px) { 

}

@media (max-width: 576px) {
    .home .page-header {
        min-height: 500px !important;
    }
}

