/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	1. Blocks without Classes (Text)
	2. Font Sizes
	4. Alignments
	5. Text Blocks
	6. Media Blocks
	7. Design Blocks
	8. Widget Blocks
	9. Embed Blocks
	3. Colors & Gradients

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	1. Blocks without Classes
/* -------------------------------------------------------------------------- */

blockquote {
	font-size: 1.125em;
}

.has-background h2,
.has-background h3,
.has-background h4 {
	color: inherit;
}

/* -------------------------------------------------------------------------- */

/*	2. Font Sizes
/* -------------------------------------------------------------------------- */
.has-normal-font-size {
	font-size: 1.25rem;
}



/* -------------------------------------------------------------------------- */

/*	4. Alignments
/* -------------------------------------------------------------------------- */

/* For alignments, consider: https://themehybrid.com/weblog/block-containers-and-wide-full-alignment */
.alignwide {}

.alignfull {}

.alignfull + .alignfull,
[data-align="full"] + [data-align="full"] {
	margin-top: -3em;
}



/* -------------------------------------------------------------------------- */

/*	5. Text Blocks
/* -------------------------------------------------------------------------- */

/**
 * Quote
 *
 * Alignments: has-text-align-[left/center/right]
 * Default Style Variations: is-style-large
 */
body .wp-block-quote:not(.is-large):not(.is-style-large) {
	border-color: #208387;
}

	blockquote.wp-block-quote cite,
	blockquote.wp-block-quote .wp-block-quote__citation {
		font-size: .875em;
		font-style: normal;
		font-weight: bold;
	}

	blockquote.wp-block-quote cite::before,
	blockquote.wp-block-quote .wp-block-quote__citation::before {
		content: '– ';
	}

/**
 * Pullquote
 *
 * Alignments: alignleft, alignright, alignwide, alignfull
 * Default Style Variations: is-style-solid-color
 * Color Support: Background, Text
 */
figure.wp-block-pullquote {
	margin-top: 3em;
	margin-bottom: 3em;
	border: solid currentColor;
	border-width: 5px 0;
}

	figure.wp-block-pullquote blockquote p {
		font-size: 1.3125em;
	}
	figure.wp-block-pullquote cite {
		font-size: 1.125em;
	}

/**
 * Table
 *
 * Alignments: alignleft, aligncenter, alignright, alignwide, alignfull
 * Default Style Variations: is-style-stripes
 * Color Support: Background
 */
figure.wp-block-table table {}

/**
 * Code
 */
pre.wp-block-code pre {}

/**
 * Preformatted
 */
pre.wp-block-preformatted {}


/**
 * Verse
 */
pre.wp-block-verse {}



/* -------------------------------------------------------------------------- */

/*	6. Media Blocks
/* -------------------------------------------------------------------------- */

/**
 * Image
 *
 * Alignments: alignwide, alignfull
 * Inline Styles (on figure): background-image, background-position (if using focal point)
 */
.wp-block-image {}

.wp-block-image figure {}

	figure.wp-block-image img {}

	/* Caption Markup */
	figure.wp-block-image figcaption {}

	/* when aligned right or left */
	div.wp-block-image figure.alignright.size-medium img {}

	/* when aligned full or wide */
	figure.wp-block-image.alignfull.size-large {}

/**
 * Gallery
 *
 * Needs details. PR welcome!
 */

/**
 * Media & Text
 *
 * Alignments: alignwide, alignfull, is-vertically-aligned-[top/center/bottom]
 * Option Classes: has-background, is-stacked-on-mobile, is-image-fill, has-image-on-the-right
 * Color Support: Background
 */
div.wp-block-media-text {
	margin-top: 3em;
	margin-bottom: 3em;
}

	div.wp-block-media-text figure.wp-block-media-text__media {}
	div.wp-block-media-text div.wp-block-media-text__content {}

/**
 * Cover
 *
 * Alignments: alignleft, aligncenter, alignright, alignwide, alignfull
 * Color Support: Background (Color or Gradient)
 * Option Classes: has-background-dim has-background-dim-XX has-parallax has-custom-content-position is-position-[top/center/bottom]-[left/center/right]
 * Notes:
 * 		- has-background-dim-XX class only uses multiples of 10
 * 		- Background image is applied via style attribute on .wp-block-cover
 * 		- The cover block does NOT apply the .has-background class when it has a background color or gradient. See: https://github.com/WordPress/gutenberg/issues/21439
 */
div.wp-block-cover {
	margin-top: 3em;
	margin-bottom: 3em;
}

	div.wp-block-cover div.wp-block-cover__inner-container {}

	/* Core selector used to style pseudo element used for tinting/fading background image */
	.wp-block-cover.has-background-dim::before {}

/**
 * File
 */
div.wp-block-file {}

	/* download link */
	div.wp-block-file a:first-child {}

	/* Text link when button option is disabled */
	div.wp-block-file a:first-child:last-child {}

	/* Text link when button option is enabled */
	div.wp-block-file a:first-child:not(:last-child) {}

	/* Download Button */
	div.wp-block-file a.wp-block-file__button {
		background-color: var(--wp--preset--color--primary);
		text-decoration: none !important;
	}

/**
 * Audio
 *
 * Needs details. PR welcome!
 */

/**
 * Video
 *
 * Needs details. PR welcome!
 */



/* -------------------------------------------------------------------------- */

/*	7. Design Blocks
/* -------------------------------------------------------------------------- */

/**
 * Button
 *
 * Note: Buttons container added in WP5.4
 *
 * Alignments: alignleft, aligncenter, alignright
 * Default Style Variations: is-style-outline
 * Possible Inline Styles: border-radius
 * Color Support: Background, Text
 */
.wp-block-buttons {
	margin-bottom: 1.5em;
}

body .wp-block-button__link {
	padding: 16px 24px !important;
	border-radius: 28px !important;
	background-color: #208387;
	text-decoration: none !important;
}

.tribe-events-single .wp-block-button__link {
	color: #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: #208387;
	border: 1px solid currentColor;
	background-color: transparent;
}

/**
 * Columns
 *
 * Additional Classes: wp-#-columns // # = number of columns
 * Alignments: alignwide, alignfull, are-vertically-aligned-[top/center/bottom]
 * Inline Style on wp-block-column: display: flex
 * Inline Style on Columns: flex-basis: [XX]%
 */
div.wp-block-columns {
	margin-top: 3em;
	margin-bottom: 3em;
}

.wp-block-column > :last-child {
	margin-bottom: 0;
}
	
/**
 * Group
 *
 * Alignments: alignwide, alignfull
 * Option Classes: has-background
 * Color Support: Background
 */
.wp-block-group,
.wp-block-group.has-background {
	margin-top: 2em;
	margin-bottom: 2em;
}

	div.wp-block-group div.wp-block-group__inner-container {}

/**
 * More
 *
 * Needs details. PR welcome!
 */

/**
 * Page Break
 *
 * Needs details. PR welcome!
 */

/**
 * Separator
 *
 * Default Style Variations: is-style-wide, is-style-dots
 *
 * Note:
 * 		- Core block styles (if in use), use a default <hr> selector with extremely high specificity: .wp-block-separator:not(.is-style-wide):not(.is-style-dots)
 */
:root hr.wp-block-separator {
	max-width: 66% !important;
	padding: 0;
	margin-top: 3em;
	margin-bottom: 3em;
	height: 1px;
}

:root hr.wp-block-separator:not(.is-style-simple) {
	height: 50px;
	margin-top: 5em;
	margin-bottom: 5em;
	background:
		url('../img/logo-mark-rotated.png') center / contain no-repeat,
		linear-gradient(transparent 49%, #bbb 49%, #bbb 51%, transparent 51%),
		#fff !important;
	opacity: .6;
	border: 0;
}


/**
 * Spacer
 *
 * Inline Style: height: [XXX]px;
 */
div.wp-block-spacer {}



/* -------------------------------------------------------------------------- */

/*	8. Widget Blocks
/* -------------------------------------------------------------------------- */

/**
 * Archives
 *
 * Needs details. PR welcome!
 */

/**
 * Calendar
 *
 * Needs details. PR welcome!
 */

/**
 * Categories
 *
 * Needs details. PR welcome!
 */

/**
 * Latest Comments
 *
 * Needs details. PR welcome!
 */

/**
 * Latest Posts
 *
 * Needs details. PR welcome!
 */

/**
 * RSS
 *
 * Needs details. PR welcome!
 */

/**
 * Search
 *
 * Needs details. PR welcome!
 */

/**
 * Social Icons
 *
 * Alignments: alignleft, aligncenter, alignright
 * Default Style Variations: is-style-logos-only, is-style-pill-shape
 */
ul.wp-block-social-links {}

	ul.wp-block-social-links li.wp-social-link.wp-social-link-NAME {}

	ul.wp-block-social-links li.wp-social-link a svg path {}

	/* default style, note high specificity! */
	.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-NAME {
		/* background-color: ;
		color: ; */
	}

/**
 * Tag Cloud
 *
 * Needs details. PR welcome!
 */



/* -------------------------------------------------------------------------- */

/*	9. Embed Blocks
/* -------------------------------------------------------------------------- */

/**
 * Embeds
 *
 * Additional Classes on figure element: .is-type-[video/audio/etc], .is-provider-[youtube/twitter/etc]
 * If Resize Option: .wp-embed-aspect-ratio-[16-9], .wp-has-aspect-ratio
 */
figure.wp-block-embed {}

	figure.wp-block-embed div.wp-block-embed__wrapper {}

/* -------------------------------------------------------------------------- */

/*	3. Colors & Gradients - Win specificity battles by being last
/* -------------------------------------------------------------------------- */
:root .has-background {
	padding: 2rem;
}

:root .has-background :last-child {
	margin-bottom: 0;
}

:root .has-primary-background-color {
	background-color: #208387;
	color: #fff;
}
:root .has-secondary-background-color {
	background-color: #30304D;
	color: #fff;
}
:root .has-accent-background-color {
	background-color: #FCC70A;
	color: #000;
}
:root .has-gray-background-color {
	background-color: #969995;
	color: #000;
}
:root .has-black-background-color {
	background-color: #000;
	color: #fff;
}
:root .has-white-background-color {
	background-color: #fff;
	color: #000;
}

/* try to select any link in a .has-{name}-color or .has-{name}-background-color */
[class*="has-"][class*="-color"] a {
	color: inherit;
}

/* Double-class hack wins specificty battle with .is-style-outline buttons which need to win a specificity battle with the parent theme. */
:root .has-primary-color.has-primary-color {
	color: #208387;
}
:root .has-secondary-color.has-secondary-color {
	color: #30304D;
}
:root .has-accent-color.has-accent-color {
	color: #FCC70A;
}
:root .has-gray-color.has-gray-color {
	color: #969995;
}
:root .has-black-color.has-black-color {
	color: #000;
}
:root .has-white-color.has-white-color {
	color: #fff;
}

/*:root .has-NAME-gradient-background {
	background: linear-gradient();
}*/