@import "frontend/variables";
@import "frontend/framework.scss";
@import "frontend/search_banner";

.eazydocs_shortcode {
	width: 100% !important;
	max-width: 100% !important;
}

.bg-dark {
	.title {
		color: #fff !important;
	}

	a,
	.badge {
		color: #d1d1d1 !important;
	}
}

.ezd-column-4 {
	.categories_guide_item img.featured-image {
		max-width: 60px !important;
	}
}

/** === Breadcrumb === **/
nav .breadcrumb {
	background: transparent !important;
	border-radius: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;

	.breadcrumb-item {
		color: var(--black_300);
		font-size: 13px;
		line-height: 21px;
		padding-left: 3px;
		margin: 0;

		&:first-child {
			padding-left: 0;
		}

		a {
			color: var(--black_500);
			text-decoration: none;

			&:hover {
				color: var(--ezd_brand_color);
			}
		}

		& + .breadcrumb-item {
			&:before {
				content: "\35";
				font-family: eleganticons;
				color: #b7b9be;
				padding-right: 3px;
			}
		}
	}

	.active {
		color: var(--black_800);
	}
}

.single-onepage-docs,
.single-docs {
	#post {
		img {
			max-width: 100% !important;
			margin: 10px 0;
			width: auto;
		}
	}
}

.eazydocs_shortcode {
	.ezd-d-flex {
		flex-wrap: wrap;
		gap: 12px;

		img {
			margin: 5px 0 0;
			max-height: 45px;
			max-width: 45px;
		}

		&.ezd-masonry {
			.ezd-col-width {
				width: 100%;
			}
		}
	}
}

.categories_guide_item.bg-dark {
	a, .badge {
		color: #fff !important;
	}

	a.doc_border_btn {
		border-color: rgba(var(--brand_color_rgb), 0.6);
	}
}

// Masonry [ Doc Archive ]
.ezd-masonry-columns {
	display: flex;
	box-sizing: border-box;
	gap: 25px;

	> * {
		flex: 1;
	}
}