﻿/** Day Event **/
.dayEventCntnr{display:inline-block;float:right;width:100%;margin-bottom:40px;overflow:visible!important}
.dayEventCntnr .dayEvent{display:inline-block;float:right;width:100%;margin-left:0;margin-bottom:16px;}
.dayEventCntnr .dayEvent .eventTitle{display:inline-block;float:right;width:100%;padding:0 10px 0 10px;height:40px;line-height:40px;background-color:#1A247D;color:#fff;position:relative;border-radius:9px 9px 0 0;margin-bottom:0;text-align:center}
.dayEventCntnr .dayEvent .eventTitle h2{    display: flex;
    align-items: center;position:relative;width:auto;font-family: droidBold, Arial;font-size:14px;height:40px;color:#fff;text-align:right;float:right;line-height:40px;}
.dayEventCntnr .dayEvent:last-child{margin-bottom:0}
.dayEventCntnr .dayEvent .eventTitle h2:after{
    content: '';
    display: inline-block;
    margin-right:12px;
    background: url(../Images/wc26/titlePattern.svg) no-repeat right center;
    background-size: cover;
    width:56px;
    height:16px;
}
.dayEventCntnr .dayEvent .cntnr{display:inline-block;float:right;width:100%;position:relative;background:#fff;    border-radius: 0 0 9px 9px;}
.dayEventCntnr .dayEvent .cntnr .data{display:inline-block;float:right;width:100%;padding:10px;}
.dayEventCntnr .dayEvent .cntnr .data label{display:inline-block;float:right;width:100%;font-family: droidBold, Arial;font-size:13px;margin-bottom:4px;color:#000;text-align:right;line-height:1.4}
.dayEventCntnr .dayEvent .cntnr .data p{display:inline-block;float:right;width:100%;font-family: droidLight, Arial;font-size:13px;line-height:1.6;max-height:80px;color:#000;text-align:right;margin-bottom:16px;overflow:hidden}
.dayEventCntnr .dayEvent.opinion .cntnr .data p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.dayEventCntnr .dayEvent .cntnr .data p a{color:#1E1E1E}
.dayEventCntnr .dayEvent .cntnr .data p a:hover{color:#D50001}
.dayEventCntnr .dayEvent .cntnr .data p span.vs{margin:0 4px}
.dayEventCntnr .dayEvent .cntnr .data p:last-of-type{margin-bottom:0}
.dayEventCntnr .star{display:inline-block;float:right;width:100%}
.dayEventCntnr .star .dayEvent{margin-bottom:20px}
.dayEventCntnr .dayEvent .cntnr .imageCntnr{display:inline-block;float:right;width:100%;height:auto;padding-bottom:56%;position:relative;overflow:hidden;border-radius: 0 0 9px 9px;overflow:hidden}
.dayEventCntnr .dayEvent .cntnr .imageCntnr img{position:absolute;width:100%;height:auto;max-width:unset;top:50%;left:50%;transform:translate(-50%,-50%)}
.dayEventCntnr .dayEvent .cntnr.video .imageCntnr span{width:50px;height:50px;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);line-height:46px;text-align:center;background: rgba(0,0,0,0.3);border-radius: 50%;border: 2px solid #FFFFFF;}
.dayEventCntnr .dayEvent .cntnr.video .imageCntnr span:before {content: "2";color:#FFFFFF;font-size: 20px;line-height:46px;opacity: 1;margin-left: 4px;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;}
.dayEventCntnr .flickity-enabled{display:inline-block;margin-bottom:30px;border-radius: 9px;background-color: #F4F4F4;height:auto;float: right;}
.dayEventCntnr .dayShot{max-height:unset; display: flex;
    width: 100%;margin-bottom:30px;}
.dayEventCntnr .dayShot .cntnr{padding:0}

 .dayEventCntnr .star .dayEvent .cntnr .data {
    display: flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    width: calc(100% - 60px);
    position: absolute;
    border-radius: 20px;
    background: #D50001;
    height: 40px;
    bottom: -20px;
    right: 30px;
    padding: 0;

}
 .dayEventCntnr .star .dayEvent .cntnr .data p,
 .dayEventCntnr .star .dayEvent .cntnr .data span{
 color: #fff;
    font-family: droidBold, Arial;
    font-size: 14px;
    line-height: unset;
    max-height: unset;
    margin-bottom: 0;
    text-align: center;
    float: none;
    width: auto;}
.dayEventCntnr .flickity-enabled:last-child{margin-bottom:0}

.dayEventCntnr .flickity-button{width:21px;height:21px;border-radius:50%;background-color:#D50001;border:0;top:8px}
.dayEventCntnr .flickity-button.previous{    left: 40px;right: auto;}
.dayEventCntnr .flickity-button.next{left:12px}
.dayEventCntnr .flickity-button:before{color:#1E1E1E;font-size:10px;line-height:2.2!important}
.dayEventCntnr .flickity-button:disabled{display:none }

 .dayQues .dayEvent{background:#fff;    padding:  0;}
 .dayQues label{display:inline-block;float:right;width:100%;font-family:droidLight, Arial;font-size:13px;color:#000;text-align:right;    max-height: 50px;
    overflow: hidden;}
.dayQues p{display:inline-block;border-radius:12px;width:100%;font-family:droidLight, Arial;font-size:15px;color:#000;margin-top: 10px;padding-right:12px;position:relative}
.dayQues p:before{content:"";width:9px;height:9px;  background:#00C651;
    mask: url(../Images/Afcon2025/greendiamond.svg) no-repeat center center;
    -webkit-mask: url(../Images/Afcon2025/greendiamond.svg) no-repeat;mask-size:contain;position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:1;pointer-events: none}
 .dayQues a{display:flex;justify-content:center;align-items:center;font-family:droidBold, Arial;font-size:13px;color:#fff;width: 140px;
    height: 37px;line-height:28px;border-radius: 8px;background: #D50001;text-align:center; margin-bottom: 18px;}

