/*!
Theme Name: Coates Design
Theme URI: http://underscores.me/
Author: Bizango
Author URI: http://www.bizango.com
Description: Bizango Base Theme based off underscores
Version: 1.0.0
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/
*/
@import url("./assets/css/mobile-menu.css");
:root {
  --textDark: 25, 25, 25;
  --textLight: 255, 255, 255;
  --gray: 74, 87, 94;
  --dGray: 58, 67, 72;
  --dark: 46, 53, 57;
  --links: 255, 80, 0;
  --pageFrame: 1282px;
  --maxWidth: 2000px;
  --padLess: 2em;
  --padNorm: 4.375em;
  --padMore: 5.75em;
}
/*--------------------------------------------------------------
# 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 TO NAV */
.skip-content-container:focus,
.skip-content-container:focus-within {
  background-color: #34b9a5;
  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: #fff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 0px;
  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;
}
/* 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;
}
.nav__li--skip-to {
  list-style: none;
  margin: 0 5px;
}
.nav__li--skip-to:last-child {
  margin-bottom: 0px;
}
.skip-content-container .skip-link {
  color: #fff !important;
  font-weight: 700;
}
/* Do not show the outline on the skip link target. */
#main_content[tabindex="-1"]:focus {
  outline: 0;
}
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
.js-focus-visible .focus-visible,
.js-focus-visible .slick-arrow.focus-visible {
  outline: 2px solid red !important;
}
/* Removes animations for users who have set this preference */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* GENERAL */
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: inside;
}
html,
body {
  color: rgb(var(--textLight));
  height: 100%;
  scroll-behavior: smooth;
}
html {
  background-color: rgb(var(--dark));
  visibility: visible !important;
}
body,
body.page {
  height: auto;
  margin: 0 auto;
  max-width: var(--maxWidth);
  position: relative;
  overflow: auto !important;
  width: 100%;
}
body.search main {
  padding-top: 105px;
}
div.site {
  display: block;
  margin: 0 auto;
  max-width: var(--maxWidth);
  overflow-x: hidden;
  position: relative;
}

/* HEADER/FOOTER */
.header {
  max-width: var(--maxWidth);
  padding-top: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.header__bg {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.85)), to(rgba(0,0,0,0)));
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0));
  height: calc(100% + 20px);
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
  width: 100%;
}
.header__bg.mobile-menu,
.sleek .header__bg {
  /* background-image: none; */
  /* background-color: #252A2E; */
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}
.header__frame,
.footer__frame {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__logo,
.footer__logo {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  z-index: 10;
}
.header__logo-img,
.footer__logo-img {
  display: block;
  max-width: 162px;
  min-width: 162px;
  width: 100%;
}
.header__nav-wrapper,
.footer__nav-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: static;
  width: auto;
}
.header__mobile-nav-toggle {
  color: rgb(var(--textLight));
  z-index: 5;
}
@media only screen and (min-width: 640px) {
  .header__nav-wrapper {
    position: relative;
  }
}
/* --------------------------------------------- NAV */
header .page_frame {
  position: static;
  max-width: 1356px;
}
header .subnav-button-wrapper .page_frame {
  position: relative;
}
#header__nav {
  position: absolute;
  right: 0px;
  top: -24px;
  width: 100%;
  /* z-index: -1; */
}
#header__nav > .nav {
  background-color: #252A2E;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100vh;
  max-width: 100%;
  overflow: auto;
  padding-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 130px;
  width: 100%;
}
.nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header__nav .nav--subnav {
  display: none;
}
/* NAV ELEMENTS */
.nav__li {
  list-style: none;
  line-height: 1em;
  margin-bottom: 0;
  position: relative;
}
.subnav-button-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header__nav .nav__a {
  /* display: inline-block; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0em;
  min-height: 32px;
  padding: 5px 20px 5px 35px;
  text-decoration: none;
}
#header__nav .nav__a[data-nav-level="0"] {
  text-transform: lowercase;
}
#header__nav .plus {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 12px;
  left: -5px;
  order: -1;
  padding: 10px;
  position: absolute;
  top: 2.5px;
  width: 12px;
}
#header__nav .plus span:first-child {
  bottom: 10px;
  left: calc(50% - 0.5px);
  top: 10px;
  width: 1px;
}
#header__nav .plus span:last-child {
  height: 1px;
  left: 10px;
  right: 10px;
  top: calc(50% - 0.5px);
}
.button--expand-nav {
  background: none;
  border: 0;
  display: none;
  margin: 0 5px;
  padding: 0;
}
.header__nav-wrapper--desk .button--expand-nav {
  display: inline-block;
}
.header__nav-wrapper--desk .button--expand-nav::after {
  color: inherit;
  content: "\e801";
  display: inline-block;
  font-family: "icon";
  font-size: 0.8em;
  line-height: 0.8em;
  position: relative;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.active > .button--expand-nav::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media only screen and (min-width: 640px) {
  #header__nav {
    right: -20px;
  }
}
/* NAV MODIFIERS */
#header__nav .nav {
  display: none;
}
.nav--subnav,
.header__nav-wrapper--desk .nav--subnav .button--expand-nav::after {
  color: white;
}
.nav--subnav {
  /* background-color: rgb(var(--dGray)); */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  min-width: 100%;
  padding: 0 0 0 20px;
  /* position: absolute; */
  top: 100%;
}
.nav--subnav > .nav__li {
  background: none;
  margin: 0;
  /* padding: 5px 10px 5px 25px; */
}
#header__nav .nav--subnav .nav__a {
  font-size: 1rem;
}
@media only screen and (min-width: 640px) {
  #header__nav .page_frame {
    padding: 0;
  }
  #header__nav {
    width: auto;
  }
  #header__nav > .nav {
    max-width: 387px;
    min-width: 387px;
    padding-top: 110px;
    padding-left: 64px;
    padding-right: 104px;
  }
}
/* --------------------------------------------- FOOTER */
#footer {
  background-color: rgb(var(--dGray));
  /* padding-bottom: 3rem; */
  padding-top: 3rem;
  position: relative;
  z-index: 0;
}
.footer__frame {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 8.125rem;
}
.footer__logo {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 30px;
  max-width: 160px;
}
.footer__logo img {
  max-width: 100%;
  min-width: 0;
}
.footer__nav-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.footer__nav-wrapper .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
}
.footer__nav-wrapper li {
  padding: 0;
}
.footer__nav-wrapper a {
  padding: 10px;
  text-decoration: none;
  text-transform: lowercase;
}
.footer__subnav {
  display: none;
}
.deep-footer {
  /* background-color: #000; */
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.deep-footer__content {
  color: #888;
  text-align: center;
}
.deep-footer .copyright {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
#bizango {
  /* background-image: url("./assets/images/bizango-white.png");
  background-position: center bottom;
  background-repeat: no-repeat; */
  color: #888;
  display: block;
  font-size: 10px;
  height: 12px;
  margin: 40px auto 25px;
  opacity: 0.5;
  padding-bottom: 30px;
  width: 220px;
}
#bizango img {
  display: block;
  margin: 5px auto 0 auto;
}
@media only screen and (min-width: 768px) {
  .footer__frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1000px) {
  .parallax-mirror {
    display: none !important;
  }
}
.parallax__mobile.bg-color__transparent {
  background-color: rgb(var(--dark));
}
/* LAZY LOAD BLOCK BG */
.block .block__bg-img {
  opacity: 0;
  -webkit-transition: opacity ease 300ms 300ms;
  transition: opacity ease 300ms 300ms;
}
.block__bg-img.active,
.background-image-opacity__full .block__bg-img.active {
  opacity: 1;
  -webkit-transition: opacity ease 300ms 300ms;
  transition: opacity ease 300ms 300ms;
}
.background-image-opacity__strong .block__bg-img.active {
  opacity: 0.7;
}
.background-image-opacity__medium .block__bg-img.active {
  opacity: 0.5;
}
.background-image-opacity__light .block__bg-img.active {
  opacity: 0.3;
}
.no-results {
  padding-bottom: 60px;
  padding-top: 120px;
}