/*
 * Theme Name: Heart and Style
 * Description: Gutenberg Block Styles
 */

/* All blocks */

.hentry > [class^="wp-block-"],
.blog-post-single-content > [class^="wp-block-"] {
	margin-bottom: 25px;
	margin-left: auto; /* center when possible, like Gutenberg editor does in the backend */
	margin-right: auto; /* center when possible, like Gutenberg editor does in the backend */
}

.wp-block-media-text__content > [class^="wp-block-"] {
	margin-bottom: 25px;
}

/* Captions */

[class^="wp-block-"] figcaption {
	color: inherit;
	font-size: inherit;
}

/* Pullquote */

.wp-block-pullquote.is-style-solid-color blockquote {
	background-image: none;
	max-width: 80%;
}

/* Audio */

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

/* File */

.wp-block-file .wp-block-file__button {
	display: inline-block;
	background: #6ab999;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: "Lato", sans-serif;
    line-height: 48px;
    height: 48px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0 24px;
}

/* Button */

.wp-block-button__link {
	background-color: #20603C;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: #20603C;
	color: #20603C;
}

/* Seperator */

hr.is-style-default {
	max-width: 100px;
}

hr.wp-block-separator {
	border: 0;
}

.wp-block-separator {
	margin-left: auto;
	margin-right: auto;
	max-width: 100px;
}

.wp-block-separator.is-style-wide {
	max-width: 100%;
}

/* General Widget styles */

.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-categories.aligncenter ul,
.wp-block-latest-posts.aligncenter,
.wp-block-latest-comments.aligncenter {
	list-style-position: inside;
	text-align: center;
}

/* Calendar */

.wp-block-calendar table {
	border: 0;
}

.wp-block-calendar table th,
.wp-block-calendar table td {
	background: transparent;
	border: 0;
}