.article--body ul {
    list-style-type: disc;
    margin-inline-start: 1em;
}
.article--body ol {
    list-style-type: decimal;
    margin-inline-start: 1em;
}

/* category */

.category-page{
    margin-top: clamp(44px, 5vw, 85px);    
}

.category-page .grid{
    border-bottom: 1px solid #000;
    padding-bottom: 103px;
}
.category-page .grid.sidebar .grid-articles .major-area{
    grid-row-gap: 74px;
}
.category-page .grid-articles .major-area > div:first-of-type{
    margin-bottom: 14px;
}

.category-page .major-area .bnr.wide{
    margin-block: 24px 3px;        
} 

.category-page .grid-articles .card--info{
    /*display: none;*/
}
.category-page .grid-articles .major-area > .card-wrapper:first-of-type .card--info{
    display: flex;
}

.category-page.search-page .grid-articles .major-area > div:first-of-type {
    height: unset;
    grid-column: unset;
}

@media screen and (max-width: 920px) {
    .category-page .sec-area{display: none;}
}
@media screen and (max-width: 650px) {
    .category-page .grid.sidebar .grid-articles .major-area{
        grid-row-gap: 30px;
        padding-top: 5px;
    }
}
@media screen and (max-width: 620px) {
    .category-page .grid-articles .card--info{
        display: flex;
    }
    .category-page .major-area .card-wrapper:nth-of-type(2) .card--image,
    .category-page .major-area .card-wrapper:nth-of-type(3) .card--image{
        order: -1;
        margin-bottom: 10px;
    }
    .category-page .major-area .card-wrapper:nth-of-type(2) .card--info,
    .category-page .major-area .card-wrapper:nth-of-type(3) .card--info{
        margin-bottom: 8px;
    }
}

/* ignatiou */

.author-ignatiou .home--ignatiou{
    padding-top: clamp(3rem, 12vw, 193px);
    margin-bottom: clamp(2rem, 5vw, 87px);
}
.author-ignatiou .ignatiou-opinion{
    max-width: 1080px;
}
.author-articles-wrapper{
    max-width: 1080px;
    margin-inline: auto;
}
.author-articles{
    max-width: 600px;
}
.author-articles > .card-wrapper{
    max-width: 600px;
    border-bottom: 1px solid #777;
    padding-block: 2rem 3rem;
}
.author-articles + .more-articles{
    margin-top: 2rem;
    font-size: 15px;
    line-height: 31px;
    font-weight: 500;
    color: #A21B1E;
}

.more-articles img{
    display: inline-block;
    width: 1.5rem;
    filter: var(--redFilter);
}

@media screen and (max-width: 980px) {
    .author-articles > .card-wrapper{
        padding-block: 1.5rem 2rem;
    }
}
@media screen and (max-width: 520px) { 
    .author-ignatiou .ignatiou-opinion--title{
        font-size: 16px;
        line-height: 21px;
        margin-block: 40px 3rem;
        padding-inline: 0;
    }
}
@media screen and (max-width: 480px) {
    .author-articles > .card-wrapper{
        padding-block: 17px 22px;
    }
}

/* single */
.single .wp-caption {
    width: 100%!important;
}
.single{
    margin-top: 67px;
}
.single article .article--body a{
    font-weight: 700;
    font-weight: 600;
    position: relative;
    background: linear-gradient(rgba(221, 4, 38, 0.2), rgba(207, 46, 46, 0.6)) left no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: auto;
    background-size: 100% 6px;
    background-position: 0 90%;
    position: relative;
    transition: all 0.3s ease;
}
.single article .article--body a:hover {
    background-size: 100% 12px;
}

.single article{
    max-width: 1043px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: clamp(3rem, 6vw ,138px);
}
.single article aside{
    grid-column: 2 /3;
    grid-row: 5 / 7;
}

.article--image{
    grid-column: 1 / -1; grid-row: 1 /2;
    aspect-ratio: 1.6;
}
.article--info{
    grid-row: 2 / 3;
    margin-top: 10px;
}
.article--author{
    grid-row: 3 / 4;
}
.article--info,
.article--author{
    grid-column: 1 / 2;
}
.article--author,
.article--category,
.article--time{
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
    color: #dd0426;
}
.article--time {
    margin-left: 12px;
}
.article--title{
    grid-column: 1 / -1; 
    grid-row: 4 / 5;
    font-size: 28px;
    line-height: 30px;
    margin-block: 22px 35px;
    font-weight: 500;
    color: #000;
}
.article--body{
    grid-column: 1 / 2; grid-row: 5 / 6;
    font-size: 18px;
    line-height: 28px;
    color: #303030;
}
.article--footer{
    grid-column: 1 / 2; grid-row: 6 / 7;
}

.article--body > *{
    margin-bottom: 2rem;
}

.article--body .related-article{
    padding-block: 2rem 1rem;
    border-top: 1px solid #777;    
    border-bottom: 1px solid #777;    
}

.article--body .related-article .card.row{
    grid-template-columns: 1fr 1rem minmax(172px, 29%);
}

.single article aside .bnr {
    position: relative;
    top: 1rem;
    height: 100%;
}
.single article aside .bnr .asd {
    height: 50%;
}
.single article aside .bnr .asd > div {
    position: sticky;
    top: 8px;
}
.single article aside .bnr .asd .asdad {
    margin-bottom: 8px;
}

.article--image figure{
    width: 100%;
}
.article--image figcaption{
    font-size: 12px;
    line-height: 100%;
    margin-top: 10px;
    text-align: left;
    /*padding-left: 2rem;*/
    font-style: italic;
    font-weight: 300;

    /*New Style for pic-caption*/
    font-weight: 600;
    font-size: 14px;
}
.article--image figure img{
    aspect-ratio: 1.6;
}

.article--footer .social li{
    filter: var(--redFilter);
    margin-right: 18px;
}
article + .section-header{
    width: 100%;
    text-align: center;
    border: none;
    padding-top: 0;
    margin-top: clamp(86px, 13vw, 120px);
    margin-bottom: 40px;
}
article + .section-header h2{
    padding-top: 0;
    font-size: 30px;
    line-height: 31px;
}
.more-articles-wrapper{
    --gap: 12px;
    max-width: 1312px;  
    gap: 3rem var(--gap);
    flex-wrap: wrap;
    margin-inline:  auto;
    padding-bottom: 80px;
    border-bottom: 1px solid #777;
}
.more-articles-wrapper > div{
    width: calc((100% - (2 * var(--gap))) / 3);    
}
.more-articles-wrapper .card{
    flex-direction: column-reverse;  
}
.more-articles-wrapper .card--info{
    display: none;  
}
.more-articles-wrapper .card--image{
    margin-bottom: 17px;  
    aspect-ratio: 1.77;
}
@media screen and (max-width: 1080px) {
    .single article{
        grid-column-gap: clamp(2rem, 5vw ,138px);
    }
}
@media screen and (max-width: 820px) {
    .single article > * { grid-column: 1 / -1;}
    .single article > aside {
        grid-column: 1 / -1; grid-row: 7 / 8; 
        margin-top: 2rem;
        display: none;
    }
    .single{
        margin-top: 40px;
    }
}
@media screen and (max-width: 620px) {
    .article--title{
        margin-block: 17px 31px;    
    }
    .article--image figcaption{
        margin-top: 6px;
    }
    .article--info{
        margin-top: 23px;
    }
    .more-articles-wrapper{
        flex-direction: column;
        gap: 30px;
        margin-bottom: 15px;
        padding-bottom: 50px
    }
    .more-articles-wrapper > div{
        width: 100%;
    }
    .more-articles-wrapper .card--info{
        display: flex;  
    }
    .article--body .related-article .card.row{
        grid-template-columns: 1fr 1rem minmax(142px, 35%);
    }
    .article--body .related-article .card--image{
        grid-column: -2 / -1;
        aspect-ratio: 1.54;
    }
    .article--body .related-article .card--title{
        grid-column: 1 / 2; grid-row: 1 / 2;   
    }
    .article--body .related-article .card--lead{
        grid-column: 1 / 2; grid-row: 2 / 3;
        display: block;
    }
    .article--body .related-article .card--info{
        grid-column: 1 / 2; grid-row: 3 /4;
        margin-bottom: 0;
    }
    .article--body .related-article{
        padding-block: 1rem;
    }
    .article--body > * {
        margin-bottom: 28px;
    }
    .single article {
        display: block;
    }
}


/* contact page */

.contact-page{
    background-color: #A21B1E;
    padding-block: clamp(57px, 8vw, 150px) clamp(150px, 15vw, 279px)
}

.contact-wrapper{
    /* max-width: 1230px; */
    margin-inline: auto;
    padding-left: clamp(5rem, 15vw, 300px)
}
.contact-form{
    max-width: 466px;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}


.contact-form--title{
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 23px;
    width: 100%;
    font-weight: 500;
}

.form-field{
    width: 100%;
}
.form-field.sm{
    width: calc((100% - 10px) / 2);
}
.form-field textarea,
.form-field input{
    width: 100%;
    background-color: #fff;
}

.submit-field{
    justify-content: flex-end;
    gap: 2ch;
    align-items: center;
    width: 100%;
}
.submit-field input{
    font-size: 15px;
    font-weight: 500;
}

@media screen and (max-width: 1120px) {
    .contact-wrapper{padding-left: 0}
    .contact-form{margin-inline: auto;}    
}
@media screen and (max-width: 580px) {
    .form-field textarea, .form-field input{
        font-size: 14px;
        line-height: 16px;
        padding-block: 12px 10px
    }
    .contact-form--title{
        margin-bottom: 28px;
    }
    .form-field.sm{
        width: 100%;
    }   
}

.social.share-top {
    margin-top: 18px;
    grid-column: 1 / 2;
}
.social.share-top li {
    filter: var(--redFilter);
    margin-right: 18px;
}
.the-tags {
    padding-top: 12px;
    margin-top: 18px;
    border-top: 1px solid #dd0426;
}
.the-tags li {
    font-weight: 500;
    color: #dd0426;
    margin-right: 18px;
    margin-bottom: 8px;
}
.the-tags .flex {
    flex-wrap: wrap;
}