/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*!
Theme Name: State of Decay
Theme URI: http://underscores.me/
Author: Bizango
Author URI: http://www.bizango.com
Description: State of Decay Theme
Version: 1.0.9
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: [bz_base]
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bizango Base 2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
  --cream: #f2e8e3;
  --org: #ca6a33;
  --teal: #116e6f;
  --dTeal: #122121;
  --brown: #2a1b13;
  --dBrown: #150c0b;
  --txtOrg: #e1752e;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* 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 {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.skip-content_container:focus,
.skip-content_container:focus-within,
.screen-reader-text:focus,
.screen-reader-text:focus-within {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  max-height: 90vh;
  overflow: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.skip-content_container {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  width: 1px;
  word-wrap: normal !important;
}
.contrast img.dev-logo {
  background: none !important;
  opacity: 1;
}
.accessibility-contrast_mode_on[style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"] img.dev-logo {
  /* filter: hue-rotate(295deg) saturate(75); */
  background: none !important;
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 1;
}
*:focus:not(.focus-visible) {
  /* outline: none; */
}

/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible),
body a, body button, body input {
  outline: 2px solid transparent;
  border: 2px solid transparent;
}

/*
	Optionally: Define a strong focus indicator for keyboard focus.
	If you choose to skip this step then the browser's default focus
	indicator will be displayed instead.
  */
.js-focus-visible .focus-visible,
.block .slick-arrow:focus-visible,
.age-gate-submit:focus-visible,
.age-gate-remember input:focus-visible {
  border: 2px solid black;
  /* -o-border-image: url(./assets/images/decay-border.png) 40 / 4px repeat !important;
  border-image: url(./assets/images/decay-border.png) 40 / 4px repeat !important; */
  outline: 2px solid white;
}
/* .age-gate-remember input:focus-visible {
    outline: 3px solid red !important;
} */
#cookie_banner {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: -1;
}
footer .nav a[href="#cookie_manage"] {
  display: none;
}
.txt-splatter[style*="background-color:"] {
  -webkit-text-fill-color: currentColor !important;
}
.nav--social span[style*="background-color:"],
.block.special_one_col[style*="background-color:"],
.pop-img[style*="background-color:"],
.pop-img img[style*="background-color:"],
#footer svg[style*="background-color:"],
#footer path[style*="background-color:"] {
  background: none !important;
}
@media only screen and (max-width: 480px) {
  #access_container {
    height: 93.5vh;
    overflow: auto;
  }
}
/* Do not show the outline on the skip link target. */
.skip-content_container:focus-within {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.icon.icon-stream {
  position: relative;
}
.full-absolute-new {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.yt-image-link {
  position: relative;
}
#nav_home::after,
/* .nav .icon-social > a::after,
.icon.icon-stream::after,
.icon.icon-platform:not(.steam)::after, */
.full-absolute-new > span,
.yt-image-link > span,
.icon[data-text] > span,
.icon-social a[data-text] > span,
.survival-slider .slick-arrow > span,
.icon.icon-stream::after,
.wahout.aicon_link::after,
.ssba.ssba-img::after,
.steam-tooltip {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
  content: attr(data-text) / "";
  display: inline;
  font-family: neue-haas-grotesk-display, sans-serif;
  /* font-size: 0.8rem; */
  font-size: 12px;
  font-weight: 900;
  left: 50%;
  line-height: 1em;
  letter-spacing: 0.02em;
  opacity: 0;
  padding: 2px;
  position: absolute;
  text-transform: lowercase;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.survival-slider .slick-prev > span {
  -webkit-transform: scaleX(-1) translateX(36px);
          transform: scaleX(-1) translateX(36px);
  -webkit-transform-origin: center;
          transform-origin: center;
}
#nav_home::after {
  content: attr(aria-label);
}
.wahout.aicon_link::after,
.ssba.ssba-img::after {
  content: attr(title);
}
.wahout.aicon_link::after {
  bottom: 0;
  left: auto;
  right: 10px;
  padding: 5px 10px;
  top: auto;
}
#nav_home:focus::after,
#nav_home:hover::after,
/* .nav .icon-social > a:focus::after,
.nav .icon-social > a:hover::after, */
/* .icon.platform-lnk:hover::after,
.icon.platform-lnk:focus::after,
.icon.icon-stream:hover::after,
.icon.icon-stream:focus::after,
.icon.icon-platform:hover::after,
.icon.icon-platform:focus::after,
.icon.icon-platform:hover .steam-tooltip,
.icon.icon-platform:focus .steam-tooltip, */
.wahout.aicon_link:hover::after,
.wahout.aicon_link:focus::after,
.ssba.ssba-img:hover::after,
.ssba.ssba-img:focus::after,
a.full-absolute-new span.active,
a.yt-image-link span.active,
a[data-text] > .active,
.icon-social a[data-text] .active,
.survival-slider .slick-arrow .active {
  opacity: 1;
  -webkit-transition: opacity 300ms ease 500ms;
  transition: opacity 300ms ease 500ms;
}
html.contrast #nav a.current .title {
  color: red !important;
}
.wah-skip.close-wah-sidebar {
  display: none !important;
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.woff") format("woff"),
    url("fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "survival-icons";
  src: url("./assets/icons/survival-icons.eot");
  src: url("./assets/icons/survival-icons.eot") format("embedded-opentype"), url("./assets/icons/survival-icons.ttf") format("truetype"),
    url("./assets/icons/survival-icons.woff") format("woff"), url("./assets/icons/survival-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "platform";
  src: url("./assets/css/fonts/platform.svg");
  src: url("./assets/css/fonts/platform.svg") format("svg"), url("./assets/css/fonts/platform.eot") format("embedded-opentype"),
    url("./assets/css/fonts/platform.ttf") format("truetype"), url("./assets/css/fonts/platform.woff") format("woff");
}
@font-face {
  font-family: "brands";
  src: url("./assets/icons/brands.eot");
  src: url("./assets/icons/brands.eot") format("embedded-opentype"), url("./assets/icons/brands.ttf") format("truetype"),
    url("./assets/icons/brands.woff") format("woff"), url("./assets/icons/brands.svg") format("svg");
}
.icon.icon-platform {
  font-size: 2rem;
  position: relative;
}
.icon.icon-stream {
  font-size: 2.5rem;
  margin-right: 14px;
}
#footer_nav a.icon-social,
#nav a.icon-social {
  font-size: 0;
}
.icon-platform::before,
.icon-stream::before,
.icon-social > a::before {
  font-family: "brands";
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
  margin-right: 5px;
}
.nav .icon-social > a {
  padding: 0;
  position: relative;
  margin-right: 14px;
}
.icon-social > a::before {
  color: #116e6f;
  display: inline-block;
  font-size: 20px;
  margin-right: 0;
}
.icon-platform.xbox::before {
  content: "\e902";
}
.icon-platform.windows::before {
  content: "\eac2";
}
.icon-platform.steam::before {
  content: "\e900";
}
/* STEAM ICON FIX */
.platform_container .icon-platform.steam::after {
  color: inherit;
  border-bottom: 2px solid currentColor;
  border-radius: 50%;
  bottom: 0.5px;
  content: "";
  height: calc(100% - 5px);
  left: 2.5px;
  position: absolute;
  width: calc(100% - 10px);
}
.icon-platform.epic::before {
  content: "\e901";
}
.icon-social.facebook > a::before {
  content: "\ea90";
}
.icon-social.instagram > a::before {
  content: "\ea92";
}
.icon-social.twitter > a::before {
  content: "\ea96";
}
.icon-stream.youtube::before,
.icon-social.youtube > a::before {
  content: "\e904";
}
.icon-stream.twitch::before,
.icon-social.twitch > a::before {
  content: "\ea9f";
}
.icon-stream.discord::before,
.icon-social.discord > a::before {
  content: "\e903";
}
a,
b,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
img,
li,
ol,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
  border: 0;
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style-position: outside;
}
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
html {
  visibility: visible !important;
  font-size: 15px;
}
body,
body.page {
  background: #000;
  color: #f2e8e3;
  font-family: neue-haas-grotesk-display, sans-serif, "Helvetica Neue", "Helvetica", Arial, Sans-Serif;
  height: auto;
  margin: 0 auto;
  overflow: auto !important;
  position: relative;
  width: 100%;
}
div.site {
  position: relative;
  display: block;
  /* max-width: 2000px; */
  margin: 0 auto;
  overflow-x: hidden;
}
.page_frame {
  background: none !important;
  max-width: 1262px;
  margin: 0 auto;
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#cookie-law-info-bar {
  z-index: 100;
}
#accessibility_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 101;
}
body .accessability_container {
  bottom: 0;
  top: auto;
}
/* #wp_access_helper_container {
  bottom: 0;
  position: absolute;
}
button.aicon_link {
  bottom: 0;
} */
.aicon_image {
  /* height: 48px;
	width: 48px; */
}
.admin-bar .accessability_container {
  top: 0;
}
/* BIZANGO TEXT - NEW DEFAULTS - DON'T HAVE A TOP MARGIN THAT IS NOT ZERO ON A CORE TEXT ELEMENT */
p,
h1,
h2,
h3,
h4,
h5,
h6,
.p-style,
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
  position: relative;
  z-index: 1;
}
p,
li,
figcaption,
.p-style {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.22em;
  letter-spacing: 0em;
  margin-top: 0em;
  margin-bottom: 1.11rem;
}
p {
  line-height: 1.33em;
}
figure {
  margin: 1em 0;
}
figure img {
  max-width: 100%;
}
iframe {
  max-width: 100%;
}
ul {
  /* margin-left: 50px; */
}
li {
  line-height: 1.2em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
  font-weight: 900;
  margin-top: 0px;
  margin-bottom: 1rem;
}
h1,
.h1-style {
  font-size: 3.67rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}
h2,
.h2-style {
  font-size: 2.33rem;
  letter-spacing: 0.075em;
}
h3,
.h3-style {
  font-size: 1.87rem;
  letter-spacing: 0.075em;
}
h4,
.h4-style {
  font-size: 1.6rem;
  line-height: 1.25em;
  margin-bottom: 18px;
}
h5,
h6,
.h5-style,
.h6-style {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
h5,
.h5-style {
  	line-height: 1.38em;
	/*background: #e1752e;
    display: inline-block;
    padding: 5px;*/	
}
h6,
.h6-style {
  line-height: 1.11em;
  letter-spacing: 0.05em;
}
strong,
b {
  font-weight: 900;
}
/* To minimize extra thickness added to font-weight by browsers */
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
}
input {
  /* border: none; */
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* outline: none; */
  padding: 10px 16px;
  width: 100%;
}
/* TinyMCE STYLES */
.text a {
  display: inline-block;
}
.text .small-txt > * {
  /* font-family:"Avenir LT W01_55 Roman1475520"; */
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.text .button--green .button {
  background-color: #116e6f;
}
.text .border-scratch {
  display: inline-block;
  position: relative;
}
.text .border-scratch::after,
.border-scratch::after {
  background-image: url("./assets/images/border-scratch.png");
  background-repeat: no-repeat;
  background-size: 100% 3px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 100%;
}
.text .border-scratch.light::after,
.border-scratch.light::after {
  background-image: url("./assets/images/border-scratch-light.png");
}
.text *[style*="text-align: right;"] .border-scratch::after {
  background-position: right center;
  -webkit-transform: none;
  transform: none;
}
.text .txt-shadow {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.text .txt-splatter {
  background: url(./assets/images/masks/text-mask-sml.png);
  background-color: currentColor;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 70%;
  background-position: center;
  display: block;
}
.text .txt-splatter.dark {
  background: url(./assets/images/masks/text-mask-dark-sml.png);
  background-color: currentColor;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 70%;
  background-position: center;
}
.text .txt-scratch {
  position: relative;
}
.text .txt-scratch::before {
  background-image: url(./assets/images/visual-tear-org.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 55px;
  left: -20px;
  position: absolute;
  top: 55%;
  width: 100%;
  z-index: -1;
}
.text *[style*="text-align: center;"] .txt-scratch::before {
  background-position: center;
  left: 0;
}
.text *[style*="text-align: right;"] .txt-scratch::before {
  background-position: right center;
  right: -22px;
}
.text .txt-shadow.txt-splatter {
  text-shadow: none;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}
@media only screen and (max-width: 550px) {
  .text .txt-splatter,
  .text .txt-splatter.dark {
    background-size: 100%;
  }
}
/* TEXT STYLES */
.clr-cream {
  color: #f2e8e3;
}
.clr-org {
  color: #e1752e;
}
.clr-brwn {
  color: #2a1b13;
}
.clr-teal {
  color: #116e6f;
}
.text {
  margin-bottom: 20px;
}
.cap {
  text-transform: capitalize;
}
.upcase {
  text-transform: uppercase;
}
.downcase {
  text-transform: lowercase;
}
.col-white .bizango_cms_content {
  color: white;
}
.dib {
  display: inline-block;
}
.mb0--last .bizango_cms_content *:nth-last-child(1) {
  margin-bottom: 0;
}
.tac {
  text-align: center;
}
.txt-sml-bld {
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.sub-ttl,
.age-gate-label,
.age-gate-message {
  font-size: 0.867rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .text > *[style*="text-align: right"] {
    text-align: left !important;
  }
}
@media only screen and (max-width: 640px) {
  h1,
  .h1-style {
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 0.05em;
  }
  h2,
  .h2-style {
    font-size: 1.864rem;
    letter-spacing: 0.075em;
  }
  h3,
  .h3-style {
    font-size: 1.5rem;
    letter-spacing: 0.075em;
  }
  h4,
  .h4-style {
    font-size: 1.3rem;
    line-height: 1.25em;
    margin-bottom: 18px;
  }
  h5,
  h6,
  .h5-style,
  .h6-style {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  h5,
  .h5-style {
    line-height: 1.38em;
  }
  h6,
  .h6-style {
    line-height: 1.11em;
    letter-spacing: 0.05em;
  }
}
/*---------------BUTTONS / LINKS ---------------*/
/* Please override this with a sitewide default link color! This should be the color for all body text links. Then override for nav, etc, as needed. */
#nav_frame a,
#nav_frame a::before,
#footer a,
#footer a::before,
a.read_more_link {
  -webkit-text-decoration: underline;
          text-decoration: none;
}
a.bg-img {
  border-bottom: 0px solid currentColor;
}
#nav_frame a img,
#footer a img,
.dev-list a img,
.yt-image-link > img {
  border-bottom: 0px solid currentColor;
}
a,
.skip-content_container button {
  /* color: #ca6a33; */
  color: #9c5327;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: underline;
}
article a {
  text-decoration: none;
}
.icon-social a:hover::before,
.icon-social a:focus::before {
  border-bottom: 1px solid currentColor;
}
.bg-clr__black a:not(.button), .bg-clr__brown a:not(.button),
.bg-clr__dark-brown a:not(.button), .bg-clr__dark-teal a:not(.button) {
  color: #d56b2b;
}
.pagination a {
  font-weight: 700;
}
.skip-content_container button {
  margin: 1px 0;
  padding: 0;
  text-align: left;
  font-weight: 700;
}
#nav a.current {
  /* color: #116e6f; */
  color: #ca6929;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
button,
input[type="submit"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
}
button {
  background: none;
  /* border: none;
  outline: none; */
}
.button,
.element__form .form-field button[type="submit"],
.age-gate-submit,
.error-404 .search-submit {
  /* background-color: #ca6a33; */
  background-color: #9c5327;
  border-radius: 5px;
  /* border: none; */
  color: #f2e8e3;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1.42em;
  /* outline: none; */
  padding: 15px 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
/* MCE BUTTONS */
.mce-ico.mce-i-custom-btn:before {
  content: "\02584";
  position: relative;
  top: -6px;
}
.txt-lnk a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  text-transform: none;
}
.txt-lnk a:after {
  display: none;
}
/* ACCESSIBILITY */
button.aicon_link {
  bottom: 0;
}
.sr-only {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  max-height: 0px;
  max-width: 0px;
  overflow: hidden;
}
/* TRANSITIONS */
.fade-in_wrapper {
  background-color: #000;
}
.fade-in {
  opacity: 0;
}
.fade-in_wrapper.active .fade-in,
.fade-in.active {
  opacity: 1;
  -webkit-transition: opacity ease 1200ms;
  transition: opacity ease 1200ms;
}
/* CLIP MASKS */
.mask {
  -webkit-mask-clip: border-box;
  mask-clip: border-box;
  -webkit-mask-size: cover;
  mask-size: cover;
  padding: 0;
}
.block.mask,
.block .mask {
  background-color: #000;
}
.mask.mask-type__txtr-angle-low {
  margin-top: -10vw;
  -webkit-mask-image: url("./assets/images/masks/mask-txtr-angle-low.png");
  mask-image: url("./assets/images/masks/mask-txtr-angle-low.png");
}
.mask.mask-type__txtr-angle-low .all-cols-wrap {
  padding-top: 10vw;
}
.mask.mask-type__flat {
  margin-top: -60px;
  -webkit-mask-image: url("./assets/images/masks/mask-flat.png");
  mask-image: url("./assets/images/masks/mask-flat.png");
}
.mask.mask-type__flat .all-cols-wrap {
  padding-top: 60px;
}
.mask.mask-type__angle-line {
  /* margin-top: -370px; */
  -webkit-mask-image: url("./assets/images/masks/mask-angle-line.png");
  mask-image: url("./assets/images/masks/mask-angle-line.png");
}
.mask.mask-type__txtr-angle-high {
  /* margin-top: -370px; */
  -webkit-mask-image: url("./assets/images/masks/mask-txtr-angle-high.png");
  mask-image: url("./assets/images/masks/mask-txtr-angle-high.png");
}
.mask.mask-type__footer {
  background: #080605;
  -webkit-mask-image: url("./assets/images/masks/mask-footer.png");
  mask-image: url("./assets/images/masks/mask-footer.png");
}
.mask.mask-type__notch {
  -webkit-mask-image: url("./assets/images/masks/mask-notch-2.png");
  mask-image: url("./assets/images/masks/mask-notch-2.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.mask.mask-type__notch > img {
  margin: -5px 0;
}
.flex-dir-row-reverse .mask-type__notch {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.flex-dir-row-reverse .mask > img {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.mask.mask-type__notch-sml {
  -webkit-mask-image: url("./assets/images/masks/mask-notch-sml.png");
  mask-image: url("./assets/images/masks/mask-notch-sml.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.masked {
  margin-top: -370px;
}
.masked .page_frame {
  /* margin-top: 360px; */
  padding-top: 25.7vw;
}
.masked .all-cols-wrap {
  position: relative;
  z-index: 2;
}
.mask-pad-btm.txtr-angle-high .page_frame,
.mask-pad-btm.angle-line .page_frame {
  padding-bottom: calc(210px + 10vw);
}
@media only screen and (min-width: 1400px) {
  .masked {
    margin-top: -26.4vw;
  }
}
@media only screen and (max-width: 1023px) {
  .mask-pad-btm.txtr-angle-high .page_frame,
  .mask-pad-btm.angle-line .page_frame {
    padding-bottom: calc(385px - 5vw);
  }
}
@media only screen and (max-width: 767px) {
  .mask.mask-type__txtr-angle-low .all-cols-wrap {
    padding-top: 5vw;
  }
}
/* OVERLAYS */
.olay::after,
.olay-2::before,
.olay-bg-2 .block__bg-img::before,
.olay-bg .block__bg-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.olay-hp-hero::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 40%);
  mix-blend-mode: overlay;
}
.olay-hp-hero::before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.6));
  mix-blend-mode: overlay;
}
.olay-hero-txt::before {
  background-image: radial-gradient(farthest-side, rgba(80, 67, 46, 0.8), rgba(80, 67, 46, 0.4) 50%, rgba(80, 67, 46, 0));
}
.olay-int-hero::after {
  background-image: radial-gradient(circle at 0% 30%, rgba(16, 14, 13, 0.75) 5%, rgba(16, 14, 13, 0) 60%);
}
.olay-survival::after {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(1, 2, 7)), color-stop(10%, rgba(1, 2, 7, 0.9)), color-stop(20%, rgba(1, 2, 7, 0)));
  background-image: linear-gradient(to top, rgb(1, 2, 7) 5%, rgba(1, 2, 7, 0.9) 10%, rgba(1, 2, 7, 0) 20%);
}
.olay-homestead::before,
.olay-decision::before,
.olay-fight::before {
  top: auto;
  bottom: -10%;
  height: calc(120% - 220px);
  width: 120%;
  left: -10%;
}
.olay-homestead::before {
  background: radial-gradient(farthest-side, rgba(53, 26, 10, 0.8), rgba(53, 26, 10, 0.3) 70%, rgba(53, 26, 10, 0) 100%);
}
.olay-decision::before {
  background: radial-gradient(farthest-side, rgba(74, 86, 94, 0.8), rgba(74, 86, 94, 0.3) 70%, rgba(74, 86, 94, 0) 100%);
}
.olay-fight::before {
  background: radial-gradient(farthest-side, rgba(20, 35, 70, 0.8), rgba(20, 35, 70, 0.3) 70%, rgba(20, 35, 70, 0) 100%);
}
.olay-slide::before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(1.5%, rgba(0, 0, 0, 0)), color-stop(98.5%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 1.5%, rgba(0, 0, 0, 0) 98.5%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}
.olay-zmb-sldr::before {
  background: radial-gradient(circle at top left, rgba(82, 101, 127, 0.8), rgba(82, 101, 127, 0) 70%);
}
.olay-zmb-sldr::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(17, 10, 10)), color-stop(25%, rgba(17, 10, 10, 0.95)), color-stop(45%, rgba(17, 10, 10, 0)));
  background-image: linear-gradient(to top, rgb(17, 10, 10), rgba(17, 10, 10, 0.95) 25%, rgba(17, 10, 10, 0) 45%);
  z-index: 1;
}
.olay-spcl-cnr::after {
  background-image: radial-gradient(circle at 100% 100%, rgba(10, 11, 21, 0.8), rgba(10, 11, 21, 0) 60%);
}
.olay-notch::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 21, 18, 0.8)), color-stop(60%, rgba(26, 21, 18, 0)));
  background-image: linear-gradient(to top, rgba(26, 21, 18, 0.8), rgba(26, 21, 18, 0) 60%);
}
.flex-dir-row-reverse .olay-notch::after {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.olay-cta::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 6, 5, 0.9)), color-stop(80%, rgba(8, 6, 5, 0)));
  background-image: linear-gradient(to top, rgba(8, 6, 5, 0.9), rgba(8, 6, 5, 0) 80%);
}
.olay-cta::after {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(8, 6, 5, 0.5)), color-stop(50%, rgba(8, 6, 5, 0)));
  background-image: linear-gradient(to left, rgba(8, 6, 5, 0.5), rgba(8, 6, 5, 0) 50%);
}
@media only screen and (max-width: 1025px) {
  .olay-spcl-cnr::after {
    background-image: radial-gradient(circle at 100% 100%, rgba(10, 11, 21, 0.8), rgba(10, 11, 21, 0) 90%);
  }
  .olay-cta::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 6, 5, 0.9)), to(rgba(8, 6, 5, 0)));
    background-image: linear-gradient(to top, rgba(8, 6, 5, 0.9), rgba(8, 6, 5, 0) 100%);
  }
  .olay-cta::after {
    display: none;
  }
}
@media only screen and (max-width: 950px) {
  .olay-survival.bg-img::before,
  .olay-decision.bg-img::before,
  .olay-fight.bg-img::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .olay-survival.bg-img::before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(53, 26, 10, 0.8)), color-stop(200%, rgba(53, 26, 10, 0)));
    background: linear-gradient(to left, rgba(53, 26, 10, 0.8), rgba(53, 26, 10, 0) 200%);
  }
  .olay-decision .bg-img::before {
    /* background: linear-gradient(farthest-side, rgba(74, 86, 94, 0.8), rgba(74, 86, 94, 0.3) 70%, rgba(74, 86, 94, 0) 100%); */
  }
  .olay-fight .bg-img::before {
    /* background: linear-gradient(farthest-side, rgba(20, 35, 70, 0.8), rgba(20, 35, 70, 0.3) 70%, rgba(20, 35, 70, 0) 100%); */
  }
}
@media only screen and (max-width: 640px) {
  .olay-spcl-cnr::after {
    background-image: radial-gradient(circle at 100% 100%, rgba(10, 11, 21, 0.9), rgba(10, 11, 21, 0) 100%);
  }
}
/*---------------LOGO---------------*/
.logo_container {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
a.logo,
#nav_home {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 0;
  width: 170px;
  height: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 11;
}
#nav_home,
#nav_home-mobile {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 32px;
}
#footer_nav a.logo {
  z-index: 1;
}
/* ------------NAV DEFAULT STYLING-------------- */
#nav,
.nav-grid,
#mobile_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*---------------NAV---------------*/
#nav_frame {
  background-color: #070606;
  color: #dfdfd5;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
#nav {
  position: relative;
  margin-top: 2px;
}
.nav {
  padding: 0px;
  list-style: none;
  z-index: 10;
}
/* For any styling only applied to header nav */
header.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.admin-bar,
.admin-bar header.fixed {
  top: 32px;
}
#nav_frame .logo img {
  max-width: 32px;
}
#nav_frame .main-nav .sub-menu li {
  padding: 0px;
}
.nav li {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  zoom: 1;
}
.nav a,
.nav button {
  color: white;
  display: inline-block;
  font-size: 0.667rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0;
  /* text-decoration: none; */
  text-transform: uppercase;
  text-align: center;
  line-height: 1em;
}
.nav a:hover {
  color: #116e6f;
  text-decoration: underline;
}
#nav_frame .main-nav > li {
  padding: 0;
}
#nav_frame .main-nav > li > a {
  padding: 10px 12px;
}
#nav_frame .right-nav {
  display: block;
  margin-left: auto;
}
.nav.nav--social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav.nav--social li {
  padding: 0;
}
#nav_frame .nav--social > li > a,
#mobile_nav .nav--social > li > a,
#site-map .nav--social a,
#footer_nav .nav--social a {
  background: none;
  /* border: none; */
  font-size: 0;
  line-height: 0;
  padding: 0;
}
#nav_frame .nav--social a > span > span,
#mobile_nav .nav--social a > span > span,
#site-map .nav--social a > span > span,
#footer_nav .nav--social a > span > span {
  font-size: 1.46rem;
}
#nav_frame .nav--social .sow-icon-image,
#mobile_nav .nav--social .sow-icon-image,
#site-map .nav--social .sow-icon-image,
#footer_nav .nav--social .sow-icon-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  width: 22px;
}
#nav_frame .nav--social > li > a,
#site-map .nav--social a {
  font-size: 1rem;
  padding: 15px 4px 7px 4px;
}
#nav_frame .nav--social .icon-social a,
#mobile_nav .nav--social .icon-social a {
  font-size: 0;
}
.play-now-li {
  position: relative;
}
/* TODO: UPDATE HOVER TRANSITION TO BE COOLER */
#nav_frame #nav_play_now-primary,
#nav_frame #nav_play_now-primary:hover {
  -webkit-transition: background-color ease 500ms, color ease 500ms;
  transition: background-color ease 500ms, color ease 500ms;
}
#nav_frame #nav_play_now-primary {
  /* background-color: #e1752d; */
  background-color: #9c5327;
  color: #f2e8e3;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0.1em;
  padding: 18px 20px;
}
#nav_frame #nav_play_now-primary:hover {
  background-color: #fff;
  color: #e1752d;
}
.platform-menu-wrapper {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
}
#nav_frame .header.platform-menu,
#footer .footer.platform-menu {
  background-color: #122121;
  border-top: 4px solid #e1752d;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 467px;
  padding: 20px 10px;
  width: auto;
}
.header.platform-menu a,
.footer.platform-menu a {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1em;
  margin: 0 15px;
  text-align: left;
  text-transform: none;
}
.header.platform-menu .xbox,
.footer.platform-menu .xbox {
  max-width: 201px;
}
.header.platform-menu a::before,
.footer.platform-menu a::before {
  font-size: 2.4rem;
}
.nav .sub-menu {
  background-color: #070606;
  display: none;
  left: 0;
  min-width: 150px;
  position: absolute;
  top: 100%;
}
/* #nav a:hover + .sub-menu,
#nav .sub-menu:hover,
#nav li.menu-item-has-children:focus-within .sub-menu {
	display: block;
} */
#nav .nav > .menu-item-has-children > a::after {
  content: "\025BE";
  font-size: 1.2em;
  font-weight: 700;
  margin-left: 5px;
}
.nav .sub-menu a {
  text-align: left;
}
header .nav .sub-menu a {
  padding: 13px 12px;
  width: 100%;
}
#mobile_nav {
  display: none;
}
/* SITEMAP */
.site-map_block {
  padding: 50px 0 250px 0;
  z-index: 0;
}
.nav.sitemap {
  margin-bottom: 30px;
  position: relative;
}
.nav.sitemap li.home {
  margin-bottom: 50px;
  text-align: center;
  width: 100%;
}
.nav.sitemap li.home a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 57px;
  background-color: #fff;
}
.sitemap > li {
  margin: 5px;
}
.nav.sitemap a {
  background: #000;
  border: 1px solid white;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  position: relative;
}
.nav.sitemap .sub-menu {
  background: none;
  display: block;
  margin-left: 0px;
  min-width: 0;
  position: relative;
  text-align: center;
  top: 0;
}
.nav.sitemap .sub-menu li {
  width: 0;
  overflow: visible;
  position: static;
  height: auto;
  margin: 10px 0;
}
.nav.sitemap > li:nth-child(-n + 2) > a::before {
  display: none;
}
.nav.sitemap > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  background-color: #fff;
  width: 12px;
  height: 1px;
}
.nav.sitemap .sub-menu a::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 100%;
  width: 1px;
  height: 10px;
  background-color: #fff;
}
@media only screen and (max-width: 1190px) {
  .nav.sitemap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .nav.sitemap li.home {
    margin-bottom: 5px;
  }
  .nav.sitemap li {
    margin-bottom: 30px;
  }
  .nav.sitemap li.home a::after,
  .nav.sitemap > li > a::before,
  .nav.sitemap .sub-menu a::before {
    display: none;
  }
}
/* HP Nav Styling */
#body_home #nav_frame {
}
@media only screen and (max-width: 1200px) {
  .nav .icon-social > a {
    margin-right: 0px;
  }
}
/*- Mobile Styles */
@media only screen and (max-width: 1000px) {
  #nav,
  #nav_frame .social-nav {
    display: none;
  }
  #nav_frame .page_frame {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  #mobile_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 13px 5%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mobile_nav > .icon {
    position: relative;
    color: #ca6a33;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    padding-right: 15px;
    text-align: right;
    z-index: 11;
  }
  .hamburger-icon {
    height: 25px;
    width: 33.33px;
  }

  #mobile_nav .nav {
    background-color: #070606;
    display: none;
    left: 0;
    position: absolute;
    top: 53px;
    width: 100%;
  }
  #mobile_nav_menu.nav {
    max-height: calc(100vh - 53px);
    overflow: auto;
  }
  #mobile_nav .nav--social {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    left: auto;
    margin-left: 45px;
    padding: 0 5%;
    position: relative;
    top: auto;
  }
  #mobile_nav .icon-nav {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mobile_nav .nav li {
    width: 100%;
    text-align: right;
    padding: 10px 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    z-index: auto;
  }
  #mobile_nav .nav > li:nth-child(1) > a {
    color: #cb6a2a;
  }
  #mobile_nav .nav li.li-icon {
    width: auto;
    padding: 5px 3px;
    border-bottom: none;
  }
  #mobile_nav .nav a,
  #mobile_nav .nav button {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    padding: 0 5%;
    text-align: left;
    z-index: 1;
  }
  #mobile_nav .nav--main a,
  #mobile_nav .nav--main button,
  #mobile_nav .nav--main .mobile-social {
    margin-left: 45px;
    max-width: calc(100% - 52px);
  }
  #mobile_nav .nav--main .mobile-social {
    width: calc(100% - 45px);
  }
  #nav_frame #mobile_nav .nav--social {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -10px;
    width: calc(100% - 20px);
  }
  #nav_frame #mobile_nav .nav--social > li {
    overflow: visible;
    padding: 0;
    width: auto;
  }
  #nav_frame #mobile_nav .nav--social > li > a {
    margin: 0 10px 5px 10px;
    max-width: none;
    padding: 0;
    z-index: auto;
  }
  #nav_frame #mobile_nav .nav--social > li > a span {
    z-index: 10;
  }
  #mobile_nav .icon-social > a::before,
  #mobile_nav .platform-menu-wrapper a::before {
    font-size: 1.8rem;
  }
  #mobile_nav .platform-menu-wrapper {
    position: relative;
  }
  #mobile_nav .platform-menu {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 20px 0 calc(40px + 5%);
  }
  #mobile_nav .platform-menu-wrapper li {
    width: auto;
  }
  #mobile_nav .platform-menu-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8rem;
    margin: 0 5px;
    max-width: 205px;
    text-transform: none;
  }
  /* || MOBILE SUBNAV STYLING */
  #mobile_nav .sub-menu {
    display: block;
  }
  /* #mobile_nav .nav .expand::after {
		content: "\0002B";
		position: relative;
		display: inline-block;
		top: 2px;
		font-size: 1.5em;
		margin-left: 5px;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		-webkit-transition: -webkit-transform ease 700ms;
		transition: -webkit-transform ease 700ms;
		-o-transition: transform ease 700ms, font-size 700ms ease;
		transition: transform ease 700ms, font-size 700ms ease;
		transition: transform ease 700ms, -webkit-transform ease 700ms, font-size 700ms ease;
	}
	#mobile_nav .nav .active .expand::after  {
		-webkit-transform: rotate(45deg) scale(2);
		    -ms-transform: rotate(45deg) scale(2);
		        transform: rotate(45deg) scale(2);
		-webkit-transition: -webkit-transform ease 700ms;
		transition: -webkit-transform ease 700ms;
		-o-transition: transform ease 700ms;
		transition: transform ease 700ms;
		transition: transform ease 700ms, -webkit-transform ease 700ms;
	} */
  #mobile_nav .nav .title {
    display: inline-block;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transition: -webkit-transform 700ms ease;
    transition: -webkit-transform 700ms ease;
    transition: transform 700ms ease;
    transition: transform 700ms ease, -webkit-transform 700ms ease;
  }
  #mobile_nav .nav .active .title {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: -webkit-transform 700ms ease;
    transition: -webkit-transform 700ms ease;
    transition: transform 700ms ease;
    transition: transform 700ms ease, -webkit-transform 700ms ease;
  }
  /* #mobile_nav .nav .active > a::after {
		font-size: 4rem;
		transition: font-size 700ms ease;
	} */
  #mobile_nav .sub-menu {
    position: relative;
    top: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mobile_nav .sub-menu li {
    margin-left: 0;
    border-bottom: none;
  }
  #mobile_nav .nav li.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #mobile_nav .sub-menu a {
    color: #f2e8e3;
    font-size: 0.8rem;
    text-transform: none;
  }
}
/*---------------FOOTER---------------*/
#footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #080605;
  position: relative;
  /* margin-top: -200px; */
  max-width: 100%;
  /* min-height: 405px; */
  /* padding-top: 40px; */
  clear: both;
}
#footer svg {
  position: absolute;
  bottom: 99%;
  right: 30%;
}
#footer_nav a.logo {
  margin: 0;
  max-width: 170px;
  position: absolute;
  top: -73%;
}
#footer .page_frame {
  padding-top: 40px;
  /* padding-bottom: 80px; */
}
#footer_nav,
#footer_nav .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer_nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
#footer_nav .li-icon {
  padding: 5px;
}
#footer_nav .main-nav {
  margin-bottom: 5px;
}
#footer_nav .main-nav > li > a,
#footer_nav .main-nav > li > button {
  border-right: 2px solid #e1e1da;
  color: #e1e1da;
  font-family: "Helvetica Neue LT W05_75 Bold", "Helvetica", Arial, Sans-Serif;
  font-size: 0.93rem;
  /* font-weight: 400; */
  font-weight: 700;
  letter-spacing: 0;
  padding: 0px 7px;
  text-transform: none;
}
#footer .platform-menu-wrapper {
  bottom: calc(100% + 15px);
  left: 0;
  right: auto;
  top: auto;
  z-index: 122;
}
#footer .footer.platform-menu {
  border-top: none;
  border-bottom: 4px solid #e1752d;
  border-radius: 4px 4px 0 0;
}
#footer_nav #nav_play_now-footer {
  background: none;
  color: #ca6a33;
  padding: 0 7px 0 5px;
  text-transform: none;
}
#footer_nav .util-nav a {
  /* border-right: 2px solid #4f443f; */
  /* color: #4f443f; */
  border-right: 2px solid #8e7971;
  color: #8e7971;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0px 5px;
  text-transform: none;
}
#footer_nav .nav li:nth-last-child(1) a {
  border-right: none;
}
#footer_nav .nav--social a > span > span {
  font-size: 1.46rem;
}
#footer_nav .icon-nav {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer_nav .subnav {
  display: block;
  position: relative;
  background: none;
  padding-top: 10px;
  top: 0;
}
#footer_nav .subnav li {
  margin: 0;
  padding: 0 5px 0 0;
  border: none;
}
#footer_nav .subnav a {
}
.dev-list {
  margin: 0 -8px;
}
.dev-list li {
  list-style: none;
  margin: 0 8px;
}
.dev-list a {
  display: inline-block;
}
.dev-logo {
  max-height: 50px;
  max-width: 95px;
  opacity: 0.5;
}
.copyright-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  /* color: #443b37; */
  color: #8e7971;
  background-color: #080605;
  position: relative;
  z-index: 1;
}
.copyright {
  margin: 14px 0;
  font-size: 0.733rem;
  font-weight: 600;
}
.bizango_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#bizango {
  /* background-image: url("./assets/images/bizango-brown.png"); */
  /* background-position: center bottom;
  background-repeat: no-repeat; */
  /* color: rgba(255, 255, 255, 0.3); */
  color: #fff;
  display: block;
  height: 12px;
  font-size: 10px;
  font-weight: 300;
  padding-bottom: 30px !important;
  margin: 0 auto 25px;
  text-align: center;
  width: 220px;
}
#bizango img {
  display: block;
  margin: 5px auto 0 auto;
}
/* PREVIEW */
.entry-footer {
  height: 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1400px) {
  #footer svg {
    right: 36%;
  }
}
@media only screen and (max-width: 1200px) {
  #footer .nav .icon-social > a {
    margin-right: 7px;
  }
}
@media only screen and (max-width: 1025px) {
  #footer svg {
    right: 0;
  }
  #footer_nav a.logo {
    left: 20px;
  }
  #footer_nav li {
    padding: 1px 0;
  }
}
@media only screen and (max-width: 900px) {
  #footer_nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #footer_nav a.logo {
    top: -60%;
  }
  #footer_nav,
  #footer_nav .main-nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #footer .nav--social {
    margin-bottom: 5px;
  }
  #footer_nav ul.nav {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
}
@media only screen and (max-width: 756px) {
  #footer .nav--social,
  #footer_nav .main-nav {
    margin-bottom: 15px;
  }
  #footer_nav nav {
    margin: 0;
  }
  #footer .nav .icon-social > a {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 640px) {
  #footer .page_frame {
    padding-top: 100px;
  }
  #footer_nav {
    margin-bottom: 20px;
  }
  #footer_nav a.logo {
    top: -30%;
  }
  #footer_nav > .grid-x > .cell {
    width: calc(100% - 1.25em);
  }
  #footer_nav,
  #footer_nav ul.nav,
  .dev-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #footer .copyright-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0 10px 0;
  }
  .copyright {
    margin: 2px 0;
  }
}
@media only screen and (max-width: 512px) {
  #footer .play-now-li {
    position: static;
  }
  #footer .platform-menu-wrapper {
    bottom: 70%;
    left: 20px;
    top: auto;
  }
  #footer .footer.platform-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 0;
    width: calc(100vw - 40px);
  }
  #footer .footer.platform-menu a {
    margin-bottom: 10px;
  }
}
/*---------------THEMES + BACKGROUNDS---------------*/
.bg-clr__black,
.block.bg-clr__black,
.block.bg-clr__black > .block__bg-img .text-area-background-color__black .col-2 {
  background-color: #150c0b;
}
.bg-clr__white,
.block.bg-clr__white,
.block.bg-clr__white > .block__bg-img,
.text-area-background-color__white .col-2 {
  background-color: #fff;
}
.bg-clr__cream,
.block.bg-clr__cream,
.block.bg-clr__cream > .block__bg-img,
.text-area-background-color__cream .col-2 {
  background-color: #f1e3dc;
}
.bg-clr__orange,
.block.bg-clr__orange,
.block.bg-clr__orange > .block__bg-img,
.text-area-background-color__orange .col-2 {
  background-color: #ca6a33;
}
.bg-clr__teal,
.block.bg-clr__teal,
.block.bg-clr__teal > .block__bg-img,
.text-area-background-color__teal .col-2 {
  background-color: #116e6f;
}
.bg-clr__dark-teal,
.block.bg-clr__dark-teal,
.block.bg-clr__dark-teal > .block__bg-img,
.text-area-background-color__dark-teal .col-2 {
  background-color: #122121;
}
.bg-clr__brown,
.block.bg-clr__brown,
.block.bg-clr__brown > .block__bg-img,
.text-area-background-color__brown .col-2 {
  background-color: #2a1b13;
}
.bg-clr__dark-brown,
.block.bg-clr__dark-brown,
.block.bg-clr__dark-brown > .block__bg-img,
.text-area-background-color__dark-brown .col-2 {
  background-color: #150c0b;
}
.block.text-area-background-color__black .col-2 {
  border-color: #150c0b;
}
.block.text-area-background-color__white .col-2 {
  border-color: #fff;
}
.block.text-area-background-color__cream .col-2 {
  border-color: #f1e3dc;
}
.text-area-background-color__orange .col-2 {
  border-color: #ca6a33;
}
.block.text-area-background-color__teal .col-2 {
  border-color: #116e6f;
}
.block.text-area-background-color__dark-teal .col-2 {
  border-color: #122121;
}
.block.text-area-background-color__brown .col-2 {
  border-color: #2a1b13;
}
.block.text-area-background-color__dark-brown .col-2 {
  border-color: #150c0b;
}
.bg-clr__white .text,
.bg-clr__cream .text,
.text-area-background-color__white:not(.box-style__outline) .col-2 .text {
  color: #00000b;
}
.bg-clr__brown .text,
.text-area-background-color__brown:not(.box-style__outline) .col-2 .text,
.bg-clr__teal .text,
.text-area-background-color__teal:not(.box-style__outline) .col-2 .text,
.bg-clr__dark-teal .text,
.text-area-background-color__dark-teal:not(.box-style__outline) .col-2 .text,
.bg-clr__dark-brown .text,
.text-area-background-color__dark-brown:not(.box-style__outline) .col-2 .text {
  color: #f2e8e3;
}
.block.box-style__outline .col-2 {
  background: none;
}
.bg-clr__cream .text,
.text-area-background-color__cream:not(.box-style__outline) .col-2 .text {
  color: #686156;
}
/* CUSTOM BLOCKS */
.mb0 {
  margin-bottom: 0;
}
.mb0--last *:nth-last-child(1) {
  margin-bottom: 0;
}
.flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flx_col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fa-ctr {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fa-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.fj-ctr {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fj-strt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.fj-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.fj-spb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fj-spa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.type-page .post-thumbnail {
  display: none;
}
/* FORM ERRORS */
.zombie-form {
  position: relative;
}
.zombie-form span.error {
  background-color: #000;
  border-radius: 5px;
  color: #e1752e;
  outline: 1px solid #ca6a33;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}
.zombie-form label,
.zombie-form input {
  display: inline-block;
  margin-bottom: 5px;
}
.zombie-form label,
.zombie-form button[type="submit"] {
  display: block;
  /* margin-left: auto; */
}
@media only screen and (max-width: 1025px) {
  .zombie-form .flex_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .zombie-form input {
    margin-right: 15px;
  }
  .zombie-form button[type="submit"] {
    margin-bottom: 5px;
  }
  .zombie-form span.error {
    left: 0;
    position: absolute;
    top: calc(100%);
  }
}
/* SLICK SLIDER */
.block .slick-arrow {
  background-image: url("./assets/images/slider-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
  height: 25px;
  opacity: 1;
  right: 10px;
  width: 25px;
}
.block .slick-prev {
  left: 10px;
  right: auto;
  -webkit-transform: scaleX(-1) translateY(-18px);
  transform: scaleX(-1) translateY(-18px);
}
.block .slick-arrow::before {
  display: none;
}
@media only screen and (min-width: 1400px) {
  .site-main .entry-content .block {
    /* padding-bottom: 15vw; */
  }
}
/* PLATFORM ICONS MENU */
.platform-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  min-height: 43px;
}
.platform-menu > li {
  list-style-type: none;
  margin-bottom: 0;
}
@media only screen and (min-width: 1000px) {
  .platform-menu {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
/* 404 */
.error-404 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 65px 20px 0px 20px;
  width: 100%;
}
.error-404 .page-content {
  padding-bottom: 200px;
}
.error-404 .search-submit {
  margin-top: 20px;
}
.error-404 .tag-cloud-link {
  margin: 5px;
}
/* AGE GATE */
.age-gate-background-colour::after {
  background-image: url("./assets/images/embers-bg.png");
  background-size: cover;
  background-position: bottom;
  content: "";
  height: 100%;
  opacity: 0.2;
  position: fixed;
  width: 100%;
}
.age-gate-heading.age-gate-logo img {
  max-height: 270px;
  margin-bottom: 90px;
}
.age-gate-message {
  font-size: 1.2rem;
  line-height: 1.38em;
  margin-bottom: 24px;
  text-transform: none;
}
.age-gate-form-section {
  margin-bottom: 13px;
}
.age-gate-label {
  margin-right: 8px;
}
.age-gate-label::after {
  color: red;
  content: "*";
  vertical-align: super;
}
.age-gate-select {
  font-size: 0.7333rem;
  font-weight: 700;
}
.age-gate-remember {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
.age-gate-remember input {
  width: auto;
  margin-right: 5px;
}
.age-gate-submit {
  width: auto;
}
/* COOKIE BAR */
#cookie-law-info-bar {
  background: rgba(8, 6, 5, 0.9) !important;
}
.cli-bar-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cli-bar-message {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}
.wt-cli-ccpa-element {
  display: inline-block;
  margin-left: 5px;
  width: auto;
}
.cli_settings_button {
  border: 3px solid rgb(17, 110, 111);
}
@media only screen and (max-width: 1000px) {
  .cli-bar-message {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .cli-bar-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cli-bar-message {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.yt-iframe-replacement {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.yt-iframe-replacement::after {
  background-image: url(./assets/images/icon_youtube-play-btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* TAG PAGE BLOG STYLE FIX */
.query-title {
  color: #2a1b13;
  height: 0;
  top: -20px;
}
.blog-list > .blog-post {
  margin: 0 2.7778%;
  max-width: calc(100% - 5.556%);
}
/* ------------------------- SOD HP HERO */
.block.hp_hero {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 715px;
  position: relative;
}
.hp_hero.sun__true .sun {
  width: 300px;
  height: 300px;
  background: radial-gradient(
    rgba(255, 254, 248, 1) 7%,
    rgba(255, 254, 248, 0.95) 12%,
    rgba(255, 254, 248, 0.8) 25%,
    rgba(255, 254, 248, 0.4) 35%,
    rgba(255, 254, 248, 0) 50%
  );
  background-size: contain;
  position: absolute;
  /* top: calc(40vw - 200px); */
  top: calc(40vw - 600px);
  left: calc(50% - 125px);
  border-radius: 50%;
  mix-blend-mode: hard-light;
  -webkit-transform-origin: center;
  transform-origin: center;
}
#particles-js canvas {
  opacity: 0.8;
}
.hp-hero.fade-in.active {
  opacity: 1;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}
.block.hp_hero .page_frame {
  position: relative;
  z-index: 1;
}
.block.hp_hero .all-cols-wrap {
  padding-bottom: 80px;
}
.hero-img {
  min-height: 185px;
}
.hero-img img {
  display: block;
  height: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  max-height: 185px;
  width: auto;
}
.hero-txt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  position: relative;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.6);
}
.play-now_container {
  background-color: rgba(17, 106, 107, 1);
  border-radius: 3px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.play-now_container .icon::before {
  font-size: 2rem;
}
.play-btn {
  background-color: #116a6b;
  /* border: none; */
  border-radius: 3px;
  border-right: 2px solid white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f2e8e3;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1em;
  /* outline: none; */
  padding: 14px 20px;
  text-transform: uppercase;
}
.icon.platform-lnk {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #f2e8e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.733rem;
  font-weight: 600;
  line-height: 1em;
  margin: 0 5px 0 10px;
  max-width: 185px;
  text-decoration: none;
}
.icon.platform-lnk::before {
  color: inherit;
}
.icon.platform-lnk img {
  margin-right: 5px;
  max-width: 32px;
}
/* .btn-pulse */
.platform-lnk {
  /* text-shadow: 0px 0px 5px rgba(255,255,255,0); */
  /* transform: translateY(0px); */
  /* filter: brightness(1)
	transition: all ease 400ms; */
}
/* .btn-pulse.active  */
.platform-lnk.active {
  /* filter: brightness(0); */
  /* text-shadow: 0px 0px 5px rgba(255,255,255,0.8); */
  /* filter: drop-shadow(0px 0px 5px rgba(255,255,255,0.9)); */
  /* transition: all ease 400ms; */
}
.tabs_container,
.tabs_container a {
  color: #f2e8e3;
}
/* .tabs_container {
	bottom: 85px;
	position: absolute;
	right: 0;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	z-index: 2;
} */
.tabs_container {
  margin-left: auto;
  padding-bottom: 65px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.tabs_container p {
  font-weight: 700;
  margin-bottom: 0;
}
.tab.tab-hp {
  margin: 0 0 20px 0;
  min-width: 300px;
}
.tab-title {
  border-radius: 5px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 8px 10px 5px 13px;
}
.tab-title > p {
  font-size: 0.733rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.tab-content {
  background-color: #080605;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}
.tab-content img {
  margin-right: 10px;
  max-width: 34px;
}
.tab-content > p {
  letter-spacing: 0;
}
@media only screen and (min-width: 1400px) {
  .block.hp_hero {
    height: 58.2vw;
    max-height: 1200px;
  }
}
@media only screen and (max-width: 1000px) {
  .block.hp_hero .sun,
  .tabs_container {
    display: none;
  }
  .play-now_container {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 500px;
    width: auto;
  }
  .play-now_container > button {
    margin-bottom: 10px;
    width: 100%;
  }
  .icon.platform-lnk {
    margin: 0 5px 10px 5px;
  }
}
@media only screen and (max-width: 640px) {
  .olay-hp-hero::after {
    display: none;
  }
  .olay-hp-hero::before {
    background: rgba(0, 0, 0, 0.3);
  }
}
/* ------------------------- PRODUCT PAGE HERO */
.block.prod_hero,
.block.interior_hero {
  min-height: 820px;
}
/* .eye {
	background: radial-gradient(rgb(243, 227, 178), rgb(251, 247, 195) 15%, rgb(255, 183, 159)50%, rgb(230, 75, 59,0) 80%);
	border-radius: 50%;
	height: 8px;
	position: absolute;
	right: 29.9%;
	top: 13.6%;
	width: 8px;
	box-shadow: 0px 0px 10px rgba(230, 75, 59);
	animation: glow 2s ease-in-out alternate infinite;
}
@keyframes glow {
	0% {
		box-shadow: 0px 0px 5px rgba(230, 75, 59);
	}
	100% {
		box-shadow: 0px 0px 20px rgba(230, 75, 59);
	}
}
.eye-l {
	right: 32.6%;
} */
@media only screen and (max-width: 1200px) {
  .block.prod_hero,
  .block.interior_hero {
    min-height: 69vw;
  }
}
@media only screen and (max-width: 640px) {
  .block.prod_hero,
  .block.interior_hero {
    min-height: 420px;
  }
}
/* ------------------------- COMMUNITY HERO */
.community_hero .page_frame {
  z-index: 1;
}
.community_hero .vid_frame {
  height: 445px;
  margin-bottom: 30px;
  margin-right: 105px;
  position: relative;
  -webkit-transition: margin ease 500ms;
  transition: margin ease 500ms;
}
.community_hero .vid_frame.active {
  margin-right: 0;
  -webkit-transition: margin ease 500ms 500ms;
  transition: margin ease 500ms 500ms;
}
.vid-play-btn.dark {
  background-image: url("./assets/images/play-btn-dark.png");
  height: 150px;
  width: 150px;
}
.hosts_frame {
  position: absolute;
  right: -105px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.host-item {
  margin-bottom: 30px;
}
.img_frame.host {
  border: 1px solid #ca6a33;
  height: 105px;
  min-height: 0;
  position: relative;
  width: 195px;
}
.host-item img {
  height: 100%;
  margin-bottom: 5px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.host-txt {
  color: #ca6a33;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.community_hero .main-text {
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .community_hero .vid_frame {
    height: 58vw;
    margin-bottom: 100px;
    margin-right: 0;
  }
  .hosts_frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 20px;
    top: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .host-item {
    margin-left: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .community_hero .vid_frame {
    margin-bottom: 30px;
  }
  .community_hero .vid-play-btn.dark {
    height: 100px;
    width: 100px;
  }
  .hosts_frame {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .community_hero iframe {
    margin: 0 -20px;
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
  }
}
/* ------------------------- INTERIOR HERO */
.block.interior_hero h1 {
  	margin-bottom: 10px;
	/*background:#fff;
	display:inline-block;
	padding:5px;*/
}
/* ------------------------- SIMPLE HERO */
.block.simple_hero {
  padding: 0;
}
.block.simple_hero .top-section {
  min-height: 210px;
  position: relative;
}
.block.simple_hero .text {
  padding-bottom: 40px;
}
.block.simple_hero .btm-section {
  min-height: 360px;
  position: relative;
}
/* ------------------------- TWO COL CONTENT */
.block.two_col_content.even .col-1,
.block.two_col_content.even .col-2 {
  margin-left: calc(5.5556% - 1.25em);
  margin-right: calc(5.5556% - 1.25em);
  width: calc(38.8889% - 1.25em);
}
.visual-tear-vt {
  max-height: 275px;
  position: relative;
  top: -40px;
}
@media only screen and (max-width: 767px) {
  .block.two_col_content.even .col-1,
  .block.two_col_content.even .col-2 {
    margin-bottom: 0;
    margin-left: 0.625em;
    position: relative;
    width: calc(100% - 1.25em);
  }
  .block.two_col_content.flair .col-2::before {
    display: inline-block;
    height: 200px;
    top: -30px;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
    width: 70px;
  }
  .visual-tear-vt {
    -ms-flex-item-align: center;
        align-self: center;
    display: inline-block;
    opacity: 0.6;
    position: absolute;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
/* ------------------------- NOTCH PANEL */
.block.notch_panel {
  min-height: 250px;
  padding: 0;
}
.notch_panel .col-1 {
  position: relative;
}
.bg-clr__white.notch_panel .col-1::after,
.bg-clr__cream.notch_panel .col-1::after {
  background-image: url("./assets/images/scratch-vt-dark.png");
}
.notch_panel .col-1::after {
  background-image: url("./assets/images/scratch-vt.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 50%;
  opacity: 0.1;
  position: absolute;
  right: 0;
  width: 13px;
}
.notch_panel .flex-dir-row-reverse .col-1::after {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.notch_panel .mask-type__notch {
  height: 100%;
}
.notch_panel .mask-type__notch > img {
  height: calc(100% + 6px);
  max-height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.notch_panel .mask-type__notch > img.background-position__top {
  -o-object-position: top;
     object-position: top;
}
.notch_panel .mask-type__notch > img.background-position__center {
  -o-object-position: center;
     object-position: center;
}
.notch_panel .mask-type__notch > img.background-position__bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.notch_panel .top-txt {
  margin-bottom: 25px;
}
.notch_panel .icon {
  max-height: 45px;
  max-width: 35px;
  opacity: 0.5;
}
.notch_panel .text {
  margin: 20px 0;
}
@media only screen and (min-width: 1400px) {
  .notch_panel .mask-type__notch > img {
    min-height: 32.1vw;
  }
}
@media only screen and (max-width: 1025px) {
  .notch_panel .top-txt .title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .notch_panel .all-cols-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .notch_panel .text {
    margin: 20px;
    width: calc(100% - 40px);
  }
}
/* ------------------------- STORY ROWS */
.block.story_rows.bg-embers .block__bg-img {
  background-image: url("./assets/images/sparks-bg.png");
  opacity: 0.3;
  mix-blend-mode: color-dodge;
}
.block.story_rows .page_frame {
  z-index: 1;
}
.all-cols-wrap .row {
  width: 100%;
}
.block.story_rows .row-1 {
  margin-top: 85px;
}
.block.story_rows .large-offset-1 {
  margin-left: calc(5% + 0.625em);
}
.story_rows .vid_frame,
.story_rows .img_frame {
  height: 100%;
  position: relative;
  width: 100%;
}
.story_rows .vid_frame {
  height: 375px;
}
.story_rows .vid-play-btn.dark {
  height: 80px;
  width: 80px;
}
@media only screen and (max-width: 1025px) {
  .block.story_rows .cell {
    margin-left: 0.625em;
    margin-right: 0.625em;
  }
  .block.story_rows .text > *[style*="text-align: right"] {
    text-align: left !important;
  }
  .block.story_rows .media {
    height: 53vw;
    margin-left: auto;
    width: calc(100% - 1.25em);
  }
  .block.story_rows .vid_frame {
    height: 100%;
  }
  .block.story_rows .row-1 {
    margin-top: 30px;
  }
}
/* ------------------------- SURVIVAL SLIDER */
.block.survival_slider_block {
  padding: 0;
}
.block.survival_slider_block .all-cols-wrap {
  margin-top: -140px;
}
.survival_slider_block iframe:focus {
  outline: 5px solid blue;
}
.survival-slider .slick-list {
  width: calc(100% + 50px);
  margin: 0 -25px;
}
.survival-slider .slick-list {
  overflow: auto;
}
.survival-slider .slick-list,
.survival-slider .slick-list.edge-l,
.survival-slider .slick-list.edge-r {
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}
.survival-slider .slick-list.edge-l {
  -webkit-transform: translateX(-25px);
  transform: translateX(-25px);
}
.survival-slider .slick-list.edge-r {
  -webkit-transform: translateX(25px);
  transform: translateX(25px);
}
.survival-slider .slide {
  background: #000;
  max-width: calc(100vw - 45px);
  min-height: 780px;
  position: relative;
  width: 100vw;
}
.survival-slider .slide.slick-current::before {
  display: none;
}
.survival-slider .slick-slide[data-slick-index="1"] {
  max-width: calc(100vw - 90px);
}
.survival-slider .slide .bg-img,
.survival-slider .slide.slick-current .bg-img {
  -webkit-transition: opacity ease 500ms;
  transition: opacity ease 500ms;
}
.survival-slider .slide .bg-img {
  background-size: cover;
  opacity: 0.4;
}
.survival-slider .slide.slick-current .bg-img,
.survival-slider .slide.slick-current .text {
  opacity: 1;
}
.survival-slider .slick-arrow {
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99));  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99)) drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.99));
}
.survival-slider .mobile-content {
  display: none;
}
.survival-slider .mobile-content .text {
  margin-top: 0;
}
.survival-slider .mobile-content .button {
  margin-bottom: 15px;
}
.survival-slider .text {
  opacity: 0;
  padding-top: 220px;
  position: relative;
  width: 38.889%;
}
.survival-buttons_container {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.btn.survival {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 220px;
  position: absolute;
  z-index: 1;
}
/* .btn.survival::before, */
.exit {
  background-color: #116e6f;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  width: 32px;
  z-index: -1;
}
.btn.survival img {
  display: inline-block;
  -webkit-filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.4));
  max-height: 32px;
  display: none;
}
.btn.survival::before {
  background-color: #116e6f;
  border-radius: 50%;
  color: white;
  content: "";
  -webkit-filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.4));
  font-family: "survival-icons";
  /* font-size: 1.5rem; */
  font-size: 2rem;
  font-weight: 300;
  /* height: 32px; */
  height: 40px;
  line-height: 1.4em;
  min-height: 40px;
  min-width: 40px;
  position: relative;
  /* width: 32px; */
  width: 40px;
}
.btn.survival p,
.modal-ttl {
  color: #f2e8e3;
  display: inline-block;
  font-size: 0.867rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  margin-left: 10px;
  text-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
/* BUTTON LAYOUTS */
.btn.btn-r,
.btn.btn-top-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}
.btn.btn-r p {
  margin-left: 0;
  margin-right: 10px;
}
.btn.btn-top-r,
.btn.btn-top-l {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btn.btn-top-r img {
  margin-right: 0;
}
.btn.btn-top-r p,
.btn.btn-top-l p {
  margin: 10px 0 0 0;
  width: 100%;
}
/* SURVIVAL BUTTON SVGs */
.btn.homestead-0::before {
  content: "\e901";
  /* font-size: 2rem;
	line-height: 1.1em; */
  padding: 0 5px;
}
.btn.homestead-1::before {
  content: "\e900";
  /* font-size: 1.8rem;
	line-height: 1.2em; */
  padding-right: 4px;
}
.btn.homestead-2::before {
  content: "\e903";
  /* font-size: 2rem;
	line-height: 1.1em; */
  padding-right: 5px;
}
.btn.decision-0::before {
  content: "\e904";
  padding-top: 2px;
  padding-left: 2px;
}
.btn.decision-1::before {
  content: "\e902";
}
.btn.fight-0::before {
  content: "\e906";
  padding-right: 3px;
  padding-top: 1px;
}
.btn.fight-1::before {
  content: "\e907";
}
.btn.fight-2::before {
  content: "\e905";
}
.btn.fight-3::before {
  content: "\e908";
  padding: 0 6px 0 0;
}
/* SURVIVAL BUTTON POSITIONS */
.btn.homestead-0 {
  right: 41%;
  top: 66%;
}
.btn.homestead-1 {
  right: 20.5%;
  top: 33%;
}
.btn.homestead-2 {
  right: 20%;
  top: 72.5%;
}
.btn.survival.decision-0 {
  left: 32%;
  top: 65%;
}
.btn.survival.decision-1 {
  right: 22%;
  top: 74%;
}
.btn.fight-0 {
  bottom: 20%;
  left: 7%;
}
.btn.fight-1 {
  left: 44%;
  top: 18%;
}
.btn.fight-2 {
  left: 52%;
  top: 43%;
}
.btn.fight-3 {
  right: 1%;
  top: 26%;
}
/* SURVIVAL MODAL */
.modal {
  display: none;
  height: 100vh;
  left: 0;
  padding: 90px 20px 20px 20px;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 12;
}
.exit {
  /* content: "\0002B"; */
  display: inline-block;
  color: #f2e8e3;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 700;
  left: auto;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1;
}
.modal--survival {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-ttl color {
  color: #cc6d37;
}
.modal-content {
  background-color: #2a1b13;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f2e8e3;
  display: block;
  margin: 0 auto;
  max-width: 946px;
  padding: 45px 25px 25px 25px;
  position: relative;
  z-index: 1;
}
.modal_content_frame {
  max-height: calc(100vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
}
.modal_content_frame.no-text {
  overflow: hidden;
}
.modal-content-top {
  background-color: #2a1b13;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  min-height: 45px;
  min-width: 290px;
  padding: 25px 25px 0px 25px;
  position: absolute;
  top: -45px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.modal-content-top > * {
  margin-bottom: 0;
}
.modal-content-top::after {
  background-image: linear-gradient(45deg, #2a1b13 50%, transparent 50%);
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 50px;
}
.modal .vid_frame {
  height: 60vh;
  max-height: 505px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
/* .modal iframe {
	position: relative;
	z-index: 1;
} */
.vid-play-btn {
  background-image: url("./assets/images/play-btn.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 105px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 105px;
  z-index: 1;
}
.modal .col-1 {
  margin-left: 5.5556%;
  width: 33.3333%;
}
.modal .col-2 {
  margin-left: 5.5556%;
  width: 55.5556%;
}
@media only screen and (min-width: 1500px) {
  .survival-slider .slide .bg-img {
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1400px) {
  .block.survival_slider_block .all-cols-wrap {
    margin-top: -10vw;
  }
  .survival-slider .slide {
    min-height: 55.7vw;
  }
  .survival-slider .text {
    padding-top: 22vw;
  }
}
@media only screen and (max-width: 1000px) {
  .survival-slider .text {
    margin-top: 20vw;
    padding-top: 0;
    max-width: 500px;
    width: auto;
  }
  .survival-slider .text::before {
    content: "";
    background-image: radial-gradient(ellipse at -20px 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 70%);
    height: calc(100% + 200px);
    left: -20px;
    position: absolute;
    top: -100px;
    width: calc(100% + 120px);
  }
  .btn.survival.decision-0 {
    left: 15%;
  }
  .btn.survival.decision-1 {
    right: 10%;
  }
}
@media only screen and (max-width: 950px) {
  .survival-slider .slick-list.edge-l,
  .survival-slider .slick-list.edge-r  {
    -webkit-transform: none;
            transform: none;
  }
  .survival-slider .slide,
  .survival-slider .slick-slide[data-slick-index="1"] {
    max-width: 100%;
  }
  .survival-slider .slide .page_frame .text {
    padding-left: 50px;
    padding-right: 50px;
  }
  .survival-buttons_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 120px;
    padding: 0 20px 0 70px;
    position: relative;
  }
  .survival-buttons_container .btn p {
    text-align: left;
  }
  .btn.btn-r p {
    margin-left: 10px;
    margin-right: 0;
  }
  /* SURVIVAL BUTTON POSITIONS */
.btn.homestead-0,
.btn.homestead-1,
.btn.homestead-2,
.btn.survival.decision-0,
.btn.survival.decision-1,
.btn.fight-0,
.btn.fight-1,
.btn.fight-2,
.btn.fight-3 {
  bottom: auto;
  left: auto;
  margin: 5px 0;
  position: relative;
  right: auto;
  top: auto;
}
.btn.btn-top-r, .btn.btn-top-l {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.btn.btn-r, .btn.btn-top-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btn.btn-top-r p, .btn.btn-top-l p {
  margin: 0 5px;
}
  /* .survival-slider .slick-slide[data-slick-index="0"],
  .survival-slider .slick-slide[data-slick-index="2"] {
    display: none;
  }
  .survival-slider .slick-list {
    margin: 0;
  }
  .survival-slider .slick-track {
    transform: none !important;
    width: auto !important;
  }
  .survival-slider .slide.slick-current .bg-img {
    opacity: 0.7;
    background-position: 20%;
  }
  .survival-slider .slick-slide .text::before {
    display: none;
  }
  .survival-slider .slick-slide .text {
    padding-left: 0;
    text-align: center;
  }
  .survival-slider .page_frame > .text {
    margin: 20vw auto 20px auto;
  }
  .survival-slider .mobile-content {
    display: block;
  }
  .survival-slider .mobile-content > .text {
    margin: 0 auto;
  }
  .survival-slider .slick-list.edge-l,
  .survival-slider .slick-list.edge-r {
    transform: none;
  }
  .survival-slider .slick-slide,
  .survival-slider .slick-slide[data-slick-index="1"] {
    max-width: 100vw;
    width: 100vw;
  }
  .survival-buttons_container {
    display: none; */
    /* display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		height: auto;
		left: auto;
		margin: 0 -10px;
		padding-left: 65px;
		position: relative;
		top: auto;
		width: auto; */
  /* } */
  /* .btn.survival.btn-arrow,
  .btn.survival.btn-modal {
    background-color: #116e6f;
    border-radius: 5px;
    bottom: auto;
    left: auto;
    margin: 0 10px 10px 10px;
    padding: 15px 20px;
    position: relative;
    right: auto;
    top: auto;
  }
  .btn.survival p {
    margin: 0;
    text-align: center;
  }
  .btn.survival::before {
    display: none;
  } */
}
@media only screen and (max-width: 640px) {
  .block.survival_slider_block .all-cols-wrap {
    margin-top: -80px;
  }
  .survival-slider .slick-list {
    width: 100%;
    margin: 0;
  }
  .survival-slider .slide {
    min-height: 600px;
    padding-bottom: 60px;
  }
  .survival-slider .slide .page_frame .text {
    padding-left: 25px;
    padding-right: 25px;
  }
  .survival-buttons_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 50px 0 50px;
    position: relative;
  }
}
@media only screen and (max-width: 480px) {

  /* .btn.survival.decision-0 {
    left: 5%;
  }
  .btn.survival.decision-1 {
    right: 5%;
  } */
}
@media only screen and (max-width: 480px) {
  .survival-buttons_container {
    padding: 0 45px 0 45px;
  }
  .survival-slider .slide {
    min-height: 775px;
    /* padding-bottom: 120px; */
  }
}
/* ------------------------- ZOMBIE SLIDER */
.zombie_slider_block {
  margin-top: -130px;
  padding-bottom: 0 !important;
  padding: 0;
  position: relative;
}
.zombie_slider_block .instructions {
  top: 75px;
}
.zombie_slider_block .page_frame.text {
  left: 0;
  /* margin-top: 200px; */
  margin-top: 145px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.zombie-slider.slide-text .slick-list,
.zombie-slider.slide-text .slick-track,
.zombie-slider.slide-text .slide {
  min-height: 0;
  height: 100%;
}
.zombie-slider .slide {
  /* min-height: 1100px; */
  min-height: 900px;
  position: relative;
}
.zombie-slider .slide .zombie-bg {
  /* background-position: center -315px; */
  /* background-position: right -200px; */
  /* background-position: right -300px; */
  background-position: right calc(18vw - 445px);
  background-repeat: no-repeat;
}
.zombie-slider .slide .bg-img.mask,
.zombie {
  background-color: #1d120d;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 240px);
  margin-top: 75px;
}
.zombie-slider .slide .zombie {
  background-color: transparent;
  height: 100%;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  /* top: -75px; */
  width: 100%;
  z-index: 1;
}
.zombie-slider .slide .zombie-cutout {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95%;
  /* top: -55px; */
  /* top: -35px; */
}
.zombie-nav_frame {
  background: none !important;
  bottom: calc(600px - 40vw);
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2;
}
.zombie-slider-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin: 0 -15px;
  max-width: 100%;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.zombie-nav-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f2e8e3;
  opacity: 0.8;
  padding: 25px;
  position: relative;
}
.zombie-nav-item.current {
  opacity: 1;
}
.zombie-nav-item.current::before {
  background-image: url("./assets/images/paint-smear-org.png");
  background-repeat: no-repeat;
  background-size: 100% 50px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
}
.zombie-nav-item > h6,
.zombie-nav-item > .h6-style,
.icon-item > p {
  letter-spacing: 0.2em;
  line-height: 1em;
  margin-bottom: 0;
  text-transform: uppercase;
}
.zombie-nav-item > h6,
.zombie-nav-item > .h6-style {
  font-size: 1.2rem;
  font-weight: 700;
}
.zombie_slider_block .mobile-content {
  display: none;
}
.zombie-slider.slide-text {
  top: 70%;
  height: 330px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.zombie-slider .slide-sub {
  position: absolute;
  right: 0;
  /* top: 72%; */
  top: 65%;
  width: 100%;
  z-index: 1;
}
.slide-sub .sub-text {
  max-width: 60%;
}
.slide-sub .text,
.slide-sub .slide-icons {
  margin-bottom: 30px;
  margin-left: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.icon-item {
  max-width: 130px;
}
.icon-item .icon_frame {
  margin-bottom: 15px;
}
.icon-item .icon_frame img,
.title-bar .icon {
  display: inline-block;
  max-width: 36px;
}
.icon-item > p {
  font-size: 0.867rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media only screen and (min-width: 1400px) {
  .zombie_slider_block {
    margin-top: -9vw;
  }
  .zombie-slider .slide {
    /* min-height: 78.5vw; */
    min-height: 67.5vw;
  }
  .zombie-slider .text.slide-main {
    margin-top: 24vw;
  }
  .zombie-nav_frame {
    bottom: calc(10vw - 60px);
  }
}
@media only screen and (min-width: 1700px) {
  .zombie-slider .slide-sub {
    top: 66%;
  }
}
@media only screen and (max-width: 1400px) {
  .zombie-slider {
    padding-bottom: calc(400px - 30vw);
  }
}
@media only screen and (max-width: 1100px) {
  .zombie-nav-item > h6,
  .zombie-nav-item > .h6-style {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1023px) {
  .zombie_slider_block .zombie-nav_frame > .page_frame {
    padding-bottom: calc(210px + 10vw);
  }
  .zombie-slider .slide .zombie-cutout {
    background-size: 100%;
  }
  .zombie-slider .slide-sub {
    top: 64%;
  }
}
@media only screen and (min-width: 901px) {
  .zombie-slider .zombie-bg-mobile,
  .zombie-mobile-content {
    display: none !important;
  }
}
/* TODO: SWITCH OUT TO MOBILE BACKGROUNDS AND JUST HIDE THE FLOATING DESKTOP ZOMBIE IMAGES */
/* TODO: UPDATE SLIDE CONTENT TO FLEX WITH COL DIRECTION */
/* TODO: UPDATE SLIDER NAV TO FLEX AND WRAP CENTERED */
@media only screen and (max-width: 900px) {
  .zombie_slider_block .page_frame.text{
    padding-bottom: 0;
    position: static;
  }
  .zombie_slider .element__slider .page_frame {
    padding-bottom: 0;
    position: static;
  }
  .zombie-nav_frame {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .zombie_slider_block .zombie-nav_frame > .page_frame {
    padding-bottom: 0;
  }
  .zombie-slider.slick-slider {
    height: 100%;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .zombie-slider .mask,
  .zombie-slider .zombie,
  .zombie-slider .slide-sub {
    display: none;
  }
  .zombie-slider .zombie-bg-mobile,
  .zombie-mobile-content {
    display: block;
  }
  .zombie-mobile-content {
    margin-top: 20px;
  }
  .zombie-slider-nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    float: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .slide-sub .text, .slide-sub .slide-icons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 10px;
  }
  .slide-sub .sub-text, .slide-sub .slide-icons {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  /* .zombie-slider .slick-slide[data-slick-index="1"],
  .zombie-slider .slick-slide[data-slick-index="2"],
  .zombie-slider .slick-slide[data-slick-index="3"],
  .zombie-slider .slick-slide[data-slick-index="4"] {
    display: none;
  }
  .zombie-slider .slick-list {
    margin: 0;
  }
  .zombie-slider .slick-track {
    transform: none !important;
    width: auto !important;
  }
  .zombie-slider {
    padding-bottom: 20px;
  }
  .zombie_slider_block .page_frame.text {
    display: none;
  }
  .zombie_slider_block .mobile-content {
    display: block;
  }
  .zombie_slider_block .mobile-content .text {
    padding-top: 160px;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
  .zombie_slider_block .zombie-slider .slick-slide,
  .zombie-slider .slide-sub {
    display: none;
  }
  .zombie-slider-nav {
    visibility: hidden;
  }
  .zombie_slider_block .zombie-slider .slick-slide.slick-current {
    display: block;
    min-height: 0;
  }
  .zombie-slider .slide .zombie-cutout {
    background-position: 70% 20px;
  } */
  .olay-zmb-sldr::after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(21%, rgba(17, 10, 10, 0.95)), to(rgba(17, 10, 10, 0)));
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(17, 10, 10, 0.95) 21%, rgba(17, 10, 10, 0) 100%);
  }
}
@media only screen and (max-width: 640px) {
  .zombie-slider .slide .zombie-cutout {
    background-size: 640px;
  }
}
/* ------------------------- LINK GRID */
.link_grid .grid-item {
  margin-bottom: 20px;
  min-height: 225px;
  position: relative;
}
.link_grid .op {
  opacity: 0.32;
}

/* ------------------------- FIELD GUIDE */
.field-guide.grid {
  margin: 0 calc(5.5556% - 1.25em);
}
.field-guide .grid-item {
  margin-bottom: 50px;
}
.field-guide .img_frame img {
  height: 265px;
  -o-object-fit: cover;
     object-fit: cover;
}
.field-guide .text.main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -48px;
  padding: 0 35px 10px 16px;
}
.field-guide .title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ca6a33;
  display: inline-block;
  margin-left: -16px;
  margin-bottom: 20px;
  min-width: 285px;
  padding: 20px 45px 10px 16px;
  position: relative;
}
.field-guide svg {
  left: 0;
  position: absolute;
  top: 0;
}
.field-guide .icon-item img {
  display: block;
  margin: 0 auto 12px auto;
  max-width: 35px;
  max-height: 35px;
}
.field-guide .icon-txt {
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.33em;
  letter-spacing: 0.2em;
}
/* Grow Grid Item */
.field-guide .grid-item.grow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field-guide .grow .img_frame img {
  height: auto;
}
@media only screen and (max-width: 1025px) {
  .block.field_guide .medium-9 .icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block.field_guide .medium-9 .icon-item {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .block.field_guide .field-guide {
    margin: 0;
  }
  .block .field-guide > .cell {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .field-guide .img_frame img {
    height: auto;
    width: 100%;
  }
  .block.field_guide .medium-9 .icons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 480px) {
  .block.field_guide .cell .icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* ------------------------- TOUR GUIDE */
.block.tour_guide {
  padding-top: 0;
}
.tour-tab {
  max-width: 276px;
  max-height: 90px;
  width: 100%;
}
.title-bar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f2e8e3;
  height: 25px;
  padding: 7px 10px 5px 10px;
  text-transform: uppercase;
}
.tour-tab.tab-0 {
  text-align: right;
}
.block .tour-tab .tab-lnk {
  color: #f2e8e3;
  display: inline;
  padding-left: 30px;
  position: relative;
}
.tour-tab.tab-1 .tab-lnk {
  padding-left: 0;
  padding-right: 30px;
}
.tour-tab .tab-lnk h5::before,
.tour-tab .tab-lnk h5::after {
  display: inline-block;
}
.tour-tab .tab-lnk h5 {
  display: inline;
}
.tour-tab .tab-lnk h5::before,
.tour-tab .tab-lnk h5::after {
  background-image: url("./assets/images/slider-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 3px;
  height: 15px;
  position: absolute;
  width: 20px;
}
.tour-tab.tab-0 .tab-lnk h5::before {
  content: "";
  left: -30px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.tour-tab.tab-1 .tab-lnk h5::after {
  content: "";
  right: -30px;
}
.tour-tab .tab-title {
  color: #f2e8e3;
  font-size: 0.733rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 0;
  padding: 0;
}
.tour-tab .tab-title color {
  /* color: #ca6a33; */
  color: #d06b30;
}
.tour-tab .tab-content {
  background-color: #080605;
  min-height: 75px;
  position: relative;
  width: 100%;
}
.tour-tab .bg-img {
  opacity: 0.3;
}
@media only screen and (min-width: 1000px) {
  .tour-tab .tab-lnk h5::after,
  .tour-tab .tab-lnk h5::before,
  .tour-tab .tab-lnk:hover h5::after,
  .tour-tab .tab-lnk:hover h5::before {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
  }
  .tour-tab .tab-lnk:hover h5::before {
    -webkit-transform: translateX(-10px) scaleX(-1);
            transform: translateX(-10px) scaleX(-1);
  }
  .tour-tab .tab-lnk:hover h5::after {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@media only screen and (max-width: 640px) {
  .tour-tab {
    max-width: 220px;
  }
}
@media only screen and (max-width: 480px) {
  .tour_guide .all-cols-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tour-tab {
    margin-bottom: 20px;
    max-width: 100%;
  }
}
/* ------------------------- SPECIAL ONE COL */
.block.special_one_col {
  min-height: 845px;
  position: relative;
}
.special_one_col.mask-pad-btm {
  padding-bottom: 175px;
}
.block.special_one_col.masked {
  background: none;
}
.block.special_one_col.mask-type__angle-line {
  min-height: 905px;
}
.pop-img {
  height: calc(100% - 70px);
  left: 0;
  position: absolute;
  top: 70px;
}
.pop-img > img {
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.special_one_col .main-ttl {
  margin-bottom: 20px;
}
.special_one_col .main-ttl h3 {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}
.special_one_col .main-txt {
  /* margin-bottom: 25px; */
}
.sp-content.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.block .stream_container {
  margin: 0 -7px 20px -7px;
}
.stream_container > p,
.stream_container > a {
  margin: 0 7px;
}
.stream-ttl {
  font-size: 1.2rem;
  font-weight: 700;
}
.icon-btn {
  max-width: 25px;
}
@media only screen and (min-width: 1400px) {
  .block.special_one_col,
  .block.special_one_col.mask-type__angle-line {
    min-height: 64.7vw;
  }
}
@media only screen and (max-width: 1023px) {
  .special_one_col.mask-pad-btm.txtr-angle-high .page_frame,
  .special_one_col.mask-pad-btm.angle-line .page_frame {
    padding-bottom: 20vw;
  }
  .special_one_col.masked .page_frame {
    padding-top: 20vw;
  }
}
@media only screen and (max-width: 640px) {
  .block.special_one_col {
    min-height: 450px;
  }
  .special_one_col.mask-pad-btm.txtr-angle-high .page_frame,
  .special_one_col.mask-pad-btm.angle-line .page_frame {
    padding-bottom: 200px;
  }
  .sp-content.right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .sp-content .main-btn {
    margin-left: 0;
  }
}
/* ------------------------- TESTIMONIAL SLIDER */
.testimonial_slider_block {
}
.testimonial_slider_block .flair-img {
  display: block;
  margin: 0 auto 20px auto;
}
.testimonial-slider .text {
  margin: 0 auto;
  max-width: 808px;
  text-align: center;
}
.testimonial-slider .sub-ttl::before,
.testimonial-slider .sub-ttl::after {
  content: "\02014";
  margin: 0 3px;
  position: relative;
  top: -1px;
}
.testimonial-slider .slick-arrow {
  -webkit-filter: none;
          filter: none;
}
/* ------------------------- COMMUNITY UPDATES */
.community_updates,
.blog_updates,
.mini_cta {
  padding: 0;
  z-index: 0;
}
.community_updates .block__bg-img,
.blog_updates .block__bg-img,
.bg-embers .block__bg-img {
  background-image: url(./assets/images/sparks-bg.png);
  background-position: left bottom;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  mix-blend-mode: color-dodge;
  opacity: 0.3;
  z-index: 1;
}
.community_updates .page_frame {
  max-width: 100%;
  padding: 0;
  z-index: auto;
}
.post-col,
.cta-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f2e8e3;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}
.post-col.community {
  min-height: 550px;
  padding: 55px 50px 50px 50px;
}
/* .notch.bg-clr__brown,
.post-col.bg-clr__brown {
  color: #2a1b13;
} */
.post-col.bg-clr__brown::after,
.notch.bg-clr__brown::after {
  color: #2a1b13;
}
.notch.bg-clr__dark-brown,
.post-col.bg-clr__dark-brown {
  /* color: #15100d; */
  background-color: #15100d;
}
.post-col.bg-clr__dark-brown::after,
.notch.bg-clr__dark-brown::after {
  color: #15100d;
}
/* .notch.bg-clr__dark-teal,
.post-col.bg-clr__dark-teal {
  color: #122121;
} */
.post-col.bg-clr__dark-teal::after,
.notch.bg-clr__dark-teal::after {
  color: #122121;
}
.post-col .post-content.sml {
  margin: 0 auto;
  max-width: 325px;
}
.post-col > h5,
.cta-col > h5 {
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #bdb0aa;
  letter-spacing: 0.075em;
  margin-bottom: 45px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
.post-img,
.cta-img {
  position: relative;
}
.post-lnk {
  z-index: 1;
  color: #f2e8e3;
}
.post-content > .post-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 445px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.post-date {
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.post-ttl {
  letter-spacing: 0.025em;
  margin-bottom: 15px;
}
.post-col.col-3 .post-text {
  margin-left: auto;
}
.post-col.col-1 .post-text {
  margin-right: auto;
}
.post-text .button {
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 8px 10px;
}
.notch--top::after,
.notch::after,
.community.col-1::after,
.community.col-2::after {
  background-image: linear-gradient(135deg, currentColor 120px, transparent 120px);
  background-repeat: no-repeat;
  background-size: 30px 100%;
  background-position: top left;
  content: "";
  height: 190px;
  left: 100%;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 1;
}
.notch--btm::after,
.community.col-2::after {
  background-image: linear-gradient(45deg, currentColor 120px, transparent 120px);
  background-position: bottom left;
  bottom: 0;
  top: auto;
}
.post-img > img,
.cta-img > img {
  display: block;
  margin: 0 auto 25px auto;
  position: relative;
  z-index: 1;
}
/* ------------------------- COMMUNITY NEWS */
.community_news .blk-ttl {
  width: 100%;
}
.featured .post-text {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 70% 30%;
  grid-template-columns: 70% 30%;
  -ms-grid-rows: 25px auto auto;
  grid-template-rows: 25px auto auto;
}
.featured .post-text > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.featured .post-text > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.featured .post-text > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.featured .post-text > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.featured .post-text > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.featured .post-text > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.post-img.wide img {
  margin: 0 0 22px 0;
}
.community_news .post-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px;
}
.featured .post-text {
  padding: 0 36px;
}
.community_news .sub-ttl {
  margin-bottom: 5px;
}
.community_news .post-content > .post-text {
  max-width: 100%;
}
.featured .sub-ttl {
  -ms-grid-column: 1;
  grid-column: 1 / 1;
  -ms-grid-row: 1;
  grid-row: 1 / 1;
}
.featured .post-ttl {
  -ms-grid-column: 1;
  grid-column: 1 / 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}
.community_news a {
  color: #116e6f;
  font-size: 0.867rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.bg-clr__black .community_news .post-link ,
.bg-clr__brown .community_news .post-link ,
.bg-clr__dark-brown .community_news .post-link ,
.bg-clr__dark-teal .community_news .post-link {
  color: white;
}
.featured .button,
.community_news .button {
  -ms-grid-row-align: start;
  align-self: start;
  background-color: #116e6f;
  border-radius: 3px;
  color: #f2e8e3;
  -ms-grid-column: 2;
  grid-column: 2 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column-align: end;
  justify-self: end;
  padding: 15px 19px;
}
@media only screen and (max-width: 950px) {
  .featured .sub-ttl {
    -ms-grid-column: fr;
    grid-column: 1 / fr;
  }
  .featured .post-ttl {
    -ms-grid-column: fr;
    grid-column: 1 / fr;
  }
  .featured .button {
    -ms-grid-column: fr;
    grid-column: 1 / fr;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 3;
    justify-self: auto;
  }
  .featured .post-text,
  .community_news .post-text {
    padding: 0;
  }
}
/* ------------------------- BLOG UPDATES */
.post-col.mini,
.cta-col.mini {
  min-height: 330px;
  padding: 80px 60px 70px 90px;
}
.post-img_container,
.post-content_container,
.cta-img_container,
.cta-content_container {
  z-index: 1;
}
.post-content_container,
.cta-content_container {
  margin-left: 20px;
}
.post-col.mini .post-cat,
.cta-col.mini .title {
  color: #bdb0aa;
  margin-top: 12px;
  margin-bottom: 15px;
}
.post-col.mini .post-img {
  display: block;
  margin-left: auto;
}
.post-col.mini img,
.cta-col.mini img {
  margin-left: 0;
}
.post-col.mini img {
  max-height: 256px;
}
.cta-col.mini img {
  max-height: 160px;
}
.cta-col.mini {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 320px;
}
.cta-col.mini .button {
  border-radius: 0px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0 0.1em;
  padding: 8px 10px;
}
@media only screen and (max-width: 1024px) {
  .post-col.mini .post-img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 750px) {
  .post-col.mini {
    padding: 60px 45px;
  }
  .cta-col.mini {
    padding: 30px 25px;
  }
  .cta-col.mini .text {
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 639px) {
  .post-col.mini .post-img {
    margin-left: 0;
  }
}
/* ------------------------- LATEST BLOG */
.latest_blog .top-sec {
  margin-bottom: 45px;
}
.latest_blog .sub-ttl {
  color: #f2e8e3;
}
.latest_blog color {
  /* color: #ca6a33; */
  color: #d06b30;
}
.latest_blog.bg-clr__white .posts-lnk,
.latest_blog.bg-clr__cream .posts-lnk {
  color: #686156;
}
.latest_blog .post-col {
  margin-bottom: 20px;
  max-width: 325px;
  padding: 0 10px;
}
.post-img.latest {
  height: 55.3vw;
  margin-bottom: 25px;
  max-height: 250px;
}
.post-img.latest img {
  max-height: 100%;
  margin: 0;
}
.latest_blog .post-content_container {
  margin: 0;
}
@media only screen and (max-width: 898px) {
  .latest_blog .top-sec {
    margin-bottom: 25px;
  }
  .latest_blog .posts_container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
  }
  .latest_blog .post-col {
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 700px) {
  .latest_blog .posts_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .latest_blog .post-col {
    max-width: 50%;
  }
}
@media only screen and (max-width: 580px) {
  .latest_blog .posts_container,
  .latest_blog .top-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .latest_blog .post-col {
    max-width: 100%;
  }
  .post-img.latest {
    height: auto;
    max-height: none;
  }
  .post-img.latest img {
    max-height: 350px;
  }
}
/* ------------------------- DECAY CTA */
.decay_cta {
  min-height: 550px;
}
.decay_cta .page_frame {
  padding: 0 60px;
  z-index: 1;
}
.decay_cta h1 {
  font-size: 3.33rem;
}
.decay_cta .icon::before {
  font-size: 4rem;
}
.decay_cta .button {
  font-size: 1.62rem;
  padding: 16px 30px;
}
@media only screen and (min-width: 1400px) {
  .decay_cta {
    min-height: 39.3vw;
  }
}
@media only screen and (max-width: 1025px) {
  .decay_cta {
    padding-bottom: calc(300px - 10vw);
  }
}
@media only screen and (max-width: 640px) {
  .decay_cta .page_frame {
    padding: 0 20px;
  }
  .decay_cta .platform_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .decay_cta .icon::before {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .icon.platform-lnk {
    max-width: 120px;
  }
  .decay_cta .icon::before {
    font-size: 2rem;
  }
}
/* MINI CTA */
.block.footer-pad.mini_cta,
.block.footer-pad.community_updates {
  padding: 0;
}
.block.footer-pad.mini_cta .cta-col {
  padding-bottom: 150px;
}
.block.footer-pad,
.block.footer-pad.community_updates .post-col {
  padding-bottom: 200px;
}
@media only screen and (max-width: 640px) {
  .block.footer-pad,
  .block.footer-pad.community_updates .post-col {
    padding-bottom: 145px;
  }
  .block.footer-pad.mini_cta .cta-col {
    padding-bottom: 195px;
  }
}
/* QUESTIONNAIRE FORM */
.q-form_container {
  display: block;
  margin: 0 auto;
  max-width: 670px;
}
.questionnaire-form .text {
  margin-bottom: 30px;
}
#mc_embed_signup ul {
  margin-left: 0;
}
#mc_embed_signup li {
  list-style: none;
}
#mc_embed_signup .flx {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#mc_embed_signup .flx li {
  margin-bottom: 0;
}
.mc-field-group {
  margin: 7px 0;
}
#mc_embed_signup input[type="radio"],
#mc_embed_signup input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #383331;
  /* border: 2px solid #383331; */
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 14px;
  margin-right: 10px;
  /* outline: none; */
  width: 14px;
}
#mc_embed_signup li {
  position: relative;
}
#mc_embed_signup input[type="radio"]:checked,
#mc_embed_signup input[type="checkbox"]:checked {
  background-color: #266376;
  /* background-color: #c86a3a; */
  /* border: 2px solid #383331; */
}
#mc_embed_signup input[type="radio"]:checked ~ .checkmark::after,
#mc_embed_signup input[type="checkbox"] ~ .checkmark::after {
  content: "";
  height: 14px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 14px;
}
#mc_embed_signup input[type="radio"]:checked ~ .checkmark::after,
#mc_embed_signup input[type="checkbox"]:checked ~ .checkmark::after {
  background-image: url(./assets/images/checkmark.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
}
.mc-field-group label,
.input-group strong {
  margin-bottom: 10px;
}
.mc-field-group input[type="checkbox"] + label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.input-group strong {
  display: inline-block;
  font-size: 0.933rem;
  font-weight: 500;
}
.mc-field-group li label,
.input-group ul + strong {
  margin-bottom: 0;
}
.input-group ul + strong + div {
  width: 100%;
}
.questionnaire-form .subscribe-input {
  background-color: #383331;
  /* background-image: url('./assets/images/slider-arrow.png');
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 18px 15px; */
  color: var(--cream);
  margin-bottom: 5px;
  /* max-width: 350px; */
  padding: 10px 16px;
}
.panel.subscribe .subscribe-input {
  max-width: 100%;
}
.panel.subscribe .panel-content a {
  color: #bb632e;
}
#mc_embed_signup input[type="submit"] {
  margin-top: 20px;
  width: auto;
}
::-moz-placeholder {
  color: var(--cream);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.67em;
  letter-spacing: 0.1em;
  opacity: 1;
  text-transform: uppercase;
}
::placeholder,
:-moz-placeholder {
  color: var(--cream);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.67em;
  letter-spacing: 0.1em;
  opacity: 1;
  text-transform: uppercase;
}
::-webkit-input-placeholder {
  color: var(--cream);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.67em;
  letter-spacing: 0.1em;
  opacity: 1;
  text-transform: uppercase;
}
.questionnaire-form.bg-clr__white .input-group strong,
.questionnaire-form.bg-clr__white .mc-field-group label,
.questionnaire-form.bg-clr__white .indicates-required,
.questionnaire-form.bg-clr__cream .mc-field-group label,
.questionnaire-form.bg-clr__cream .input-group strong,
.questionnaire-form.bg-clr__cream .indicates-required {
  color: #150c0b;
}
/* ------------------------- SEARCH PAGE */
.no-results.not-found {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  min-height: 64vh;
}
.search-form .screen-reader-text {
  display: block;
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  height: 100%;
  margin-bottom: 5px;
  position: relative !important;
  overflow: visible;
  width: 100%;
}
.search-submit {
  margin: 10px 0;
}
/* ------------SAFARI SPECIFIC CHANGES-------------- */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @media {
  }
}
/* ------------IE SPECIFIC CHANGES-------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
/* WINDOWS HIGH CONTRAST MODE STYLING */
.logo-hide {
  display: none;
}
@media (forced-colors: active) {
  img.dev-logo {
    display: none;
  }
  .logo-hide {
    display: block;
  }
  .text .txt-splatter,
  .text .txt-splatter.dark,
  .zombie-nav-item.current::before {
    background: none;
  }
  .zombie-nav-item.current {
    text-decoration: underline;
  }
}

/* Code Fix for Remediation on Accessibility Page*/
.cc-fix-style{
	display:inline-block;
	background:#9c5327;
	padding:5px;
	letter-spacing:3px;
}
#page_accessibility .block.interior_hero h1{
	display:inline-block;
	padding:5px;
}
.blog-updates-link-focus a:focus, 
.focus-style:focus{
	outline:3px solid #fff;
	border:3px solid #333
}
@media only screen and (max-width: 550px){
.heading-fix-rem{
	font-size:1.9rem;
}
	}