/*
    Theme Name:   Kikolani
    Description:  Kikolani ( child theme for TwentyTwenty )
    Author:       Kikolani
    Template:     twentytwenty
    Version:      1.0.1
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain:  kikolani
*/

body {
    background: #fff;
}

.section-inner {
    max-width: 1024px !important;
}

#site-header {
    background: #f5efe0;
}

    .primary-menu li {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .search-toggle .toggle-text {
        display: none;
    }

.featured-on {
    background: #111;
    color: #fff;
    padding: 25px 0;
    font-size: 15px;
    text-align: center;
}

    .featured-on-inner {
        max-width: 168rem;
    }

        .featured-on span {
            vertical-align: middle;
            line-height: 18px;
            font-weight: bold;
            margin-right: 10px;
            display: inline-block;
            margin-top: 4px;
        }

        .featured-on img {
            display: inline-block;
            margin: 5px 13px;
            vertical-align: middle;
        }

        .featured-on svg {
            height: 20px;
            display: inline-block;
            margin: 5px 13px;
            vertical-align: middle;
        }

.kikolani-posts {
    max-width: 1024px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

    .kikolani-post {
        padding: 40px;
        border: 1px solid #eae5e2;
        width: 48%;
        margin-bottom: 40px;
    }

        .kikolani-post-meta {
            margin-bottom: 25px;
        }

            .kikolani-post-meta img {
                display: inline-block;
                border-radius: 50%;
                vertical-align: middle;
                margin-right: 15px;
            }

            .kikolani-post-meta a {
                color: inherit;
                text-decoration: none;
                font-weight: 500;
            }

        .kikolani-post-title {
            font-size: 33px;
            color: #000;
            margin: 0;
            margin-bottom: 20px;
        }

            .kikolani-post-title a {
                text-decoration: none;
                color: inherit;
            }

        .kikolani-post-excerpt {
            margin-bottom: 20px;
        }

        .kikolani-post-read-more {
            font-weight: bold;
        }

            .kikolani-post-read-more a {
                padding-bottom: 2px;
                font-size: 15px;
                text-decoration: none;
                border-bottom: 2px solid #cd2653;
                text-transform: uppercase;
            }

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

    .kikolani-posts {
        max-width: 95%;
    }

    .kikolani-post {
        width: 100%;
        padding: 20px;
    }

        .kikolani-post-title {
            font-size: 25px;
        }

}