/*
Theme Name: Universal Child
Theme URI: https://example.com/
Description: Neve темасына арналған child theme
Author: Сіз
Template: neve
Version: 1.0
*/

/*bg-color-white*/
.bg-color-white {
	background: white;
}

/*page post margin top*/
.nv-sidebar-wrap{
    padding: 30px 15px !important;
}
.nv-page-title-wrap,
.nv-single-post-wrap>div:first-child,
.nv-index-posts {
    margin-top: 30px !important;
}

/**/
/* Иконка */
.menu-toggle {
  cursor: pointer;
  width: 36px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-icon {
  width: 32px;
  height: 32px;
  transition: transform 0.35s ease;
}

/* Меню әуелде жасырылған */
.main-menu-container {
  display: none;
  background: #006fa6;
  padding: 14px 0;
}

/* Ашылған күй */
.show-menu .main-menu-container {
  display: block;
}

/* Иконка анимация 
.show-menu .menu-icon {
  transform: rotate(90deg);
}*/
.menu-icon rect {
  transition: transform 0.35s ease;
}

/* Меню ашылғанда */
.icon-close .tl { transform: translate(15px, 15px); }
.icon-close .tr { transform: translate(-15px, 15px); }
.icon-close .bl { transform: translate(15px, -15px); }
.icon-close .br { transform: translate(-15px, -15px); }






/**/
/* Бургер иконка */
.menu-toggle {
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    margin-left: 15px;
}

/* Мобильдік көрініске арналған стильдер */
@media (max-width: 992px) {
    .main-menu {
        flex-direction: column;
        background: #006fa6;
        padding: 15px;
    }

    .main-menu.show {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }
}




/*paganition*/
.csf-pagination {
	margin-top: 30px;
}
.csf-pagination .current {
	    color: var(--nv-secondary-accent);
} 
.page-numbers {
	background: #ececec;
    padding: 5px;
    color: black;
}


/*side bar*/
@media (min-width: 960px) {
    .nv-sidebar-wrap.nv-left {
        padding-right: 0px !important;
    }
}
@media (max-width: 959px) {
            .um-menu-toggle { 
				display: block; 
				width: 100%;
				border: 2px solid #dadada;
			}
            .um-sidebar-menu-container { display: none; }
            .um-sidebar-menu-container.open { display: block; }
			.nv-sidebar-wrap {
				padding: 10px 15px !important;
				margin-bottom: 5px !important;
			}
}

        /* Негізгі меню стилі */
        .um-sidebar-menu { 
			list-style: none; 
			margin: 0; 
			padding: 0;
			background: #f4f7f9;
}
        .um-sidebar-menu li { 
			position: relative; 
			border-bottom: 1px solid #dfdfdf;
			margin-top: 0px !important;
		}
        .um-sidebar-menu li a {
            display: inline-block;
            text-decoration: none;
            color: var(--nv-text-color) !important;
			width: 100%;
			font-size: 15px;
			font-weight: 600;
			padding: 7px 0px 7px 15px;
        }
		.um-sidebar-menu li a:hover{
            background: var(--nv-secondary-accent);
			color: white !important;
        }
		.um-sidebar-menu li a:hover>.submenu-toggle {
			color: white !important;
			/*border-left: 1px solid white;*/
		}

        /* Стрелка */
        .um-sidebar-menu .submenu-toggle {
                cursor: pointer;
				font-size: 14px;
				user-select: none;
				width: 50px;
				display: inline-flex;
				float: right;
				justify-content: center;
				align-items: center;
				color: var(--nv-secondary-accent);
				z-index: 999;
    			position: relative;
				/*border-left: 1px solid var(--nv-secondary-accent);*/
        }
        .um-sidebar-menu li.menu-item-has-children.open > .submenu-toggle {
            transform: rotate(180deg);
        }

        /* Submenu жасырылған */
        .um-sidebar-menu-container li.menu-item-has-children > ul {
            display: none;
			padding: 0 !important;
        }
        .um-sidebar-menu-container li.menu-item-has-children.open > ul {
            display: block;
        }
		.um-sidebar-menu-container li.menu-item-has-children > ul li {
            border-top: 2px solid #dadada;
    		background: #f8f8f8;
        }
		.um-sidebar-menu-container li.menu-item-has-children > ul li a {
            font-size: 14px;
			padding: 7px 0px 7px 25px;
        }
		
		/* 🔹 Активті бет көк түсте болу үшін */
        .um-sidebar-menu .current-menu-item > a,
        .um-sidebar-menu .current-menu-parent > a,
		.um-sidebar-menu .current-menu-parent > a span {
            color: white !important;
    		background: var(--nv-secondary-accent);
        }
		
		/*burger meni icon*/
		.um-menu-toggle {
			display: none;
			background: white !important;
			cursor: pointer;
			width: 100%;
			position: relative;
			border: 2px solid  #d7d7d7;
		}
		.um-menu-toggle:hover {
			background: white !important;
			border: 2px solid  #d7d7d7;
		}
		.um-menu-toggle span {
			display: block;
			width: 30px;
			height: 3px;
			background: #2b2b2b;
			margin: 5px 0;
			transition: all 0.3s ease;
		}

		/* Анимация: X күйіне өткенде */
		.um-menu-toggle.active span:nth-child(1) {
			transform: translateY(8px) rotate(45deg);
		}
		.um-menu-toggle.active span:nth-child(2) {
			opacity: 0;
		}
		.um-menu-toggle.active span:nth-child(3) {
			transform: translateY(-8px) rotate(-45deg);
		}
		.burg00 {
			display: flex;
		}
		.burg00 p {
			margin: 0 10px;
			color: #2b2b2b;
		}
		@media (max-width: 959px) {
			.um-menu-toggle { display: block; }
		}
.col-sm-12 {
	width: 100%;
}





/*кітапхана*/
.kit-00 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
	margin-bottom: 30px;
}
.kit-01 {
	border: 1px solid;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
	color: var(--nv-secondary-accent);
	text-align: center;
}
.kit-01:hover {
	box-shadow: 0 0 20px #e0e0e0;
}
.kit-01 img {
	width: 100px;
}
.kit-01 h3 {
	margin-bottom: 0;
    font-size: 20px;
}





/*bos oryn*/
.news-vac a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 15px;
    border-radius: 15px;
	height: 100%;
	margin-bottom: 15px;
}
.icons-vac {
	float: left;
}
.icons-atc  {
	float: left;
	margin-right: 20px;
}
.icons-vac img {
	width: 50px;
    margin-right: 20px;
}

/*Мемлекеттік аттестациялау*/
.news-it01 a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 10px 10px 20px 10px;
    border-radius: 15px;
	height: 100%;
	margin-bottom: 15px;
}
.news-it01 a:hover .news-title {
	color: var(--nv-secondary-accent);
	transition: 0.3s;
}
.icons-atc img {
	width: 30px;
}
.title-attes {
	margin-bottom: 0 !important;
}


/*zhanalyktar archiv*/

.news-it00 a {
	border: 1px solid #dadada;
    width: 100%;
    display: block;
    padding: 15px;
    border-radius: 15px;
	height: 100%;
}
.news-it00 a:hover .news-title {
	color: var(--nv-secondary-accent);
	transition: 0.3s;
}
.news-grid {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}
.post-img00 {
	height: 300px;
    border-radius: 10px;
    margin-bottom: 10px;
	background-image: url("/wp-content/themes/universal-child/assets/no-img.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.post-img00 img {
	width: 100%;
    height: 300px;
    object-fit: cover;
	border-radius: 10px;
}
.news-title {
	font-size: 16px;
    margin-bottom: 10px;
	color: var(--nv-text-color);
}
.news-date {
	color: gray;
    font-size: 14px;
}

.pagination {
	padding: 10px;
}
.nav-links {
	display: flex;
    align-items: center;
    justify-content: center;
}
.nav-links span,
.nav-links a {
	background: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px 10px;
    margin: 0 5px;
}
@media (min-width: 960px) {
    .neve-main>.container .col {
        max-width: 76% !important;
    }
}
@media (min-width: 960px) {
    .nv-sidebar-wrap {
        max-width: 24% !important;
    }
}

/*side bar*/
/*.nv-sidebar-wrap {
	padding: 45px 15px !important;
    margin-bottom: 0px !important;
	width: 100%;
}*/

/*single php*/
.single-class00 {
	height: 400px;
    background: #011521c9;
    border-radius: 20px;
}
.single-title00 {
	position: relative;
}
.single-title {
	position: absolute;
    color: white;
    text-shadow: 0px 0px 5px black;
    padding: 30px;
    z-index: 9;
	width: 100%;
}
.single-img img {
	width: 100%;
    object-fit: cover;
    height: 400px;
    border-radius: 20px;
    opacity: 0.5;
    display: block;
    z-index: 1;
    position: relative;
    object-position: center;
}




/* Search Icon */
.header-search {
    position: relative;
    display: inline-block;
}
#search-toggle {
		width: 50px;
    display: flex;
    justify-content: center;
}
#search-toggle img {
		font-size: 16px;
		cursor: pointer;
		width: 15px;
}
.search-box {
    position: absolute;
    top: 100%; /* кнопканың астынан шығады */
    right: 0;
    width: 500px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 9999;
}
.search-box.hidden {
    display: none;
}
.search-box input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.search-results-item {
		border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}
.search-results-item a {
		padding: 0 5px;
		display: flex;
}
.search-results-item a img {
		width: 100px;
		height: 100px;
		max-width: none;
}
.search-results-item .info {
		font-size: 15px;
    line-height: 1.4;
		padding: 0 10px;
}
.search-results-item .info .title {
		margin-bottom: 5px;
}
.search-results-item .info .date {
		font-size: 12px;
}
.search-results-item h4 {
		margin-bottom: 0px;
}
.search-results-item a:hover {
		color: var(--nv-secondary-accent);
		transition: 0.3s;
}
@media (max-width: 959px) {
    .header-search {
        display: none;
    }
}














/*шорткод fbv*/
/*.fbv-tree ul {
	padding: 0;
}
.fbv-tree ul li {
	list-style: none;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px;
}
.fbv-tree ul li a {
    color: var(--nv-text-color);
	font-size: 15px;
    font-weight: bold;
}
.fbv-tree ul li:hover a {
	color: var(--nv-secondary-accent);
}
.fbv-tree ul li ul {
	margin: 0;
}*/
.fbv-tree {
    list-style: none;
    padding-left: 0;
}

.fbv-folder {
    margin-bottom: 10px;
}
.fbv-tree .fbv-folder ul {
	    padding: 0;
	margin: 0px;
}

.fbv-folder-title {
    font-weight: bold;
    cursor: pointer;
    background: #f0f0f0;
    padding: 8px 10px;
    border-radius: 5px;
    transition: 0.2s;
}

.fbv-folder-title:hover {
    background: #e2e2e2;
}

.fbv-folder-content {
    display: none;
    margin-left: 20px;
    list-style: none;
}

.fbv-file {
    margin: 5px 0;
}


.fbv-tree .fbv-file {
	border-bottom: 1px solid #f0f0f0;
    padding: 5px;
}
.fbv-tree li a {
	color: #343434;
    font-weight: bold;
	font-size: 15px;
}
.fbv-tree li a:hover {
	color: var(--nv-secondary-accent);
}