/*В даному файлі можна змінювати кольрову палітру сайту*/

.basic{
    background: #009688 !important;/*основний колір*/
    color: #fff;
}
.basic-text{
    color: #009688 !important;/*основний колір*/
}
.basic-active{
    background: #00897B !important;/*другий основний колір*/
}
.basic-active-text{
    color: #00897B !important;/*другий основний колір*/
}
.basic-button{
    background-color: #26A69A !important; /*третій основний колір*/
}
.basic-active-button{
    background: #00897B !important;/*другий основний колір*/
}
.basic-button-text{
    color: #26A69A !important; /*третій основний колір*/
}
.basic-button-border{
    border: 1px solid #26A69A !important;/*третій основний колір*/
}

.basic-hover{
     background-color: #B2DFDB !important; /*четвертий основний колір*/
 }
.basic-hover-border{
    border:1px solid #B2DFDB !important; /*четвертий основний колір*/
}
.basic-hover-text{
    color: #B2DFDB !important; /*четвертий основний колір*/
}
.basic-hover-border:focus{
    color: #B2DFDB !important; /*четвертий основний колір*/
}
.accent{
    background: #FDD835 !important;; /*колір акценту*/
}
.accent-text{
    color: #FDD835 !important; /*колір акценту*/
}
/*трикутник в меню*/
#primary-menu>li.menu-item-has-children:hover>a::after,
#primary-menu>li.menu-item-object-category:hover>a::after,
#primary-menu1>li.menu-item-has-children:hover>a::after,
#primary-menu1>li.menu-item-object-category:hover>a::after{
    border-bottom: 7px solid #00897B !important; /*другий основний колір*/
}
/*кнопка нагору*/
#toTop{
    border: 1px solid #00897B !important;/*другий основний колір*/
}
#toTop:after{
    border-bottom: 11px solid #00897B !important;/*другий основний колір*/
}

/*елементи дизайну*/
.circle{
    border: 1px solid #009688 !important;/*основний колір*/
}
.accent-border{
     border: 1px solid #FDD835 !important;/*колір акценту*/
 }
.cut{
    border-top: 1px solid #FDD835 !important;/*колір акценту*/
    border-right: 1px solid #FDD835 !important;/*колір акценту*/
}
.link-about:hover .cut{
    border-top: 1px solid #26A69A !important;/*третій основний колір*/
    border-right: 1px solid #26A69A !important;/*третій основний колір*/
}
.site-title-footer a:hover{
    color: #FDD835 !important;/*колір акценту*/
}
/*слеш в хлібних крихтах*/
.breadcrumb-item + .breadcrumb-item::before {
    color: #FDD835 !important;/*колір акценту*/
}

/*таби в новинах*/
#news .ui-widget-header {
    border-bottom: 1px solid #26A69A !important;/*третій основний колір*/
}
#news .ui-state-active,#news .ui-widget-content .ui-state-active,#news .ui-widget-header .ui-state-active,#news a.ui-button:active,#news .ui-button:active,#news .ui-button.ui-state-active:hover {
    border: 1px solid #26A69A !important;/*третій основний колір*/
}
#tabs-1 .main-news::before,.main-news-border::before{
    border-bottom: 1px #FDD835 solid !important;/*колір акценту*/
    border-top: 1px #FDD835 solid !important;/*колір акценту*/
}
#tabs-1 .main-news::after,.main-news-border::after {
    border-right: 1px #FDD835 solid !important;/*колір акценту*/
    border-left: 1px #FDD835 solid !important;/*колір акценту*/
}
#news .ui-state-default,#news .ui-widget-content .ui-state-default,#news .ui-widget-header .ui-state-default,#news .ui-button, html #news .ui-button.ui-state-disabled:hover, html #news .ui-button.ui-state-disabled:active {
    border: 1px solid #B2DFDB;/*четвертий основний колір*/
}
/*таб професії*/
.professions .ui-widget.ui-widget-content {
    border-top: 1px solid #26A69A !important;/*третій основний колір*/
}
.professions .ui-state-default,.professions .ui-widget-content .ui-state-default,.professions .ui-widget-header .ui-state-default,.professions .ui-button, html .professions .ui-button.ui-state-disabled:hover, html .professions .ui-button.ui-state-disabled:active {
    border: 1px solid #26A69A !important;/*третій основний колір*/
}
.professions .ui-state-default:hover,.professions .ui-widget-content .ui-state-default:hover{
    border: 1px #FDD835 solid !important;/*колір акценту*/
}
.professions .ui-state-default:hover .prof.basic-button,.professions .ui-widget-content .ui-state-default:hover .prof.basic-button{
    background: #FDD835 !important;/*колір акценту*/
}
.professions #accordion .ui-state-default{
    border:1px solid #B2DFDB !important; /*четвертий основний колір*/
}
.professions .ui-state-active,.professions .ui-widget-content .ui-state-active,.professions .ui-widget-header .ui-state-active,.professions a.ui-button:active,.professions .ui-button:active,.professions .ui-button.ui-state-active:hover {
     border: 1px #FDD835 solid !important;/*колір акценту*/
 }
.professions #accordion h3.ui-state-active{
    border:1px solid #B2DFDB !important; /*четвертий основний колір*/
}
.professions .ui-state-active div{
     background: #FDD835 !important;/*колір акценту*/
 }
.professions .ui-state-active::after{
    background: #FDD835 !important;/*колір акценту*/
}
.share-in.basic-button.accent-text i{
    color: #fff;
}
.gallerys a:hover{
    color: #26A69A !important;/*третій основний колір*/
}
.gallery-one:hover{
    border: 1px #FDD835 solid !important;/*колір акценту*/
}
.gallery-one:hover .count-photo.basic-hover-text.basic-hover-border{
    border: 1px #FDD835 solid !important;/*колір акценту*/
    color: #FDD835 !important;/*колір акценту*/
}
/*дистанційне навчання*/
html .distance-prof .ui-state-default:hover .distance-span, html .distance-prof .ui-state-default:active .distance-span{
    background-color: #26A69A !important;/*третій основний колір*/
}
.distance-prof .ui-state-active .distance-span{
    background-color: #26A69A !important;/*третій основний колір*/
}
html .distance-prof .ui-state-default:hover, html .distance-prof .ui-state-default:active {
    border: 1px solid #26A69A;/*третій основний колір*/
}

/*таблиці*/
table th{
    border: 1px solid #26A69A !important;/*третій основний колір*/
    color: #00897B !important;/*другий основний колір*/
    background: #B2DFDB !important; /*четвертий основний колір*/
}
table td {
    border:1px solid #B2DFDB !important;/*четвертий основний колір*/
}
table tr:hover {
    background: #B2DFDB !important;/*четвертий основний колір*/
}
table td:hover a{
    color: #00897B !important;/*другий основний колір*/
}

/*звіти*/
.director-report.active{
    border: 1px #FDD835 solid !important;/*колір акценту*/
}
.director-report.active .download-file{
    background: #FDD835 !important;/*колір акценту*/
}

/*npc карусель*/
.carousel-indicators li{
    background-color: #B2DFDB !important; /*четвертий основний колір*/
}
.carousel-indicators li.active{
    background-color: #26A69A !important; /*третій основний колір*/
}
.wp-block-file__button{
    background-color: #26A69A !important; /*третій основний колір*/
}

/*кольори на головній Вступай до нас, Вчися з нами, Знайомся з нами*/
.comein{
    background: #1ABCFE;
}
.study{
    background: #0ACF83;
}
.acquainted{
    background: #FF7262;
}