/******** utils *********/
.mblock-margin{
    margin-top: 40px !important;
    margin-bottom: 40px;
}

/********* end utils ******/

/******** Main Header ********/
.mainHeader{
    padding: 6px 0;
}
.mainHeader .header-items{
    justify-content: space-between;
}
.header-items div.socialMedias,
.header-items .logo,
.header-items .search-form{
    flex: 1;
}
.mainHeader .header-items .logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-items .search-form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mainHeader .socialMedias img{
    width: 30px;
    height: 30px;
}
.orion-menu li a::before{
    content: none !important;
}
.main-menu ul > li.current-menu-item > a,
.main-menu ul > li:hover > a{
    color: #D70D0C;
    font-weight: 700;
}

@media (max-width: 999.99px){
    .mainHeader .socialMedias{
        display: none;
    }
    .header-items div.socialMedias,
    .header-items .logo,
    .header-items .search-form{
        flex: unset;
    }
}
/******** END Main Header ********/

/******** Footer style **********/
footer.siteFooter{
    background-color: #2A337F;
    padding: 0;
}
.footer-widgets{
    justify-content: space-between;
    color: #ffffff;
    padding: 60px 0 60px;
}
.footer-widgets > div:first-child{
    cursor: pointer;
}
.footer-widgets > div:not(:first-child){
    border-right: 1px solid #1B2577;
    padding-right: 16px;
}
.footer-widgets li{
    margin-bottom: 15px;
}
.footer-widgets li a{
    font-size: 16px;
    font-weight: 500;
}
.footer-widgets .socialMedias{
    margin: 20px 0 0 !important;
    display: flex;
}
.footer-widgets .socialMedias a{
    margin-left: 16px !important;
    margin-right: 0 !important;
}
.footer-widgets .socialMedias a:before {
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
}
.copyright p{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.copyright{
    padding: 16px 0;
    background-color: #1B2577;
}
@media (max-width: 767.99px){
    .footer-widgets{
        flex-direction: column;
        text-align: unset;
    }
    .footer-widgets > div{
        margin-bottom: 20px !important;
        text-align: initial !important;
    }
    .footer-widgets > div:first-child img{
		max-width: 280px;
	}
}
/******** End Footer style **********/

/***** HOROSCOPE Home Block STYLES *********/
.hrscope_container{
    width: 100%;
    height: fit-content;
    border: 2px #F4F9FB solid;
    font-family: 'Almarai', sans-serif;
}
.hrscope_header,.event_header{
    text-align: center;
    background-color: #F4F9FB;
}
.hrscope_header h1,.event_header h3{
    padding: 15px 0;
    font-size: 25px;
    color: #2A337F;
    font-weight: bold;
}
.hrscope_slider{
    padding: 20px 30px;
    position: relative;
}
.hrscope_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none;
}
.hrscope_item a img{
    max-width: 86px;
    max-height: 86px;
}
.hrscope_item a h3{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-top: 24px;
    color: #000000;
}
.hrscope_item > p{
    font-size: 14px;
    border-top: 2px solid #D3DCEA;
    padding-top: 20px;
}
/* Next & previous buttons */
.hrscope_slider .prev, .hrscope_slider .next {
    cursor: pointer;
    position: absolute;
    top: 55px;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #B4B4B4;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.hrscope_slider .prev i, .hrscope_slider .next i{
    font-size: 24px;
}
/* Position the "next button" to the right */
.hrscope_slider .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.hrscope_slider .prev {
    left: 0;
}
/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
  }

/***** END HOROSCOPE Home Block STYLES *********/

/***** HOROSCOPE Single Page STYLES *********/
.horoscopes-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
    margin: 50px auto;
}
.hrscope-single{
    padding: 24px;
    border-radius: 10px;
    box-shadow: 2px 2px 20px 1px #cccccc, -2px -2px 20px 0px #cccccc;
}
.horoscope-info{
    display: flex;
    align-items: center;
    gap: 25px;
    max-height: 85px;
    margin-bottom: 30px;
}
.horoscope-info img{
    height: 100%;
    max-width: 87px;
}
.hrscopes-aside > ul{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.hrscopes-aside li.nav-item{
    width: 50px;
    height: auto;
}

@media (max-width: 767.98px){
    .horoscopes-content {
        flex-direction: column;
        gap: 30px;
    }
    .hrscopes-aside > ul{
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/***** END HOROSCOPE Single Page STYLES *********/


/***** FINICIAL HOLDINGS Single Page STYLES *********/
.finholdings-content{
    margin: 50px auto;
}
.finholding-filter{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
}
.finholding-filter .finholding-options{
    -webkit-appearance: auto;
    appearance: auto;
    padding: initial;
    cursor: pointer;
}
.finholding-filter > p{
    font-size: 18px;
}
.finholding-filter > select{
    width: 300px !important;
}
.finholding-filter a{
    margin-bottom: 10px;
}
.finholding-filter a:hover{
    color: #ff6f02;
}
/***** END FINICIAL HOLDINGS Single Page STYLES *********/

/***** END BUS LINES TAXONOMY STYLES *********/
.buslines-content{
    margin-top: 60px;
}
.busstations-filter{
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.busstation-options{
    padding-top: 2px !important;
}
.busline-container{
    margin-bottom: 40px;
}
.last-trip{
    margin-top: 20px;
    margin-bottom: 50px;
}
.busline-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    box-shadow: 1px 1px 20px 4px #ececec;
}
.busline-block:hover{
    background-color: #f4f4f4;
    cursor: pointer;
}
/* .busline-block:hover .trip-title{
    filter: hue-rotate(40deg);
} */
.busline-block .first-part{
    flex: 1;
}
.busline-block .trip-title{
    transform: rotate(-90deg) translateY(38px);
    white-space: nowrap;
    background: #50a75e;
    color: #ffffff;
    padding: 4px 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.last-trip .trip-title{
    background: #2836b1;
}
.busline-block .middle-part{
    flex: 4;
    padding: 10px 0;
}
.busline-block .middle-top-part{
    display: flex;
    align-items: center;
    gap: 15px;
}
.busline-block .trip-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.busline-block .trip-info .line-title span{
    font-size: 16px;
    font-weight: 700;
}
.busline-block .middle-bottom-part{
    display: flex;
    align-items: center;
}
.busline-block .time,
.busline-block .duration{
    font-size: 36px;
    color: #3e3c3c;
    margin-bottom: 0;
}
.busline-block .duration > span{
    font-size: 26px;
}
.busline-block .line-between{
    width: 150px;
}
.busline-block .last-part{
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.busline-block .last-part .frequency{
    display: flex;
    align-items: center;
    gap: 15px;
}
.busline-block .last-part .title{
    margin-bottom: 0;
}
.station-block {
    background: #ececec;
    padding: 20px;
    border-radius: 14px;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 12px;
}
.station-block:hover,.station-block.selected-station{
    background: #f8f8f8 !important;
}
@media (max-width: 576px){
    .stations-container{
        margin-bottom: 30px;
    }
    .busline-block{
        flex-direction: column;
        padding-bottom: 20px;
    }
    .busline-block .trip-title{
        transform: rotate(0deg) translateY(0px);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-bottom: 10px;
    }
}
/***** END BUS LINES TAXONOMY STYLES *********/

/****** Home Page - Post Templates ********/
.posts-template .post-thumb-container{
    position: relative;
}
.posts-template .post-thumb-container img{
    border-radius: 10px;
    margin-bottom: 10px;
}
.posts-template.second-template .post-thumb-container img{
    height: 150px;
    width: 100%;
}
.posts-template .post-thumb-container a.cat-link{
    position: absolute;
    border-radius: 10px 0;
    bottom: 10px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.posts-template.first-template .post-thumb-container a.cat-link{
    padding: 18px 30px 16px 30px;
}
.posts-template.second-template .post-thumb-container a.cat-link{
    padding: 11px 20px 10px 20px;
}
.posts-template .post-details-container > a{
    font-weight: 700;
}
.posts-template .post-details-container h4{
    font-weight: 700;
}
.posts-template .post-details-container .publish-date{
    font-size: 11px;
    color: #6F7070;
}
.posts-template .post-details-container .excerpt{
    margin-top: 8px;
    font-size: 16px;
}


.latest-posts .grid-double{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.cat-latest-posts .six-posts-template{
    margin-top: 30px;
}
.cat-latest-posts .grid-auto{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    gap: 16px;
}
.cat-latest-v2 .grid-auto{
    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
    margin-top: 30px;
}
.cat-latest-header .current-cat{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cecece;
}
.cat-latest-header .current-cat h3{
    font-size: 40px;
    font-weight: 700;
}
.cat-latest-header .current-cat a{
    font-size: 20px;
    font-weight: 700;
    color: #2A337F;
}
.cat-latest-header .related-cat ul{
    display: flex;
    align-items: center;
    padding-top: 26px;
    gap: 40px;
}
.cat-latest-header .related-cat ul li{
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
}
.cat-latest-header .related-cat ul li a{
    color: #D70D0C;
}

.cat-latest-v2{
    padding: 54px 0;
    background-color: #2A337F;
}
.cat-latest-v2 h3,
.cat-latest-v2 h4,
.cat-latest-v2 a,
.cat-latest-v2 .current-cat a,
.cat-latest-v2 a:hover{
    color: #ffffff;
}

.posts-template.third-template{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.cat-latest-v3 .one-fourth-posts-template .one-fourth{
    margin-top: 30px;
    margin-bottom: 30px;
}
.cat-latest-v3 .one-fourth-top{
    height: 250px;
    margin-bottom: 30px;
}
.cat-latest-v3 .posts-template .post-thumb-container img{
    height: 225px;
}
.posts-template.third-template .post-thumb-container img{
    margin-bottom: 0;
    height: 117px;
    width: 100%;
}

.cat-latest-v4 .row{
    margin-top: 30px;
}

.posts-template.fourth-template{
    background-color: #F6F8F9;
    padding: 24px 16px 20px 16px;
    border-radius: 10px;
}
.posts-template.fourth-template .post-details-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.posts-template.fourth-template .post-details-container h4{
    margin-bottom: 30px;
}
.posts-template.fourth-template .author-details{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.posts-template.fourth-template .author-details > *{
    cursor: pointer;
}
.posts-template.fourth-template .author-details img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/****** END Home Page - Post Templates ********/

/****** Home Page - Widgets ---------*/
.widget{
    margin: 0 !important;
}
#service-home h3 {
    font-size: 28px;
    color: #fff;
    background: #D70D0C;
    border-radius: 10px 10px 0 0;
    padding: 20px 0;
    margin-bottom: 0;
    text-align: center;
}
#service-home .service-home-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px 9px;
    background: #F4F9FB;
    border-radius: 0 0 10px 10px;
}
#service-home .service-block{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    background: #fff;
    box-shadow: 0px 3px 6px #a8a8a8;
    border-radius: 6px;
}
#service-home .service-block:hover{
    background-color: #ececec;
}
#service-home .service-home-img{
    width: 80px;
    height: 80px;
}
#service-home .service-home-link{
    font-size: 20px;
    font-weight: 700;
}


.widget_yop_poll_widget{
    background-color: #F4F9FB;
    padding-top: 23px;
    border-radius: 10px;
}
.widget_yop_poll_widget > h2{
    margin-right: 18px;
    font-size: 25px;
    font-weight: 700;
    color: #2A337F;
}
.basic-yop-poll-container .basic-question-title h5{
    color: #000000;
    font-size: 20px;
    font-weight: normal;
    text-align: right;
}
.basic-yop-poll-container .basic-answer .basic-text{
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}
.basic-yop-poll-container a.basic-vote-button{
    background: #d70d0c;
    border: 0px;
    border-style: solid;
    border-color: #d70d0c;
    border-radius: 5px;
    padding: 8px 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
}
.widget_yop_poll_widget .basic-yop-poll-container{
    background-color: #F4F9FB !important;
    border-color: #F4F9FB !important;
}
.basic-yop-poll-container input[type=checkbox], 
.basic-yop-poll-container input[type=radio]{
    margin-right: 0;
    margin-left: 14px;
}
.basic-yop-poll-container .basic-answer:last-child .basic-answer-content, 
.basic-yop-poll-container .basic-answer:last-child .progress{
    margin-right: 10px;
}

.matches-cover{
    height: 160px;
    border-radius: 10px;
    cursor: pointer;
}
.matches-heading{
    width: 100%;
    height: 160px;
    margin-bottom: 0;
    transform: translateY(28%);
}
.matches-cover > span,
.matches-cover > img{
    border-radius: 10px;
}
.matches-cover a,
.matches-cover a:hover{
    color: #ffffff;
}


.widget.mostReadWidget h3{
    font-size: 25px;
    color: #2A337F;
    font-weight: 700;
    margin-bottom: 30px;
}
.most-read-home .item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.most-read-home .item:last-child{
    margin-bottom: 0;
}
.most-read-home .item span{
    position: absolute;
    z-index: -1;
    font-size: 100px;
    font-weight: 700;
    color: #D3DCEA;
    opacity: 0.5;
    line-height: 1;
}
.widget .most-read-home .item h4{
    font-size: 20px;
    font-weight: 600;
    padding-top: 30px;
    padding-right: 18px;
    margin-bottom: 0;
}

.widget.exchange-rate h3{
    font-size: 25px;
    color: #2A337F;
    font-weight: 700;
}
.exchange-rate .panel-heading{
    background-color: #f5f5f5;
}

@media (max-width: 767.99px){
    .cat-latest-header .current-cat h3{
        font-size: 30px;
    }
    .cat-latest-header .current-cat a{
        font-size: 16px;
    }
    .cat-latest-header .related-cat ul{
        gap: 36px;
    }
    .cat-latest-header .related-cat ul li{
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 999.99px){
    #service-home h3{
        font-size: 24px;
    }
    #service-home .service-home-link{
        font-size: 16px;
    }
}
/****** END  Home Page - Widgets ---------*/

/******* Single Page ---------*/
article.single-post{
    display: flex;
    gap: 30px;
}
article.body .shareBar{
    display: flex;
    flex-direction: column;
}
article.body .shareBar > a{
    width: 30px;
}
article.body .shareBar img{
    margin-bottom: 12px;
}
.post-infos{
    margin-bottom: 30px;
}
ul.post-categories li{
    font-size: 20px;
    font-weight: 700;
}
.pTitle{
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 18px !important;
}
.dateTime{
    margin-bottom: 20px;
    color: #707070;
    font-size: 16px;
}
time.dateTime + figure > img{
    border-radius: 10px;
}
.post_tags > a{
    background-color: #2A337F;
    color: #ffffff;
    border-radius: 10px 0;
    margin-left: 16px;
    margin-bottom: 16px;
}
.post_tags > a:hover{
    color: #ffffff;
}
ul.post-categories li a {
    color: #2A337F;
}
.relatedMiddleContainer{
    display: block;
    position: relative;
    height: 275px;
    width: auto;
}
.relatedMiddle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 27px 50px 27px 30px;
    background-color: #E9EDF4;
    margin-bottom: 46px;
    margin-top: 38px;
    position: absolute;
    right: -78px;
}
.relatedMiddle li{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    list-style: disc;
    text-decoration: underline;
    text-underline-offset: 8px;
}
.relatedMiddle li:last-child{
    margin-bottom: 0;
}
.relatedMiddle .first-part{
    flex: 3;
}
.relatedMiddle .last-part{
    flex: 1;
}
.relatedMiddle .last-part span{
    color: #2A337F;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.relatedPostsWidget h3{
    font-size: 25px;
    color: #2A337F;
    font-weight: 700;
    margin-bottom: 20px;
}
.relatedPostsWidget .related-content ul > div{
    margin-bottom: 20px;
}

.related-articles .current-cat a{
    font-size: 28px;
    margin-bottom: 6px;
    color: #000000;
}

.cat-latest-single .current-cat h3{
    font-size: 36px;
}

.archive.tag #div-gpt-ad-1633700282458-0{
    margin-left: 60px;
}

@media (max-width: 767.99px) {
    article.single-post{
        flex-direction: column;
        gap: 16px;
    }
    article.single-post .shareBar{
		flex-direction: row;
	}
    article.single-post .shareBar > a{
        width: 38px;
		margin-left: 12px;
	}
    article.single-post .shareBar img{
        margin-left: 12px;
    }
    .relatedMiddleContainer{
        height: unset;
    }
    .relatedMiddle{
        flex-direction: column-reverse;
        position: initial;
    }
    .relatedMiddle .last-part{
        margin-bottom: 20px;
    }
    .archive.tag #div-gpt-ad-1633700282458-0{
        margin-left: unset;
    }
}
@media (min-width: 768px) and (max-width: 999.99px){
    article.single-post{
        flex-direction: column;
        gap: 16px;
    }
    article.single-post .shareBar{
		flex-direction: row;
	}
    article.single-post .shareBar > a{
        width: 38px;
		margin-left: 12px;
	}
    article.single-post .shareBar img{
        margin-left: 12px;
    }
    .relatedMiddleContainer{
        height: unset;
    }
    .relatedMiddle{
        flex-direction: column-reverse;
        position: initial;
    }
    .relatedMiddle .last-part{
        margin-bottom: 20px;
    }
}
/******* END Single Page ---------*/

/******* Category Page *******/
.category.archive .six-posts-template{
    margin-top: 15px;
}
.blockNews:before{
    border: 0 !important;
}
.list .sHeader{
    padding-bottom: 10px !important;
}
.archive-item .thumb img{
    height: 215px;
    width: 100%;
    border-radius: 10px;
}
.archive-item .thumb span{
    position: absolute;
    border-radius: 10px 0;
    bottom: 0;
    right: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-color: #2A337F;
    padding: 11px 20px 10px 20px;
}
.archive-item .desc h3{
    font-size: 20px;
    font-weight: 700;
}
.archive-item .desc .dateTime{
    color: #6F7070;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.archive-item .desc > p{
    font-size: 16px;
}
.pagination{
    border: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination > span, .pagination > a{
    font-size: 24px;
}
.pagination > span.current{
    border-bottom: 4px solid #D70D0C;
}
.pagination > a:hover,
.pagination > span.dots:hover{
    color: #D70D0C;
}
.pagination a::before, .pagination span::before{
    border-left: 0 !important;
}
/******* END Category Page *******/


/********** foot score *********/
.foot-content{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    justify-items: center;
    gap: 20px 0;
}
.match-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.footday-heading{
    text-align: center;
    margin: 40px;
}
.match-block{
    width: max-content;
    box-shadow: 1px 2px 20px 6px #cfcfcf;
    padding: 24px 0 16px;
    border-radius: 10px;
}
.team{
    padding: 0 36px;
}
.team figure{
    margin: auto;
}
.team-name{
    white-space: nowrap;
}
.match-infos{
    border-top: 1px solid rgba(167 161 161 / 70%);
    padding: 16px 10px 0 10px;
    width: 100%;
    margin-top: 20px !important;
}
.footjourney-filter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    gap: 22px;
    margin: 70px auto 0;
}
.footjourney-filter .footjourney-options{
    height: 40px;
    cursor: pointer;
}
.footjourney-filter > a {
    white-space: nowrap;
    color: red;
    font-weight: bold;
    font-size: 26px;
}
.footjourney-filter > a:hover{color: red;}
.match-block img{height:auto; width:100px; object-fit:cover;}


@media (max-width: 467.99px){
    .team img{
        height: 80px;
        width: 80px;
    }
    .team-name{
        font-size: 18px !important;
    }
    .team{
        padding: 0 26px;
    }
}
@media (max-width: 767.99px){
    .footjourney-filter{
        width: 100%;
        padding: 10px 16px 0;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}
@media (min-width: 768px) {
    .footjourney-filter .footjourney-options{
        max-width: 320px;
    }
}