/*
Theme Name: Salinger
Description: Used to style Gutenberg Blocks.
*/

*[class^="wp-block-"] {
	margin-bottom: 28px;
	margin-bottom: 2.8rem;
}
body.gt-gutenberg-page-builder [class^="wp-block-"] {
	margin-bottom: 0;
}
p.has-text-color a {
	text-decoration: underline;
}
p.has-drop-cap {
	overflow: hidden;
}
.wp-block-spacer {
    clear: both;
    margin: 0;
}
.entry-content > *.alignfull,
.entry-summary > *.alignfull,
.entry-content > *.alignfull-no-margin-bottom,
.entry-summary > *.alignfull-no-margin-bottom {
	margin-right: -14px;
	padding-right: 14px;
	margin-left: -14px;
	padding-left: 14px;
}
.entry-content > *.alignfull-no-margin-bottom,
.entry-summary > *.alignfull-no-margin-bottom { /* Use alignfull-no-margin-bottom */
	margin-bottom: 0;
}

/* =================== Custom color palette =================== */

.has-light-gray-color,
a.has-light-gray-color,
a.has-light-gray-color:hover /* Buttons */ {
	color: #f2f2f2;
}
.has-medium-gray-color,
a.has-medium-gray-color,
a.has-medium-gray-color:hover {
	color: #999;
}
.has-dark-gray-color,
a.has-dark-gray-color,
a.has-dark-gray-color:hover {
	color: #333;
}
.has-white-color,
a.has-white-color,
a.has-white-color:hover {
	color: #fff;
}
.has-light-gray-background-color {
	background-color: #f2f2f2;
}
.has-medium-gray-background-color {
	background-color: #999;
}
.has-dark-gray-background-color {
	background-color: #333;
}
.has-white-background-color {
	background-color: #fff;
}
/* End Custom color palette */

/* ============= Editor font sizes =============== */

.has-small-font-size {
    font-size: 14px;
}
.has-normal-font-size {
    font-size: 16px;
}
.has-large-font-size {
    font-size: 20px;
}
.has-medium-font-size { /* Compatibility with Gutenberg default. Theme not set it. */
	font-size: 20px;
}
.has-huge-font-size {
    font-size: 24px;
}

/* ============= Blockquotes and Pullquotes =============== */

.wp-block-quote,
.wp-block-quote.is-style-large {
	background:rgba(128, 128, 128, 0.1);
	border-width: 0;
	border-left: 4px solid rgba(128, 128, 128, 0.4) !important;
	width: 90%;
	margin:	28px auto;
	overflow: auto;
	padding: 14px 28px;
}

.wp-block-quote p {
	font-style:	italic;
	font-size: 1em;
	margin: 0;
}
.wp-block-quote cite {
	border-width: 0;
	color: inherit;
	display: block;
	font-style: normal;
	font-weight: bold;
	margin-left: 3em;
	margin-top: .5em;
}

.wp-block-pullquote {
	padding: 2em 0;
}
.wp-block-pullquote.is-style-solid-color {
	margin-left: 0;
	margin-right: 0;
	padding: 2em 0;
	text-align: center;
}
.entry-content .wp-block-pullquote .wp-block-quote,
.entry-content .wp-block-pullquote blockquote,
.entry-content .wp-block-pullquote .wp-block-quote.is-style-large {
	background: none;
	border:0;
	margin:0 auto;
	padding: 0;
}

.wp-block-pullquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: 22px;
}

/* ============== Images =================== */

/* image alignwide */
.wp-block-image.alignwide {
	width: 100%;
}
.wp-block-image.alignwide img {
	width: 100%;
}

/* image alingfull */
.wp-block-image.alignfull,
.wp-block-embed.alignfull {
	max-width: inherit; /* Gutenberg lo tiene establecido en 100% */
	margin-left: -28px;
	padding-left: 14px;
	margin-right: -28px;
	padding-right: 14px;
}

/* Cover image */
.wp-block-cover-image {	/* make cover images display more responsively */
	background-position: center center;
}
.wp-block-cover.alignfull {
	max-width: inherit;
	margin-left: -14px;
	padding-left: 14px;
	margin-right: -14px;
	padding-right: 14px;
}

.wp-block-embed.alignwide iframe,
.wp-block-embed.alignfull iframe {
	width: 100%;
}

/* =================== Buttons =================== */

.wp-block-button {
	line-height: 1.25;
	text-align: center;
}
.wp-block-button.alignleft {
	margin-right: 14px;
}
.wp-block-button.alignright {
	margin-left: 14px;
}
.wp-block-button__link:hover{
	opacity: .8;
}
.wp-block-button {
	font-weight: bold;
}

/* Media & Text */
.wp-block-media-text {
	margin-bottom: 1.75em;
}

.wp-block-media-text *:last-child {
	margin-bottom: 0;
}

.wp-block-media-text.alignfull > figure > img {
    margin-left: -28px;
}


/* =============== Miscellaneous ================ */

ul.wp-block-latest-posts {
    line-height: 1.7;
}

/* ===================== Queries ==================== */

@media screen and (min-width: 960px) {

	.entry-content > *.alignfull,
	.entry-summary > *.alignfull,
	.entry-content > *.alignfull-no-margin-bottom,
	.entry-summary > *.alignfull-no-margin-bottom {
		margin-right: -28px;
		padding-right: 28px;
		margin-left: -28px;
		padding-left: 28px;
	}

	/* image alingfull */
	.wp-block-image.alignfull,
	.wp-block-embed.alignfull {
		max-width: inherit;
		margin-left: -56px;
		padding-left: 28px;
		margin-right: -56px;
		padding-right: 28px;
	}
	.wp-block-embed.alignfull iframe {
		width: 100%;
	}
	/* Cover image */
	.wp-block-cover.alignfull {
		max-width: inherit;
		margin-left: -28px;
		padding-left: 28px;
		margin-right: -28px;
		padding-right: 28px;
	}
	.wp-block-media-text.alignfull {
		margin-left: -28px;
		padding-left: 28px;
		margin-right: -28px;
		padding-right: 28px;
	}
	
}