/**
 * Sai Raw v2
 *
 * WordPress hierarchical category navigation.
 */

.sai-raw-categories {
	width: 100%;
	margin: 0;
	padding: 0;
}

.sai-raw-category-tree {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*
 * EVERY CATEGORY GETS ITS OWN ROW
 */
.sai-raw-category-row {
	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	min-width: 0;

	margin: 0;
	padding: 11px 0;

	box-sizing: border-box;

	border-bottom: 1px solid #dedede;
}

/*
 * MAIN CATEGORY
 */
.sai-raw-main-category {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 15px;
    font-weight: 500;
}


/*
 * SUB CATEGORY
 */
.sai-raw-sub-category {
	font-size: 13px;
	font-weight: 400;
}

/*
 * CATEGORY LINK
 */
.sai-raw-category-name {
	display: flex;
	align-items: center;

	flex: 1 1 auto;
	min-width: 0;

	margin: 0;
	padding: 0;

	color: #222222;

	font: inherit;
	line-height: 1.5;

	text-decoration: none !important;

	overflow-wrap: anywhere;
}

.sai-raw-category-name:hover,
.sai-raw-category-name:focus {
	color: #0073aa;

	text-decoration: none !important;
}

/*
 * >
 */
.sai-raw-arrow {
	display: inline-block;

	flex: 0 0 auto;

	margin-right: 8px;

	color: #555555;

	font-weight: 600;

	line-height: 1;
}

/*
 * COUNT
 */
.sai-raw-category-count {
	flex: 0 0 auto;

	margin-left: 20px;

	color: #777777;

	font-size: 14px;
	font-weight: 500;

	line-height: 1.5;

	white-space: nowrap;
}

/*
 * LEVEL 0
 *
 * Articles
 */
.sai-raw-level-0 {
	padding-left: 0;
}

/*
 * LEVEL 1
 *
 * > Education
 */
.sai-raw-level-1 {
	padding-left: 20px;
}

/*
 * LEVEL 2
 *
 *     > Lesson 01
 */
.sai-raw-level-2 {
	padding-left: 45px;
}

.sai-raw-level-3 {
	padding-left: 70px;
}

.sai-raw-level-4 {
	padding-left: 95px;
}

.sai-raw-level-5 {
	padding-left: 120px;
}

.sai-raw-level-6 {
	padding-left: 145px;
}

.sai-raw-level-7 {
	padding-left: 170px;
}

.sai-raw-level-8 {
	padding-left: 195px;
}

.sai-raw-level-9 {
	padding-left: 220px;
}

/*
 * MOBILE
 */
@media (max-width: 767px) {

	.sai-raw-category-row {
		padding-top: 9px;
		padding-bottom: 9px;
	}

	.sai-raw-main-category {
		font-size: 13px;
	}

	.sai-raw-sub-category {
		font-size: 14px;
	}

	.sai-raw-category-count {
		margin-left: 10px;
		font-size: 13px;
	}

	.sai-raw-level-1 {
		padding-left: 15px;
	}

	.sai-raw-level-2 {
		padding-left: 30px;
	}

	.sai-raw-level-3 {
		padding-left: 45px;
	}

	.sai-raw-level-4 {
		padding-left: 60px;
	}

	.sai-raw-level-5 {
		padding-left: 75px;
	}

	.sai-raw-level-6 {
		padding-left: 90px;
	}

	.sai-raw-level-7 {
		padding-left: 105px;
	}

	.sai-raw-level-8 {
		padding-left: 120px;
	}

	.sai-raw-level-9 {
		padding-left: 135px;
	}
}