/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * ------------------------------------------------------------------------------------------------
 * Default Imports from Etna Vendor Files - Should be first
 * ------------------------------------------------------------------------------------------------
 */
/**
 * ------------------------------------------------------------------------------------------------
 * Variables
 * ------------------------------------------------------------------------------------------------
 */
/* === Theme Colors === */
/* --- Primary - Brown  --- */
/* --- Secondary - Blue --- */
/* --- Tertiaty - Light --- */
/* --- Mono --- */
/* === Gradient === */
/* === Links === */
/* === Validation === */
/* === Social Media === */
/*
// h5

$font_h5_mobile: rem-calc(18px);
$font_h5_mobile_lh: rem-calc(22px);
$font_h5_mobile_margin: 0;

$font_h5_desktop: rem-calc(32px);
$font_h5_desktop_lh: rem-calc(38px);
$font_h5_desktop_margin: 0;

// h6

$font_h6_mobile: rem-calc(17px);
$font_h6_mobile_lh: rem-calc(22px);
$font_h6_mobile_margin: 0;

$font_h6_desktop: rem-calc(30px);
$font_h6_desktop_lh: rem-calc(36px);
$font_h6_desktop_margin: 0;
*/
/**
 * ------------------------------------------------------------------------------------------------
 * Functions
 * ------------------------------------------------------------------------------------------------
 */
/**
 * ------------------------------------------------------------------------------------------------
 * Mixins
 * ------------------------------------------------------------------------------------------------
 */
/*
	@example scss - Basic Usage
		someSelector {
			// base rules here

			@include mq('phone') {
				// rules for this media query
			}

			@include mq('desktop', 'screen', 'orientation: landscape') {
				// rules for this media query
			}
		}
*/
/* Nu Grid */
/* Columns */
/* -- these are separated due to sass stupid limitations with nested mixins and extends */
/* Offsets */
/* -- same trash reason here */
/*
Example usage

#root-blocker .something {
	border: 1px solid red;

	@include unify-parent("select") {
		@extend %form_style;
	}
}

-- creates #rootblocker select.something

*/
/**
 * ------------------------------------------
 * ANIMATIONS - DEFAULT STYLES IN SCSS/COMMON
 * ------------------------------------------
 */
/*
	Notes:

		- the intersection_sel(ector) is for specifying something like a .parent.interest, rather than the default,
			which is just writing out the css to use within a selector's rule.  In most instances, anything
			below-the-fold will use a custom intersection selector.

		- the default amount will be used when none is specified, when that is the case the keyframes after the mixin
			below will be used.  In instances where a non-default amount is used, a custom set of keyframes will be used
			with a unique string id appended to the keyframes and animation name.

	Examples:

		// minimal example
		@include ani(slide, left);

		// example with intersect
		@include ani(slide, left, 2, default, '.block.intersect &');

		// full example
		@include ani(slide, left, default, default, '.block.intersect &', 500px, 1s);
*/
/**
 * ------------------------------------------------------------------------------------------------
 * Placeholders
 * ------------------------------------------------------------------------------------------------
 */
/* Offsets */
.etna-block-toc {
  max-width: none !important;
  padding: 0 10px 0;
  margin: 10px 10px 30px;
  position: relative;
  text-align: center;
  transition: 0.4s ease-in-out background-color;
  background: #272727;
  margin-top: -15px;
}
@media only all and (min-width: 768px) {
  .etna-block-toc {
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only all and (min-width: 768px) {
  .etna-block-toc {
    margin-top: -50px;
  }
}
@media only all and (min-width: 1024px) {
  .etna-block-toc {
    margin-top: -70px;
  }
}
@media only all and (min-width: 1200px) {
  .etna-block-toc {
    margin-top: -100px;
  }
}
@media only all and (min-width: 1600px) {
  .etna-block-toc {
    margin-top: -60px;
  }
}
@media only all and (min-width: 0) and (max-width: 767px) {
  .etna-block-toc:hover {
    background: #272727;
  }
}
.etna-block-toc .etna-block-toc__inner {
  text-align: center;
  display: grid;
  gap: 0;
}
@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__inner {
    display: inline-grid;
    gap: 30px;
    grid-template-columns: auto 1fr;
  }
}
.etna-block-toc .etna-block-toc__title {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1.25rem;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.6;
  text-align: left;
  display: grid;
  justify-content: end;
  grid-template-columns: 1fr auto;
  padding: 20px 20px 0;
  margin-bottom: 20px;
  cursor: pointer;
}
.etna-block-toc .etna-block-toc__title::after {
  content: "";
  border-color: #fff;
  border-right-style: solid;
  border-top-style: solid;
  border-right-width: 2px;
  border-top-width: 2px;
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 6px;
  margin: auto;
}
@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__title::after {
    height: 8px;
    width: 8px;
  }
}
.etna-block-toc .etna-block-toc__title::after {
  transform: rotate(45deg);
}
@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__title {
    cursor: default;
    padding: 0;
    margin-bottom: 0;
  }
}
.etna-block-toc .etna-block-toc__title::after {
  transition: 0.1s transform;
}
@media only all and (min-width: 0) and (max-width: 767px) {
  .etna-block-toc.opened .etna-block-toc__title::after {
    transform: rotate(135deg);
    margin-top: 0 !important;
  }
}

@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__title::after {
    display: none;
  }
}
.etna-block-toc .etna-block-toc__item {
  color: #fff;
}
.etna-block-toc .etna-block-toc__list {
  padding-left: 0;
  margin: 0 auto 0 !important;
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  gap: 2px;
}
@media only all and (min-width: 0) and (max-width: 767px) {
  .etna-block-toc .etna-block-toc__list {
    position: absolute;
    top: 72px;
    background: #272727;
    left: 0;
    right: 0;
    display: none;
  }
  .etna-block-toc.opened .etna-block-toc__list {
    display: grid;
  }
}
@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__list {
    gap: 10px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
  }
}
.etna-block-toc .etna-block-toc__list li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0 !important;
  flex: 0 1 fit-content;
}
.etna-block-toc .etna-block-toc__list li::after {
  content: "";
  border-color: #fff;
  border-right-style: solid;
  border-top-style: solid;
  border-right-width: 2px;
  border-top-width: 2px;
  display: inline-block;
  vertical-align: middle;
  height: 6px;
  width: 6px;
  margin: auto;
}
@media only all and (min-width: 768px) {
  .etna-block-toc .etna-block-toc__list li::after {
    height: 8px;
    width: 8px;
  }
}
.etna-block-toc .etna-block-toc__list li::after {
  transform: rotate(45deg);
}
@media only all and (min-width: 0) and (max-width: 767px) {
  .etna-block-toc .etna-block-toc__list li {
    background: #272727;
    width: 100%;
    display: block;
    flex: 2 1 auto;
    margin: auto;
    padding: 18px;
    text-align: center;
  }
}
.etna-block-toc .etna-block-toc__list li::before {
  margin-left: 0;
}
.etna-block-toc .etna-block-toc__list li::after {
  margin-bottom: 4px;
  margin-left: 5px;
}
.etna-block-toc .etna-block-toc__list li::marker {
  content: "";
}
.etna-block-toc .etna-block-toc__list li a {
  cursor: pointer;
  font-size: 1.375rem;
  font-weight: 200;
  color: #fff;
}
.etna-block-toc .etna-block-toc__list li a:hover {
  color: #618474;
}
.etna-block-toc .etna-block-toc__list li a:active {
  color: #333F39;
}
.etna-block-toc.wp-block ~ h2 {
  top: auto;
  visibility: visible;
}

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