@charset "UTF-8";
/*
Theme Name: Miso Prime
Theme URI: https://www.projectmiso.net
Author: ProjectMiso
Author URI: https://www.projectmiso.net
Description: Hand-crafted for the Full Site Editing (FSE) era, an Advanced Theme for the Social and Private Cub WordPress Theme. 
Tags: full-site-editing, editor-style, block-styles, block-patterns
Version: 1.0.0
Text Domain: miso-prime
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4

License: Commercial. All rights reserved by ProjectMiso, LLC
License URI: ...
*/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

pre {
	overflow: auto;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

/* This is used as a sub-heading with design touch / decoration purposes */
h6.sub-heading-decorated{
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

input[type="submit"],
button,
a {
	transition: .3s;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	border: 1px solid var(--wp--preset--color--color-6, #adadad);
	padding: 16px 18px;
	border-radius: 6px;
	background: #ffffff;
}

select {
	height: 55px;
}

textarea {
	width: 100%;
	font-family: inherit;
}

label {
	margin-bottom: 10px;
	display: inline-block;
}

label:last-child {
	margin-bottom: 0;
}



ul.wp-block-list > li {
	list-style-type: var(--wp--custom--list-style--level-1-type);
	list-style-position: outside;
}
ul.wp-block-list > li::marker{
	color: var(--wp--custom--list-style--level-1-color);
}
ul.wp-block-list > li 
	> ul.wp-block-list > li {
	list-style-type: var(--wp--custom--list-style--level-2-type);
}
ul.wp-block-list > li 
	> ul.wp-block-list > li::marker{
	color: var(--wp--custom--list-style--level-2-color);
}
ul.wp-block-list > li 
	> ul.wp-block-list > li 
		> ul.wp-block-list > li {
	list-style-type: var(--wp--custom--list-style--level-3-type);
}
ul.wp-block-list > li 
	> ul.wp-block-list > li 
		> ul.wp-block-list > li::marker{
	color: var(--wp--custom--list-style--level-3-color);
}

/* Custom styles for the core/content block. It should be fullwidth */


#wp-admin-bar-wp-logo { display: none !important; }

#wpadminbar li#wp-admin-bar-my-account{
	display: none;
}

/* Fix for image alignment for left or right aligned images, where the image went beyond the wide-width container in the block editor*/
/* Ref: https://wordpress.org/support/topic/left-and-right-image-alignment-issues-with-fse-themes/ */
/*
@media only screen and (min-width : 768px) {
   	figure.wp-block-image.alignleft {
	  	margin-left: calc( ( 100% - var(--wp--style--global--content-size)) / 2 );
	}

   	figure.wp-block-image.alignright {
		margin-right: calc( ( 100% - var(--wp--style--global--content-size)) / 2 );
 	}
}
*/

.breadcrumbs {
	text-align: center;
	font-size: 14px;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.comment-reply-title {
	margin-bottom: 30px;
}

.comment-form {
	margin: 0 -20px;
}

.comment-form:after {
	content: '';
	display: table;
	clear: both;
}

.comment-form > * {
	padding: 0 20px;
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.comment-form > *:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.comment-form .comment-form-email,
	.comment-form .comment-form-author {
		width: 50%;
	}
}

.post-nav-links .post-page-numbers {
	display: inline-block;
	padding: 5px 8px;
	margin: 0 5px;
	border: 1px solid currentColor;
	line-height: 1;
	text-decoration: none;
	border-radius: 4px;
}

.post-nav-links .post-page-numbers:hover {
	color: inherit;
}

/*!
 * Getwid Style Kit v1.0.0
 * Copyright 2020 MotoPress
 * Import this file to the main sass/scss file of your theme.
 * Example: @import "getwid-style-kit/scss/style"
 *
 * For more information visit https://github.com/mototeam/
 * License GNU GPL v2 or later.
 */
/* common block styles */
/**
 *
 * Media
 *
 **/
/* wp-block-image styles */
.wp-block-image img {
	vertical-align: middle;
}

/* wp-block-gallery styles */
/* wp-block-file styles */
/* wp-block-media-text styles */
/* wp-block-video styles */
/* wp-block-cover styles */
.wp-block-cover.is-style-bg-auto .wp-block-cover__image-background,
.wp-block-cover.is-style-bg-auto video.wp-block-cover__video-background {
	object-fit: none;
}

.wp-block-cover.is-style-bg-contain .wp-block-cover__image-background,
.wp-block-cover.is-style-bg-contain video.wp-block-cover__video-background {
	object-fit: contain;
}

/* wp-block-audio styles */
/**
 *
 * Design
 *
 **/
/* wp-block-group styles */
.wp-block-group .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-group.is-style-with-shadow {
	box-shadow: var(--wp--preset--shadow--simple);
}

/* wp-block-buttons style for hover since theme.json does not support hover for blocks */
/*
:where(.wp-block-button__link) {
	width: auto;
}
:where(.wp-block-button__link):hover {
	background: var(--wp--preset--color--lightest);
	color: var(--wp--preset--color--color-2);
	border-color: var(--wp--preset--color--color-2);
}
*/

/* wp-block-button styles */
.wp-block-button{
	white-space: nowrap;
}
.is-style-outline .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--color-4);
	border-color: var(--wp--preset--color--color-4);
	color: var(--wp--preset--color--color-9) !important;
}

.is-style-underline .wp-block-button__link {
	font-weight: 400;
	padding: 6px 0;
	border-top: 1px solid transparent;
	border-left: 0;
	border-right: 0;
	color: var(--wp--preset--color--color-1);
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	background: transparent;
}

.is-style-underline .wp-block-button__link:hover {
	padding-bottom: 0;
}

.is-style-underline .wp-block-button__link.has-background {
	padding: 6px;
}

/* wp-block-columns styles */
/* wp-block-separator styles */
.wp-block-separator {
	height: 1px !important;
	border: 0 !important;
}

/**
 *
 * Text
 *
 **/
/* wp-block-paragraph styles */
/* wp-block-quote styles */
.wp-block-quote {
	border: 0;
	margin-top: 30px;
	border-top: 1px solid var(--wp--preset--color--color-7);
	position: relative;
	padding-left: 55px;
	padding-top: 35px;
}

.wp-block-quote:after {
	content: url("assets/images/quote.svg");
	position: absolute;
	left: 0;
	top: 40px;
	height: 30px;
	width: 36px;
}

.wp-block-quote > *:first-child {
	margin-top: 0;
}

.wp-block-quote.is-style-plain {
	padding-left: 0;
}

.wp-block-quote.is-style-plain:after {
	display: none;
}

.wp-block-quote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-quote cite {
	display: block;
	margin-top: 12px;
	color: var(--wp--preset--color--color-4);
	font-size: inherit;
}

.wp-block-quote.is-style-large:after {
	display: none;
}

.wp-block-quote.is-style-decorated {
	padding-left: 0;
	padding-top: 65px;
	border: 0;
}

.wp-block-quote.is-style-decorated > * {
	position: relative;
}

.wp-block-quote.is-style-decorated:after {
	left: 0;
	top: 0;
}

.wp-block-quote.is-style-decorated:before {
	content: '';
	display: block;
	width: 88px;
	height: 88px;
	background: #f3f3f3;
	border-radius: 20px 20px 20px 0;
	position: absolute;
	left: -15px;
	top: 57px;
}

/* wp-block-pullquote styles */
.wp-block-pullquote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .wp-block-pullquote.is-style-solid-color blockquote.has-text-color cite {
	color: inherit;
}

/* wp-block-table styles */
.wp-block-table table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	border-color: var(--wp--preset--color--color-7);
}

.wp-block-table th, .wp-block-table td {
	border-color: inherit;
	padding: 1em;
}

.wp-block-table th {
	border-width: 0 1px 0 0;
	background: var(--wp--preset--color--color-2);
	color: #fff;
	font-weight: 400;
}

.wp-block-table th:first-child {
	border-top-left-radius: 0px;
}

.wp-block-table th:last-child {
	border-top-right-radius: 0px;
	border-width: 0;
}

.wp-block-table td {
	border-width: 0 1px 1px 0;
}

.wp-block-table td:last-child {
	border-width: 0 1px 1px 0;
}

.wp-block-table td:first-child {
	border-width: 0 1px 1px 1px;
}

.wp-block-table tbody:first-child > tr:first-child td {
	border-top-width: 1px;
}

.wp-block-table tbody:first-child > tr:first-child td:first-child {
	border-top-left-radius: 0px;
}

.wp-block-table tbody:first-child > tr:first-child td:last-child {
	border-top-right-radius: 0px;
}

.wp-block-table tbody:last-child > tr:last-child td:first-child {
	border-bottom-left-radius: 0px;
}

.wp-block-table tbody:last-child > tr:last-child td:last-child {
	border-bottom-right-radius: 0px;
}

.wp-block-table tfoot td:first-child {
	border-bottom-left-radius: 0px;
}

.wp-block-table tfoot td:last-child {
	border-bottom-right-radius: 0px;
}

/* wp-block-verse styles */
pre.wp-block-verse {
	white-space: pre-wrap;
}

/* wp-block-code styles */
/* wp-block-preformatted styles */
/**
 *
 * Widgets
 *
 **/
/* wp-block-archives styles */
.wp-block-archives.wp-block-archives-list {
	padding: 0;
	list-style: none;
}

.wp-block-archives.wp-block-archives-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--wp--preset--color--color-7);
	padding: 10px 0;
	margin: 0;
}

.wp-block-archives.wp-block-archives-list li:last-child {
	border: 0;
}

.wp-block-archives.wp-block-archives-list a {
	color: inherit;
	text-decoration: none;
	min-width: 0;
}

.wp-block-archives.wp-block-archives-list a:hover {
	color: var(--wp--preset--color--color-1);
}

/* wp-block-calendar styles */
/* wp-block-categories styles */
.wp-block-categories-list {
	padding: 0;
	list-style: none;
}

.wp-block-categories-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--wp--preset--color--color-7);
	padding: 10px 0;
	margin: 0;
}

.wp-block-categories-list li:last-child {
	border: 0;
}

.wp-block-categories-list li ul {
	flex: 1 0 100%;
	border-top: 1px solid var(--wp--preset--color--color-7);
	margin-bottom: -11px;
	margin-top: 10px;
}

.wp-block-categories-list a {
	color: inherit;
	text-decoration: none;
	min-width: 0;
}

.wp-block-categories-list a:hover {
	color: var(--wp--preset--color--color-1);
}

/* wp-block-latest-comments styles */
/* wp-block-latest-posts styles */
.wp-block-latest-posts:after {
	content: '';
	display: table;
	clear: both;
}

.wp-block-latest-posts a {
	color: inherit;
}

.wp-block-latest-posts a:hover {
	text-decoration: none;
	color: var(--wp--preset--color--color-1);
}

.wp-block-latest-posts li {
	margin-bottom: 35px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
	font-weight: 700;
	color: var(--wp--preset--color--color-4);
	margin-bottom: 10px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
	border-radius: 50%;
}

.wp-block-latest-posts__featured-image.alignleft {
	margin-right: 20px;
}

.wp-block-latest-posts__featured-image.alignright {
	margin-left: 20px;
}


/* wp-block-search styles */
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding: 0;
	border-radius: 6px;
	border-color: var(--wp--preset--color--color-7);
	overflow: hidden;
}

.wp-block-search__button-inside .wp-block-search__input {
	border: 0;
	border-radius: 0;
}

.wp-block-search__button-inside .wp-block-search__button {
	background: transparent;
	border-radius: 0;
	color: var(--wp--preset--color--color-7);
	padding: 10px;
	margin: 0;
}

.wp-block-search__button-inside .wp-block-search__button svg {
	width: 30px;
	height: 30px;
}

.wp-block-search__button-inside .wp-block-search__button:hover {
	color: var(--wp--preset--color--color-1);
	background: transparent;
}

/* wp-block-rss styles */
.wp-block-rss.is-grid li {
	margin: 0 16px 16px 0;
}

/* wp-block-page-list styles */
.wp-block-page-list {
	padding: 0;
	list-style: none;
}

.wp-block-page-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--wp--preset--color--color-7);
	padding: 10px 0;
	margin: 0;
}

.wp-block-page-list li:last-child {
	border: 0;
}

.wp-block-page-list li ul {
	flex: 1 0 100%;
	border-top: 1px solid var(--wp--preset--color--color-7);
	margin-bottom: -11px;
	margin-top: 10px;
}

.wp-block-page-list a {
	color: inherit;
	text-decoration: none;
	min-width: 0;
}

.wp-block-page-list a:hover {
	color: var(--wp--preset--color--color-1);
}

.wp-block-navigation .wp-block-page-list li {
	border: 0;
}

.wp-block-navigation .wp-block-page-list li ul {
	border: 0;
	margin: 0;
}


.wp-block-navigation li.wp-block-navigation-item:hover > a,
.wp-block-navigation li.wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle {
	color: var(--wp--preset--color--color-1);
}

.wp-block-navigation a {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
	.wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > li > a {
		padding: 10px;
	}
}

.wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > li.has-child > a {
	padding-right: 5px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	padding: 10px 0 0 10px;
	border: 0;
}

@media screen and (min-width: 768px) {
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
		border: 0;
		border-radius: 0 0 6px 6px;
		padding: 0;
	}
	.wp-block-navigation .has-child li {
		position: relative;
	}
	.wp-block-navigation .has-child li:after {
		content: '';
		display: block;
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0;
		height: 1px;
		background: var(--wp--preset--color--color-7);
	}
	.wp-block-navigation .has-child li:last-child:after {
		display: none;
	}
	.wp-block-navigation .has-child li > a {
		padding: 17px 20px;
	}
}

@media screen and (min-width: 768px) {
	.wp-block-navigation.is-style-pills .wp-block-navigation > li > .wp-block-navigation-item__content {
		padding: 3px 8px;
		border-radius: 6px;
	}
	.wp-block-navigation.is-style-pills .wp-block-navigation > li > .wp-block-navigation-item__content:hover,
	.wp-block-navigation.is-style-pills .wp-block-navigation > li > .wp-block-navigation-item__content[aria-current] {
		color: var(--wp--preset--color--color-9);
		background: var(--wp--preset--color--color-1);
	}
}

@media screen and (max-width: 768px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding: 0;
		margin: 10px 0 0 15px;
		font-size: .875em;
	}
}

.wp-block-query-pagination a:hover {
	text-decoration: none;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
	border: 1px solid currentColor;
	border-radius: 6px;
	line-height: 1;
	padding: 11px 15px;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
	font-weight: 900;
	margin: 0 5px;
}

.wp-block-query-pagination > .wp-block-query-pagination-numbers {
	display: flex;
	gap: 31px;
	margin: 10px;
}

.wp-block-query-title {
	word-wrap: break-word;
}

.wp-block-site-title a {
	text-decoration: none;
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
.wp-block-post-comments-form .comment-form textarea {
	border: 1px solid var(--wp--preset--color--color-6, #adadad);
	padding: 16px 18px;
}

.wp-block-comment-template ol {
	padding-left: 5%;
}

@media screen and (min-width: 768px) {
	.wp-block-comment-template ol {
		padding-left: 15%;
	}
}

.wp-block-post-comments-form .comment-reply-title {
	margin-bottom: 30px;
}

.wp-block-post-content:after {
	display: table;
	content: '';
	clear: both;
}

.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
	border-radius: 6px;
	padding: 6px 10px;
	background-color: var(--wp--preset--color--color-4);
	color: var(--wp--preset--color--color-9);
	font-style: normal;
	font-weight: 600;
	line-height: 1.6;
	text-decoration: none;
}

.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:hover {
	background-color: var(--wp--preset--color--color-1);
	color: var(--wp--preset--color--color-9);
}

.wp-block-post-navigation-link > .post-navigation-link__label {
	display: block;
}

.wp-block-post-terms.taxonomy-post_tag a {
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid currentColor;
	border-radius: 6px;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 10px;
}

.wp-block-post-terms.taxonomy-post_tag .wp-block-post-terms__separator {
	display: none;
}

.wp-block-post-title a:hover {
	text-decoration: none;
}

/** OC Orignal Mockup to be removed */
.z-index-level-10000 {
	z-index: 1000;
}
.z-index-level-1000 {
	z-index: 1000;
}
.z-index-level-100 {
	z-index: 100;
}
.z-index-level-10 {
	z-index: 10;
}
.z-index-level-5 {
	z-index: 100;
}
.z-index-level-1 {
	z-index: 1;
}

/* ==================================================================== */
/* ================= Miso Prime Utility Classes ================= */
/* ==================================================================== */

/* Some Block Development and Editor Styles for Custom Blocks */

/* For style and colors for instructions provided within blocks */

.inline-pattern-instructions{
	color: #2776ca;
}
.boxed-pattern-instructions ul,
.boxed-pattern-instructions ol{
	padding-left: 12px;
}

.wp-block-group.editor-instructions, /* this is used in patterns */
.boxed-pattern-instructions{ /* this is used in blocks (and patterns) */
	background-color: #e9f1fa;
	color: #2776ca;
	padding: 20px 20px 20px 70px;
	margin-top: 30px;
	font-size: 12px;
	position: relative;
	display: block;
}

.wp-block-group.editor-instructions .icon.p-icon, /* this is used in patterns */
.boxed-pattern-instructions .icon{
	display: inline-block;
	font-size: 32px;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.wp-block-group.editor-instructions .icon.p-icon{
	left: 17px;
	margin: 0px !important;
}
.boxed-pattern-instructions h6{
	margin: 0 0 10px;
	color: #2776ca;
	font-size: 14px;
}
.boxed-pattern-instructions p:not(.p-icon){
	margin-top: 20px;
	margin-bottom: 0px;
}
.boxed-pattern-instructions p:not(.p-icon):first-child{
	margin-top: 0px;
}

/* Options Boxes under Custom Blocks, with interactive buttons or other elements */
.block-options-and-choices{
	background-color: #efefef;
	padding: 30px;
	margin-top: 30px;
	font-size: 12px;
	position: relative;
	display: block;
}
.block-options-and-choices .justify-center{
	display: flex;
	justify-content: center;
}
.block-options-and-choices::before{
	content: attr(data-title);
	color: #000;
	font-size: 14px;
	font-weight: 600;
}

/* Hide Pattern To-Be Delted Instructions DOM from the front-end */
body.post .wp-block-group.editor-instructions-tobe-deleted,
body.page .wp-block-group.editor-instructions-tobe-deleted{
	display: none;
}
/* Show Pattern To-Be Delted Instructions DOM in Editor */
.wp-block-group.editor-instructions-tobe-deleted p.disclaimer{
	color: #133355;
	font-size: 0.75rem;
}

.show-in-mobile,
.show-in-tablet{
	display: none !important;
}

/* ==================================================================== */
/* ================= Custom Blocks and Pattern Styles ================= */
/* ==================================================================== */

/* Custom styles for the core/details block */
details.wp-block-details{
	margin: var(--wp--preset--spacing--normal) 0;
}
details.wp-block-details summary{
	display: block;
	margin-left: var(--wp--preset--spacing--normal); /* the same width as the arrow icon, see ::before below */

	/* Icon: https://freesvgicons.com/packs/ep */
	list-style-image: url("assets/images/element-plus-arrow-right-ul.svg");
}
details.wp-block-details summary::before{
	content: '';
    display: block;
	background: transparent url("assets/images/element-plus-arrow-right-ul.svg") no-repeat center center;
	width: var(--wp--preset--spacing--normal);
	height: calc(var(--wp--preset--spacing--small) * 2.5);
	float: left;
}
details.wp-block-details[open] > summary::before {
  transform: rotate(90deg);
}
details.wp-block-details > p{
	margin-left: var(--wp--preset--spacing--normal);
}

/* FAQ Pattern Template */
.wp-block-group.faq-page details.wp-block-details summary{
	margin-left: var(--wp--preset--spacing--normal); /* the same width as the arrow icon, see ::before below */
}
.wp-block-group.faq-page details.wp-block-details summary::before{
	position: relative;
	margin-left: calc(var(--wp--preset--spacing--normal) * -1);
	top: var(--wp--preset--spacing--small);
	left: calc(var(--wp--preset--spacing--small)*-1);
}

/* Forces containers inside of columns to be full width  so their children can justify properly */
/* This is a custom CSS class added to the container element in the pattern or page templates */
.force-full-width-in-column{
	width: 100%;
}
.cover-no-inner-content  .wp-block-cover__inner-container{
	display: none;
}
.group-has-ful-height,
.cover-has-full-height{
	height: 100% !important;
}



/**
 * ----------------------------------------------------------
 * Multiple Promo Box Combos - Column Based Promo Boxes
 * ----------------------------------------------------------
 */
.wp-block-group.promotional-patterns.three-collumns.style-1 .block-editor-block-list__layout figure.block-editor-block-list__block{
	width: 100%;
}
.wp-block-group.promotional-patterns.three-collumns .wp-block-cover.has-aspect-ratio{
	min-height: 250px !important;
}
.wp-block-group.promotional-patterns.two-collumns.two-collumns-narrow  .wp-block-cover.has-aspect-ratio,
.wp-block-group.promotional-patterns.two-collumns.two-collumns-wide  .wp-block-cover.has-aspect-ratio{
	min-height: 300px !important;
}

/**
 * Promo Three Columns Wide uses a custom 1680px (105rem) contentSize & breakpoint
 * This will override .alignfull negative margins
 */
.wp-block-group.alignfull.promotional-patterns.two-collumns.two-collumns-wide{
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/**
 * ----------------------------------------------------------
 * Single Promo Boxes - One or multiple photo variations
 * ----------------------------------------------------------
 */
/* Set one cover as the full height defining cover of the columns */
.promotional-patterns.banners.two-photos.style-2 .first-column .wp-block-cover,
.promotional-patterns.banners.three-photos.style-3 .first-column .wp-block-cover{
	height: 70vh;
	max-height: 700px;
}
.promotional-patterns.banners.one-photo.style-1 .wp-block-cover,
.promotional-patterns.banners.one-photo.style-2 .wp-block-cover{
	height: 70vh;
	max-height: 700px;
}
/* Allow inner content to overflow outside of the border and be visible */
.promotional-patterns.banners.one-photo.style-2 .wp-block-cover,
.promotional-patterns.banners.two-photos.style-2 .wp-block-cover,
.promotional-patterns.banners.three-photos.style-3 .wp-block-cover{
	overflow: visible;
}
.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
.promotional-patterns.banners.one-photo.style-2 .wp-block-cover .wp-block-cover__inner-container,
.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container{
	position: absolute;
	max-width: 25%;
	min-width: 400px;
	aspect-ratio: 1 / 1;
	margin: 0px;
}
/*  Inner content box to have a boxy look */
.promotional-patterns.banners.three-photos.style-3 .pattern-content-area,
.promotional-patterns.banners.two-photos.style-2 .pattern-content-area,
.promotional-patterns.banners.one-photo.style-2 .pattern-content-area,
.promotional-patterns.banners.one-photo.style-1 .pattern-content-area{

	background-color: var(--wp--preset--color--lightest);
	margin: 0px;
	padding: var(--wp--preset--spacing--normal);
	color: var(--wp--preset--color--darkest);
	width: 100%;
	height: 100%;
}
.promotional-patterns.banners.three-photos.style-3 .pattern-content-area h4 a,
.promotional-patterns.banners.two-photos.style-2 .pattern-content-area h4 a,
.promotional-patterns.banners.two-photos.style-1 .pattern-content-area h4 a,
.promotional-patterns.banners.one-photo.style-2 .pattern-content-area h4 a,
.promotional-patterns.banners.one-photo.style-1 .pattern-content-area h4 a{
	text-decoration: none;
}
/*  Three Photo style 3 - two covers to share equal height, parent group must have flex-direction: column */
.promotional-patterns.banners.three-photos.style-3 .last-column .wp-block-cover{
	min-height: 100px;
	flex: 1;
}


/**
* ----------------------------------------------------------
* Media - Text Alternating Pattern Styles
* ----------------------------------------------------------
*/
.media-text-alternating.half-half .wp-block-media-text{
	min-height: 500px;
}

.media-text-alternating.half-half .wp-block-media-text > .wp-block-media-text__content,
.media-text-alternating .wp-block-media-text > .wp-block-media-text__content,
.media-text-left-image .wp-block-media-text > .wp-block-media-text__content {
	padding: var(--wp--preset--spacing--large);
}

/* This is a Block Style Vriation (border-content) */
.wp-block-media-text.is-style-border-content{
	border-width: 0px !important;
}
.wp-block-media-text.is-style-border-content  > .wp-block-media-text__content{
	height: 100%;
	border-width: 1px;
	border-color: inherit;
	border-style: inherit;
	border-left-width: 0px;
}
.wp-block-media-text.is-style-border-content.has-media-on-the-right  > .wp-block-media-text__content{
	border-width: 1px;
	border-color: inherit;
	border-style: inherit;
	border-right-width: 0px;
}

/*
.photo-text-alternating.style-2 .wp-block-media-text{
	position: relative;
}
.photo-text-alternating.style-2 .wp-block-media-text::before{
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	border-top: 1px solid var(--wp--preset--color--shade-6);
	position: absolute;
	bottom: calc(var(--wp--preset--spacing--large) * -1.125);
}
.photo-text-alternating.style-2 .wp-block-media-text:nth-last-child(2)::before,
.photo-text-alternating.style-2 .wp-block-media-text:last-child::before{
	display: none;
}
*/

/**
* ----------------------------------------------------------
* Intro - Pattner for Facility Info Box
* ----------------------------------------------------------
*/
/* Create the Diving Line */
.two-info-box .info_box_columns
{
	position: relative;
	border-color: inherit;
	border-width: 0px;
}
.two-info-box .info_box_columns::before
{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	border-left-width: 1px;
	border-left-style: solid;
	border-color: inherit;
}

    


/* ================= CORE RESPONSIVE STYLES ================= */
/* Responsive Breakpoints */
/*
$breakpoints: (
  phone-sm: 420px,
  phone: 767px,
  tablet: 768px,
  tablet-lg: 1024px,
  desktop: 1025px,
  desktop-lg: 1600px
  );
*/
@media only screen and (max-width: 1024px) {

}
/* WordPress Breaking Point - from desktop to tablet */
@media only screen and (max-width: 781px) {

	.hide-in-tablet{
		display: none  !important;;
	}
	.show-in-tablet{
		display: inherit !important;
	}
	body{

		/* Modify Root Padding for the body of the page */
		--wp--custom--spacing--root-padding: 20px;

		/* Modify Root Font Size */
		--wp--preset--font-size--normal: 17px;
	}

	/* Modify Heading Font Sizes */
	/*
	h1{
		font-size: var(--wp--preset--font-size--xl);
	}
	h2{
		font-size: var(--wp--preset--font-size--huge);
	}
	h3{
		font-size: var(--wp--preset--font-size--big);
	}
	h4{
		font-size: var(--wp--preset--font-size--large);
	}
	h5{
		font-size: var(--wp--preset--font-size--medium);
	}
		*/

	/**
	* ----------------------------------------------------------
	* Multiple Promo Box Combos - Column Based Promo Boxes
	* ----------------------------------------------------------
	*/
	.wp-block-group.promotional-patterns.three-collumns .wp-block-cover.has-aspect-ratio,
	.wp-block-group.promotional-patterns.two-collumns.two-collumns-narrow  .wp-block-cover.has-aspect-ratio,
	.wp-block-group.promotional-patterns.two-collumns.two-collumns-wide  .wp-block-cover.has-aspect-ratio{
		min-height: 250px !important;
		aspect-ratio: 2 / 1 !important;
	}

	/**
	* ----------------------------------------------------------
	* Single Promo Boxes - One or multiple photo variations
	* ----------------------------------------------------------
	*/
	/*  Force Full Width Coversion of Container - from wideSize */
	.has-global-padding > .alignwide.promotional-patterns.banners.one-photo.style-2,
	.has-global-padding > .alignwide.promotional-patterns.banners.two-photos.style-2,
	.has-global-padding > .alignwide.promotional-patterns.banners.three-photos.style-3{
		margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
		margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
	}
	/* Content Box Sizing */
	.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-2 .wp-block-cover .wp-block-cover__inner-container{
		aspect-ratio: auto;
		min-width: 375px;
	}


	/**
	* ----------------------------------------------------------
	* Media - Text Alternating Pattern Styles
	* ----------------------------------------------------------
	*/
	.photo-text-alternating.style-1  .wp-block-media-text{
		min-height: 400px;
	}
	.photo-text-alternating.style-2 .wp-block-media-text.is-stacked-on-mobile,
	.photo-text-leftside.style-1 .wp-block-media-text.is-stacked-on-mobile{
		grid-template-columns: 50% auto !important;
	}

	/**
	* ----------------------------------------------------------
	* Intro - Pattner for Facility Info Box
	* ----------------------------------------------------------
	*/
	/* Hide the Diving Line */
	.two-info-box .info_box_columns::before
	{
		display: none;
	}
}

@media only screen and (max-width: 640px) {

	
	/**
	* ----------------------------------------------------------
	* Single Promo Boxes - One or multiple photo variations
	* ----------------------------------------------------------
	*/
	.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-2 .wp-block-cover .wp-block-cover__inner-container{
		aspect-ratio: auto;
	}
}


/* WordPress Breaking Point */
@media only screen and (max-width: 600px) {


	.hide-in-mobile{
		display: none !important;
	}
	.show-in-mobile{
		display: unset !important;
	}
	
	/**
	* ----------------------------------------------------------
	* Single Promo Boxes - One or multiple photo variations
	* ----------------------------------------------------------
	*/
	.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container{
		aspect-ratio: auto;
	}

	/* Content Box Sizing */
	.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-2 .wp-block-cover .wp-block-cover__inner-container{
		min-width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right));
	}


	/**
	* ----------------------------------------------------------
	* Media - Text Alternating Pattern Styles
	* ----------------------------------------------------------
	*/
	/* Mimicing Wordpress styles since out custom one from 781px will override WP style */
	.photo-text-alternating.style-2 .wp-block-media-text.is-stacked-on-mobile,
	.photo-text-leftside.style-1 .wp-block-media-text.is-stacked-on-mobile{
		grid-template-columns: 100% auto !important;
		margin-block-start: 0px;
	}
	.photo-text-alternating.style-1 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content,
	.photo-text-alternating.style-2 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content,
	.photo-text-leftside.style-1 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content{
		padding: 0px;
	}
	.photo-text-alternating.style-1 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content > .wp-block-group,
	.photo-text-alternating.style-2 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content > .wp-block-group,
	.photo-text-leftside.style-1 .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content > .wp-block-group{
		padding: var(--wp--preset--spacing--normal) 0px;
	}
	.photo-text-alternating.style-2 .wp-block-media-text::after{
		display: none;
	}
}

/* WordPress Breaking Point */
@media only screen and (max-width: 360px) {


	/**
	* ----------------------------------------------------------
	* Single Promo Boxes - One or multiple photo variations
	* ----------------------------------------------------------
	*/
	.promotional-patterns.banners.two-photos.style-2  .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.three-photos.style-3 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-1 .wp-block-cover .wp-block-cover__inner-container,
	.promotional-patterns.banners.one-photo.style-2 .wp-block-cover .wp-block-cover__inner-container{
		max-width: 280px;
		min-width: unset;
	}
}


.skeleton-loader:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% ), 
        linear-gradient(#aaaaaa 400px, transparent 0), 
      linear-gradient(#ffffff 100%, transparent 0);
    background-size: 264px 100%, 100% 100%, 100% 100%;
    background-position: 0 0 , 0px 0px, 0 0;
    animation: skeleton-animation 2000ms infinite;
  }
  
  @keyframes skeleton-animation {
    to {
      background-position: 130% 0, 0px 0px, 0 0;
    }
  }