/* home live */
.home--live-fixed{
    align-items: center;
    border-right: 1px solid #7777;
    margin-right: 20px;
    padding-right: 24px;
}
.home--live-fixed .clock-icon{
    width: 30px;
    aspect-ratio: 1;
    background-color: #000;
}

.home--live-scroll{
    margin-block: 26px 36px;
    width: 100vw;
    overflow: hidden;
} 
.home--live-scroll-wrapper{
    align-items: center;
}
.home--live-scroll .flex  > *{
    flex-shrink: 0;
}

.home--live-info{
    font-size: 13px;
    line-height: 15px;
    margin-left: 1rem;
    flex-shrink: 0;
    font-weight: 400;
}
.home--live-info h4{
    font-size: 15px;
    line-height: 18px;
    color: #dd0426;
    font-weight: 700;
}
.home-live--news{
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
}
.home-live--news p{
    margin-right: 2ch;
    padding-right: 2ch;
    font-weight: 500;
    border-right: 1px solid #000;
    flex-shrink: 0;
    color: #000;
}

.rolling-wrapper{
    white-space: nowrap;
    font-weight: 500;
}

.rolling-wrapper .news--wrapper{
    animation: animate_text 45s linear infinite;
}

.video-home .card--image {
    aspect-ratio: 1.6;
    overflow: unset;
}


@keyframes animate_text {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
}

@media screen and (max-width: 1120px) { 
    .home--live-fixed{
        margin-right: 1rem;
        padding-right: 1rem;
    }
    .home--live-info{
        margin-left: 10px;   
    }
}
@media screen and (max-width: 720px) { 
    .home--live-scroll{
        margin-block: 16px 28px;
    }
    .home-live--news p{
        font-size: 14px;
        line-height: 20px;
    }
    .home--live-info h4{
        font-size: 11px;
        line-height: 13px;
    }
    .home--live-info{
        font-size: 12px; 
        margin-left: 5px;   
    }
    .home--live-fixed{
        margin-right: 8px;
        padding-right: 8px;
    }
    .home--live-fixed .clock-icon{
        width: 21px;
    }
}

/* home main */

.home--main .cols-five{
    grid-column-gap: 30px;
}


@media screen and (max-width: 1420px) { 
}
/* frontpage */

.home--frontpage .sec-area{
    border-top: 1px solid #000;
}
.home--frontpage .sec-area--inner{
    background-color: #EFEFEF;
    padding:16px 16px 0 17px; 
}
.home--frontpage .sec-area--header{
    text-align: center;
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 15px;
}
.home--frontpage .sec-area--options{
    text-align: center;
    width: fit-content;
    margin: 0 auto 25px;
    font-size: 15px;
    line-height: 100%;
}
.home--frontpage .sec-area--options-btn{
    margin-inline: 1ch;
}
.home--frontpage .sec-area--options-btn.on{
    color: #dd0426;
}

.option-wrapper{
    position: relative;
    padding-bottom: 25px;
}

.option-wrapper::after{
    content: "";
    width: calc(100% + 33px);
    position: absolute;
    left: -17px;
    bottom: 0;
    border-top: 1px solid #000;
}

.option-wrapper .row-list{
    opacity: 0;
    display: none;
}
.option-wrapper .row-list.on{
    opacity: 1;
    display: block;
}

.option-wrapper .row-list > .card-wrapper{
    border:none;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.option-wrapper .row-list > .card-wrapper:last-of-type{
    margin-bottom: 0;
}

.option-wrapper .card--info{
    margin-block: 5px 0;
}
.option-wrapper .card--date, .option-wrapper .card--category{
    color: #000;
    font-size: 12px;;
}


.home--frontpage .sec-area .all-news{
    color: #dd0426;
    font-size: 15px;
    line-height: 31px;
    padding-top: 11px;
    margin-left: -17px;
    padding-left: 17px;
    align-items: center;
}

.home--frontpage .sec-area .all-news .arrow{
    filter: var(--redFilter);
    margin-left: 1ch;
}   


@media screen and (max-width: 920px) { 
    .home--frontpage .sec-area{
        margin-top: 54px;
    }
    .option-wrapper{
        padding-bottom: 30px;
    }
    .option-wrapper .row-list > .card-wrapper{
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 680px) { 
    .home--frontpage .sec-area{
        width: calc(100% - 1rem);
        margin-left: 5px;
    }
}
@media screen and (max-width: 650px) { 
    .home--frontpage{
        margin-bottom: 74px;
    }
    .home--frontpage .card.cover .card--lead{
        display: block;
    }
    .home--frontpage .grid-articles .major-area > div:first-of-type{
        margin-bottom: 20px;
    }
    .option-wrapper .card--info{
        order:-1;
        margin-block: 0 5px;
    }
}

/* home ignatiou */

.home--ignatiou{
    background-color: #dd0426;
    padding-top: 12px;
    color: #fff;
}
/*.home--ignatiou:not(:has( + .wrapper > aside.bnr)){
    margin-bottom: 78px;
}*/

.ignatiou-opinion{
    max-width: 1020px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column-gap: clamp(2.5rem, 7vw, 95px);
}

.ignatiou-opinion--header{
    grid-column: 1 / 2;
    padding-inline: 2ch;
    text-align: center;
    font-size: 33px;
    line-height: 68px;
    position: relative;
    font-weight: 300;
}
.ignatiou-opinion--header::before,
.ignatiou-opinion--header::after{
    content: "/";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.ignatiou-opinion--header::before{left: 0;}
.ignatiou-opinion--header::after{right: 0;}


.ignatiou-opinion--image{
    grid-column: 1/2;
    grid-row: 2/3;
    display: flex;
    align-items: flex-end;
}
.ignatiou-opinion--image img{
    display: block;
    margin-inline: auto;
    width: 100%;
    max-width: 306px;
}

.ignatiou-opinion--title{
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: 24px;
    line-height: 34px;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

@media screen and (max-width: 1220px) { 
    .ignatiou-opinion{
        grid-column-gap: 2rem;
    }
    .ignatiou-opinion--header{
        grid-column: 1 / 3;
        width: fit-content;
        margin-inline: auto;
    }
}

@media screen and (max-width: 920px) { 
    .ignatiou-opinion--title{
        font-size: 25px;
        line-height: 30px;
    }
}
@media screen and (max-width: 720px) { 
    .ignatiou-opinion{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .ignatiou-opinion--header{
        order:-1;
        font-size: 25px;
        line-height: 30px;
    }
    .ignatiou-opinion--title{
        margin-block: 60px 100px;
        font-size: 20px;
        line-height: 26px;
        font-weight: 400;
    }
}
@media screen and (max-width: 520px) { 
    .ignatiou-opinion--title{
        margin-block: 65px 4rem;
        padding-inline: 13px;
    }
}

/* opinions */

.opinions-grid{
    grid-column-gap: 50px;
}

.home--opinions .sec-area .card--info{display: none;}

@media screen and (max-width: 1620px) { 
    .opinions-grid{
        grid-column-gap: 2rem;
    }
}
@media screen and (max-width: 1020px) { 
    .opinions-grid{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3rem 2rem;
    }
}
@media screen and (max-width: 750px) { 
    .opinions-grid{
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .opinions-grid > div:nth-of-type(even) .card--image{margin-left: auto;}
    .opinions-grid > div:nth-of-type(even) .card--author{
        right: unset;
        left: 25px;
    }

    .opinions-grid .card--title{
        text-align: center;
    }
}

@media screen and (max-width: 680px) { 
    .home--opinions .sec-area .card--info{
        display: flex;
        margin-block: 12px 0;
    }
    .home--opinions .sec-area .card--info > *{ color: #000;}

    .home--opinions .sec-area .card-wrapper{
        border-color: #dd0426;
        margin-bottom: 22px;
    }
    .home--opinions .sec-area .card-wrapper:last-of-type{
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

}
@media screen and (max-width: 520px) { 
    /* .opinions-grid  .card--author{ right: 0;}
    .opinions-grid > div:nth-of-type(even) .card--author{
        left: 0px;
    } */
    .opinion-card{
        display: grid;
        grid-template-columns:  1fr 1fr;
        grid-gap: 26px 1rem;
    }
    .opinions-grid .card--image{
        grid-column: 1/2;
        min-width: unset;
        width: 100%;
    }
    .opinions-grid > div:nth-of-type(even) .card--image{
        grid-column: 2/3;
        margin-inline: auto;
    }
    .opinions-grid .card--author{
        grid-column: 2/3;
        top: unset;
        right: unset;
        align-self: center;
        justify-self: center;
        position: relative;
        grid-row: 1/2;
        padding-top: 1rem;
    }
    .opinions-grid > div:nth-of-type(even) .card--author{
        grid-column: 1/2;
        left: unset;
    }
    .opinions-grid .card--title{
        grid-column: 1/3;
        grid-row: 2/3;
        text-align: left;
    }
}

/* topics */

.home--topics .section--header{
    margin-bottom: 58px;
}

@media screen and (max-width: 620px) { 
    .home--topics .section--header{
        margin-bottom: 38px;
    }
}

/* economy */

@media screen and (max-width: 1180px) { 
    .home--economy .row-list{
        display: flex;
        gap: 2rem;
    }
    .home--economy .row-list .card{
        display: flex;
    }
    .home--economy .row-list .card--image{
        order: -1;
    }

}
@media screen and (max-width: 820px) { 
    .home--economy .row-list{
        gap: 1rem;
    }
}

@media screen and (max-width: 620px) { 
    .home--economy .row-list{
        display: block;
        margin-top: 30px;
    }
    .home--economy .row-list .card{
        display: grid;
    }
}

/* politics */

.home--politics .sec-area .card--info{display: none;}


@media screen and (max-width: 680px) { 
    .home--politics .sec-area .card--info{
        display: flex;
        margin-block: 15px 0;
    }
    .home--politics .sec-area .card--info > *{ color: #000;}

    .home--politics .sec-area .card-wrapper{
        border-color: #dd0426;
        margin-bottom: 22px;
        padding-bottom: 19px;
    }
    .home--politics .sec-area .card-wrapper:last-of-type{
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

}

/* inter */

.home--inter .grid-articles{
    border-right: 1px solid #000;
    padding-right: 16px;
}

.home--inter .grid-articles .sec-area .card--lead,
.home--inter .grid-articles .sec-area .card--info{
    display: none;
}


@media screen and (max-width: 1380px) { 
    .home--inter .grid .grid-articles{
        --space: 36px;
    }
}
@media screen and (max-width: 1320px) { 
    .home--inter .grid.cols-2{
        display: flex;
        flex-direction: column;
    }
    .home--inter .grid .grid-articles{
        --space: 0;
        border-right: none;
        padding-right: 0;
        grid-row-gap: 60px;
        margin-bottom: 60px
    }
    .home--inter .grid .side-articles{
        display: flex;
        gap: 3rem;
    }
    .home--inter .grid .side-articles .row-list{
        margin-top: 0;
    }
    .home--inter .grid-articles .sec-area.row::before{
        width: calc(100% + 4rem);
        left: -2rem; 
    }

}

@media screen and (max-width: 920px) { 
    .home--inter .grid .grid-articles{
        grid-row-gap: 0;
        margin-bottom: 0;
    }
    .home--inter .grid .side-articles{
        flex-direction: column;
    }
}
@media screen and (max-width: 680px) { 
    .home--inter .grid.cols-2{
        gap: 0;
    }
    .home--inter .grid-articles .sec-area .card--lead{
        display: block;
        margin-block: 14px 21px;
    }
    .home--inter .grid-articles .sec-area .card--info{
        display: flex;
        margin-bottom: 0;
    }
    .home--inter .grid-articles .sec-area.row::before{
        width: calc(100% + 2 * var(--mobilePadding));
        left: calc(-1 * var(--mobilePadding)); 
    }

}
@media screen and (max-width: 580px) { 
    .home--inter .grid .side-articles .row-list .all-news{
        display: none;
    }
}
@media screen and (max-width: 520px) { 
    .home--inter .grid .side-articles{
        gap: 0;
    }
    .home--inter .grid .side-articles .row-list:first-of-type{
        margin-bottom: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid #000;
    }
}


/* abroad */

@media screen and (max-width: 620px) { 
    .home--abroad{
        padding-block: 40px 54px;
    }
}

/* sport */

@media screen and (max-width: 920px) {
    .home--sport .sec-area{
        padding-bottom: 52px; 
    }
}
@media screen and (max-width: 680px) {
    .home--sport .sec-area .card-wrapper{
        padding-bottom: 28px;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 520px) {
    .home--sport .sec-area{
        margin-top: 34px;
    }
}

/* lifestyle */

.home--lifestyle{
    background-color: #dd0426;
    color: #fff;
    padding-block: 98px 105px;
}
.home--lifestyle .row-list .card-wrapper{
    border-color: #fff;
}
.home--lifestyle .card-wrapper:last-of-type{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.home--lifestyle .card--date,
.home--lifestyle .card--category,
.home--lifestyle .card{
    color: #fff;
}

@media screen and (max-width: 920px) {
    .home--lifestyle .row-list .card-wrapper{
        border-bottom: 1px solid #fff;
        padding-bottom: 9px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 620px) {
    .home--lifestyle{
        padding-block: 46px;
    }
    
    .home--lifestyle .row-list .card-wrapper:last-of-type{
        margin-bottom: 0;
    }
    .home--lifestyle .row-list .card--title{
        grid-row: 1 / 2;
    }
    .home--lifestyle .row-list .card--info{
        grid-row: 2/ 3;
        margin-block: 18px 0; 
    }
}
@media screen and (max-width: 520px) {
    .home--lifestyle .cols-three{   
        --gap: 48px;
    }
    .home--lifestyle .card.row{
        grid-column-gap: 14px;
    }
}

/* energy / sci  */

@media screen and (max-width: 620px) {
    .home--energy .major-area,
    .home--sci .major-area{
        margin-bottom: 30px; 
    }
}

/* home-photo */
.home--photo{
    background-color: #000;
    padding-block: 90px 70px;
    color: #fff;
}
.photo-of-the-day{
    text-align: center;
    font-size: 25px;
    margin-bottom: 33px;
    font-weight: 500;
}
.photo-of-the-day::before,
.photo-of-the-day::after{
    content: "/";
}
.photo-of-the-day::before{
    margin-right: 2ch;
}
.photo-of-the-day::after{
    margin-left: 2ch;
}

.home-photo-card{
    max-width: 1043px;
    margin-inline: auto;
}
.home-photo-card .card--image{
    aspect-ratio: 1.6;
    margin-bottom:20px;
}
.home-photo-card .card--info{
    justify-content: center;
    margin-bottom: 8px;
}
.home-photo-card .card--title{
    max-width: 625px;
    margin-inline: auto;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 31px;
}

@media screen and (max-width: 620px) {
    .home--photo{
        padding-block: 50px 65px;
    }
    .photo-of-the-day{
        font-size: 20px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 380px) {
    .photo-of-the-day::before{
        margin-right: 1ch;
    }
    .photo-of-the-day::after{
        margin-left: 1ch;
    }
}

/* home margins */

.home--main + .wrapper > .bnr.wide{ margin-bottom: 48px;}
.home--frontpage{ margin-bottom: 76px;}
.home--ignatiou + .wrapper > .bnr-wide{ margin-bottom: 60px;}
.home--opinions{ margin-bottom: 115px;}
.home--topics{ margin-bottom: 82.5px;}
.home--economy{ margin-bottom: 115px;}
.home--society{ margin-bottom: 115px;}
.home--politics{ margin-bottom: 113px;}
.home--inter{ margin-bottom: 115px;}
.home--abroad{ margin-bottom: 95px;}
.home--sport{ margin-bottom: 120px;}
.home--lifestyle{ margin-bottom: 94px;}
.home--energy{ margin-bottom: 110px;}
.home--sci{ margin-bottom: 90px;}

@media screen and (max-width: 1420px) {
    .home--main + .wrapper > .bnr.wide{ margin-top: 15px;}
}
@media screen and (max-width: 1080px) {
    .home--sport{ margin-bottom: 0;}
}
@media screen and (max-width: 920px) {
    .home--main:not(:has(+ .wrapper > .bnr.wide)){ margin-bottom: 25px;}
    .home--opinions{ margin-bottom: 100px;}
    .home--politics{ margin-bottom: 80px;}
    .home--abroad{ margin-bottom: 62px;}
    .home--lifestyle{ margin-bottom: 55px;}
    .home--energy{ margin-bottom: 68px;}
    .home--sci{ margin-bottom: 80px;}
    .home--inter{margin-bottom: 60px;}
    .home--economy{margin-bottom: 96px;}
}
@media screen and (max-width: 620px) {
    .home--society{
        padding-block: 40px 54px;
        margin-bottom: 77px;
    }
}
@media screen and (max-width: 580px) {
    .home--topics{margin-bottom: 92px;}
    .home--main + .wrapper > .bnr.wide{ margin-top: 3rem;}
    .home--main:not(:has(+ .wrapper > .bnr.wide)){ margin-bottom: 67px;}
}

@media screen and (min-width: 1280px) {
.home--frontpage .card-wrapper, .home--inter .grid-articles .major-area .card-wrapper:not(:first-of-type) {
    margin-bottom: 25px;
}

}



/*Red Line Section Style*/

.home--red-line .wrapper .grid {
    border-top: 25px solid #d44346;
    border-bottom: 25px solid #d44346;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 120px;
    margin-bottom: 120px;
    grid-template-columns: none;
}

.home--red-line .wrapper .grid-articles{
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
}

.home--red-line .wrapper .grid-articles .major-area .card-wrapper{
    margin-bottom: 0;
}

.home--red-line .wrapper .grid-articles .major-area .card-wrapper .red-line-section-header{
    border: none;
    max-width: 240px;
    color: #cd4748;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 48px;
} 

.home--red-line .wrapper .grid-articles .major-area .card-wrapper .red-line-section-header h2{
    font-family: PFAgoraSerifPro-Bold;
    font-size: 55px;
    line-height: 48px;
    padding-top: 21.5px;
}

.home--red-line .wrapper .grid-articles .major-area .card-wrapper .card--info{
    padding: 0;
}