/*В даному файлі стилі сайту для людей з порушенням зору*/



.gray .basic{

    background: #424242 !important;/*основний колір*/

    color: #fff;

}

.gray .basic-text{

    color: #424242 !important;/*основний колір*/

}



.gray .basic-button{

    background-color: #424242 !important; /*третій основний колір*/

}

.gray .basic-button-text{

    color: #424242 !important; /*третій основний колір*/

}

.gray .basic-button-border{

    border: 1px solid #424242 !important;

}

.gray .basic-active{

    background: #424242 !important;/*другий основний колір*/

}

.gray .basic-active-text{

    color: #424242 !important;/*другий основний колір*/

}

.gray .basic-active-button{

    background: #424242 !important;/*другий основний колір*/

}

.gray .basic-hover{

    background-color: #ddd !important; /*четвертий основний колір*/

}

.gray .basic-hover-border{

    border:1px solid #ddd !important; /*четвертий основний колір*/

}

.gray .basic-hover-text{

    color: #ddd !important; /*четвертий основний колір*/

}

.gray .accent{

    background: #909090 !important;; /*колір акценту*/

}

.gray .accent-text{

    color: #909090 !important; /*колір акценту*/

}

/*трикутник в меню*/

.gray #primary-menu>li.menu-item-has-children:hover>a::after,

.gray #primary-menu>li.menu-item-object-category:hover>a::after,

.gray #primary-menu1>li.menu-item-has-children:hover>a::after,

.gray #primary-menu1>li.menu-item-object-category:hover>a::after{

    border-bottom: 7px solid #424242 !important; /*другий основний колір*/

}

.gray #primary-menu .basic-hover,.gray #primary-menu1 .basic-hover{

    background-color: #ddd !important; /*четвертий основний колір*/

}

.gray #primary-menu .basic-active-text, .gray #primary-menu1 .basic-active-text{

    color: #424242 !important;/*другий основний колір*/

}

/*кнопка нагору*/

.gray #toTop{

    border: 1px solid #424242 !important;/*другий основний колір*/

}

.gray #toTop:after{

    border-bottom: 11px solid #424242 !important;/*другий основний колір*/

}



/*елементи дизайну*/

.gray .accent-border{

    border: 1px solid #909090 !important;/*колір акценту*/

}



/*слеш в хлібних крихтах*/

.gray .breadcrumb-item + .breadcrumb-item::before {

    color: #909090 !important;/*колір акценту*/

}



/*таби в новинах*/

.gray #news .ui-widget-header {

    border-bottom: 1px solid #424242 !important;/*третій основний колір*/

}

.gray #news .ui-state-active,.gray #news .ui-widget-content .ui-state-active,.gray #news .ui-widget-header .ui-state-active,.gray #news a.ui-button:active,.gray #news .ui-button:active,.gray #news .ui-button.ui-state-active:hover {

    border: 1px solid #424242 !important;/*третій основний колір*/

}

.gray #tabs-1 .main-news::before,.gray .main-news-border::before{

    border-bottom: 1px #909090 solid !important;/*колір акценту*/

    border-top: 1px #909090 solid !important;/*колір акценту*/

}

.gray #tabs-1 .main-news::after,.gray .main-news-border::after {

    border-right: 1px #909090 solid !important;/*колір акценту*/

    border-left: 1px #909090 solid !important;/*колір акценту*/

}



/*таб професії*/

.gray .professions .ui-widget.ui-widget-content {

    border-top: 1px solid #424242 !important;/*третій основний колір*/

}

.gray .professions .ui-state-default,.gray .professions .ui-widget-content .ui-state-default,.gray .professions .ui-widget-header .ui-state-default,.gray .professions .ui-button, html .gray .professions .ui-button.ui-state-disabled:hover, html .gray .professions .ui-button.ui-state-disabled:active {

    border: 1px solid #424242 !important;/*третій основний колір*/

}

.gray .professions #accordion .ui-state-default{

    border:1px solid #ddd !important; /*четвертий основний колір*/

}

.gray .professions .ui-state-active,.gray .professions .ui-widget-content .ui-state-active,.gray .professions .ui-widget-header .ui-state-active,.gray .professions a.ui-button:active,.gray .professions .ui-button:active,.gray .professions .ui-button.ui-state-active:hover {

    border: 1px #909090 solid !important;/*колір акценту*/

}

.gray .professions #accordion h3.ui-state-active{

    border:1px solid #DBEEFD !important; /*четвертий основний колір*/

}

.gray .professions .ui-state-active div{

    background: #909090 !important;/*колір акценту*/

}

.gray .professions .ui-state-active::after{

    background: #909090 !important;/*колір акценту*/

}

.gray .professions .ui-state-default:hover,.gray .professions .ui-widget-content .ui-state-default:hover{

    border: 1px #909090 solid !important;/*колір акценту*/

}

.gray .professions .ui-state-default:hover .prof.basic-button,.gray .professions .ui-widget-content .ui-state-default:hover .prof.basic-button{

    background: #909090 !important;/*колір акценту*/

}

.gray .gallery-one:hover{

    border: 1px #909090 solid !important;/*колір акценту*/

}

.gray .gallery-one:hover .count-photo.basic-hover-text.basic-hover-border{

    border: 1px #909090 solid !important;/*колір акценту*/

    color: #909090 !important;/*колір акценту*/

}

/*таблиці*/

.gray table th{

    border: 1px solid #424242 !important;/*третій основний колір*/

    color: #424242 !important;/*другий основний колір*/

    background: #ddd !important; /*четвертий основний колір*/

}

.gray table td {

    border:1px solid #ddd !important;/*четвертий основний колір*/

}

.gray table tr:hover {

    background: #ddd !important;/*четвертий основний колір*/

}

.gray table td:hover a{

    color: #424242 !important;/*другий основний колір*/

}



/*звіти*/

.gray .director-report.active{

    border: 1px #909090 solid !important;/*колір акценту*/

}

.gray .director-report.active .download-file{

    background: #909090 !important;/*колір акценту*/

}



/*npc карусель*/

.gray .carousel-indicators li{

    background-color: #DBEEFD !important; /*четвертий основний колір*/

}

.gray .carousel-indicators li.active{

    background-color: #424242 !important; /*третій основний колір*/

}

.gray .wp-block-file__button{

    background-color: #424242 !important; /*третій основний колір*/

}



/*кольори на головній Вступай до нас, Вчися з нами, Знайомся з нами*/

.gray .comein{

    background: #909090;

}

.gray .study{

    background: #909090;

}

.gray .acquainted{

    background: #909090;

}

.gray .news-one h3 {

    height: auto;

}



.gray #searchform input.basic-button{

    background-color: #fff !important;

    height: 50px;

    margin-left: 15px;

}

.gray #searchform button.basic-button{

    background-color: #ddd !important;

    height: 49px;

    width: 48px;

}

.gray .news-one .excerpt {

    height: auto;

}

.gray .search-search input{

    width: 155px;

    height: 50px;

    border: none;

    color: #fff;

}

.gray .search-search input[type="text"]:focus{

    color: #fff;

}

@media screen and (min-width: 992px) {

    .gray .site-branding {

        margin-top: 0px;

    }

}

@media screen and (max-width: 991px) {

    .gray .display-glasses {

        margin-top: 15px;

    }

}

@media screen and (max-width: 390px) {

    .gray #searchform input.basic-button {

        width: 160px;

    }

}