@import url('https://fonts.googleapis.com/css?family=Lato');

h1,
.h1 {
    display: block;
}

body {
    font-family: "Lato",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #231f20;
    text-align: left;
    padding-top: 10rem
}

.intro {
    padding: 0 0 2rem;
    text-align: center;
}

.cookies {
    line-height: 1.6;
}

.aside {
    display: block;
    width: 300px;
}

.sidebar-login {
    display: block;
    margin-bottom: 1rem;
}

.widget-area .widget:not(.widget_search) {
    background: #e6f8f2;
    border-radius: 5px;
    margin: 1.5rem 0;
    padding: 1rem;
}

.aside-banner {
    background: #31a67d;
    border-radius: 5px;
    color: #fff;
    margin: 1.5rem 0;
    padding: 1rem;
    text-align: center;
}

.aside-banner p {
    color: #fff;
    font-size: 1.5rem;
}

.aside-banner .btn {
    background-color: #fff;
    border-color: #fff;
    color: #231f20;
}

.aside-banner .btn:hover {
    background-color: #eee;
    border-color: #eee;
    color: #231f20;
}

.widget-area .widget_search [type="submit"],
.content-search-form [type="submit"] {
    background-color: #4eb491;
    border: 1px solid #4eb491;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.widget-area .widget_search [type="submit"]:hover,
.content-search-form [type="submit"]:hover {
    color: #fff;
    background-color: #419a7c;
    border-color: #3e9175;
}

.widget-area .widget_search [type="text"],
.content-search-form [type="text"] {
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    width: 230px;
}

.content-search-form {
    margin-top: 1rem;
}

.content-search-form [type="text"] {
    width: 300px;
}

.widget-area .widget_search [type="text"]:focus {
    color: #444;
    background-color: #fff;
    border-color: #a8dac9;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(78,180,145,0.25);
}

.widget-area .widget .widgettitle {
    color: #231f20;
    font-size: 1.5rem;
    font-weight: normal;
}

.widget-area .widget ul,
.widget-area .widget ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.articles .article + .article {
    margin-top: 3rem;
}

.article .entry-content img {
    border-radius: 5px;
    max-width: 100%;
}

.article h2,
.article .h2,
.article h2 a,
.article .h2 a {
    color: #31a67d;
    font-size: 2rem;
    margin-bottom: 0;
}

.article .post-date {
    margin-bottom: 1rem;
}

.article .post-date span {
    color: #777;
    margin-right: 1rem;
}

.article .post-date i {
    margin-right: .25rem;
}

.article .entry-thumbnail {
    display: block;
    margin-bottom: 1rem;
}

.article .entry-thumbnail img {
    border-radius: 5px;
    height: auto;
    max-width: 100%;
}

.article .entry-content,
.article .entry-content p {
    font-size: 1.25rem;
}

/* Author */

.authorinfo:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.authorinfo {
    background: #e6f8f2;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    margin: 20px 0;
}

.authorinfo .author-img {
    display: block;
    clear: none;
    float: left;
    width: 110px;
}

.authorinfo .author-img img {
    background: none #FFF;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    height: auto;
    padding: 5px;
    width: 90px;
}

.authorinfo .author-content {
    box-sizing: border-box;
    display: block;
    padding-left: 130px;
    width: 100%;
}

.authorinfo .author-content h3 {
    color: #31a67d;
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.authorinfo .author-content p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: #333;
}

.authorinfo-page {
    background: #e6f8f2;
    border-radius: 5px;
    padding: 15px 25px;
    width: 690px;
    margin-bottom: 40px;
}

.authorinfo-page h1 {
    color: #F63;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: left;
}

.authorinfo-page h1 a {
    color: #F63;
}

.authorinfo-page .author-text-page {
    display: block;
    clear: none;
    float: left;
    width: 480px;
    margin-right: 40px;
}

.authorinfo-page .author-img-page {
    display: block;
    clear: none;
    float: left;
    width: 170px;
}

.authorinfo-page .author-img-page img {
    background: none #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 8px;
    margin-top: -5px;
}

/* /Author */

.post-nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.post-nav {
    margin-bottom: 0;
}

.comments-area {
    padding-top: 1.5rem;
}

.comments-area h2,
.comments-area .h2 {
    margin-bottom: 1.5rem;
}

.comment-form label {
    display: block;
}

.comment-list {
    padding-left: 0;
    list-style: none;
}

.comment-list .children {
    padding-left: 2.5rem;
    list-style: none;
}

.comment-list .comment-author.vcard {
    display: inline-block;
    margin-bottom: 0;
}

.comment-list .comment-author.vcard .avatar {
    margin-right: .5rem;
}

.comment-list .comment-author.vcard cite {
    font-style: normal;
}

.comment-list .comment p {
    margin-left: 2.5rem;
}

.comment-list .comment-meta.commentmetadata {
    color: #797979;
    display: inline-block;
    margin-bottom: 0;
}

.comment-list .comment-meta.commentmetadata::before {
    content: " ~ ";
}

.comment-list .comment-meta.commentmetadata a:not(.comment-edit-link) {
    color: #797979;
}

.comment-list .reply {
    margin: -1rem 0 1.5rem 2.5rem;
}

.comment-list .reply .comment-reply-link {
    background-color: transparent;
    background-image: none;
    color: #4eb491;
    border: 1px solid #4eb491;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    padding: .25rem .5rem;
    border-radius: .2rem;
    text-decoration: none;
}

.comment-list .reply .comment-reply-link:hover {
    background-color: #4eb491;
    border-color: #4eb491;
    color: #fff;
    text-decoration: none;
}

.comment-list .reply .comment-reply-link:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(78,180,145,0.5);
    box-shadow: 0 0 0 .2rem rgba(78,180,145,0.5);
}

.comment-list .reply .comment-reply-link::after {
    content: " →";
}

@media (min-width: 769px) {

    .tip-navbar-collapse {
        display: block !important;
    }

    .sidebar-toggler {
        display: none !important;
    }
}

.navbar-toggler.sidebar-toggler {
    color: #666;
}

@media (max-width: 768px) {

    /* Aside */

    .pl-aside {
        padding-left: 0 !important;
    }

    .pr-aside {
        padding-right: 0 !important;
    }

    .flex-fill.pl-aside {
        width: 0;
    }

    .tip-navbar-collapse {
        background: #fff;
        bottom: 0;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        display: block !important;
        min-width: 90%;
        padding: 1rem 2rem;
        position: fixed;
        height: auto !important;
        right: 0;
        top: 0;
        -webkit-transform: translate(calc(100% + 10px), 0);
        transform: translate(calc(100% + 10px), 0);
        -webkit-transition: -webkit-transform .25s ease;
        transition: -webkit-transform .25s ease;
        transition: transform .25s ease, -webkit-transform .25s ease;
        z-index: 1040;
    }

    .tip-navbar-collapse.show {
        display: block !important;
        height: auto !important;
        overflow-x: visible !important;
        overflow-y: scroll !important;
        position: fixed !important;
        right: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .tip-navbar-collapse .navbar-toggler {
        border-radius: .25rem;
        background-color: transparent;
        border-color: rgba(0,0,0,0.1);
        color: #666;
        float: right;
        font-size: 1.5625rem;
        line-height: 1;
        padding: .2rem .75rem;
    }

    .tip-navbar-collapse .navbar-toggler:hover,
    .tip-navbar-collapse .navbar-toggler:focus {
        border-color: #8c8c8c;
    }

    /* /Aside */
}

.rp4wp-related-posts {
    border-bottom: 1px solid #31a67d;
    display: block;
    margin: 1rem 0;
    padding: 1rem 0;
}

.rp4wp-related-posts > h3,
.rp4wp-related-posts > .h3 {
    border-bottom: 1px solid #31a67d;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.rp4wp-related-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rp4wp-related-posts ul li:after,
.rp4wp-related-posts .rp4wp-related-post-image:after,
.rp4wp-related-posts .rp4wp-related-post-content:after {
    clear: both;
    content: '';
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.rp4wp-related-posts ul li {
    display: block;
    list-style: none;
}

.rp4wp-related-posts ul li + li {
    margin-top: 1rem;
}

.rp4wp-related-posts .rp4wp-related-post-image {
    float: left;
    margin: 0 1rem 0 0;
    min-height: 150px;
    width: 150px;
}

.rp4wp-related-posts .rp4wp-related-post-image img {
    height: auto;
    max-width: 100%;
}

.rp4wp-related-posts .rp4wp-related-post-content {
    display: block;
}

.rp4wp-related-posts .rp4wp-related-post-content a {
    display: inline-block;
    color: #31a67d;
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

.rp4wp-related-posts .rp4wp-related-post-content p {
    font-size: 1.1rem;
    margin-bottom: 0;
}