/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./themes/ifcc/src/sass/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Breakpoints & Media Queries
 */
/**
 * Breakpoint mixins
 */
/**
 *
 * Helper Mixins
 *
 */
/*

.foo {
    color: blue;
    a {
        color: red;
        @at-root .bar { color: green; }
    }
}

This would compile to:

.foo { color: blue; }
.foo a { color: red; }
.bar.foo a { color: green; }

*/
/*
// Use
.grandparent {
  .parent{
      .child {
        font-size: 1em;
          @include parent {
            font-size: 0px;
          }
      }
  }
}

// Result
.grandparent .parent .child {
  font-size: 1em;
}
.grandparent .parent {
  font-size: 0px;
}

// Errors:
.root {
  @include parent {
    content: "Won't work";
  }
}
.grandparent .parent, .root {
  @include parent {
    content: "Also won't work";
  }
}
*/
.wp-element-button, .wp-block-button__link {
  transition-property: border-color, background-color, outline, box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}

.wp-block-categories {
  list-style: none;
}
.wp-block-categories a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

/* Near Root Columns Blocks and Group Blocks Padding */
.wp-block-cover {
  background-color: black;
}
.wp-block-cover p, .wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 {
  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}

.wp-block-heading.is-style-clamp, .wp-block-heading.is-style-clamp > a, h1.is-style-clamp, h1.is-style-clamp > a, h2.is-style-clamp, h2.is-style-clamp > a, h3.is-style-clamp, h3.is-style-clamp > a, h4.is-style-clamp, h4.is-style-clamp > a, h5.is-style-clamp, h5.is-style-clamp > a, h6.is-style-clamp, h6.is-style-clamp > a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-block-heading.is-style-clamp2, .wp-block-heading.is-style-clamp2 > a, h1.is-style-clamp2, h1.is-style-clamp2 > a, h2.is-style-clamp2, h2.is-style-clamp2 > a, h3.is-style-clamp2, h3.is-style-clamp2 > a, h4.is-style-clamp2, h4.is-style-clamp2 > a, h5.is-style-clamp2, h5.is-style-clamp2 > a, h6.is-style-clamp2, h6.is-style-clamp2 > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-block-heading.is-style-clamp4, .wp-block-heading.is-style-clamp4 > a, h1.is-style-clamp4, h1.is-style-clamp4 > a, h2.is-style-clamp4, h2.is-style-clamp4 > a, h3.is-style-clamp4, h3.is-style-clamp4 > a, h4.is-style-clamp4, h4.is-style-clamp4 > a, h5.is-style-clamp4, h5.is-style-clamp4 > a, h6.is-style-clamp4, h6.is-style-clamp4 > a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-block-heading.is-style-nowrap, .wp-block-heading.is-style-nowrap > a, h1.is-style-nowrap, h1.is-style-nowrap > a, h2.is-style-nowrap, h2.is-style-nowrap > a, h3.is-style-nowrap, h3.is-style-nowrap > a, h4.is-style-nowrap, h4.is-style-nowrap > a, h5.is-style-nowrap, h5.is-style-nowrap > a, h6.is-style-nowrap, h6.is-style-nowrap > a {
  white-space: nowrap;
}

.wp-block-media-text.has-background {
  background-color: transparent !important;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
  background-color: transparent;
  background-color: var(--local--color-background, transparent);
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
/*.wp-block-navigation-item.wp-block-navigation-link {

	color: var(--wp--preset--color--white);

	&:hover {
		color: var(--wp--preset--color--primary);
	}
}*/
/* Change Navigation Menu Breakpoints */
.wp-block-navigation.expanded .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: none !important;
}
.wp-block-navigation.expanded .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: block !important;
}
.wp-block-navigation.expanded .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  width: 100%;
  position: relative;
  z-index: auto;
  background-color: inherit;
}

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
/* Set Navigation block mobile breakpoint (also default 600px) */
/*@include media(unstacked) {

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		background-color:inherit;
		display: block;
		position: relative;
		width: 100%;
		z-index: auto
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display:none;
	}

}*/
/* Whats this?
@media (min-width: 782px) {
	.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		left:100%;
		top: 0
	}
}*/
.wp-block-navigation *:focus {
  outline: none;
}
.wp-block-navigation .wp-block-navigation-item {
  align-items: flex-start;
  display: flex;
  position: relative;
  flex-direction: column;
}
.wp-block-navigation .wp-block-navigation-item a:not(.wp-element-button) {
  padding: 0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  padding-top: 0.25em;
  opacity: 1;
  opacity: initial;
  visibility: visible;
  position: relative;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content a:not(.wp-element-button) {
  padding: 0;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: transparent;
  border: none;
  color: inherit;
}
.wp-block-navigation .wp-block-navigation-item__content {
  transition: color 0.5s ease;
}

/*
.site-header {

	.wp-block-navigation {

		position: absolute;
		right: 30px;
		top: 30px;

		li.wp-block-navigation-link {
			margin-bottom: 0.4em;

			a.wp-block-navigation-item__content { 
				padding: 0;
				transition: color 200ms;
				color: var(--wp--preset--color--white);
				text-align: right;
				line-height: 1.2em;

				@include media(mobile-only) {
					font-size: 0.8em;
				}

				&[aria-current],
				&:hover {
					color: var(--wp--preset--color--true-black);
				}
			}

		}

		.wp-block-navigation__responsive-container-open {
			display: block;
			&::before {
				width: 80px;
				height: 40px;
				content: "";
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				//background-image: url("/themes/treehouse/src/images/lines_black.png");

				@include media(stacked) {
					width: 65px;
					height: 24px;
				}
			}
		}

		.wp-block-navigation__responsive-container-close {
			display: block;
			top: -999px;
			position: absolute;
			svg {
				fill: var(--wp--preset--color--true-black);
				width: 80px; height: 80px;
				@include media (mobile-only) {
					width: 60px; height: 60px;
				}
			}
		}

		& > .wp-block-navigation__responsive-container-open {
			position: absolute;
			top: -999px;
		}

		.custom-menu {
			z-index: 999999;

			.wp-block-navigation__responsive-container-open {
				display: block;
				transition: all 300ms;
				.top_bar {
					@keyframes top-krimp { to {transform: scaleX(1.25) translateX(-40%) matrix(0.575415,0,0,0.552032,-28.2189,-2.21628); } }
					transition: all 300ms;
					transform: matrix(0.575415,0,0,0.552032,-28.2189,-2.21628);
					animation: top-krimp 3.5s ease-in-out 1s infinite alternate none;
				}
				.middle_bar {
					@keyframes middle-krimp { to {transform: scaleX(0.5) translateX(50%) matrix(1.10626,0,0,0.552032,-151.231,9.33123); } }
					transition: all 300ms;
					transform: matrix(1.10626,0,0,0.552032,-151.231,9.33123);
					animation: middle-krimp 4s ease-in-out 1.5s infinite alternate none;
				}
				.bottom_bar {
					@keyframes bottom-krimp { to {transform: scaleX(0.5) translateX(20%) matrix(0.928773,0,0,0.552032,-105.059,20.8787); } }
					transition: all 300ms;
					transform: matrix(0.928773,0,0,0.552032,-105.059,20.8787);
					animation: bottom-krimp 3.7s ease-in-out 2s infinite alternate none;
				}

				svg {
					//display: none;
					transition: transform .5s;
					fill: var(--wp--preset--color--true-black);
					width: 75px;
    				height: 60px;
				}
			}

			&.is-menu-open {
				.wp-block-navigation__responsive-container-open {

					svg {
						@include media(mobile) {
							transform: scale(1.2);
						}
						//transition: fill 200ms;
						fill: var(--wp--preset--color--white);

						.top_bar { 
							@keyframes top-krimp-x { to {transform: matrix(0.40688,-0.40688,0.452249,0.452249,-33.1134,72.863); } }
							animation: top-krimp-x 0.5s ease-in-out 0s 1 normal both;
							//transform: matrix(0.40688,-0.40688,0.452249,0.452249,-33.1134,72.863);
						}
						.middle_bar { 
							@keyframes middle-krimp-x { to {transform: matrix(0.782243,0.782243,-0.452249,0.452249,-64.4878,-124.738); } }
							animation: middle-krimp-x 0.5s ease-in-out 0s 1 normal both;
							//transform: matrix(0.782243,0.782243,-0.452249,0.452249,-64.4878,-124.738);
						}
						.bottom_bar { 
							@keyframes bottom-krimp-x { to {transform: matrix(0.656742,-0.656742,0.452249,0.452249,-97.2308,136.98); } }
							animation: bottom-krimp-x 0.5s ease-in-out 0s 1 normal both;
							//transform: matrix(0.656742,-0.656742,0.452249,0.452249,-97.2308,136.98);
						}
						//.top_bar { transform: matrix(0.40688,-0.40688,0.390346,0.390346,-29.6743,76.3021); }
						//.middle_bar { transform: matrix(0.782243,0.782243,-0.390346,0.390346,-67.9269,-121.299); }
						//.bottom_bar { transform: matrix(0.656742,-0.656742,0.390346,0.390346,-93.7917,140.419); }
					}

					&:hover {
						svg {
							fill: var(--wp--preset--color--true-black);
						}
					}
				}
			}
		}

		.wp-block-navigation__container {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: var(--navigation-layout-justification-setting, initial);
			overflow: visible;
			align-items: flex-end;

			.wp-block-navigation__responsive-close {
				width: auto;
			}
		}

		&:not(.has-background) .wp-block-navigation__responsive-container,
		&:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
			background-color: var(--wp--preset--color--background) !important;
		}

		.wp-block-navigation__responsive-container {
			display: flex;
			position: fixed;

			min-width: 450px;
			box-sizing: border-box;
			transition: min-width 500ms;

			@include media (mobile-only) {
				min-width: 100%;
			}

			left: auto;
			right: 0;
			bottom: 0;

			flex-direction: column;
			overflow: auto;
			padding: 2rem;
			//padding-left: 3rem;
			z-index: 100000;

			animation: navigation-slide-out 500ms forwards;

			&.is-menu-open {
				display: flex;
				animation: navigation-slide-in 500ms forwards;
			}

			&.is-menu-open .wp-block-navigation__responsive-container-content,
			.wp-block-navigation__responsive-container-content {
				//padding-top: 0 !important;
				padding-top: calc(110px + var(--wp-admin--admin-bar--height, 0px));
				//margin-top: calc(5rem + var(--wp-admin--admin-bar--height));
			}

			&:not(.animate):not(.is-menu-open) {
				display: none;
			}

		}
	}

}

@keyframes navigation-slide-in {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0%);
	}
}

@keyframes navigation-slide-out {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(100%);
	}
}
*/
/*.wp-block-post-navigation-link {
	&.is-style-treehouse-post-navigation-link-big-blocks {

		height: 125px;
		border: 2px solid white;

		a {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			font-size: var(--wp--preset--font-size--large);
			font-weight: var(--wp--custom--font-weight--medium);
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			transition: background-color 300ms,
						border-color 300ms;
		}

		&.has-text-align-right a {
			justify-content: flex-end;
		}

		&.post-navigation-link-previous a::before,
		&.post-navigation-link-next a::after {
			content: "❯";
			font-weight: bold;
			color: white;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 2px solid #ffffff;
			width: 50px;
			height: 50px;
			margin: 25px;
		}

		&.post-navigation-link-previous a::before {
			content: '❮';
		}
		&.post-navigation-link-next a::after {

		}

		&.post-navigation-link-previous {
			margin-right: -1px;
		}
		&.post-navigation-link-next {
			margin-left: -1px;
		}

		a:hover {
			background-color: white;
			color: black;
			&::after,
			&::before {
				color: black;
				border-color: black;
			}
		}

	}
}*/
.wp-block-post-template.is-flex-container {
  justify-content: space-evenly;
}
.wp-block-post-template.is-flex-container > li {
  max-width: 500px;
}

.wp-block-post-template .wp-block-post {
  overflow: auto;
}
.wp-block-post-template .wp-block-post .wp-post-image {
  max-width: 500px;
}

.wp-block-ifcc-pub-link.edit-search-results {
  display: block;
  transform: translateY(-8px);
}

.wp-block-search .wp-block-search__input {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.wp-block-search .wp-block-search__input::-moz-placeholder {
  opacity: 0.6;
  color: var(--wp--preset--color--primary);
}
.wp-block-search .wp-block-search__input::placeholder {
  opacity: 0.6;
  color: var(--wp--preset--color--primary);
}

.wp-block-separator {
  /*&:not(.alignfull) {
  	margin: 0px var(--wp--custom--layout--content-padding);

  	@include media(laptop) {
  		margin: 0px var(--wp--custom--layout--wide-padding);
  	}
  }*/
}

.site-footer .wp-block-social-links.has-normal-icon-size {
  font-size: 18px;
}
.site-footer .wp-block-social-links .wp-block-social-link {
  transition: color 0.5s ease;
}
.site-footer .wp-block-social-links .wp-block-social-link:hover {
  color: var(--wp--preset--color--primary) !important;
}
.site-footer .wp-block-social-links .wp-block-social-link:hover {
  transform: scale(1);
}
.site-footer .wp-block-social-links .wp-block-social-link span:not(.screen-reader-text) {
  font-size: 0.8em;
}

.wp-block-ifcc-tabs > .wp-block-group > *:not(.alignfull) {
  padding: 0px calc(0.5 * var(--wp--custom--layout--content-padding));
}
@media only screen and (min-width: 960px) {
  .wp-block-ifcc-tabs > .wp-block-group > *:not(.alignfull) {
    padding: 0px calc(0.5 * var(--wp--custom--layout--wide-padding));
    padding-right: calc(0.5 * var(--wp--custom--layout--content-padding));
  }
}
.wp-block-ifcc-tabs > .wp-block-buttons {
  display: flex;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button {
  margin-left: -9px !important;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button {
  flex-grow: 1;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-element-button,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-block-button__link {
  display: flex;
  gap: 0.5em;
  height: 48px;
  font-size: inherit;
  /* width: 100%; */
  justify-content: center;
  align-items: baseline;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:not(:last-child) {
  margin-right: -9px !important;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-element-button::before, .wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-element-button::after,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-block-button__link::before,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button .wp-block-button__link::after {
  content: "";
  display: inline-block;
  width: 9px;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-element-button span:last-child,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-block-button__link span:last-child {
  display: none;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-element-button::before, .wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-element-button::after,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-block-button__link::before,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:nth-child(n+3) .wp-block-button__link::after {
  width: 4.5px;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:not(.active):not(:first-child) .wp-element-button::before,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:not(.active):not(:first-child) .wp-block-button__link::before {
  width: 9px;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:not(.active):not(:first-child) .wp-element-button::after,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button:not(.active):not(:first-child) .wp-block-button__link::after {
  width: 9px;
}
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button.active .wp-element-button,
.wp-block-ifcc-tabs > .wp-block-buttons .wp-block-button.active .wp-block-button__link {
  background-color: var(--wp--preset--color--background-dark) !important;
}

.wp-block-video {
  background-color: black;
}
.wp-block-video.is-style-treehouse-video-volume {
  margin: 0;
  line-height: 0;
}
.wp-block-video.is-style-treehouse-video-volume video {
  line-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
  width: 100%;
}
.wp-block-video.is-style-treehouse-video-volume button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.wp-block-video.is-style-treehouse-video-volume .volume-control {
  z-index: 99;
  position: absolute;
  text-align: center;
  bottom: 15%;
  left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  font-size: 80px;
  filter: drop-shadow(0 0 0.75rem black);
  color: white;
}

.wp-block-woocommerce-attribute-filter > .wc-block-attribute-filter__title,
.wc-block-attribute-filter > .wc-block-attribute-filter__title {
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-woocommerce-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__label,
.wc-block-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__label {
  font-size: var(--wp--preset--font-size--small);
}
.wp-block-woocommerce-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],
.wc-block-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
  height: 1.2em;
  min-height: 1.2em;
  min-width: 1.2em;
  width: 1.2em;
  position: relative;
  top: 0px;
  left: 5px;
}
.wp-block-woocommerce-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:hover),
.wc-block-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:hover) {
  border-color: var(--wp--preset--color--grey);
}
.wp-block-woocommerce-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__mark,
.wc-block-attribute-filter .wc-block-components-checkbox .wc-block-components-checkbox__mark {
  fill: var(--wp--preset--color--primary);
  margin-left: 0.35em;
  position: absolute;
  top: -2px;
}
.wp-block-woocommerce-attribute-filter .wc-block-attribute-filter__actions,
.wc-block-attribute-filter .wc-block-attribute-filter__actions {
  display: none !important;
}

.select2-container .select2-results__option {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--black);
}
.select2-container .select2-search__field,
.select2-container .select2-selection {
  height: 3rem;
  font-size: var(--wp--preset--font-size--small);
  padding: 0.5rem 0.5rem;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/*
Usually these styles are used to fix/fill what is shown in the editor but not in the frontend.
These fallback to the browswer agent styles.
*/
video {
  opacity: 1;
  transition: opacity 1s;
}
video[data-src] {
  opacity: 0;
}

strong {
  font-weight: var(--wp--custom--font-weight--semi-bold);
}

input {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
input::-moz-placeholder {
  opacity: 0.6;
  color: var(--wp--preset--color--primary);
}
input::placeholder {
  opacity: 0.6;
  color: var(--wp--preset--color--primary);
}

.site-footer a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

:root {
  --navigation-height: auto;
}

@media only screen and (max-width: 599px) {
  .wp-site-blocks > header > .wp-block-columns:first-child {
    display: flex;
    flex-direction: column;
  }
  .wp-site-blocks > header > .wp-block-columns:first-child > .wp-block-column:first-child {
    padding-bottom: 0 !important;
  }
}
.wp-site-blocks > header > .wp-block-columns > .wp-block-column:first-child {
  transition: flex-basis 300ms ease-in-out;
}
@media only screen and (max-width: 959px) {
  .wp-site-blocks > header > .wp-block-columns > .wp-block-column:first-child {
    flex-basis: 40% !important;
  }
}

select,
textarea,
input:not([type=checkbox]) {
  flex-grow: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--wp--custom--input--color, var(--wp--preset--color--foreground));
  font-size: inherit;
  height: auto;
  line-height: 1em;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
  padding: 2px 12px;
  padding: var(--wp--custom--input--padding, 2px 12px);
  background-color: var(--wp--preset--color--background);
  background-image: none;
  border-radius: var(--wp--custom--border-radius--circle);
  transform: translateZ(0);
  box-shadow: 0 0 0 1px var(--wp--custom--input--border-color) inset;
  transition-property: border-color, background-color, outline, box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  /*&:focus-visible {
  	outline-offset: 0px;
  }

  &[type="text" i] {
  	padding: 1px 2px;
  }

  &:focus-visible {
  	outline: -webkit-focus-ring-color auto 1px;
  }*/
}
select:hover:not(:disabled),
textarea:hover:not(:disabled),
input:not([type=checkbox]):hover:not(:disabled) {
  box-shadow: 0 0 0 1px var(--wp--custom--input--border-color-hover) inset;
}
select:focus, select:focus-visible,
textarea:focus,
textarea:focus-visible,
input:not([type=checkbox]):focus,
input:not([type=checkbox]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px var(--wp--preset--color--focus, var(--wp--preset--color--primary)) inset;
}
select::-moz-placeholder, textarea::-moz-placeholder, input:not([type=checkbox])::-moz-placeholder {
  opacity: 0.3;
  font-size: inherit;
}
select::placeholder,
textarea::placeholder,
input:not([type=checkbox])::placeholder {
  opacity: 0.3;
  font-size: inherit;
}
select.invalid,
textarea.invalid,
input:not([type=checkbox]).invalid {
  box-shadow: 0 0 0 1px var(--wp--preset--color--invalid, var(--wp--preset--color--red)) inset;
}
select.valid,
textarea.valid,
input:not([type=checkbox]).valid {
  box-shadow: 0 0 0 1px var(--wp--preset--color--valid, var(--wp--preset--color--green)) inset;
}
.error > select, select.error,
.error > textarea,
textarea.error,
.error > input:not([type=checkbox]),
input:not([type=checkbox]).error {
  background-color: var(--wp--preset--color--background);
  box-shadow: 0 0 0 1px var(--wp--preset--color--invalid, var(--wp--preset--color--red)) inset;
}

textarea {
  border-radius: var(--wp--custom--border-radius--medium);
  height: auto;
}

input.button {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
input.button:hover {
  background: var(--wp--preset--color--primary-hover);
}
input.button:active {
  background: var(--wp--preset--color--primary-active);
}

select {
  --input-inner-height: calc($input-height - 2px);
  flex-grow: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--wp--custom--input--color, var(--wp--preset--color--foreground));
  font-size: inherit;
  padding: 1px 6px;
  height: 1em;
  line-height: 1em;
}

input[type=checkbox]:not(.switch) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: var(--wp--custom--input--border);
  border-radius: var(--wp--custom--border-radius--tiny);
  border-color: var(--wp--custom--input--border-color);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background-color: var(--wp--preset--color--background-light);
  transition-property: border-color, background-color, outline;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
input[type=checkbox]:not(.switch):hover:not(:disabled) {
  border-color: var(--wp--custom--input--border-color-hover);
}
input[type=checkbox]:not(.switch):checked {
  background-color: var(--wp--preset--color--primary);
}
input[type=checkbox]:not(.switch):disabled {
  cursor: default;
  background-color: var(--wp--preset--color--light-grey);
  opacity: 0.5;
}
input[type=checkbox]:not(.switch)::after {
  content: "";
  position: absolute;
  box-sizing: content-box;
  border: 1px solid white;
  border: 1px solid var(--wp--custom--input--icon-color-light, white);
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 10px;
  left: 5px;
  top: 0px;
  transform: rotate(45deg) scaleY(0);
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
input[type=checkbox]:not(.switch):checked::after {
  transform: rotate(45deg) scaleY(1);
}

input[type=checkbox].switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: default;
  width: 40px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: none;
  background-color: transparent;
}
input[type=checkbox].switch:disabled {
  cursor: default;
  opacity: 0.5;
}
input[type=checkbox].switch::before {
  content: "";
  display: block;
  cursor: pointer;
  min-width: 40px;
  height: 20px;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  transition: border-color 0.25s, background-color 0.25s;
  background: var(--wp--preset--color--background-dark);
}
input[type=checkbox].switch::after {
  content: "";
  display: block;
  cursor: pointer;
  position: absolute;
  left: 1px;
  border-radius: 50%;
  transition: all 0.25s;
  width: 16px;
  height: 16px;
  background-color: white;
  pointer-events: none;
  color: var(--wp--preset--color--background-dark);
  box-shadow: 0 0 0 1px var(--wp--custom--input--border-color);
}
input[type=checkbox].switch:checked::before {
  background-color: var(--wp--preset--color--primary);
}
input[type=checkbox].switch:checked::after {
  left: calc(100% - 16px - 1px);
  color: var(--wp--preset--color--primary);
}
input[type=checkbox].switch.alt::before {
  background-color: var(--wp--preset--color--secondary-alt);
}
input[type=checkbox].switch.alt:checked::before {
  background-color: var(--wp--preset--color--tertiary);
}
input[type=checkbox].switch.alt::after {
  box-shadow: 0 0 0 1px var(--wp--preset--color--tertiary-hover);
}
input[type=checkbox].switch:disabled::before {
  cursor: default;
  background-color: var(--wp--preset--color--light-grey);
}
input[type=checkbox].switch:disabled::after {
  cursor: default;
  box-shadow: none;
}

body.login .message,
body.login .success,
body.login #login_error {
  border-left: 4px solid #4f94d4;
  border-left: 4px solid var(--wp--preset--color--primary-hover, #4f94d4);
  padding: 12px;
  margin-left: 0;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
}
body.login .message.success,
body.login .success.success,
body.login #login_error.success {
  border-left-color: #00a32a;
  border-left-color: var(--wp--preset--color--green, #00a32a);
}
body.login .message.login_error,
body.login .success.login_error,
body.login #login_error.login_error {
  border-left-color: #d63638;
  border-left-color: var(--wp--preset--color--red, #d63638);
}
body.login .input::-ms-clear {
  display: none;
}
body.login .pw-weak {
  margin-bottom: 15px;
}
body.login .button.wp-hide-pw {
  background: transparent;
  border: 1px solid transparent;
  height: 100%;
  padding: 0;
  aspect-ratio: 1/1;
  margin: 0;
  position: absolute;
  right: 0.5em;
  top: 0px;
}
body.login .button.wp-hide-pw:hover, body.login .button.wp-hide-pw:focus {
  background: transparent;
}
body.login .button.wp-hide-pw:focus {
  border: none;
  outline: 2px solid transparent;
}
body.login .button.wp-hide-pw:active {
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.login .button.wp-hide-pw .dashicons {
  color: var(--wp--preset--color--primary-hover);
  font-size: 1.65em;
  vertical-align: baseline;
}
body.login .wp-pwd {
  position: relative;
}
body.login .no-js .hide-if-no-js {
  display: none;
}
body.login #login {
  width: 320px;
  padding: 5% 0 0;
  margin: auto;
}
body.login #login form {
  margin-top: 20px;
  margin-left: 0;
  padding: 26px 24px 34px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--wp--custom--border-radius--small);
}
body.login #login form input[type=text],
body.login #login form input[type=password] {
  width: 100%;
}
body.login #login form input.password-input {
  padding-right: 3em;
}
body.login #login form p.submit {
  margin: 0;
  padding: 0;
  border: none;
  margin: -10px 0 20px;
}
body.login #login form > * {
  margin-bottom: 1rem;
}
body.login #login form.shake {
  animation: shake 0.2s cubic-bezier(0.19, 0.49, 0.38, 0.79) both;
  animation-iteration-count: 3;
  transform: translateX(0);
}
@keyframes shake {
  25% {
    transform: translateX(-20px);
  }
  75% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.login #login form.shake {
    animation: none;
    transform: none;
  }
}
body.login #login .button-primary {
  float: right;
}
body.login #login .forgetmenot {
  font-weight: 400;
  float: left;
  margin-bottom: 0;
}
body.login #login .forgetmenot #rememberme {
  vertical-align: middle;
}
body.login #login #nav,
body.login #login #backtoblog {
  font-size: 13px;
  padding: 0 24px;
}
body.login #login #nav a,
body.login #login #backtoblog a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #50575e;
}
body.login #login #nav a:hover, body.login #login #nav a:focus,
body.login #login #backtoblog a:hover,
body.login #login #backtoblog a:focus {
  color: #135e96;
}
body.login #login #nav {
  margin: 24px 0 0;
}
body.login #login #backtoblog {
  margin: 16px 0;
  word-wrap: break-word;
}
body.login .login-action-confirm_admin_email #login {
  width: 60vw;
  max-width: 650px;
  margin-top: -2vh;
}
@media screen and (max-width: 782px) {
  body.login .login-action-confirm_admin_email #login {
    box-sizing: border-box;
    margin-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100vw;
  }
}
body.login .reset-pass-submit {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
body.login .reset-pass-submit .button {
  display: inline-block;
  float: none;
  margin-bottom: 6px;
}
body.login .admin-email-confirm-form .submit {
  text-align: center;
}
body.login .admin-email__later {
  text-align: left;
}
body.login .admin-email__details {
  margin: 1.1em 0;
}
body.login h1.admin-email__heading {
  border-bottom: 1px #f0f0f1 solid;
  color: #50575e;
  font-weight: normal;
  padding-bottom: 0.5em;
  text-align: left;
}
body.login .admin-email__actions div {
  padding-top: 1.5em;
}
body.login .admin-email__actions div .button-primary {
  float: none;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
body.login label {
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 3px;
}
body.login label.forgetmenot, body.login label.pw-weak {
  line-height: 1.5;
  vertical-align: baseline;
}
body.login h1 {
  text-align: center;
}
body.login h1 a {
  background-image: url(../../assets/bundle/60a3f3b9896cdebd.png);
  background-size: contain;
  background-repeat: no-repeat;
  color: #3c434a;
  height: 84px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto 25px;
  padding: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 84px;
  text-indent: -9999px;
  outline: none;
  overflow: hidden;
  display: block;
}
body.login h1 a:hover, body.login h1 a:focus {
  color: #135e96;
}
body.login #language-switcher {
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  box-shadow: none;
}
body.login #language-switcher select {
  margin-right: 0.25em;
}
body.login #language-switcher .button {
  margin-bottom: 0;
}
body.login .language-switcher {
  margin: 0 auto;
  padding: 0 0 24px;
  text-align: center;
}
body.login .language-switcher label {
  margin-right: 0.25em;
}
body.login .language-switcher label .dashicons {
  width: auto;
  height: auto;
}
body.login .language-switcher .button {
  margin-bottom: 0;
}
@media screen and (max-width: 400px) {
  body.login .language-switcher .button {
    display: block;
    margin: 5px auto 0;
  }
}
@media screen and (max-height: 550px) {
  body.login #login {
    padding: 20px 0;
  }
  body.login #language-switcher {
    margin-top: 0;
  }
}
@media screen and (max-width: 782px) {
  body.login .interim-login input[type=checkbox] {
    width: 1rem;
    height: 1rem;
  }
  body.login .interim-login input[type=checkbox]:checked:before {
    width: 1.3125rem;
    height: 1.3125rem;
    margin: -0.1875rem 0 0 -0.25rem;
  }
  body.login #language-switcher label,
  body.login #language-switcher select {
    margin-right: 0;
  }
}

/*main {
	background-color: var(--wp--preset--color--background);

	&.light {
		background-color: var(--wp--preset--color--background-light);
	}
}

.single {

	.wp-block-column.featured-image-container {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.wp-block-post-featured-image {

		@include media(tablet-only) {
			width: 100%;
		}

		text-align: center;

		img {
			height: auto;
			min-width: 100%;

			@include media(mobile) {
				min-width: 80%;
				max-width: 80%;
			}

			@include media(tablet) {
				min-height: 500px;
				max-height: 600px;
				width: auto;
				min-width: auto;
				max-width: none;
			}
		}

	}

}*/
.site-sidebar {
  overflow: hidden;
  position: relative;
  border-radius: 0 12px 12px 0;
  min-width: var(--wp--custom--layout--sidebar-min-size);
  max-width: var(--wp--custom--layout--sidebar-max-size);
}
.site-sidebar > * {
  position: relative;
}
.site-sidebar::before {
  content: "";
  position: absolute;
  background-image: url(../../assets/bundle/ffe6f4e5324aa4b4.svg);
  height: 45%;
  right: 40px;
  bottom: 10%;
  aspect-ratio: 1/1;
  opacity: 0.3;
  pointer-events: none;
}
.site-sidebar > .wp-block-group.is-vertical.is-layout-flex {
  justify-content: space-between;
}

.grid .site-sidebar {
  position: sticky;
  top: var(--wp-admin--admin-bar--height);
  height: calc(100vh - var(--wp-admin--admin-bar--height));
}

.wp-site-blocks {
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  min-height: calc(100vh - 0px);
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.wp-site-blocks > header.wp-block-template-part > .wp-block-columns > .wp-block-column > *:not(.alignfull),
.wp-site-blocks .site-content > .wp-block-post-content > *:not(.alignfull),
.wp-site-blocks .site-content > *:not(.wp-block-post-content):not(.alignfull) {
  padding: 0px var(--wp--custom--layout--content-padding);
}
@media only screen and (min-width: 960px) {
  .wp-site-blocks > header.wp-block-template-part > .wp-block-columns > .wp-block-column > *:not(.alignfull),
  .wp-site-blocks .site-content > .wp-block-post-content > *:not(.alignfull),
  .wp-site-blocks .site-content > *:not(.wp-block-post-content):not(.alignfull) {
    padding: 0px var(--wp--custom--layout--wide-padding);
  }
}

.wp-site-blocks .site-sidebar > *:not(.alignfull) {
  padding: 0px var(--wp--custom--layout--content-padding);
}
@media only screen and (min-width: 960px) {
  .wp-site-blocks .site-sidebar > *:not(.alignfull) {
    padding: 0px var(--wp--custom--layout--wide-padding);
    padding-right: var(--wp--custom--layout--content-padding);
  }
}

.wp-site-blocks > * + * {
  margin-top: 0;
}

.wp-site-blocks .wp-block-spacer,
.wp-site-blocks .wp-block-spacer + * {
  margin-top: 0 !important;
}

.site-container > * {
  height: 100%;
}

.fade-enter > * {
  opacity: 0;
  transform: translateY(-100%);
}

.fade-enter-active > * {
  opacity: 1;
  transform: translateY(0%);
}

.fade-exit > * {
  opacity: 1;
  transform: translateY(0%);
}

.fade-exit-active > * {
  opacity: 0;
  transform: translateY(100%);
}

.fade-enter-active > *,
.fade-exit-active > * {
  transition: opacity 500ms, transform 500ms;
}

/*.slide-fade-up-enter-active,
.slide-fade-up-exit-active {
	transition: all 0.25s ease-out;
}

.slide-fade-up-enter {
	opacity: 0;
	transform: translateY(100%);
}

.slide-fade-up-exit {
	opacity: 0;
	transform: translateY(-100%);
}*/
.slide-fade-up-enter {
  opacity: 0;
  transform: translateY(100%);
}

.slide-fade-up-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms, transform 300ms;
}

.slide-fade-up-exit {
  opacity: 1;
  transform: translateY(0);
}

.slide-fade-up-exit-active {
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 300ms, transform 300ms;
}

.has-auto-margin-left {
  margin-left: auto !important;
}

.has-auto-margin-right {
  margin-right: auto !important;
}

.has-no-decoration,
.has-no-decoration > a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

:root {
  color-scheme: light;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #409eff;
  --color-primary-light-3: #79bbff;
  --color-primary-light-5: #a0cfff;
  --color-primary-light-7: #c6e2ff;
  --color-primary-light-8: #d9ecff;
  --color-primary-light-9: #ecf5ff;
  --color-primary-dark-2: #337ecc;
  --color-success: #67c23a;
  --color-success-light-3: #95d475;
  --color-success-light-5: #b3e19d;
  --color-success-light-7: #d1edc4;
  --color-success-light-8: #e1f3d8;
  --color-success-light-9: #f0f9eb;
  --color-success-dark-2: #529b2e;
  --color-warning: #e6a23c;
  --color-warning-light-3: #eebe77;
  --color-warning-light-5: #f3d19e;
  --color-warning-light-7: #f8e3c5;
  --color-warning-light-8: #faecd8;
  --color-warning-light-9: #fdf6ec;
  --color-warning-dark-2: #b88230;
  --color-danger: #f56c6c;
  --color-danger-light-3: #f89898;
  --color-danger-light-5: #fab6b6;
  --color-danger-light-7: #fcd3d3;
  --color-danger-light-8: #fde2e2;
  --color-danger-light-9: #fef0f0;
  --color-danger-dark-2: #c45656;
  --color-error: #f56c6c;
  --color-error-light-3: #f89898;
  --color-error-light-5: #fab6b6;
  --color-error-light-7: #fcd3d3;
  --color-error-light-8: #fde2e2;
  --color-error-light-9: #fef0f0;
  --color-error-dark-2: #c45656;
  --color-info: #909399;
  --color-info-light-3: #b1b3b8;
  --color-info-light-5: #c8c9cc;
  --color-info-light-7: #dedfe0;
  --color-info-light-8: #e9e9eb;
  --color-info-light-9: #f4f4f5;
  --color-info-dark-2: #73767a;
  --bg-color: #ffffff;
  --bg-color-page: #f2f3f5;
  --bg-color-overlay: #ffffff;
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #a8abb2;
  --text-color-disabled: #c0c4cc;
  --border-color: #dcdfe6;
  --border-color-light: #e4e7ed;
  --border-color-lighter: #ebeef5;
  --border-color-extra-light: #f2f6fc;
  --border-color-dark: #d4d7de;
  --border-color-darker: #cdd0d6;
  --fill-color: #f0f2f5;
  --fill-color-light: #f5f7fa;
  --fill-color-lighter: #fafafa;
  --fill-color-extra-light: #fafcff;
  --fill-color-dark: #ebedf0;
  --fill-color-darker: #e6e8eb;
  --fill-color-blank: #ffffff;
  --box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
  --box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
  --box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
  --box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
  --disabled-bg-color: var(--fill-color-light);
  --disabled-text-color: var(--text-color-placeholder);
  --disabled-border-color: var(--border-color-light);
  --overlay-color: rgba(0, 0, 0, .8);
  --overlay-color-light: rgba(0, 0, 0, .7);
  --overlay-color-lighter: rgba(0, 0, 0, .5);
  --mask-color: rgba(255, 255, 255, .9);
  --mask-color-extra-light: rgba(255, 255, 255, .4);
  --border-width: 1px;
  --border-style: solid;
  --border-color-hover: var(--text-color-disabled);
  --border: var(--border-width) var(--border-style) var(--border-color);
  --svg-monochrome-grey: var(--border-color);
  --color-primary-rgb: 64, 158, 255;
  --color-success-rgb: 103, 194, 58;
  --color-warning-rgb: 230, 162, 60;
  --color-danger-rgb: 245, 108, 108;
  --color-error-rgb: 245, 108, 108;
  --color-info-rgb: 144, 147, 153;
}

/*@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --color-primary: #409eff;
        --color-primary-light-3: #3375b9;
        --color-primary-light-5: #2a598a;
        --color-primary-light-7: #213d5b;
        --color-primary-light-8: #1d3043;
        --color-primary-light-9: #18222c;
        --color-primary-dark-2: #66b1ff;
        --color-success: #67c23a;
        --color-success-light-3: #4e8e2f;
        --color-success-light-5: #3e6b27;
        --color-success-light-7: #2d481f;
        --color-success-light-8: #25371c;
        --color-success-light-9: #1c2518;
        --color-success-dark-2: #85ce61;
        --color-warning: #e6a23c;
        --color-warning-light-3: #a77730;
        --color-warning-light-5: #7d5b28;
        --color-warning-light-7: #533f20;
        --color-warning-light-8: #3e301c;
        --color-warning-light-9: #292218;
        --color-warning-dark-2: #ebb563;
        --color-danger: #f56c6c;
        --color-danger-light-3: #b25252;
        --color-danger-light-5: #854040;
        --color-danger-light-7: #582e2e;
        --color-danger-light-8: #412626;
        --color-danger-light-9: #2b1d1d;
        --color-danger-dark-2: #f78989;
        --color-error: #f56c6c;
        --color-error-light-3: #b25252;
        --color-error-light-5: #854040;
        --color-error-light-7: #582e2e;
        --color-error-light-8: #412626;
        --color-error-light-9: #2b1d1d;
        --color-error-dark-2: #f78989;
        --color-info: #909399;
        --color-info-light-3: #6b6d71;
        --color-info-light-5: #525457;
        --color-info-light-7: #393a3c;
        --color-info-light-8: #2d2d2f;
        --color-info-light-9: #202121;
        --color-info-dark-2: #a6a9ad;
        --box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
        --box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
        --box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
        --box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
        --bg-color-page: #141414; //#0a0a0a;
        --bg-color: #242424;// #141414;
        --bg-color-overlay: #1d1e1f;
        --text-color-primary: #E5EAF3;
        --text-color-regular: #CFD3DC;
        --text-color-secondary: #A3A6AD;
        --text-color-placeholder: #6C6E72; //#8D9095;
        --text-color-disabled: #6C6E72;
        --border-color-darker: #636466;
        --border-color-dark: #58585B;
        --border-color: #4C4D4F;
        --border-color-light: #414243;
        --border-color-lighter: #363637;
        --border-color-extra-light: #2B2B2C;
        --fill-color-darker: #424243;
        --fill-color-dark: #39393A;
        --fill-color: #303030;
        --fill-color-light: #262727;
        --fill-color-lighter: #1D1D1D;
        --fill-color-extra-light: #191919;
        --fill-color-blank: transparent;
        --mask-color: rgba(0, 0, 0, .8);
        --mask-color-extra-light: rgba(0, 0, 0, .4);
    }
}*/
:root {
  --font-size-extra-large: 20px;
  --font-size-large: 18px;
  --font-size-medium: 16px;
  --font-size-base: 14px;
  --font-size-small: 13px;
  --font-size-extra-small: 12px;
  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --font-weight-primary: 500;
  --font-line-height-primary: 24px;
  --index-normal: 1;
  --index-top: 1000;
  --index-popper: 2000;
}

:root {
  --border-radius-base: 4px;
  --border-radius-small: 2px;
  --border-radius-round: 20px;
  --border-radius-circle: 100%;
}

:root {
  --transition-duration: .3s;
  --transition-duration-fast: .2s;
  --transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
  --transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
  --transition-all: all var(--transition-duration) var(--transition-function-ease-in-out-bezier);
  --transition-fade: opacity var(--transition-duration) var(--transition-function-fast-bezier);
  --transition-md-fade: transform var(--transition-duration) var(--transition-function-fast-bezier), opacity var(--transition-duration) var(--transition-function-fast-bezier);
  --transition-fade-linear: opacity var(--transition-duration-fast) linear;
  --transition-border: border-color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-box-shadow: box-shadow var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-color: color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-bg-color: background-color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
}

:root {
  --component-size-large: 40px;
  --component-size: 32px;
  --component-size-small: 24px;
  --gap-small: 5px 5px;
  --gap-label: 18px 5px;
}

:root {
  --border-radius-base: 4px;
  --border-radius-small: 2px;
  --border-radius-round: 20px;
  --border-radius-circle: 100%;
}

:root {
  color-scheme: light;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #409eff;
  --color-primary-light-3: #79bbff;
  --color-primary-light-5: #a0cfff;
  --color-primary-light-7: #c6e2ff;
  --color-primary-light-8: #d9ecff;
  --color-primary-light-9: #ecf5ff;
  --color-primary-dark-2: #337ecc;
  --color-success: #67c23a;
  --color-success-light-3: #95d475;
  --color-success-light-5: #b3e19d;
  --color-success-light-7: #d1edc4;
  --color-success-light-8: #e1f3d8;
  --color-success-light-9: #f0f9eb;
  --color-success-dark-2: #529b2e;
  --color-warning: #e6a23c;
  --color-warning-light-3: #eebe77;
  --color-warning-light-5: #f3d19e;
  --color-warning-light-7: #f8e3c5;
  --color-warning-light-8: #faecd8;
  --color-warning-light-9: #fdf6ec;
  --color-warning-dark-2: #b88230;
  --color-danger: #f56c6c;
  --color-danger-light-3: #f89898;
  --color-danger-light-5: #fab6b6;
  --color-danger-light-7: #fcd3d3;
  --color-danger-light-8: #fde2e2;
  --color-danger-light-9: #fef0f0;
  --color-danger-dark-2: #c45656;
  --color-error: #f56c6c;
  --color-error-light-3: #f89898;
  --color-error-light-5: #fab6b6;
  --color-error-light-7: #fcd3d3;
  --color-error-light-8: #fde2e2;
  --color-error-light-9: #fef0f0;
  --color-error-dark-2: #c45656;
  --color-info: #909399;
  --color-info-light-3: #b1b3b8;
  --color-info-light-5: #c8c9cc;
  --color-info-light-7: #dedfe0;
  --color-info-light-8: #e9e9eb;
  --color-info-light-9: #f4f4f5;
  --color-info-dark-2: #73767a;
  --bg-color: #ffffff;
  --bg-color-page: #f2f3f5;
  --bg-color-overlay: #ffffff;
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #a8abb2;
  --text-color-disabled: #c0c4cc;
  --border-color: #dcdfe6;
  --border-color-light: #e4e7ed;
  --border-color-lighter: #ebeef5;
  --border-color-extra-light: #f2f6fc;
  --border-color-dark: #d4d7de;
  --border-color-darker: #cdd0d6;
  --fill-color: #f0f2f5;
  --fill-color-light: #f5f7fa;
  --fill-color-lighter: #fafafa;
  --fill-color-extra-light: #fafcff;
  --fill-color-dark: #ebedf0;
  --fill-color-darker: #e6e8eb;
  --fill-color-blank: #ffffff;
  --box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
  --box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
  --box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
  --box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
  --disabled-bg-color: var(--fill-color-light);
  --disabled-text-color: var(--text-color-placeholder);
  --disabled-border-color: var(--border-color-light);
  --overlay-color: rgba(0, 0, 0, .8);
  --overlay-color-light: rgba(0, 0, 0, .7);
  --overlay-color-lighter: rgba(0, 0, 0, .5);
  --mask-color: rgba(255, 255, 255, .9);
  --mask-color-extra-light: rgba(255, 255, 255, .4);
  --border-width: 1px;
  --border-style: solid;
  --border-color-hover: var(--text-color-disabled);
  --border: var(--border-width) var(--border-style) var(--border-color);
  --svg-monochrome-grey: var(--border-color);
  --color-primary-rgb: 64, 158, 255;
  --color-success-rgb: 103, 194, 58;
  --color-warning-rgb: 230, 162, 60;
  --color-danger-rgb: 245, 108, 108;
  --color-error-rgb: 245, 108, 108;
  --color-info-rgb: 144, 147, 153;
}

/*@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --color-primary: #409eff;
        --color-primary-light-3: #3375b9;
        --color-primary-light-5: #2a598a;
        --color-primary-light-7: #213d5b;
        --color-primary-light-8: #1d3043;
        --color-primary-light-9: #18222c;
        --color-primary-dark-2: #66b1ff;
        --color-success: #67c23a;
        --color-success-light-3: #4e8e2f;
        --color-success-light-5: #3e6b27;
        --color-success-light-7: #2d481f;
        --color-success-light-8: #25371c;
        --color-success-light-9: #1c2518;
        --color-success-dark-2: #85ce61;
        --color-warning: #e6a23c;
        --color-warning-light-3: #a77730;
        --color-warning-light-5: #7d5b28;
        --color-warning-light-7: #533f20;
        --color-warning-light-8: #3e301c;
        --color-warning-light-9: #292218;
        --color-warning-dark-2: #ebb563;
        --color-danger: #f56c6c;
        --color-danger-light-3: #b25252;
        --color-danger-light-5: #854040;
        --color-danger-light-7: #582e2e;
        --color-danger-light-8: #412626;
        --color-danger-light-9: #2b1d1d;
        --color-danger-dark-2: #f78989;
        --color-error: #f56c6c;
        --color-error-light-3: #b25252;
        --color-error-light-5: #854040;
        --color-error-light-7: #582e2e;
        --color-error-light-8: #412626;
        --color-error-light-9: #2b1d1d;
        --color-error-dark-2: #f78989;
        --color-info: #909399;
        --color-info-light-3: #6b6d71;
        --color-info-light-5: #525457;
        --color-info-light-7: #393a3c;
        --color-info-light-8: #2d2d2f;
        --color-info-light-9: #202121;
        --color-info-dark-2: #a6a9ad;
        --box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
        --box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
        --box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
        --box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
        --bg-color-page: #141414; //#0a0a0a;
        --bg-color: #242424;// #141414;
        --bg-color-overlay: #1d1e1f;
        --text-color-primary: #E5EAF3;
        --text-color-regular: #CFD3DC;
        --text-color-secondary: #A3A6AD;
        --text-color-placeholder: #6C6E72; //#8D9095;
        --text-color-disabled: #6C6E72;
        --border-color-darker: #636466;
        --border-color-dark: #58585B;
        --border-color: #4C4D4F;
        --border-color-light: #414243;
        --border-color-lighter: #363637;
        --border-color-extra-light: #2B2B2C;
        --fill-color-darker: #424243;
        --fill-color-dark: #39393A;
        --fill-color: #303030;
        --fill-color-light: #262727;
        --fill-color-lighter: #1D1D1D;
        --fill-color-extra-light: #191919;
        --fill-color-blank: transparent;
        --mask-color: rgba(0, 0, 0, .8);
        --mask-color-extra-light: rgba(0, 0, 0, .4);
    }
}*/
:root {
  --font-size-extra-large: 20px;
  --font-size-large: 18px;
  --font-size-medium: 16px;
  --font-size-base: 14px;
  --font-size-small: 13px;
  --font-size-extra-small: 12px;
  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --font-weight-primary: 500;
  --font-line-height-primary: 24px;
  --index-normal: 1;
  --index-top: 1000;
  --index-popper: 2000;
}

:root {
  --component-size-large: 40px;
  --component-size: 32px;
  --component-size-small: 24px;
  --gap-small: 5px 5px;
  --gap-label: 18px 5px;
}

:root {
  --transition-duration: .3s;
  --transition-duration-fast: .2s;
  --transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
  --transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
  --transition-all: all var(--transition-duration) var(--transition-function-ease-in-out-bezier);
  --transition-fade: opacity var(--transition-duration) var(--transition-function-fast-bezier);
  --transition-md-fade: transform var(--transition-duration) var(--transition-function-fast-bezier), opacity var(--transition-duration) var(--transition-function-fast-bezier);
  --transition-fade-linear: opacity var(--transition-duration-fast) linear;
  --transition-border: border-color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-box-shadow: box-shadow var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-color: color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
  --transition-bg-color: background-color var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 2em;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: var(--wp--custom--font-secondary);
  border-radius: 4px;
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--primary);
  transition: color 0.3s, background-color 0.3s;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--wp--preset--color--primary-hover);
  color: var(--wp--preset--color--background);
}

.woocommerce .woocommerce-cart #payment,
.woocommerce .woocommerce-checkout #payment {
  background: var(--wp--preset--color--dark-grey);
  border-radius: 5px;
}
.woocommerce .checkout.woocommerce-checkout #customer_details {
  float: left;
  width: 48%;
}
.woocommerce .checkout.woocommerce-checkout #customer_details > * {
  float: none;
  width: 100%;
}
.woocommerce .checkout.woocommerce-checkout #order_review_heading,
.woocommerce .checkout.woocommerce-checkout #order_review {
  max-width: 48%;
  float: right;
  text-align: left;
}
.woocommerce .checkout.woocommerce-checkout #order_review_heading > *,
.woocommerce .checkout.woocommerce-checkout #order_review > * {
  width: 100%;
  float: right;
}

.woocommerce .flex-viewport {
  max-width: 800px;
  width: 100%;
}
.woocommerce .flex-viewport::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 1px solid var(--wp--preset--color--background);
  box-sizing: border-box;
}
.woocommerce .product .images .flex-control-thumbs {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}
.woocommerce .product .images .flex-control-thumbs li {
  width: auto !important;
  width: initial !important;
}
.woocommerce .product .images .flex-control-thumbs li {
  /*@include media(mobile) {
      float: unset !important; // FU WC!
  }*/
}
@media only screen and (max-width: 959px) {
  .woocommerce .product .images .flex-control-thumbs {
    flex-direction: row;
  }
  .woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images {
    flex-direction: column !important;
  }
  .woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images {
    align-items: center;
  }
}

.woocommerce form label {
  font-weight: bold;
}
.woocommerce form.register, .woocommerce form.login {
  border: 1px solid var(--wp--preset--color--primary);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
  font-family: var(--wp--custom--font-secondary);
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
  font-size: var(--wp--preset--font-size--extra-large);
  color: var(--wp--preset--color--primary);
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover {
  color: var(--wp--preset--color--primary-hover);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--wp--preset--color--foreground);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-message.woocommerce-info {
  display: none;
}

.woocommerce .orderby.select2-results__options {
  max-height: none;
  overflow-y: auto;
}

.woocommerce-page .entry-content > .woocommerce {
  padding-top: calc(var(--wp--custom--spacing--vertical) * 2);
  padding-bottom: calc(var(--wp--custom--spacing--vertical) * 2);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--primary);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wp--custom--font-serif);
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--primary);
}
.woocommerce ul.products li.product .price {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--foreground);
}

.woocommerce.single-product .product {
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .woocommerce.single-product .product {
    flex-direction: column;
    flex-basis: initial;
  }
}
.woocommerce.single-product .product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.images {
  display: flex;
  flex-direction: row-reverse;
}
.woocommerce.single-product .product .summary {
  width: auto;
  width: initial;
  flex-basis: 40vw;
  max-width: 600px;
}
@media only screen and (max-width: 768px) {
  .woocommerce.single-product .product .summary {
    flex-basis: 50vw;
    max-width: none;
    max-width: initial;
  }
}
.woocommerce.single-product .product .summary > .product_title,
.woocommerce.single-product .product .summary .product_title {
  color: var(--wp--preset--color--true-black);
  margin-bottom: var(--wp--custom--spacing--vertical);
}
.woocommerce.single-product .product .summary .woocommerce-product-details__short-description {
  margin-bottom: var(--wp--custom--spacing--vertical);
}
.woocommerce.single-product .product .summary .stock.in-stock {
  display: none;
}

.woocommerce .product p.price,
.woocommerce .product span.price {
  color: var(--preset-color--foreground);
}

.woocommerce.woocommerce-page .select2-container .select2-selection {
  --height: 3rem;
  --padding: 0.55rem 0.5rem;
  height: 3rem;
  height: var(--height);
  padding: 0.55rem 0.5rem;
  padding: var(--padding);
}
.woocommerce.woocommerce-page .select2-container .select2-selection .select2-selection__arrow,
.woocommerce.woocommerce-page .select2-container .select2-selection .select2-search__field {
  height: var(--height);
}
.woocommerce.woocommerce-page .select2-container .select2-selection .select2-search__field {
  font-size: var(--wp--preset--font-size--small);
  padding: var(--padding);
}
.woocommerce.woocommerce-page .select2-container .select2-results > .select2-results__options {
  max-height: none;
  overflow-y: auto;
}

.wpml-ls img {
  height: auto;
  height: initial;
  max-width: none;
  max-width: initial;
}

.wp-block-button.is-style-plus-icon {
  position: relative;
}
.wp-block-button.is-style-plus-icon::before, .wp-block-button.is-style-plus-icon::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 0.6em;
  right: 0.9em;
  top: 50%;
  z-index: 1;
  border-top: 2px solid var(--wp--preset--color--foreground);
  /*border-bottom: none;
  border-left: none;
  border-right: none;*/
}
.wp-block-button.is-style-plus-icon::before {
  transition: transform 0.3s ease;
  transform: rotate(0.25turn);
}
.wp-block-button.is-style-plus-icon.active::before {
  transform: rotate(0.25turn) scaleX(0);
}
.wp-block-button.is-style-plus-icon .wp-block-button__link {
  background-color: transparent;
  background-color: initial;
  position: relative;
}
.wp-block-button.is-style-plus-icon .wp-block-button__link::after {
  /* position: relative; */
  content: "";
  display: inline-block;
  width: 1.3em;
  /* height: 0.15em; */
}
.wp-block-button[class*=is-style-chevron-icon] > *::before, .wp-block-button[class*=is-style-chevron-icon] > *::after {
  font-family: var(--wp--preset--font-family--chevron);
  position: relative;
  top: 0.15em;
}
.wp-block-button[class*=is-style-chevron-icon] > *::before {
  padding-right: 0.5em;
}
.wp-block-button[class*=is-style-chevron-icon] > *::after {
  padding-left: 0.5em;
}
.wp-block-button[class*=is-style-chevron-icon][class*=-left] > *::before {
  content: "l";
}
.wp-block-button[class*=is-style-chevron-icon][class*=-up] > *::before {
  content: "u";
}
.wp-block-button[class*=is-style-chevron-icon][class*=-right] > *::before {
  content: "r";
}
.wp-block-button[class*=is-style-chevron-icon][class*=-down] > *::before {
  content: "d";
}

.wp-block-button.is-style-secondary .wp-element-button, .wp-block-button.is-style-secondary .wp-block-button__link {
  background: var(--wp--preset--color--secondary);
  color: inherit;
}
.wp-block-button.is-style-secondary .wp-element-button:hover, .wp-block-button.is-style-secondary .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary-hover);
}

.wp-block-button.is-style-tertiary .wp-element-button, .wp-block-button.is-style-tertiary .wp-block-button__link {
  background: var(--wp--preset--color--tertiary);
}
.wp-block-button.is-style-tertiary .wp-element-button:hover, .wp-block-button.is-style-tertiary .wp-block-button__link:hover {
  background: var(--wp--preset--color--tertiary-hover);
}

/* Near Root Columns Blocks and Group Blocks Padding */
/*
main > .entry-content {
	& > * > * > .wp-block-group:not(.alignfull),
	& > * > * > .wp-block-columns:not(.alignfull),
	& > .wp-block-group:not(.alignfull),
	& > .wp-block-columns:not(.alignfull) {
		padding-left: 10px;
		padding-right: 10px;
	}
}
*/
.wp-block-columns.is-style-data-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1px;
}
.wp-block-columns.is-style-data-header > .wp-block-column {
  flex-grow: 1 !important;
}
.wp-block-columns.is-style-data-header > .wp-block-column {
  background-color: var(--wp--preset--color--background-darker);
  color: var(--wp--preset--color--secondary);
  padding: 1em;
}
.wp-block-columns.is-style-data-header > .wp-block-column:first-child {
  border-top-left-radius: var(--wp--custom--border-radius--small);
  border-bottom-left-radius: var(--wp--custom--border-radius--tiny);
}
.wp-block-columns.is-style-data-header > .wp-block-column:last-child {
  border-top-right-radius: var(--wp--custom--border-radius--small);
  border-bottom-right-radius: var(--wp--custom--border-radius--tiny);
}
.wp-block-columns.is-style-data-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1px;
}
.wp-block-columns.is-style-data-row > .wp-block-column {
  flex-grow: 1 !important;
}
.wp-block-columns.is-style-data-row > .wp-block-column {
  background-color: var(--wp--preset--color--background-light);
  padding: 1em;
}
.wp-block-columns.is-style-data-row > .wp-block-column:first-child {
  border-top-left-radius: var(--wp--custom--border-radius--small);
  border-bottom-left-radius: var(--wp--custom--border-radius--small);
}
.wp-block-columns.is-style-data-row > .wp-block-column:last-child {
  border-top-right-radius: var(--wp--custom--border-radius--small);
  border-bottom-right-radius: var(--wp--custom--border-radius--small);
}

/* 
Change the breakpoint at which the columns collapse on mobile
Extend responsive column styling (Default is 600px for media-text and 782px for columns)
*/
/*
@include media (laptop) {
	.wp-block-columns {
		flex-wrap: nowrap !important
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 0;
		flex-grow: 1
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
		flex-grow: 0
	}
}

@media (laptop-only) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100% !important
	}
}
*/
/* OLD VERSION
//@media (max-width: 600px) {
//@include media(stacking) { aka 600px
@include media(stacking) {

	.wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	// Defines the space between each column.
	// WordPress sets this to zero automatically at 600px. We need this to be zero starting at 782px.
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}


	Reversing Columns on Mobile
	What about the order of the columns when they become stacked on mobile devices? 
	In sidebar-content layout, the sidebar should appear after the main content on mobile devices.
	By default the Columns block collapses the individual columns from left to right.
	In many cases this would be the desired implementation, but for a sidebar layout, we need the reverse.

	Here I chose to implement this as a special CSS class. Then I can apply the class column-reverse-on-mobile as needed to the relevant Columns blocks. If you wanted to get fancy, you could also create a block style.

	---
	Reverse the order of columns on mobile devices
	---
	.wp-block-columns.column-reverse-on-mobile {
		flex-direction: column-reverse;
	}


	Disabling Responsive Columns on Mobile

	What if you don’t want the columns to be mobile responsive at all? 
	There are many use cases for this, notably the header on a website.
	Using a Columns block for a header in a theme.
	The left column has the Site Logo block and the right column has a Navigation block. 

	There should be a new “Enable responsive menu” functionality on the Navigation block. 

	Disabling responsive columns can be achieved using the following CSS.
	Again, I have chosen to use a CSS class so I can easily apply it to Columns blocks at will.

	---
	Disable responsive columns on mobile
	---

	.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: nowrap;
	}

	// Available space should be divided equally amongst columns.
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
	}

	// When columns are in a single row, add space before all except the first.
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
		margin-left: 2em;
	}

	// Columns with an explicitly-assigned width should maintain their`flex-basis` width and not grow.
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
		flex-basis: auto !important;
		flex-grow: 0;
	}

}
*/
.wp-block-post-terms.taxonomy-project .wp-block-post-terms__prefix {
  font-family: var(--wp--custom--font-icons);
  font-size: 1.4em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  margin-left: -1.4em;
  top: -1px;
}
.wp-block-post-terms.taxonomy-post_tag .wp-block-post-terms__prefix {
  font-family: var(--wp--custom--font-icons);
  font-size: 1.4em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  margin-left: -1.4em;
}
.wp-block-post-terms.taxonomy-category .wp-block-post-terms__prefix {
  font-family: var(--wp--custom--font-icons);
  font-size: 1.4em;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  margin-left: -1.4em;
}
.wp-block-post-terms.is-style-pill, .wp-block-post-terms.is-style-pill-outline {
  display: flex;
  position: relative;
  gap: 0.5em;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 2em;
}
.wp-block-post-terms.is-style-pill .wp-block-post-terms__separator, .wp-block-post-terms.is-style-pill-outline .wp-block-post-terms__separator {
  display: none;
}
.wp-block-post-terms.is-style-pill a, .wp-block-post-terms.is-style-pill-outline a {
  background: var(--wp--preset--color--background);
  border-radius: var(--wp--custom--border-radius--circle);
  padding: 0.2em 0.6em 0.1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
}
.wp-block-post-terms.is-style-pill-outline a {
  background: transparent;
  border-color: var(--wp--preset--color--primary);
  border-style: solid;
  border-width: 1px;
}

.wp-block-post-title.is-style-clamp2, .wp-block-post-title.is-style-clamp2 > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wp-block-ifcc-query-terms.is-style-pill, .wp-block-ifcc-query-terms.is-style-pill-outline {
  display: flex;
  position: relative;
  gap: 0.5em;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 2em;
}
.wp-block-ifcc-query-terms.is-style-pill .wp-block-post-terms__separator, .wp-block-ifcc-query-terms.is-style-pill-outline .wp-block-post-terms__separator {
  display: none;
}
.wp-block-ifcc-query-terms.is-style-pill a, .wp-block-ifcc-query-terms.is-style-pill-outline a {
  background: var(--wp--preset--color--background-light);
  border-radius: var(--wp--custom--border-radius--circle);
  padding: 0.2em 0.6em 0.1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
}
.wp-block-ifcc-query-terms.is-style-pill a::after, .wp-block-ifcc-query-terms.is-style-pill-outline a::after {
  content: "\f335";
  font-weight: 400;
  font-family: dashicons;
  border-radius: 999px;
  height: 1.5em;
  display: flex;
  align-items: center;
  float: right;
  transform: scale(1.15);
}
.wp-block-ifcc-query-terms.is-style-pill-outline a {
  background: transparent;
  border-color: var(--wp--custom--input--border-color);
  border-style: solid;
  border-width: 1px;
}

.ifcc-block-taxonomy-list.is-style-pill-inline ul {
  display: flex;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper:not(.has-children) .wp-block-dnd-action.bullet {
  display: none;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper .bullet span::before {
  content: "○";
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper.has-children .bullet span::before {
  content: "⌵";
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper.has-children.selected .bullet span::before {
  content: "⌵";
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper.collapsed .bullet span::before {
  transform: rotate(-90deg);
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper.clone {
  padding: 0;
  padding-left: 10px;
  padding-top: 5px;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item-wrapper.clone .tree-item {
  border-radius: var(--wp--custom--border-radius--circle);
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item {
  --vertical-padding: 0.5em;
  padding: 0.5em 1em;
  padding: var(--vertical-padding) 1em;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--background-dark);
  border-radius: var(--wp--custom--border-radius--circle);
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .text[contenteditable=true]:focus-visible {
  outline: var(--wp--preset--color--primary-hover) dashed 1px;
  outline-offset: 0.1rem;
  border-radius: var(--wp--custom--border-radius--small);
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item:not(:hover) .wp-block-dnd-action {
  opacity: 0.5;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action {
  display: none !important;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action {
  --color: var(--wp--preset--color--primary-hover);
  --color-hover: var(--wp--preset--color--primary);
  padding: 0px;
  width: 1.2em;
  height: 1.5em;
  color: var(--wp--preset--color--primary-hover);
  color: var(--color);
  transition: 0.1s ease;
  transition-property: color, opacity;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action.add span {
  font-size: 1.5em;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action span {
  font-size: 1.125em;
}
.ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action svg {
  width: 100%;
  fill: var(--color);
}
@media (hover: hover) {
  .ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action:hover {
    color: var(--color-hover);
    background-color: transparent;
  }
  .ifcc-block-taxonomy-list.is-style-pill-inline .tree-item .wp-block-dnd-action:hover svg {
    fill: var(--color-hover);
  }
}

.ifcc-block-taxonomy-list.is-style-pill .tree-item {
  padding: var(--vertical-padding) 0.8em;
  background-color: var(--wp--preset--color--background);
  border: 1px solid var(--wp--preset--color--background-dark);
  border-radius: var(--wp--custom--border-radius--large);
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper:not(.has-children) .wp-block-dnd-action.bullet {
  display: none;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper .bullet span::before {
  content: "○";
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper.has-children .bullet span::before {
  content: "⌵";
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper.has-children.selected .bullet span::before {
  content: "⌵";
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper.collapsed .bullet span::before {
  transform: rotate(-90deg);
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper.clone {
  padding: 0;
  padding-left: 10px;
  padding-top: 5px;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item-wrapper.clone .tree-item {
  border-radius: var(--wp--custom--border-radius--circle);
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item {
  --vertical-padding: 0.5em;
  padding: 0.5em 1em;
  padding: var(--vertical-padding) 1em;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--background-dark);
  border-radius: var(--wp--custom--border-radius--circle);
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .text[contenteditable=true]:focus-visible {
  outline: var(--wp--preset--color--primary-hover) dashed 1px;
  outline-offset: 0.1rem;
  border-radius: var(--wp--custom--border-radius--small);
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item:not(:hover) .wp-block-dnd-action {
  opacity: 0.5;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action {
  --color: var(--wp--preset--color--primary-hover);
  --color-hover: var(--wp--preset--color--primary);
  padding: 0px;
  width: 1.2em;
  height: 1.5em;
  color: var(--wp--preset--color--primary-hover);
  color: var(--color);
  transition: 0.1s ease;
  transition-property: color, opacity;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action.add span {
  font-size: 1.5em;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action span {
  font-size: 1.125em;
}
.ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action svg {
  width: 100%;
  fill: var(--color);
}
@media (hover: hover) {
  .ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action:hover {
    color: var(--color-hover);
    background-color: transparent;
  }
  .ifcc-block-taxonomy-list.is-style-pill-outline .tree-item .wp-block-dnd-action:hover svg {
    fill: var(--color-hover);
  }
}

/*# sourceMappingURL=style.css.map*/