main.tag-page {
    --font-primary: 'Source Sans Pro', sans-serif;
    --font-secondary: 'Roboto', sans-serif;
}
main.tag-page {
    position: relative;
    z-index: 10;
    background-color: white;
    max-width: 1320px;
    margin: auto;
}

.tag-banner .main-banner .scroll-down svg {
    opacity: 0;
}

main.tag-page .site-main{
    padding-top: 0;
}

main.tag-page .custom-tag-title{
    font-family: var(--font-secondary);
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 0;
    text-align: center;
}

main.tag-page .text-clamp {
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;  
}

main.tag-page .tag-content{
    display: flex;
    flex-direction: column;
    gap: 140px;
    margin-top: 60px;
}

main.tag-page .tag-content article{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

main.tag-page .tag-content article .entry-header{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
main.tag-page .tag-content article .entry-header .post-meta-date{
    font-family: var(--font-primary);
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0,02em;
    white-space: nowrap;
    color: #97D700;
}
main.tag-page .tag-content article .entry-header .sub_heading1{
    margin: 0;
    flex-grow: 1;
    font-family: var(--font-primary);
    gap: 16px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #8C714C;
}

main.tag-page .tag-content article .post-excerpt *{
    margin: 0;
}
main.tag-page .tag-content article .post-excerpt {
    margin-bottom: 24px;
    text-align: justify;
}

main.tag-page .tag-content article .button-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    text-transform: capitalize;
    color: #4C545D;
    background-color: white;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    gap: 8px;
    border: 1px solid #4C545D;
    letter-spacing: 0.02em;
    width: auto;
    min-width: 155px;
    min-height: 44px;
}

main.tag-page .tag-content article .button-tag svg{
    width: 17px;
    height: 17px;
}

main.tag-page .tag-content article .button-tag:hover {
    background-color: #97D700;
    border: 1px solid #97D700;
}


@media screen and (min-width: 1440px){
    main.tag-page .site-main{
        max-width: 872px;
        padding-left: 0;
        padding-right: 0;
    }
    
}
@media screen and (min-width: 768px) and (max-width: 1339.98px){
    main.tag-page{
        max-width: 872px;
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media screen and (max-width: 767.98px){
    main.tag-page{
        max-width: 100%;
    }

    main.tag-page .site-main{
        padding-bottom: 65px;
    }
    
    main.tag-page .tag-content{
        gap: 80px;
        margin-top: 30px;
    }
    main.tag-page .tag-content article .entry-header{
        flex-direction: column;
        gap: 16px;
    }
    main.tag-page .tag-content article{
        gap: 16px;
    }
    main.tag-page .tag-content article .post-excerpt {
        margin-bottom: 24px;
        text-align: justify;
    }

    main.tag-page .custom-tag-title{
        padding-top: 60px;
        padding-bottom: 30px;
    }
    main.tag-page .text-clamp {
        -webkit-line-clamp: 5;
        white-space: normal;  
    }
  
    main.tag-page .tag-content article .entry-header .sub_heading1,main.tag-page .tag-content article .entry-header .post-meta-date{
        font-size: 22px;
        line-height: 32px;
    }
}

/* --fix-bug: U009 */
/* @media (max-width: 767.98px) { */
/* Likely mobile: coarse pointer, no hover (touch screen) */
@media (pointer: coarse) and (hover: none) {
    main.tag-page .tag-content {
        gap: 0;
    }

    main.tag-page .tag-content article.post {
        margin-top: 80px;
    }

    main.tag-page .tag-content article.post:first-child {
        margin-top: 0;
    }

    main.tag-page .site-main {
        padding-bottom: 60px;
    }
}
/* --end-fix-bug: U009 */