@import "_custom-properties.scss";

/*--------------------------------------------------------------
## Blocks
--------------------------------------------------------------*/

/*
 * Available block selectors:
 * .wp-block-image
 * .wp-block-media-text
 * .wp-block-gallery
 * .wp-block-audio
 * .wp-block-video
 * .wp-block-quote
 * .wp-block-cover
 * .wp-block-file
 * .wp-block-button
 * .wp-block-gallery
 * .wp-block-table
 * .wp-block-embed
 * .wp-block-audio
 * .wp-block-pullquote
 * .wp-block-preformatted
 * .wp-block-code
 * .wp-block-verse
 * .wp-block-table
 * .wp-block-separator
 * .wp-block-columns
 * .wp-block-column
 * .wp-block-latest-posts
 * .wp-block-categories
 * .wp-block-archives
 */
 .has-drop-cap:not(:focus):first-letter {
    float: left;
    line-height: 1;
    font-size: 80px;
    font-weight: 600;
    margin: 0 .125em 0 0;
    text-transform: uppercase;
}
.wp-block-image {
	margin-bottom: 0;
}
figure.wp-block-image.aligncenter img {
    display: inline-block;
}
/* PullQuote Block */
.wp-block-pullquote {
	border-top:0;
    border-bottom:0;
    color: var(--global-palette4);
	blockquote {
		border: 0;
		margin: 0 auto;
		padding: 2em;
		position: relative;
		&::before {
			font-size: 200px;
			line-height: 40px;
			font-family:sans-serif;
			color: var(--global-palette7);
			z-index: 0;
			position: absolute;
			left: 35px;
			content: open-quote;
			top: 80px;
		}
		p {
			font-size: 1.15em;
			font-style: italic;
			position: relative;
			z-index: 1;
		}
		cite {
			text-transform: uppercase;
		}
	}
}
.wp-block-pullquote.is-style-solid-color:not(.has-background) {
	background: var(--global-palette7);
}
.wp-block-pullquote.is-style-solid-color {
	blockquote{
		&:before {
			color: var(--global-palette9);
			left: -20px;
			top: 45px;
		}
		padding: 0;
		p {
			font-size: 1.15em;
			font-style: italic;
		}
	}
}
@media screen and (min-width: $before-tablet-query) {
	.wp-block-pullquote, .wp-block-pullquote.is-style-solid-color {
		blockquote p {
			font-size: 1.3em;
		}
	}
}
/* BlockQuote Block */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin: 1.5em auto;
	padding: 0 1em;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    border: none
}
.wp-block-quote.has-text-align-right {
    border-left: none;
    border-right: 4px solid var( --global-palette4 );
    padding-left: 0;
    padding-right: 1em
}
.wp-block-quote.has-text-align-center {
    border: none;
    padding-left: 0
}
.single-content .wp-block-quote p {
	margin-bottom:var(--global-sm-spacing);
	&:last-child {
		margin-bottom: 0;
	}
}
/* Cover Block */
.wp-block-cover {
	display: flex;
	align-items: center;
}
.wp-block-table {
	border-collapse: collapse;
	table {
		border-collapse: collapse;
	}
	thead {
		border-bottom: 3px solid var(--global-palette6);
	}
	tfoot {
		border-top: 3px solid var(--global-palette6);
	}
	td, th {
		padding: .5em;
		border: 1px solid var(--global-palette6);
		word-break: normal;
	}
	img {
		display: inline-block;
	}
}
.wp-block-table.is-style-stripes {
	thead{
		border-bottom:0;
	}
	tfoot {
		border-top:0;
	}
	td, th {
		border: 0;
	}
}
.blocks-gallery-caption,
.wp-block-embed,
.wp-block-image,
.wp-block-table,
.wp-block-audio,
.wp-block-video {
	figcaption {
		color: var(--global-palette5);
		font-size: 80%;
		text-align: center
	}
}
.wp-block-separator {
    margin-left: auto;
	margin-right: auto;
	&:not(.is-style-wide):not(.is-style-dots) {
		max-width: 160px;
	}
	&.has-background:not(.is-style-dots) {
		border-bottom: none;
		height: 1px;
		&:not(.is-style-wide) {
			height: 2px
		}
	}
	&.is-style-dots:before {
		font-size: 30px;
	}
}
/* Social */
ul.wp-block-social-links:not(.specificity) {
	padding-left: 0;
	padding-right: 0;
}
/* Columns Block */
.single-content .wp-block-columns {
    margin-bottom: var(--global-md-spacing);
    margin-top: 0;
}
/* latest posts */
.wp-block-latest-posts.wp-block-latest-posts__list.is-grid {
	display: grid;
	column-gap: 2.5rem;
	row-gap: 2.5rem;
	grid-template-columns: 1fr;
	.wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) {
		display: block;
		height: 0;
		padding-bottom: 66.67%;
		overflow: hidden;
		position: relative;
		img {
			flex: 1;
			height: 100%;
			object-fit: cover;
			width: 100%;
			position: absolute;
		}
	}
	li {
		margin:0;
		width: 100%;
	}
	li > a {
		margin: 1em 0 0;
		color: var(--global-palette3);
		text-decoration: none;
		font-size: 1.3em;
		display: block;
	}
	padding-left: 0;
}
@media screen and (min-width: $before-tablet-query) {
	.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2 {
		grid-template-columns: 1fr 1fr;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}
.wp-block-latest-posts.wp-block-latest-posts__list {
	padding-left: 0;
}
.wp-block-latest-posts__list {
	li {
		margin-top: var(--global-sm-spacing);
		&:after {
			clear: both;
			display: table;
			content: '';
		}
	}
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	color: var(--global-palette6);
}
@media screen and (max-width: $landscape-phone-minus-query) {
	.wp-block-latest-posts__featured-image.alignleft {
		float:none;
		margin-bottom: 1em;
	}
}

figure.wp-block-gallery ul {
    padding: 0;
}

.wp-block-media-text .wp-block-media-text__media img, .wp-block-media-text .wp-block-media-text__media video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
}

// .wp-block-latest-posts,
// .wp-block-latest-comments {
// 	padding: 1.5em;
// 	padding-bottom: 1.5em;
// }

// ul.wp-block-latest-posts.alignwide,
// ul.wp-block-latest-posts.alignfull,
// ul.wp-block-latest-posts.is-grid.alignwide,
// ul.wp-block-latest-posts.is-grid.alignfull {
// 	padding: 0 1.5em;
// }

.wp-block-group.has-background {
    padding: 20px 30px;
    margin-top: 0;
    margin-bottom: 0
}
.entry-content .wp-block-group.has-background {
    padding: 20px 30px;
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
    list-style: none
}

.wp-block-search {
	.wp-block-search__button {
		border-color: var(--global-gray-400);
	}
	.wp-block-search__button:not(.has-text-color) {
		color: var(--global-palette4);
	}
	.wp-block-search__button:not(.has-background) {
		background: var(--global-palette9);
	}
	.wp-block-search__input {
		border-color: var(--global-gray-400);
	}
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--global-gray-400);
	border-radius: 3px;
	background: var(--global-palette9);
}

// Nav
.wp-block-navigation ul.wp-block-navigation__container {
    padding: 0;
}
.has-child .wp-block-navigation__container {
    min-width: 12em;
    display: flex;
    flex-direction: column;
}
// Yoast.
.wp-block-yoast-how-to-block .schema-how-to-steps li {
	margin-bottom: var(--global-md-spacing);
	.schema-how-to-step-text {
		margin-top: 0;
	}
}
// Query.
.single-content {
	.wp-block-post-template, .wp-block-query-loop {
		padding: 0;
	}
	.wp-block-query .wp-block-post-featured-image {
		&.alignwide, &.alignfull {
			margin-left: 0;
			margin-right: 0;
		}
		&.alignfull {
			width: auto;
		}
	}
}