/*styling*/
#sp-left .sp-module ul>li>a,#sp-right .sp-module ul>li>a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    padding: 2px 0;
    color:#ffffff96;
}
#sp-left .sp-module ul>li>a:hover,#sp-right .sp-module ul>li>a:hover{
    color:#ffff;
}
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 0px solid #f3f3f3;
    padding: 0px 20px;
    border-radius: 10px;
    background: #151212;
    padding: 20px;
}
#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {
    display: block;
    border-bottom: 0px solid #f3f3f3;
}
/*listing*/
.article-list .article .article-header h1 a,.article-list .article .article-header h2 a {
    color: #fff;
}
.view-category #sp-main-body {
    padding: 50px 0;
}
.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    color: #fff;
    width:100%!important;
}
.article-info>span a {
    color: #fff;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 3px 3px 0 0;
    width: 100%;
}

@media (min-width: 992px) {
.article-list .col-lg-4 {
    max-width: 33.33%;
}
}
.sp-module.blog-cat {
    padding: 0px!important;
}

.blog-cat a {
    padding: 0px 10px!important; 
}
.article-introtext {
display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*details*/
[itemprop="articleBody"] {
    color: #ffffff78;
}


/*newsflash*/
.mod-articlesnews__item {
    color: #ffffff7a;
    font-size: 12px;
    margin-bottom: 30px;
}

.newsflash .readmore a {
    color: #fff;
}


/*branches listing*/
.branches .article-details .article-header h1, .branches .article-details .article-header h2{display:none;}

.branches .article-header h2 {
    font-size: 35px!important; 
    margin-bottom: 0px!important; 
}

.branches .article-info {
    opacity: 0.5;
}

.branches h2 a:hover {
    opacity: 0.7;
    color: #fff!important; 
}

@media screen and (min-width:992px){
.article-list .col-lg-6 {
    display: flex;
    flex: 1;
    min-width: 50%;
  	max-width:50%;
}}

/*branch detail*/
.branches.view-article aside#sp-right {
    display: none;
}

.branches.view-article main#sp-component {
    width: 100%;
}
.branches.view-article .article-info {
    display:none;
}
.branches.view-article section#sp-main-body {
    padding: 50px 0px;
}
.branches-listing .cat-children.mb-4 {
    display: none;
}


/*reward*/
.mfp-content .white-popup-block{background:#1f1f1f!important;}
.mfp-content .white-popup-block a{color:#fff!important;text-decoration:none!important;}
.mfp-content .white-popup-block u{color:#ffffff7a!important;text-decoration:none!important;transition:0.5s ease;}
.mfp-content .white-popup-block u:hover{color:#fff!important;transition:0.5s ease;}

.mfp-close-btn-in .mfp-content .white-popup-block .mfp-close {
    color: #fff!important;
}

.modal-inner-block strong{
    color: #fff!important;
}

.modal-inner-block p {
    color: #ffffff7a!important;
}

.modal-inner-block svg {
    width: 18px!important;
    color: #fff;
    margin-right: 10px;   
    filter: invert(1); opacity:0.5;
}

.claim-rewards a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex!important;
    flex-direction: row!important;

}

.claim-rewards a:hover{
    background:red!important;
    border: 1px solid red!important;
    transition:0.5s ease;
}

i.fa-solid.fa-circle-info:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    margin-right: 10px;
}


/*claim reward dreamztrack*/

div#rewardModal {
    background: #1f1f1f;
    color: #fff;
    text-align: left;
}


div#rewardModal p {
    margin-top: 10px;
    margin-bottom: 0px;
}

select#branch {
    margin-bottom: 30px;
}

#rewardModal {
        background-color: #1f1f1f;
        padding: 20px;
        border: 1px solid black;
}

div#rewardModal p.claim-reward {
    margin: 0px!important;
    font-family: 'Unna';
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}


/*EO BLOG*/