:root {
 --black-base: #000000;
 --white-base:#ffffff;
}

/* color--1 */
.header__bottom-container-news,.dot.is-selected::before, .footer__top-container ,.footer__float-links-btn,.header--fixed .header__bottom-container-news,.sec_3 .bg_blue ,.footer__float-links
{
  background-color: var(--bg-base);
}
.sec_2 .events_details .date{
  background-color: var(--bg-base-2);
}
.sec_6 .view_item .number{
  color: var(--bg-base);
}
.dot.is-selected{border-color: var(--bg-base) !important;}
.dot.is-selected::before, .footer__top-container{background-color: var(--bg-base) !important;}

/* color--2 */
.header__top ,.footer__copy-right{
  background-color: var(--color-base);
}

/* color--3 */
.button{
  background-color: var(--button-base);
}



/* color--4 */
.head_box h2, .text__red ,.sec_4 h2, .sec_5 h2, .sec_6 h2{
  color: var(--text-base);
}


/* text color */
.sec_3 .multimedia-tabs .active a, .sec_3 .multimedia-tabs-item:hover a, .sec_3 .multimedia-tabs:hover a
,.sec_2 .events_list_item .ellips, .sec_2 .notifications_list_item .ellips , body

{
  color: var(--black-base);
}
.sec__title.text__white ,.edu-intro__more:hover{
  color: var(--white-base);
}
.footer__float-links-btn a:hover{
      border-color: var(--white-base);
    box-shadow: var(--white-base) 0 0 5px;
}

/* hover */
.footer__socials a:hover ,.sec_2 .events_list_item:hover .date,.button:hover, .more-btn:hover
{
  background-color: var(--button-base-hover) !important;
  color: var(--white-base) !important;
}

/* text hover */
.sec_1 .list_news_item:hover h3, .sec_2 .notifications_list_item:hover, .sec_2 .notifications_list_item:hover .niafam, .sec_4 .research_item:hover span, .sec_6 .view_item:hover, .sec_6 .view_item:hover .number
.sec_2 .events_list_item:hover .bg_white span,.sec_2 .events_list_item:hover .niafam,
.sec_2 .notifications_list_item:hover p , .sec_2 .events_list_item:hover span,.sec_7 .slider_style_item:hover p
,.footer__links a:hover, .footer__links a:hover i
,.sec_1 .list_news_item:hover h3, .sec_2 .notifications_list_item:hover, .sec_2 .notifications_list_item:hover .niafam, .sec_4 .research_item:hover span, .sec_6 .view_item:hover, .sec_6 .view_item:hover .number{
  color: var(--button-base) !important;
}
nav.mega-menu > ul > li.drop-down > a:hover, nav.mega-menu > ul > li > a:hover,
.header__langs a:hover, .header__left a:hover i::before,
.sec_1 .news_slider_item:hover .news_slider_item_text, .sec_3 .multimedia_slider_item:hover .time, .sec_3 .multimedia_slider_item:hover .view, .sec_3 .multimedia_slider_item:hover h5, .sec_3 .multimedia_slider_item:hover i, .sec_5 .video_item:hover .ellips, .sec_5 .video_item:hover .niafam{
  color: var(--button-base-hover-light) !important;
}