/*
 * Basic styles for silverstripe-elemental
 */
.blog-post-info {
	position: relative;
}

// add top/bottom paddings for basic elements
.element {
	position: relative;

	margin-top: $element-spacer-y;
	margin-bottom: $element-spacer-y;
	padding-top: $element-spacer-y;
	padding-bottom: $element-spacer-y;

	&:first-child {
		margin-top: 0;
	}
	&:last-child {
		margin-bottom: 0;
	}

	// Sidebar-like elements
	&.secondary {
		padding-top: ($element-reduced-spacer-y);
		padding-bottom: ($element-reduced-spacer-y);
	}
}

// remove paddings of the slideshow
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
	padding-top: 0;
	padding-bottom: 0;
}

// remove paddings for elemental list cuz inner elements will have paddings
.dnadesign__elementallist__model__elementlist {
	.element {
		padding-top: $element-reduced-spacer-y;
		padding-bottom: $element-reduced-spacer-y;
		margin-top: $element-reduced-spacer-y;
		margin-bottom: $element-reduced-spacer-y;
	}
}

.site__elements__accordion {
	> .element-container > .accordion {
		margin-top: $element-reduced-spacer-y;
		//padding-top: $element-reduced-spacer-y;
	}
}

.elements-sm,
.page-content-sidebar {
	// Sidebar elements
	.element {
		padding-top: ($element-reduced-spacer-y);
		padding-bottom: ($element-reduced-spacer-y);
		&:first-child {
			padding-top: 0;
		}
		&:last-child {
			padding-bottom: 0;
		}
	}
}

// remove container paddings for the slideshow
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

// hide default page title cuz elemental object will be used to display titles
.page-header-element {
	display: none;
}
.page-header-element:not(.d-block) + .element {
	margin-top: 0;
}

// remove containers for child elements
.element {
	.elemental-area {
		.element {
			.container,
			.container-fluid {
				padding: 0;
				width: auto;
			}
		}
	}
}