.wp-block-table {
	th, td {
		border-color: var(--g5-color-border);
		padding: 0.4rem;
	}

	&.is-style-stripes {
		th, td {
			border-color: transparent;
		}
	}

	thead th {
		border-bottom-width: 2px;
	}
}


.wp-block-pullquote {
	blockquote {
		padding:  0;
		background-color: transparent;
		margin-top: 0 !important;
		margin-bottom: 0;
		&:before {
			display: none;
		}


	}

	cite,
	footer,
	.wp-block-pullquote__citation {
		font-size: 12px;
		color: inherit;
		margin-top: 1em;
	}

	&.is-style-solid-color {
		blockquote {
			cite {
				text-transform: uppercase;
			}
		}
	}
}

.wp-block-quote {
	border-left: none;
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: $margin_element;
	padding-left: 0;
	cite,
	footer,
	.wp-block-quote__citation {
		font-size: 12px;
		color: inherit;
	}

	&.is-style-large,
	&.is-large {
		margin-bottom: $margin_element;
		padding: 0;

		p {
			font-size: 28px;
			font-style: normal;
			line-height: 1.58;
		}

		cite,
		footer,
		.wp-block-quote__citation {
			text-align: center;
			font-size: 14px;
		}
	}

	&.has-text-align-right {
		border-right: none;
		padding-right: 0;
		max-width: 100%;
		text-align: right;
	}
}


.wp-block-cover-image,
.wp-block-cover {
	margin-bottom: $margin_element;
	color: #f8f9f9;
	p {
		margin-bottom: 0;
		line-height: 1.25;
	}
	a {
		color: inherit;
	}
}

.wp-block-embed {
	margin: 0 0 $margin_element;
}

.wp-block-button__link {
	--g5-btn-border-width: 0px;
	@include btn-size($height__input, 35px, 16px);
	@include btn-variant(var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent),var(--g5-color-primary-foreground), var(--g5-color-primary), var(--g5-color-primary));
	position: relative;
	display: inline-block;
	font-family: var(--g5-btn-font-family);
	padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x);
	line-height: var(--g5-btn-line-height);
	font-size: var(--g5-btn-font-size);
	font-weight: var(--g5-btn-font-weight);
	border: var(--g5-btn-border-width) solid var(--g5-btn-border-color);
	white-space: nowrap;
	@include border-radius(var(--g5-btn-border-radius));
	@include transition(color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out);
	text-transform: capitalize;


	color: var(--g5-btn-color);
	background-color: var(--g5-btn-bg);
	&:focus,
	&:hover,
	&:active {
		color: var(--g5-btn-hover-color);
		background-color: var(--g5-btn-hover-bg);
		border-color: var(--g5-btn-hover-border-color);
	}


	&:hover {
		cursor: pointer;
	}

	&:focus {
		outline: none;
	}

	&:disabled {
		opacity: 0.65;
		cursor: default;
	}

	&:not([href]):not([tabindex]) {
		color: var(--g5-btn-color);
		&:focus,
		&:hover,
		&:active {
			color: var(--g5-btn-hover-color);
		}
	}
}

.wp-block-button {
	margin-bottom: $margin_element;

	&.is-style-squared .wp-block-button__link {
		--g5-btn-border-radius: 0;
	}

	&.is-style-outline .wp-block-button__link {
		--g5-btn-border-width: 2px;
		--g5-btn-border-color: var(--g5-color-border);

		padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x);
		border: var(--g5-btn-border-width) solid var(--g5-btn-border-color);

		&:not(.has-text-color) {
			--g5-btn-color: var(--g5-color-accent);
			color: var(--g5-btn-color);
		}

		&:hover {
			--g5-btn-hover-color: var(--g5-color-accent-foreground);
			--g5-btn-hover-bg: var(--g5-color-accent);
			--g5-btn-hover-border-color: var(--g5-color-accent);
			color: var(--g5-btn-hover-color);
			background-color: var(--g5-btn-hover-bg);
			border-color: var(--g5-btn-hover-border-color);
		}
	}
}

.wp-block-latest-comments {
	padding-left: 0;
}

.wp-block-latest-comments__comment-excerpt p {
	margin-bottom: 0;
}

.wp-block-archives {
	select {
		width: 100%;
		max-width: 100%;
	}
}

.wc-block-product-categories > ul,
.wp-block-page-list,
.wp-block-archives,
.wp-block-categories {
	@include widget-archive();
	margin-bottom: $margin_element;
	&.aligncenter {
		text-align: center;
	}
}

.wp-block-archives {
	span.count {
		position: absolute;
		top: 2px;
		right: 0;
	}

	a:hover + .count {
		color: var(--g5-color-accent);
	}
}

.wp-block-categories {
	span.wp-block-categories__post-count {
		position: absolute;
		top: 2px;
		right: 0;
	}

	a:hover + .wp-block-categories__post-count {
		color: var(--g5-color-accent);
	}
}


.wc-block-product-categories > ul {
	> li > a {
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
}


.wc-block-product-categories {
	a:hover + .wc-block-product-categories-list-item-count {
		color: var(--g5-color-heading);
	}
	span.wc-block-product-categories-list-item-count {
		position: absolute;
		top: 2px;
		right: 0;
	}
}

.wp-block-rss,
.wp-block-latest-posts,
.wp-block-latest-comments {
	@include widget-meta();
}

ul.wp-block-latest-posts.is-grid li {
	padding: 0;
	margin: 0 16px 16px 0;
}

.wp-block-columns,
.wp-block-group,
.wp-block-group.has-background,
.wp-block-search,
ul.wp-block-categories,
ul.wp-block-archives,
.wp-block-archives.wp-block-archives-dropdown,
ol.wp-block-latest-comments,
.wp-block-media-text {
	margin-bottom: $margin_element;
}

.wp-block-tag-cloud {
	@include widget-tag();
}


.wp-block-gallery {
	margin-bottom: $margin_element;
}
.blocks-gallery-caption {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	color: var(--g5-color-caption);
	font-size: 14px;
}

.blocks-gallery-grid {
	margin-bottom: -16px;
}

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


.wp-block-image.aligncenter {
	margin: $margin_element auto $margin_element auto;
}

.wp-block-image.alignright {
	margin: 0.375rem 0 $margin_element 1.25rem;
}


.wp-block-image.alignleft{
	margin: 0.375rem 1.25rem $margin_element 0;
}

.wp-block-image figcaption {
	font-size: 14px;
}



body.no-sidebar {
	.alignfull {
		max-width: none;
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}

	&.g5blog__single-featured-align-wide .g5blog__single-featured,
	.alignwide {
		//margin-left: (-($container_width - $grid_gutter_width) + ($container_width * (100 - $sidebar_width) / 100 - $grid_gutter_width))/2;
		//margin-right: (-($container_width - $grid_gutter_width) + ($container_width * (100 - $sidebar_width) / 100 - $grid_gutter_width))/2;
		margin-left: -($container_width - ($content_width + $grid_gutter_width)) / 2;
		margin-right: -($container_width - ($content_width + $grid_gutter_width )) / 2;
		width: auto;
	}

	@media screen and (min-width: 1200px) and (max-width: $wide_width - 1px) {
		&.g5blog__single-featured-align-wide .g5blog__single-featured,
		.alignwide {
			margin-left: (-(1140px - $grid_gutter_width) + 870px)/2;
			margin-right: (-(1140px - $grid_gutter_width) + 870px)/2;
			width: auto;
		}
	}
	@media screen and (max-width: 1199px) {
		&.g5blog__single-featured-align-wide .g5blog__single-featured,
		.alignwide {
			margin-left: (-(960px - $grid_gutter_width) + 870px)/2;
			margin-right: (-(960px - $grid_gutter_width) + 870px)/2;
			width: auto;
		}
	}


	@include media-md() {
		&.g5blog__single-featured-align-wide .g5blog__single-featured,
		.alignwide {
			margin-left: 0;
			margin-right: 0;
			width: 100%;
		}
	}
	@include media-sm() {
		.alignfull {
			max-width: 100%;
			margin-left: 0;
			margin-right: 0;
			left: 0;
			right: 0;
		}
	}
}

body.has-sidebar {
	@include media-md() {
		.alignfull {
			max-width: none;
			margin-left: calc(-100vw / 2 + 690px / 2);
			margin-right: calc(-100vw / 2 + 690px / 2);
		}
	}
	@include media-sm() {
		.alignfull {
			max-width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
}

.wp-block-search {
	@include widget-search();
	.wp-block-search__inside-wrapper {
		position: relative;
	}
	.wp-block-search__input {
		border-color: var(--g5-color-border-input);
	}
	.wp-block-search__button {
		background: transparent;
		border: 0;
		color: inherit;
	}
}

.wp-block-group__inner-container > h2 {
	font-size: 20px;
	margin-bottom: 20px;
}