/*
Theme Name: Radcliffe 2 - Vintage
Description: Used to style Gutenberg Blocks.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Block Alignments
2.0 General Block Styles
3.0 Blocks - Common
4.0 Blocks - Formatting
5.0 Blocks - Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General Block Alignments
--------------------------------------------------------------*/

.style-pack-vintage .alignwide:not(.wp-block-cover):not(.wp-block-cover-image),
.style-pack-vintage .alignfull:not(.wp-block-cover):not(.wp-block-cover-image) {
	background-color: rgba(255,255,255,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,1+20,1+80,0.8+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 4px double #c7c4b4;
	padding: 15px;
}

.style-pack-vintage .wp-block-cover-image.alignleft,
.style-pack-vintage .wp-block-cover.alignleft,
.style-pack-vintage .wp-block-cover-image.alignright,
.style-pack-vintage .wp-block-cover.alignright {
	left: auto;
}

.style-pack-vintage .wp-block-cover-image.alignwide,
.style-pack-vintage .wp-block-cover-image.alignfull,
.style-pack-vintage .wp-block-cover.alignwide,
.style-pack-vintage .wp-block-cover.alignfull {
	border: 4px double #c7c4b4;
	padding: 0;
}

.style-pack-vintage ul.wp-block-gallery.alignwide,
.style-pack-vintage ul.wp-block-gallery.alignfull {
	padding-bottom: 0;
}

@media (min-width: 750px) {
	.style-pack-vintage .alignfull,
	.style-pack-vintage .wp-block-image.alignfull,
	.style-pack-vintage .wp-block-text-columns.alignfull,
	.style-pack-vintage .wp-block-table.alignfull,
	.style-pack-vintage .wp-block-preformatted.alignfull,
	.style-pack-vintage .wp-block-button.alignfull,
	.style-pack-vintage .wp-block-pullquote.alignfull,
	.style-pack-vintage .wp-block-latest-posts.alignfull,
	.style-pack-vintage .wp-block-categories.alignfull,
	.style-pack-vintage .wp-block-verse.alignfull,
	.style-pack-vintage p.alignfull,
	.style-pack-vintage .wp-block-cover-image.alignfull {
		margin-left: calc(30% - 30vw);
		margin-right: calc(30% - 30vw);
		width: auto;
		max-width: 1000%;
	}

	.style-pack-vintage .wp-block-cover-image:not(.alignwide):not(.alignfull) {
		left: auto !important;
		/*margin-left: 0;*/
	}

	.style-pack-vintage .alignwide,
	.style-pack-vintage .wp-block-image.alignwide,
	.style-pack-vintage .wp-block-text-columns.alignwide,
	.style-pack-vintage .wp-block-table.alignwide,
	.style-pack-vintage .wp-block-preformatted.alignwide,
	.style-pack-vintage .wp-block-button.alignwide,
	.style-pack-vintage .wp-block-pullquote.alignwide,
	.style-pack-vintage .wp-block-latest-posts.alignwide,
	.style-pack-vintage .wp-block-categories.alignwide,
	.style-pack-vintage p.alignwide,
	.style-pack-vintage .wp-block-cover-image.alignwide {
		margin-left: calc(20% - 20vw);
		margin-right: calc(20% - 20vw);
		width: auto;
		max-width: 1000%;
	}
}

/*--------------------------------------------------------------
2.0 General Block Styles
--------------------------------------------------------------*/


.style-pack-vintage .alignfull .jetpack-video-wrapper,
.style-pack-vintage .alignwide .jetpack-video-wrapper {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
3.0 Blocks - Common
--------------------------------------------------------------*/

/* File */

.style-pack-vintage .wp-block-file .wp-block-file__button {
	border-radius: 0;
	border: 3px double #c7c4b4;
	font-family: inherit;
}

.style-pack-vintage .wp-block-file .wp-block-file__button:hover,
.style-pack-vintage .wp-block-file .wp-block-file__button:focus {
	background-color: #2b6e9d;
	opacity: 1.0;
}

/*--------------------------------------------------------------
4.0 Blocks - Formatting
--------------------------------------------------------------*/

/* Button */

.style-pack-vintage .wp-block-button__link {
	border: 3px double #c7c4b4;
}

.style-pack-vintage .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
	color: #fff;
}

.style-pack-vintage .wp-block-button .wp-block-button__link:focus,
.style-pack-vintage .wp-block-button .wp-block-button__link:hover {
	background-color: #2b6e9d;
}

/* Pullquote */

.style-pack-vintage .wp-block-pullquote {
	border-color: #c5c3bf;
}

/* Table */

.style-pack-vintage .wp-block-table {
	width: 100%;
}

@media (min-width: 750px) {
	.style-pack-vintage .wp-block-table.alignwide {
		width: 88vw;
	}

	.style-pack-vintage .wp-block-table.alignfull {
		width: 92vw;
	}
}

@media (min-width: 900px) {
	.style-pack-vintage .wp-block-table.alignwide {
		width: calc( 740px + 40vw - 40% );
	}

	.style-pack-vintage .wp-block-table.alignfull {
		width: calc( 740px + 60vw - 60% );
	}
}

/*--------------------------------------------------------------
5.0 Blocks - Widgets
--------------------------------------------------------------*/

/* Latest Comments */

.style-pack-vintage .wp-block-latest-comments__comment-meta {
	font-family: inherit;
}

.style-pack-vintage.single-post .wp-block-latest-comments article,
.style-pack-vintage.page .wp-block-latest-comments article {
	border: 0;
	background: transparent;
	max-width: 100%;
	padding: 0;
}