/************************
* Common Style
*************************/

a:hover {
    color: var(--wp--preset--color--plainpost-brown);
}

.wp-block-button>a.wp-block-button__link {
    transition: background ease-in-out .3s;
}

.wp-block-button>a.wp-block-button__link:hover {
    background: var(--wp--preset--color--plainpost-brown);
    color: #fff;
}


/************************
* Header Area
*************************/

.header-inner {
    position: relative;
    background: #fff;
    border-radius: 50px;
}

.header-inner:before {
    content: " ";
    background: rgb(214, 166, 146);
    background: linear-gradient(90deg, var(--wp--preset--color--plainpost-brown) 0%, rgba(255, 255, 255, 0.9206057422969187) 70%);
    width: 100.4%;
    display: block;
    position: absolute;
    z-index: -1;
    left: -0.2%;
    right: 0;
    top: -2%;
    bottom: 0;
    border-radius: 50px;
    height: 104%;
}

.header-inner .wp-block-site-logo {
    margin-right: 5px;
}

.header-inner .wp-block-site-title a {
    text-decoration: none;
}

.header-inner .wp-block-site-title a:hover {
    color: var(--wp--preset--color--plainpost-black);
}



/************************
* Footer Area
*************************/

.footer-area ul.wp-block-latest-posts__list {
    line-height: 1.8;
}

.footer-area ul.wp-block-latest-posts__list a.wp-block-latest-posts__post-title {
    text-decoration: none;
}


/* Home - Hero */

ul.hero-social-link li {
    border-right: 2px solid var(--wp--preset--color--plainpost-black);
    padding-right: 10px;
    padding-left: 10px;
}

ul.hero-social-link li:last-child {
    border-right: 0;
    padding-right: 0;
}

ul.hero-social-link li:first-child {
    padding-left: 0;
}

/* Home - Latest Article */
.home-latest-article li a {
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.5;
}

.home-latest-article li .wp-block-latest-posts__featured-image img {
    border-radius: 5px;
}

.home-latest-article li .wp-block-latest-posts__post-date {
    color: #9E9E9E;
    font-size: var(--wp--preset--font-size--bs-gx);
    font-weight: 500;
    margin-top: 5px;
}

.post-loop .post .wp-block-post-title a {
    text-decoration: none;
}

.post-loop .post .wp-block-post-title a:hover {
    text-decoration: underline;
}

.post-loop .post:not(.has-post-thumbnail) .wp-block-column:first-child{
    flex-basis: 0 !important;
}

.post-loop nav.pagination {
    margin-top: 60px;
}

.post-loop nav.pagination a {
    text-decoration: none;
}

.post-loop nav.pagination a:hover {
    text-decoration: underline;
}

.post-loop nav.pagination .page-numbers {
    margin-right: 10px;
}

.post-loop nav.pagination .page-numbers.current {
    color: #9e9e9e;
}

/* Blog Loop */

.post-loop li.wp-block-post.post:not(.has-post-thumbnail) .wp-block-columns.is-layout-flex {
    gap: 0 0em;
}

/****************
* Single
****************/

/* Post Hero */
.single-hero>.wp-block-columns>.single-hero-left:not(:has(figure)) {
    flex-basis: 0% !important;
}

.single-hero>.wp-block-columns>.single-hero-left:not(:has(figure))+.single-hero-right {
    flex-basis: 100% !important;
    text-align: center;
}

.single-hero>.wp-block-columns>.single-hero-left:not(:has(figure))+.single-hero-right>.single-post-date {
    justify-content: center;
}

/* Post Categories */

.single-post-categories a {
    text-decoration: none;
    border: 1px solid #dfdfdf;
    padding: 8px 15px;
    border-radius: 5px;
    margin-right: 15px;
}

.single-post-categories a:hover {
    border-color: var(--wp--preset--color--plainpost-brown);
}


/* Block Quote */
blockquote.wp-block-quote {
    color: var(--wp--preset--color--plainpost-black);
    font-size: 35px;
    line-height: 1.5;
    font-weight: 600;
    padding: 0 5px;
    position: relative;
}

blockquote.wp-block-quote::before {
    content: " ";
    background-image: url('../images/quote-icon.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: -35px;
}

.single-comment-form form textarea,
.single-comment-form form input {
    border-color: #dfdfdf !important;
    border-radius: 5px;
}

.single-comment-form form .comment-form-cookies-consent {
    align-items: baseline;
}

/******************
* Archive
******************/
.archive-hero {
    max-width: 850px;
    margin: 0px auto;
}

.archive-hero h1 {
    display: flex;
    align-items: center;
}

.archive-hero .archive-post-count {
    border: 1px solid #dfdfdf;
    font-size: 16px;
    margin-left: 10px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 5px;
}

/* Author Page */

.author-info {
    gap: 10px;
}

.author-info .author_photo {
    border-radius: 50%;
}

/*
* Responsive Style
*
*/

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

    /* Header */
    .header-right {
        gap: 10px !important;
    }

    .btn-header a.wp-element-button {
        padding: 10px 15px;
    }

    /* Hero */
    .home-hero .home-hero-title {
        font-size: 3rem !important;
    }

    /* Latest Post */
    .home-latest-article-area a.wp-block-latest-posts__post-title {
        font-size: 20px;
    }

    /* Blog Loop */
    .post-loop .post .wp-block-post-title {
        font-size: 2rem !important;
        margin-top: 20px !important;
    }

    /* Footer */
    ul.footer-social-links {
        justify-content: center;
    }
    
    .footer-copyright {
        text-align: center;
    }
}