@use "../../../010-settings/" as *;
@use "../../../050-layout/layout_breakpoints" as *;

/* Modules/Blog */

div.ilBlogList {
	padding: 10px;
	margin-bottom: 20px;
	background-color: $il-main-bg;
}

div.ilBlogListItem {
	padding: 1px 1px 5px;
	margin-bottom: 35px;
	&.ilBlogListItemDraft {
		padding: 8px;
	}
}

div.ilBlogListItemTitle {
	border-bottom: 1px solid $il-main-border-color;
}

div.ilBlogListItemTitle h3 {
	margin-bottom: 5px;
}

div.ilBlogListItemSubTitle {
	margin-top: 5px;
	color: $il-text-light-color;
	font-size: $il-font-size-small;
	text-align: right;
}

div.ilBlogListItemSnippet {
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 10px;
}

img.ilBlogListItemSnippetPreviewImage {
	margin-right: 10px;
	margin-bottom: 5px;
}

div.ilBlogListItemMore {
	float: left;
}

div.ilBlogListItemCommtensPerma {
	text-align: right;
	font-size: $il-font-size-small;
	margin-top: 15px;
	min-height: 15px;
}

td.ilBlogSideBlockContent {
	padding: 10px;
}

td.ilBlogSideBlockCommand {
	font-size: $il-font-size-small;
	color: $il-text-light-color;
	border-bottom: 1px solid $il-main-border-color;
	padding: 1px 3px;
	background-color: $il-main-dark-bg;
	text-align: right;
}

div.ilBlogSideBlockAuthor {
	margin-top: 3px;
}

ul.ilBlogSideBlockNavigation {
	margin-top: 3px;
	padding-left: 15px;
}

div.ilBlogSideBlockNavigationSelection {
	margin-bottom: 5px;
}

.ilBlogListItemDraft {
	border: 2px dotted $il-warning-color;
}

.ilBlogDraftText {
	color: $il-warning-color;
	position: absolute;
	font-size: $il-font-size-small;
	margin-top: -19px;
	padding: 2px 5px;
	background-color: $il-main-bg;
}

.ilBlogNavigationItemDraft {
	margin-right: 50px;
}

.ilBlogListPermalink {
	margin: 5px;
}

.ilBlogRating {
	margin-bottom: 5px;
}

.ilTopGap {
	margin-top: 15px;
}

.ilExportPage {
	min-height: 468px;
	padding-bottom: 20px;
}

@media only screen and (min-width: $screen-sm-min) {
	.ilToolbar .form-control[data-blog-input='posting-title']:not(:placeholder-shown) {
		width: 250px;
	}
}