/*--------------------------------------------------------------

# SINGLE



For single post

ONLY for post type = post 

ADD your own stylesheet for custom post type single page 

OR, if it uses sames styles, add it to enqueue style function in functions.php 



--------------------------------------------------------------*/

.single-post h1 {
    width: 1055px;
    max-width: 100%;
    line-height: 1!important;
}

.single-post .content-header-text {
    width: 771px;
    max-width: 100%;
}

#breadcrumbs {
    margin: 42px 0 96px;
}

.article-container {
    background-color: #f2f4f9;
    
}

.article-content {
    padding: 69px 0 96px;
}

.article-content a {
    text-decoration: underline;
}

.article-content p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #13103B;
}

.article-content p + ul {
    margin-top: -20px;
}

.article-content li {
    margin-bottom: 12px;
    font-size: 18px;
    color: #13103B;
}

.article-content h2 {
    margin-bottom: 20px;
}

.article-content h3 {
    margin-bottom: 12px;
}

.article-content img {
    border-radius: 10px;
    margin: 34px 0;
}

.article-content blockquote {
    margin: 8px 0;
    padding-left: 91px;
    color: #e3002d;
    font-weight: 600;
    position: relative;
}

.article-content blockquote:before {
    display: block;
    position: absolute;
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU5cHgiIGhlaWdodD0iNDVweCIgdmlld0JveD0iMCAwIDU5IDQ1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1OSA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTMwNDJFIiBkPSJNMjcuOTc2LDMzLjQxMmMwLjA1NS0xLjQxMy0wLjE3LTIuODIzLTAuNjYtNC4xNDhjLTEuNDc3LTQuMTUzLTQuNjQ0LTcuNDczLTguNzAzLTkuMTE4DQoJCWMtMS44NjUtMC43NDEtMi41OTQtMy4xNjktMi4xMTMtNS4xM2MwLjQ4LTEuOTYsMS44NDgtMy41NjIsMy4xNzYtNS4wODNjMS42OTUtMS45NjEsMS4xMy01LjIxNS0wLjY1NS03LjA4NA0KCQljLTEuNzg2LTEuODY5LTQuNDg3LTIuNTg4LTcuMDY0LTIuODE1Yy0xLjAxNy0wLjA5MS0yLjIwNC0wLjAzOS0yLjgyNSwwLjc3QzUuMDc4LDYuMDcsMi4yNDIsMTIuMTg0LDAuODMsMTguNjk3DQoJCWMtMS4yMzgsNS43NjItMS4yODksMTEuOTYyLDEuMjI2LDE3LjI2M2MyLjUxNSw1LjMsOC4wMjQsOS4zOTYsMTMuODM0LDkuMDE2YzQuMTM2LTAuMjkxLDcuOTYyLTIuODUsMTAuMjI5LTYuMzM4DQoJCWMxLjA1My0xLjU0MSwxLjY5MS0zLjMzMiwxLjg1NC01LjE5N0wyNy45NzYsMzMuNDEyeiIvPg0KCTxwYXRoIGZpbGw9IiNFMzA0MkUiIGQ9Ik01OC45OTEsMzMuNDEyYzAuMDU0LTEuNDEzLTAuMTcxLTIuODIzLTAuNjYxLTQuMTQ4Yy0xLjQ3Ny00LjE1My00LjY0NC03LjQ3My04LjcwMy05LjExOA0KCQljLTEuODY0LTAuNzQxLTIuNTk0LTMuMTY5LTIuMTEzLTUuMTNjMC40OC0xLjk2LDEuODQ4LTMuNTYyLDMuMTc2LTUuMDgzYzEuNjk1LTEuOTYxLDEuMTMxLTUuMjE1LTAuNjU1LTcuMDg0DQoJCXMtNC40ODctMi41ODgtNy4wNjMtMi44MTVjLTEuMDE4LTAuMDkxLTIuMjA0LTAuMDM5LTIuODI2LDAuNzdjLTQuMDUzLDUuMjY4LTYuODg5LDExLjM4MS04LjMwMSwxNy44OTUNCgkJYy0xLjIzNyw1Ljc2Mi0xLjI4OSwxMS45NjIsMS4yMjcsMTcuMjYzYzIuNTE1LDUuMyw4LjAyMyw5LjM5NiwxMy44MzQsOS4wMTZjNC4xMzYtMC4yOTEsNy45NjItMi44NSwxMC4yMjgtNi4zMzgNCgkJYzEuMDUzLTEuNTQxLDEuNjkxLTMuMzMyLDEuODU0LTUuMTk3TDU4Ljk5MSwzMy40MTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    height: 45px;
    width: 59px;
    background-size: cover;
    top: calc(50% - 22px);
    left: 0px;
    transform: rotate(180deg);
}

.article-authorbox {
    padding: 40px 30px 54px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0px -4px 20px 0 rgba(19, 14, 58, 0.08);
}

.author-infos {
    display: flex;
    align-items: center;
}

.author-img img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
}

.author-post {
    margin-left: 26px;
}

.post-terms {
    margin: 25px 0 30px;
    display: flex;
    flex-wrap: wrap;
}


.author-social {
    border-top: solid 1px #dbe0ed;
    padding-top: 33px;
    margin-top: 20px;
}

.author-social a {
    margin-right: 20px;
}

.article-authorbox .post-terms .entry-tag-solo {
    margin-bottom: 10px;
}

.single-post .post-list article .post-thumbnail img {
    height: 160px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    object-fit: cover;
}

.single-post .post-list article .archive-card {
    padding: 29px 48px 30px 29px;
}

.single-post  .post-list article .entry-title {
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 18px;
    line-height: 23px;
}

.single-post .post-list article .entry-title a {
    color: #130e3a;
    font-size: 18px;
}

.article-container .container {
    position: relative;
}

.article-mea.post-list {
    display: block;
}

.article-link-container {
    padding: 80px 0;
    background-color: #d1d9ed;
}

.article-link-container .red-title {
    margin: 33px 0 42px;
}

.mahii-article-link-first {
    padding-top: 50px;
}

.mahii-article-link-first h3 {
    max-width: 275px;
}



@media screen and (max-width: 1024px) {
    .article-link-container .container>div {
        margin: 40px 0;
    }
}

@media screen and (min-width: 1024px) {
    .article-content {
        padding: 69px 340px 96px;
    }

    .single-post .content-header-text {
        margin: 65px 0 87px;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1299px) {

    .article-content-relation {
        display: flex;
        justify-content: space-between;
        padding: 0 340px;
    }

    .article-content-relation>div {
        width: calc(50% - 20px);
        margin-top: 0;
    }

    .article-authorbox {
        max-height: 290px;
    }
}

@media screen and (min-width: 1300px) {

    .single-post .article-mea.post-list {
        display: block;
        margin-top: 0;
    }

    .article-authorbox {
        width: 280px;
        position: absolute;
        top: -20px;
        left: 0;
    }

    .article-content-relation .article-mea.post-list {
        width: 280px;
        position: absolute;
        right: 0;
        bottom: 250px;
    }

    .single-post .mahii-article-link .post-list article .post-thumbnail img {
        height: 240px;
    }

    .single-post .mahii-article-link  .post-list article .entry-title {
        line-height: 34px;
        height: 97px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .single-post .mahii-article-link .post-list article .entry-title a {
        font-size: 24px;
    }

}