/* Paragraphs styles & layout */

.node--type-widget-paragraphs {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media all and (min-width: 851px) {
	.node--type-widget-paragraphs {
		padding-top: 2.75rem;
		padding-bottom: 2.75rem;
	}
}

.node--type-widget-paragraphs.width-constrained {
	border-radius: 10px;
	margin: 1.5rem 0;
}

.node--type-widget-paragraphs.width-constrained .node__title,
.node--type-widget-paragraphs.width-constrained .node__content {
	margin: 0 2.2rem;
	overflow: visible;
}

.node--type-widget-paragraphs.width-constrained .paragraph--type--horizontal-grid-of-content {
	margin-left: -2.2rem;
	margin-right: -2.2rem;
}

@media all and (min-width: 851px) {
	.node--type-widget-paragraphs.width-constrained .node__title,
	.node--type-widget-paragraphs.width-constrained .node__content {
		margin: 0 4.7rem;
	}
	.node--type-widget-paragraphs.width-constrained .paragraph--type--horizontal-grid-of-content {
		margin-left: -4.7rem;
		margin-right: -4.7rem;
	}
}

.field--name-field-displayed-name h2 {
	margin-bottom: 0.75rem;
}

/* Book & collections title block paragraphs */

.paragraph--type--colletion-title-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.book-title-block--cover,
.paragraph--type--colletion-title-block .collection-image {
	flex: 0 0 64px;
	margin-right: 0.75rem;
	margin-bottom: 0.5rem;
}

.book-title-block--cover img {
	border: 2px solid;
}

.author-name {
	margin-bottom: 0.5rem;
}

.book-title-block--details {
	border-top: 2px solid;
	padding-top: 0.5rem;
}

.book-title-block--cover-title h2 {
	font-size: 1.2rem;
}

@media all and (max-width: 560px) {
	.book-title-block--cover-title {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}
}

@media all and (min-width: 460px) {
	.book-title-block--cover,
	.paragraph--type--colletion-title-block .collection-image {
		flex: 0 0 98px;
		width: 98px;
		margin-right: 0.75rem;
	}

	.book-title-block--cover img {
		border-width: 4px;
	}
}

@media all and (min-width: 561px) {
	.book-title-block--cover,
	.book-title-block--title-author,
	.book-title-block--details {
		float: left;
	}

	.book-title-block--title-author,
	.book-title-block--details {
		width: calc(100% - 106px - 0.75rem);
	}
}

.paragraph--type--colletion-title-block .collection-details {
	flex: 1 1 auto;
}

/* Content and image paragraphs */

.paragraph--type--text-on-left-image-on-right,
.paragraph--type--content-on-left-image-on-right,
.paragraph--type--content-on-right-image-on-left {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.paragraph--type--text-on-left-image-on-right > *,
.paragraph--type--content-on-left-image-on-right > *,
.paragraph--type--content-on-right-image-on-left > * {
	flex: 0 1 50%;
}

.image-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: start;
	justify-content: center;
}

.image-text-box {
	border-radius: 10px;
}

.paragraph--type--content-on-left-image-on-right.image-text-box .image-block img {
	border-radius: 0 10px 10px 0;
}

.paragraph--type--content-on-right-image-on-left.image-text-box .image-block img {
	border-radius: 10px 0 0 10px;
}

.image-text-box .content-block {
	padding: 1rem;
}


@media all and (max-width: 560px) {
	.paragraph--type--text-on-left-image-on-right,
	.paragraph--type--content-on-left-image-on-right,
	.paragraph--type--content-on-right-image-on-left {
		flex-direction: column;
	}
	.paragraph--type--text-on-left-image-on-right .image-block,
	.paragraph--type--content-on-left-image-on-right .image-block,
	.paragraph--type--content-on-right-image-on-left .image-block {
		display: none;
	}
	.paragraph--type--text-on-left-image-on-right .image-block.mobile-visible,
	.paragraph--type--content-on-left-image-on-right .image-block.mobile-visible,
	.paragraph--type--content-on-right-image-on-left .image-block.mobile-visible {
		display: block;
		flex-basis: 100%;
	}
	.paragraph--type--text-on-left-image-on-right .content-block,
	.paragraph--type--content-on-left-image-on-right .content-block,
	.paragraph--type--content-on-right-image-on-left .content-block {
		flex-basis: 100%;
	}
}

@media all and (min-width: 561px) {
	.paragraph--type--text-on-left-image-on-right .content-block,
	.paragraph--type--content-on-left-image-on-right .content-block {
		padding-right: 1rem;
	}
	.paragraph--type--content-on-right-image-on-left .content-block {
		padding-left: 1rem;
	}
}

@media all and (min-width: 961px) {
	.paragraph--type--text-on-left-image-on-right .content-block,
	.paragraph--type--content-on-left-image-on-right .content-block {
		padding-right: 3rem;
	}
	.paragraph--type--content-on-right-image-on-left .content-block {
		padding-left: 3rem;
	}
	.image-text-box .content-block {
		padding: 3rem;
	}
}

/* Image button paragraphs */

.paragraph--type--image-button {
	display: inline-block;
}