/* Spacing Below Blocks */

.single {

	.entry-content {

		.wp-block-button,
		.wp-block-buttons .wp-block-button,
		.wp-block-image,
		.wp-block-quote,
		.wp-block-pullquote,
		.wp-block-media-text,
		.entry-content .wp-block-gallery,
		.wp-block-audio,
		.wp-block-video,
		.wp-block-ainoblocks-advanced-buttons,
		.wp-block-search,
		.wp-block-calendar,
		.wp-block-archives-dropdown {
			@include push--auto;
			@include s-r-7(margin-bottom);
		}
	}
}

/* Alignment */

.hentry .entry-content>* {

	&.alignwide,
	.alignwide {
		max-width: $col12;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		@include outer-margins;
	}

	&.alignfull {
		position: relative;
		max-width: 100%;
		width: auto;
	}
}

/* Nested Block Alignment: alignwide inside alignfull */

.hentry .entry-content .alignfull {

	.alignwide {
		max-width: $col12;
		clear: both;
		overflow: hidden;
		@include push--auto;
		@include outer-margins;
	}

	.wp-block-group__inner-container {

		&:not(.wp-block-ainoblocks-grid-container) > .wp-block-image:not([data-align=full]):not([data-align=wide]):not([data-align=left]):not([data-align=right]) {
				@include default-margins;
				@include push--auto;
			}
	}
}

/* Paragraph */

.entry-content p {

	&.has-drop-cap:not(:focus):first-letter {
		float: left;
		margin: 5px 8px 0 -8px;
		line-height: 0.77;
		text-transform: uppercase;
		font-style: normal;
		font-size: 100px;

		@include breakpoint(sm) {
			font-size: 120px;
			line-height: 0.77;
			margin: 6px 12px 0 -8px;
		}
	}

	&.intro.has-drop-cap:not(:focus):first-letter {
		@include breakpoint(sm) {
			font-size: 142px;
		}
	}
}

/* Columns */

.wp-block-columns {

	margin-bottom: 0;

	.alignwide {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-column>*:last-child {
		margin-bottom: 0;
	}

	@include breakpoint(sm) {

		@include flexbox;
		flex-grow: 0;
		flex-wrap: wrap;
		justify-content: space-evenly;
		margin-bottom: 0;

		.wp-block-column {
			flex-basis: calc(50% - 32px);
			flex: 1 0 21%;

			&:nth-child(2n) {
				margin-left: $s-7;
			}
		}

		.wp-block-column:nth-last-child(3):first-child,
		.wp-block-column:nth-last-child(3):first-child~* {
			flex: 1 0 21%;
		}

		.wp-block-column:nth-last-child(6):first-child,
		.wp-block-column:nth-last-child(6):first-child~* {
			flex: 1 0 21%;
		}
	}

	@media (max-width: 781px) and (min-width: 600px) {
		.wp-block-column {
			flex-basis: calc(50% - 48px) !important;
		}
	}

	@include breakpoint(sm) {

		flex-basis: calc(50% - 48px);
		padding-left: 0;
		padding-right: 0;

		.wp-block-column {
			flex-basis: calc(50% - 48px);
			flex: 1 0 25%;

			&:nth-child(2n) {
				margin-left: $s-9;
			}
		}

		.wp-block-column:nth-last-child(4):first-child,
		.wp-block-column:nth-last-child(4):first-child~* {
			flex: 1 0 15%;
		}

		.wp-block-column:nth-last-child(5):first-child,
		.wp-block-column:nth-last-child(5):first-child~* {
			flex: 1 0 12%;
		}

		.wp-block-column:nth-last-child(6):first-child,
		.wp-block-column:nth-last-child(6):first-child~* {
			flex: 1 0 10%;
		}

		&.has-background {
			@include s-r-8(padding-top);
			padding-bottom: 0;
		}
	}
}

/* Buttons */

.wp-block-buttons {

	.wp-block-button {
		margin-top: 0;
		@include s-r-7(margin-bottom);
	}

	&.alignleft {

		.wp-block-button {
			float: left;
			margin-top: $s-1;
			@include s-r-7(margin-right);
		}
	}

	&.alignright {

		.wp-block-button {
			float: right;
			margin-top: $s-1;
			@include s-r-7(margin-left);
		}
	}
}

.wp-block-button {

	.wp-block-button__link {
		@include btn;
		@include btn-m;
		@include btn-primary;
		border: none;
		box-sizing: border-box;
		text-decoration: none;
		outline: none;
		height: auto;
		box-shadow: none;

		&:not(.has-background) {
			background-color: $color__primary;
		}
	}

	&:not(.is-style-squared) .wp-block-button__link {
		border-radius: 16px;
	}

	&.is-style-outline {

		.wp-block-button__link {
			@include btn-outline;
			box-shadow: none;
			border: 1px solid;

			&:not(.has-background) {
				background: transparent;
			}

			&:hover {
				color: $color__primary;
				fill: $color__primary;
			}
		}
	}
}

/* Image */

.wp-block-image {
	margin-bottom: 0;

	&.alignright {
		display: block;
		float: none;
		margin-bottom: $s-7;

		@include breakpoint(sm) {
			float: right;
			margin: $s-2 0 $s-7 $s-7;
		}
	}

	&.alignleft {
		float: left;
		margin-right: 1em;

		@include breakpoint(sm) {
			float: left;
			margin: $s-2 $s-7 $s-7 0;
		}
	}

	&.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	&.aligncenter,
	&.alignleft,
	&.alignright,
	&.is-resized {
		margin-left: 0;
		margin-right: 0;
	}

	&.alignfull img {
		width: 100%;
		max-width: 100%;
		display: block;
	}
}

div[class*='wp-block-'] figcaption {
	display: block;
	@include s-r-4 (margin-top);
	margin-bottom: 0;
	text-align: center;
}

.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignright .wp-caption-text {
	margin-bottom: 0;
}

/* Gallery */
.wp-block-gallery {

	.blocks-gallery-grid {
		padding: 0;
		margin-bottom: 0;
		list-style: none;

		& li {
			padding: 0;
		}

		&.alignwide {
			@include breakpoint(sm) {
				margin-left: calc(31.75% - 31.75vw);
				margin-right: calc(31.75% - 31.75vw);
			}
		}

		&.blocks-gallery-image figcaption,
		&.wp-block-gallery .blocks-gallery-item figcaption {
			@include font-body-xs;
		}
	}

	.blocks-gallery-caption {
		width: 100%;
		@include s-r-7(margin-bottom);
		text-align: center;
	}
}

/* Blockquote + Pullquote */

.wp-block-quote,
.wp-block-pullquote {
	padding: 0;

	p {
		@include font-body;
	}

	&.is-style-default {
		background-color: transparent;
	}

	&.is-style-solid-color .has-text-color a {
		text-decoration: underline;
		box-shadow: none;
	}

	.has-text-color a:hover {
		color: $color__primary;
	}

	&.is-style-large {
		padding: 0;
	}

	&.is-style-large p {
		margin: 0;
		@include font-body;
		@include font-body-xl;
		font-style: normal;
	}

	&.is-style-large cite,
	& cite {
		@include font-body-xs;
		text-align: left;
	}

	&.has-text-align-left cite {
		text-align: left;
	}

	&.has-text-align-right cite {
		text-align: right;
	}

	&.has-text-align-center cite {
		text-align: center;
	}
}

.single .entry-content .wp-block-pullquote,
.wp-block-pullquote {
	border: none;
	text-align: left;
	padding: 0;

	& p,
	&.is-style-solid-color p,
	&.is-style-solid-color blockquote p {
		@include font-body;
		@include font-body-m;
	}

	&.is-style-solid-color,
	&.is-style-solid-color {
		padding: $s-6;
		background-color: $color__background;
		clear: both;

		blockquote {
			max-width: 100%;
		}
	}

	&.alignleft,
	&.alignright {
		margin-right: $s-7;
		margin-left: $s-7;
	}

	&.alignleft blockquote,
	&.alignright blockquote {
		padding: 0;
	}
}

/* Cover */

.hentry .entry-content {

	.wp-block-cover {

		&.alignwide {
			width: calc(100% - 2rem);

			@include breakpoint(sm) {
				width: calc(100% - 4rem);
			}

			@include breakpoint(lg) {
				width: calc(100% - 6rem);
			}

			@include breakpoint(xl) {
				max-width: $wide-content-width;
			}
		}

		.wp-block-cover__inner-container {

			width: 100%;
			padding: $s-9 0;

			p {
				margin-bottom: 0;
			}
		}
	}

}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
	z-index: 1;
	margin-bottom: 0;
}

/* Media & Text */

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 $s-6;

	@include breakpoint(sm) {
		padding: 0 $s-9;
	}
}

/* Video */

.wp-block-video iframe,
.wp-block-video video {
	max-width: 100%;
}

.wp-block-embed .jetpack-video-wrapper {
	margin: 0;
}

/* Audio */

.wp-block-audio {
	display: block;
}

.wp-block-audio audio {
	width: 100%;
}

/* Table */

.wp-block-table {
	display: table;
	width: 100%;

	&.alignfull {
		width: 96vw;
	}

	table {
		background: transparent;

		tr {
			border-bottom: 1px solid $color__border;

			&:last-of-type {
				border-bottom: 0;
			}
		}
	}

	&.is-style-stripes {
		border-bottom: none;

		tbody tr:nth-child(odd) {
			background-color: $color__background;
			border-bottom: none;
		}

		table tr {
			border-bottom: none;
		}
	}
}

/* Verse */

.wp-block-verse {
	color: $color__text_two;
	background: $color__background;
}

/* Separator */
.wp-block-separator {
	border: none;
	border-top: 1px solid;

	&.is-style-dots {
		background: none;
		border: none;
	}

	&.is-style-wide {
		margin: 0 $s-4;
		max-width: $wide-content-width;

		@include breakpoint(sm) {
			margin: 0 $s-7;
		}

		@include breakpoint(lg) {
			margin: 0 $s-9;
		}

		@include breakpoint(xl) {
			margin: 0 auto;
			padding: 0 $s-6;
		}
	}
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
	@include push--auto;
}

.wp-block-separator.is-style-dots:before {
	color: $color__text_two;
	content: "\00b7 \00b7 \00b7";
	font-family: serif;
	@include font-body-l;
	letter-spacing: 1em;
	padding-left: 1em;
}

/* Page Break */
.entry-content .page-links {
	align-items: baseline;
	@include push--auto;
	@include s-r-9 (padding-top);
	@include s-r-9 (padding-bottom);
	padding-left: 0;
	padding-right: 0;
}

/* Block category Widgets */

.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments {
	padding-left: 0;
}

.entry-content .wp-block-categories-list li a,
.entry-content .wp-block-latest-posts li a {
	border: none;
}

.wp-block-latest-comments__comment {
	@include font-body-s;
}

.wp-block-search button[type="submit"] {
	margin-top: 0;
}

.entry-content .wp-block-calendar {

	caption {
		color: $color__text_one;
		margin-bottom: $s-4;
		text-align: center;
	}

	table {

		margin-bottom: $s-4;
		background: $color__white;

		th {
			@include font-bold;
			background: transparent;
			text-align: center;
		}

		tbody {
			color: $color__text_two;
			border-right: 1px solid $color__border;
		}

		td#today {
			background: $color__background;
		}

		tbody td,
		th {
			padding: 16px 8px;
			border: 1px solid $color__border;
		}
	}
}

.wp-block-latest-comments__comment-excerpt p {
	@include font-body-s;
	margin: $s-2 0 $s-6;
}

/* Preformatted */

.wp-block-preformatted,
.wp-block-code {
	overflow: auto;
	@include s-r-7(padding);
	@include s-r-7(margin-bottom);
	@include font-code;
}

.wp-block-code {
	background: $color__code_one;
	color: $color__code_two;
}

.wp-block-preformatted {
	background-color: $color__code_two;
	color: $color__code_one;
}

/* Group */

.wp-block-group {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		.wp-block-group__inner-container & {
			margin-top: 0;
		}
	}

	.wp-block-group__inner-container>*:last-child {
		margin-bottom: 0;
	}

	.wp-block-group__inner-container {

		&:not(.wp-block-ainoblocks-grid-container) > .wp-block-image:not(.alignwide):not(.alignfull) {
				max-width: $default-content-width;
				@include push--auto;
			}
	}
}

/* Block Alignment */
.wp-block-cover-image,
.wp-block-cover,
.wp-block-cover,
.wp-block-pullquote {

	&.alignleft,
	&.alignright {
		width: 100%;

		@include breakpoint(sm) {
			max-width: $col3;
		}
	}
}

.wp-block-cover,
.wp-block-gallery,
.wp-block-pullquote {

	&.alignleft {

		@include breakpoint(sm) {
			float: left;
			margin: 0 $s-7 $s-7 0;
		}

		@include breakpoint(md) {
			margin: 0 $s-9 $s-9;
		}

		@include breakpoint(xl) {
			margin: 0 $s-9 $s-9 $s-7;
		}
	}

	&.alignright {

		@include breakpoint(sm) {
			float: right;
			margin: 0 0 $s-7 $s-7;
		}

		@include breakpoint(md) {
			margin: 0 $s-9 $s-9;
		}

		@include breakpoint(xl) {
			margin: 0 $s-7 $s-9 $s-9;
		}
	}

	&.aligncenter {
		clear: both;
	}
}

/* Custom Color Palette */

.entry-content {

	.has-primary-one-color {
		color: $color__primary;
		fill: $color__primary;
	}

	p.has-primary-one-color a {
		text-decoration: underline;
	}

	.has-primary-one-background-color {
		background: $color__primary;
		border-color: $color__primary;
	}

	.has-text-one-color {
		color: $color__text_one;
		fill: $color__text_one;
	}

	.has-text-one-background-color {
		background: $color__text_one;
		border-color: $color__text_one;
	}

	.has-text-two-color {
		color: $color__text_two;
		fill: $color__text_two;
	}

	.has-text-two-background-color {
		background: $color__text_two;
		border-color: $color__text_two;
	}

	.has-border-color {
		color: $color__border;
		fill: $color__border;
	}

	.has-border-background-color {
		background: $color__border;
		border-color: $color__border;
	}

	.has-background-color {
		color: $color__background;
		fill: $color__background;
	}

	.has-background-background-color {
		background: $color__background;
		border-color: $color__background;
	}

	.has-white-color {
		color: $color__white;
		fill: $color__white;
	}

	.has-white-background-color {
		background: $color__white;
		border-color: $color__white;
	}

	.has-black-color {
		color: $color__black;
		fill: $color__black;
	}

	.has-black-background-color {
		background: $color__black;
		border-color: $color__black;
	}
}

/* Custom Gradients Palette */
.has-grayish-blue-to-dark-grayish-blue-gradient-background {
	background: linear-gradient(0deg, rgb(91, 108, 114) 0%, rgb(60, 68, 72) 100%);
}

.has-soft-orange-to-desaturated-dark-cyan-gradient-background {
	background: linear-gradient(270deg, rgb(67, 92, 103) 0%, rgb(114, 164, 163) 46%, rgb(251, 162, 137) 74%, rgb(252, 202, 164) 100%);
}

.has-light-grayish-magenta-to-very-dark-grayish-pink-gradient-background {
	background: linear-gradient(0deg, rgb(237, 221, 237) 0%, rgb(230, 196, 223) 21%, rgb(196, 165, 191) 50%, rgb(112, 93, 99) 100%);
}

.has-light-grayish-red-to-dark-red-gradient-background {
	background: linear-gradient(0deg, rgb(143, 34, 40) 0%, rgb(250, 110, 115) 50%, rgb(219, 191, 193) 100%);
}

.has-slightly-desaturated-cyan-to-very-soft-red-gradient-background {
	background: linear-gradient(0deg, rgb(129, 195, 198) 0%, rgb(251, 198, 167) 48%, rgb(250, 168, 182) 100%);
}

.has-very-soft-orange-to-very-soft-pink-gradient-background {
	background: radial-gradient(circle at bottom, rgb(251, 219, 190) 0%, rgb(252, 170, 161) 26%, rgb(250, 152, 162) 54%, rgb(246, 182, 211) 75%, rgb(250, 232, 243) 100%);
}

.has-grayish-violet-to-soft-orange-gradient-background {
	background: linear-gradient(180deg, rgb(173, 160, 191) 0%, rgb(225, 205, 236) 29%, rgb(243, 206, 225) 51%, rgb(241, 196, 141) 72%, rgb(240, 193, 97) 100%);
}

.has-light-grayish-red-to-dark-grayish-blue-gradient-background {
	background: linear-gradient(180deg, rgb(252, 202, 210) 0%, rgb(222, 158, 167) 46%, rgb(118, 119, 135) 100%);
}

.has-light-grayish-red-to-very-soft-blue-gradient-background {
	background: linear-gradient(135deg, rgb(237, 204, 211) 0%, rgb(177, 181, 225) 100%);
}

.has-soft-blue-to-lime-green-gradient-background {
	background: linear-gradient(0deg, rgb(104, 134, 254) 0%, rgb(255, 255, 255) 49%, rgb(255, 255, 255) 61%, rgb(213, 233, 207) 75%, rgb(8, 179, 82) 100%);
}

.has-soft-blue-to-dark-moderate-violet-gradient-background {
	background: linear-gradient(135deg, rgb(103, 125, 239) 0%, rgb(117, 72, 166) 100%);
}

.has-soft-red-to-very-soft-blue-gradient-background {
	background: linear-gradient(0deg, rgb(250, 110, 90) 0%, rgb(255, 202, 192) 24%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 62%, rgb(223, 227, 255) 77%, rgb(157, 144, 250) 100%);
}

.has-dark-blue-to-mostly-black-blue-gradient-background {
	background: radial-gradient(circle at bottom, rgb(19, 20, 143) 0%, rgb(13, 11, 24) 100%);
}

.has-very-soft-blue-to-dark-grayish-blue-gradient-background {
	background: radial-gradient(circle at bottom, rgb(153, 203, 233) 0%, rgb(121, 132, 157) 100%);
}

.has-soft-pink-to-mostly-pure-orange-gradient-background {
	background: radial-gradient(circle at bottom, rgb(253, 79, 156) 0%, rgb(254, 132, 0) 100%);
}

.has-bright-cyan-to-soft-magenta-gradient-background {
	background: linear-gradient(0deg, rgb(48, 203, 247) 0%, rgb(254, 128, 254) 100%);
}

.has-light-red-to-very-light-pink-gradient-background {
	background: linear-gradient(90deg, rgb(255, 131, 92) 0%, rgb(255, 148, 193) 100%);
}

.has-very-soft-violet-to-very-soft-pink-gradient-background {
	background: linear-gradient(90deg, rgb(198, 163, 245) 0%, rgb(248, 162, 199) 100%);
}