/*!
Theme Name: NICOLEHOLLIS
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: nicolehollis
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.

nicolehollis 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/
*/

/*--------------------------------------------------------------
>>> 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.
 */

 @font-face {
   font-family: 'Basis Grotesque Light';
   src: url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_light.eot?') format('eot'), url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_light.otf') format('opentype');
 }

 @font-face {
   font-family: 'Basis Grotesque Regular';
   src: url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_regular.eot') format('eot'), url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_regular.otf') format('opentype');
 }

 @font-face {
   font-family: 'Basis Grotesque Medium';
   src: url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_medium.eot') format('eot'), url('/wp-content/themes/nicolehollis/fonts/basis_grotesque_medium.otf') format('opentype');
 }

 @font-face {
   font-family: 'Domaine Regular';
   src: url('/wp-content/themes/nicolehollis/fonts/domaine-display-web-regular.eot') format('eot'), url('/wp-content/themes/nicolehollis/fonts/domaine-display-web-regular.woff2') format('woff2'), url('/wp-content/themes/nicolehollis/fonts/domaine-display-web-regular.woff') format('woff');
 }

body
{
	counter-reset: inst;
}


/* Home Page Modal */

.featherlight.nch-modal-lightbox:last-of-type
{
  background-color: rgba(0,0,0, .55);
}

.featherlight.nch-modal-lightbox .featherlight-content
{
    padding: 0px;
    border-bottom: 0px;
    margin: 0px 40px;
    background-color: transparent;
    width: 75%;
    padding: 0px 0px;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 180px;
    height: 0px;
    padding-bottom: 37%;
    /* ftl */
}

.featherlight .featherlight-inner.nch-book-modal
{
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.nch-modal
{
  display: none;
  margin: 0px auto;
}

.nch-book-modal
{
  background-color: #000;
}

.nch-book-modal .wrap
{
  display: flex;
  flex-direction: row-reverse;
  height: 100%;
}

.nch-book-modal .img-holder
{
  flex-basis: 50%;
  height: 100%;
}

.nch-book-modal .img-holder img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nch-book-modal .modal-text
{
  flex-basis: 50%;
  background-color: #241F20;
  color: #FFF;
  box-sizing: border-box;
  padding: 13px;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}

.nch-book-modal .modal-text .inner
{
  width: 100%;
}

.featherlight .featherlight-close-icon
{
  background-color: transparent;
  color: #FFF;
}

.nch-book-modal .modal-text a
{
  color: #FFF;
  border-bottom: 1px solid #FFF;
  padding-bottom: 2px;
  text-decoration: none;
}

.nch-book-modal .modal-text a.amazon
{
  margin-left: 8px;
}

.nch-book-modal .modal-text p:first-of-type {
    margin-bottom: 15px;
    font-size: 27px;
    letter-spacing: 0.21px;
    line-height: 29px;
    font-family: 'Basis Grotesque Regular'
}

.nch-book-modal .modal-text p:nth-of-type(2) {

    font-family: 'Basis Grotesque Regular';
    margin-bottom:46px;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin: 0px auto 61px auto;
    text-transform: uppercase;
}

.nch-book-modal .modal-text p:nth-of-type(3) {
    font-size: 13px;
    letter-spacing: 0;
    line-height:24px
}

@media all and (max-width: 1400px) {

  .featherlight.nch-modal-lightbox .featherlight-content
  {
    margin-top: 180px;
  }

}


@media all and (max-width: 1300px) {

  .nch-book-modal .modal-text p:nth-of-type(2)
  {
    /*font-size: 20px;*/
    width: 100%;
    margin-bottom: 10px;
  }
  .nch-book-modal .modal-text p:nth-of-type(3)
  {
    font-size: 15px;
  }


}

@media all and (max-width: 1160px) {


}


@media all and (max-width: 1024px) {

  .nch-book-modal .modal-text p:first-of-type
  {
    margin-top: 28px;
  }

  .nch-book-modal .modal-text p:nth-of-type(2)
  {
    /*font-size: 17px;*/
    margin-bottom: 8px;
  }

  .nch-book-modal .modal-text p:nth-of-type(3)
  {
    font-size: 13px;
  }

  .nch-book-modal .modal-text p:nth-of-type(3)
  {
    margin-bottom: 26px;
  }

}

@media all and (max-width: 900px) {

  .nch-book-modal .modal-text p:nth-of-type(2)
  {
    margin-bottom: 0px;
  }

}

@media all and (max-width: 860px) {

  .featherlight.nch-modal-lightbox .featherlight-content
  {
    width: 80%;
    margin: 0px auto;
    vertical-align: middle;
    height: auto;
    height: auto;
    padding-bottom: 0px;
  }

  .featherlight .featherlight-inner.nch-book-modal
  {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
  }

  .nch-book-modal .wrap
  {
    display: block;
  }

  .nch-book-modal .img-holder,
  .nch-book-modal .modal-text
  {
    flex-basis: 100%;
    flex-shrink: 0;
  }

  .nch-book-modal .modal-text .inner
  {
    margin: 26px auto;
  }

  .nch-book-modal .modal-text p:first-of-type
  {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .nch-book-modal .modal-text p:nth-of-type(2)
  {
    margin-bottom: 10px;
  }

  .nch-book-modal .modal-text p:nth-of-type(3)
  {
    margin-bottom: 0px;
  }

}
 /* End Home Page Modal */


 .nch-home-grid .wp-block-columns
 {
   margin-bottom: 17px;
 }

 .wp-block-image img
 {
   width: 100%;
   height: auto;
   display: block;
 }

.nch-home-grid .wp-block-image
{
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  transform-origin: center center;
  transform-style: preserve-3d;
  opacity: 0;
  transition: opacity .6s;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.nch-home-grid .wp-block-image.visible
{
  opacity: 1;
}

.nch-home-grid .wp-block-column
{
  position: relative;
  height: 0px;
  padding-bottom: 8.75%;
  transition: transform 0.25s ease;
  perspective: 500px;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
}

.nch-home-grid .wp-block-column:hover
{
  /*transform: scale(1.01);*/
}

.nch-home-grid .wp-block-column img
{
  transition: transform 0.25s ease;
  perspective: 500px;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
}

.nch-home-grid .wp-block-column:hover img
{
  transform: scale(1.01);
}

.nch-home-grid .wp-block-column:not(:first-child)
{
  margin-left: 17px;
}

.nch-home-grid .wp-block-image figcaption
{
  position: absolute;
  /*top: 50%;
  left: 0px;*/
  width: 100%;
  height: auto;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  margin: 0px;
  /*transform: translateY(-50%);*/
  opacity: 0;
  transition: opacity .3s;
  font-family: 'Domaine Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  transform-style: preserve-3d;
}

#page .nch-home-grid .wp-block-image figcaption a
{
  color: #FFF;
  letter-spacing: 1.5px;
  font-size: 11pt;
}

#page .nch-home-grid .wp-block-image figcaption a:before,
#page .nch-home-grid .wp-block-image a:before
{
  display: none;
}

#page .nch-home-grid .wp-block-image figcaption a:hover:before
{
  width: 0px;
}

@media all and (max-width: 1170px) {

  #page .nch-home-grid .wp-block-image figcaption,
  #page .nch-home-grid .wp-block-image figcaption a
  {
    font-size: 13px;
  }
}

@media all and (max-width: 1106px) {

  #page .nch-home-grid .wp-block-image figcaption,
  #page .nch-home-grid .wp-block-image figcaption a
  {
    font-size: 12px;
  }
}

@media all and (max-width: 1060px) {

  #page .nch-home-grid .wp-block-image figcaption,
  #page .nch-home-grid .wp-block-image figcaption a
  {
    font-size: 11px;
  }
}

@media all and (max-width: 980px) {

  #page .nch-home-grid .wp-block-image figcaption,
  #page .nch-home-grid .wp-block-image figcaption a
  {
    font-size: 9pt;
  }

}

@media all and (max-width: 930px) {

  #page .nch-home-grid .wp-block-image figcaption,
  #page .nch-home-grid .wp-block-image figcaption a
  {
    font-size: 10px;
  }
}

.nch-home-grid .wp-block-image:after
{
  background-color: #8D847C;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  z-index: 1;
  opacity: .5;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: all .25s ease;
  pointer-events: none;

  perspective: 500px;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;

}

/*.nch-home-grid .wp-block-image::after
{
  transform: scale(1.01);
}*/

.nch-home-grid .wp-block-image:hover figcaption,
.nch-home-grid .wp-block-image:hover:after,
.nch-home-grid .wp-block-column:hover .wp-block-image:after,
.nch-home-grid .wp-block-column:hover figcaption
{
  opacity: 1;
}

.nch-home-grid .wp-block-column:hover .wp-block-image:after,
{
	transform: scale(1.01)
}


.nch-icon-holder
{
  margin: 100px auto;
  text-align: center;
}

.nch-down-arrow,
.nch-down-arrow2
{
  transition: all .6s ease;
  opacity: 1;
  transform: translateY(0px);
}

.nch-down-arrow.fade-up,
.nch-down-arrow2.fade-up
{
  opacity: 0;
  transform: translateY(-50px);
}

body.page-id-21 .nch-icon-holder
{
  margin: 200px 0px 100px 0px;
}

.nch-icon-holder img
{
  height: 40px;
  width: auto;
  margin: 0px auto;
  cursor: pointer;
  transform: 0px;
  transition: transform .2s ease-out;
}

.nch-icon-holder img.lazy-hidden
{
  background-color: transparent;
}

.nch-icon-holder .wp-block-image
{
  width: 30px;
  height: 40px;
  margin: 0px auto;
}

.nch-up-arrow
{
  opacity: 0;
  transform: translateY(-50px);
  transition: all .6s ease;
}

.nch-up-arrow.fade-in-up
{
  opacity: 1;
  transform: translateY(0px);
}

.nch-icon-holder .nch-down-arrow:hover img,
.nch-icon-holder .nch-down-arrow2:hover img
{
  transform: translateY(10px);
}

.nch-icon-holder .nch-up-arrow:hover img
{
  transform: translateY(-10px);
}

.recent-news
{
  max-width: 1360px;
  margin: 0px auto;
  padding-top: 76px;
}

.recent-news .wp-block-columns
{
	padding-bottom: 60px;
}

.recent-news .wp-block-column
{
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
  transition: all .6s ease;
}

.recent-news .wp-block-group.width-75 .wp-block-group__inner-container
{
	width: 75%;
	margin: 0px auto;
}

.recent-news .wp-block-group.width-85 .wp-block-group__inner-container
{
	width: 85%;
	margin: 0px auto;
}

.recent-news.visible .wp-block-column
{
  transform: translateY(0px);
  opacity: 1;
}

.recent-news .wp-block-image
{
  margin: 0px auto 50px auto;
  height: 0px;
  overflow: hidden;
  padding-bottom: 90.1%;
  position: relative;
  width: 70%;
}

.recent-news .wp-block-image.landscape
{
  width: 85%;
}

.recent-news .wp-block-image.landscape.landscape-85
{
  width: 87.7%;
}

.recent-news .wp-block-image img
{
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.recent-news .wp-block-image.nch-inflow
{
	padding-bottom: 0%;
	height: auto;
	margin-bottom: 20px;
}

.recent-news .wp-block-image.nch-inflow img
{
	position: relative;
	bottom: auto;
	left: auto;
	width: 30%;
	margin: 0px auto;
}

#page .recent-news a:before
{
  width: 100%;
}

.recent-news .wp-block-group
{
  width: 70%;
  margin: 0px auto;
}


.recent-news h2,
.recent-news h3
{
  text-transform: uppercase;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 1px;
  font-family: 'Basis Grotesque Medium';
  margin-bottom: 21px;
  text-align: center;
}

.recent-news h2
{
  margin-bottom: 140px;
}

.recent-news h3.smaller-margin
{
	margin-bottom: 16px;
}

.recent-news .smaller
{
	font-size: 12px;
}


.recent-news p
{
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

.mobile-only
{
	display: none;
}


@media all and (max-width: 840px) {

	br.mobile-only
	{
		display: inline;
	}

	.desktop-only
	{
		display: none;
	}

	.recent-news .wp-block-group
	{
		width: 85%;
	}

	.recent-news .wp-block-group.width-75 .wp-block-group__inner-container,
  .recent-news .wp-block-group.width-85 .wp-block-group__inner-container
	{
		width: 100%;
		margin: 0px auto;
	}
}


@media all and (max-width: 599px) {

	.recent-news .wp-block-column:first-child
	{
		margin-bottom: 90px;
	}

	.recent-news .wp-block-image.landscape
	{
		height: auto;
		padding-bottom: 0px;
	}

	.recent-news .wp-block-image.landscape img
	{
		position: relative;
		bottom: auto;
		left: auto;
	}

	#page .recent-news a:before
	{
		width: 0px;
	}

	#page .recent-news a
	{
		border-bottom: 1px solid #000;
		padding-bottom: 2px;
	}

}

.home-text-section
{
  position: relative;
}

.nch-home-grid
{
  padding: 0px 40px;
  margin-top: 100px;
}

.recently-published,
.home-text-section
{
  text-align: center;
  margin-top: 180px;
}

.recently-published h2,
.home-text-section h2
{
  text-transform: uppercase;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 1px;
  font-family: 'Basis Grotesque Medium';
  margin-bottom: 21px;
  text-align: center;
}

.recently-published
{
  margin-bottom: 100px;
  margin-top: 0px;
}

body.news .recently-published,
body.home .recently-published
{
  margin-bottom: 100px;
  margin-top: 120px;
}

.home-text-section h2
{
  margin-bottom: 140px;
}

.recently-published .wp-block-group__inner-container p,
.recently-published .wp-block-group__inner-container h2
{
  transform: translateY(50px);
  opacity: 0;
  transition: all .6s ease;
}

.recently-published.visible .wp-block-group__inner-container p,
.recently-published.visible .wp-block-group__inner-container h2
{
  transform: translateY(0px);
  opacity: 1;
}

.recently-published p
{
  font-family: 'Domaine Regular', 'Avenir';
}

.recently-published p strong,
.recently-published p b
{

}

.recently-published p,
.product-news p
{
  margin-bottom: 43px;
}

.recently-published p:first-of-type,
.home-text-section p:first-of-type
{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 18px;
}

.recently-published p:nth-of-type(2)
{
  font-size: 32px;
  letter-spacing: 3.5px;
  line-height: 38px;
  margin-bottom: 15px;
}

/*.home-text-section p:nth-of-type(2)
{
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 38px;
  margin-bottom: 15px;
  font-family: 'Basis Grotesque Regular';
}*/

.recently-published p:nth-of-type(3),
.home-text-section p:nth-of-type(3)
{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 21px;
  /*font-family: 'Basis Grotesque Regular';*/
  margin-bottom: 46px;
}

.recently-published p:nth-of-type(4),
.home-text-section p:nth-of-type(4)
{
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

#page .recently-published a:before
{
  width: 100%;
}

.home-text-section figure
{
  margin-top: 195px;
}

.product-news
{
  background-color: #000;
  color: #FFF;
  padding-top: 76px;
  margin-top: 0px;
}

.product-news .wp-block-group__inner-container p,
.product-news .wp-block-group__inner-container h2
{
  transform: translateY(50px);
  opacity: 0;
  transition: all .6s ease;
}

.product-news.visible .wp-block-group__inner-container p,
.product-news.visible .wp-block-group__inner-container h2
{
  transform: translateY(0px);
  opacity: 1;
}

#page .product-news a
{
  color: #FFF;
}

#page .product-news a:before
{
  border-bottom: 1px solid #FFF;
  width: 100%;
}

.nch-home-slogan
{
  text-align: center;
  margin-top: 280px;
  margin-bottom: 200px;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 1.5em;
  padding: 0px 40px;
  font-family: 'Domaine Regular', sans-serif;
  letter-spacing: 2px;
}

body.page-id-2636 .nch-home-slogan
{
  margin-top: 200px;
}


.nch-home-slogan p
{
  transform: translateY(50px);
  opacity: 0;
  transition: all .6s ease;

}

.nch-home-slogan.visible p
{
  transform: translateY(0px);
  opacity: 1;
}


 html
 {
 	-webkit-text-size-adjust: 100%;
  /*scroll-behavior: smooth;*/
 }

 body
 {
	font-family: 'Basis Grotesque Light', sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	color: #000;
	font-size: 12pt;
 }

 body.no-scroll
 {
   overflow: hidden;
 }

 b, strong
{
	font-family: 'Basis Grotesque Medium', sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6
{
  margin: 0px 0px 1em 0px;
  font-weight: normal;
}

p
{
  margin: 0px 0px 1em 0px;
}

.light
{
	font-family: 'Basis Grotesque Light', sans-serif;
	font-weight: normal;
	font-style: normal;
}

.medium
{
	font-family: 'Basis Grotesque Medium', sans-serif;
	font-weight: normal;
	font-style: normal;
}

.regular
{
	font-family: 'Basis Grotesque Regular', sans-serif;
	font-weight: normal;
	font-style: normal;
}

#mobile-site-nav
{
  display: none;
}

.wp-block-image
{
  margin: 0px;
}

#page
{
  padding-top: 100px;
}

 #page a
 {
	 text-decoration: none;
	 color: #000;
   position: relative;
 }

 #page a:before
 {
   position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: -5px;
  width: 0;
  border-bottom: 1px solid #000;
  transition: width .3s;
 }

  #page a:hover:before
  {
    width: 100%;
  }


 .screen-reader-text,
 #page a.screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
 }

 .screen-reader-text:focus,
 #page a.screen-reader-text:focus
  {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.mobile-header
{
  display: none;
}


 .header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px auto 0px auto;
  height: 50px;
  color: #000;
  text-transform: uppercase;
  z-index: 100;
  background-color: transparent;
  padding-top: 30px;
  transition:all 225ms ease;
 }



 .header.hidden
 {
    transform: translateY(-100%);
    opacity:0
  }



 body.admin-bar .header
 {

 }

 .header h1
{
	text-align: center;
	letter-spacing: 3px;
	margin: 0px;
	font-size: 1em;
	width: 208px;
	margin: 0px auto;
  position: relative;
  height: 52px;
}

#page .header h1 a:hover:before
{
  width: 0px;
}

.header h1 img,
.header h1 svg
{
	width: 100%;
  height: auto;
  transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;

	opacity: 1;
	background-image: none;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.header h1 svg
{
  fill: #000;
}

body.light-header .header h1 svg,
.header.light-header h1 svg
{
  fill: #FFF;
}

body.light-header .header.black-header h1 svg,
.header.black-header h1 svg
{
  fill: #000;
}

.menu-main-menu-container
{
	position: absolute;
	top: 48px;
	left: 40px;
}

.header ul,
ul#modal-menu
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: #000;
	letter-spacing: 1px;
	font-size: 10pt;
  text-transform: uppercase;

}

.header ul li,
ul#modal-menu li
{
	display: inline-block;
	margin-right: 30px;
}

body.light-header #page .header ul li a
{
  color: #FFF;
}

body.light-header #page .header.black-header ul li a
{
  color: #000;
}

body.light-header #page .header.black-header ul li a:before
{
  border-bottom: 1px solid #000;
}

body.light-header #page .header ul li a:before
{
  border-bottom: 1px solid #FFF;
}

body.light-header #page .header.scrolled ul li a
{
  color: #000;
}

.header ul li.current-menu-item a:before,
ul#modal-menu li.current-menu-item a:before
{
  width: 100%;
}

.header ul li:last-child,
ul#modal-menu li:last-child
{
	margin-right: 0px;
}

.header > ul
{
	margin: 10px 0px 0px 0px;
}

ul.navigation > li
{
	min-height: 23px;
}

.nav-menus
{
  text-transform: uppercase;
  font-size: 10pt;
  letter-spacing: 1px;
}

.nav-menus ul
{
  list-style: none;
}

.nav-menus ul li
{
  margin-bottom: 10px;
}

#page .nav-menus ul li.current-menu-item a:before,
#page .nav-menus ul li.current-products-parent a:before
{
  width: 100%;
}

#page .nav-menus ul li.current-menu-item.anchor a:before
{
  width: 0%;
}

#page .nav-menus ul li.current-menu-item.anchor.current-anchor a:before,
#page .nav-menus ul li.anchor.current-anchor a:before,
#page .nav-menus ul li.current_page_item a:before
{
  width: 100%;
}

#page .nav-menus ul li.current-menu-item.anchor a:hover:before
{
  width: 100%;
}

#page .nav-menus ul#contact-submenu li.current-menu-item a:before
{
  width: 0px;
}

#page .nav-menus ul#contact-submenu li.current-menu-item a:hover:before
{
  width: 100%;
}

.nav-menus ul li.current-menu-item a:after
{
  content: '';
  width: 5px;
  height: 10px;
  display: inline-block;
  background-image: url('images/arrow-super.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  margin-left: 5px;
  position: absolute;
  top: 0px;
  right: -10px;
}

.nav-menus ul li.current-menu-item.anchor a:after,
.nav-menus ul#contact-submenu li.current-menu-item a:after
{
  display: none;
}

.nav-menus ul li.external a:after,
.site-footer li.external a:after,
.nav-list li.external a:after
{
  content: '';
  width: 5px;
  height: 10px;
  display: inline-block;
  background-image: url('images/arrow-diagnol.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  margin-left: 5px;
}

.nav-list ul li ul.sub-menu
{
  display: none;
}

.panel-wrapper,
.panel-background
{
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	visibility: hidden;
	opacity: 0;
	background-color: transparent;
	transition: opacity .7s;
}

#nav-menu-holder .nav-logo
{
  position: absolute;
  width: 100%;
  z-index: 100;
  padding-top: 30px;
  pointer-events: none;
}

#nav-menu-holder .nav-logo h1
{
  text-align: center;
  letter-spacing: 3px;
  font-size: 1em;
  width: 210px;
  margin: 0px auto;
}

#nav-menu-holder .nav-logo h1 img
{
  width: 100%;
  transform: translateY(-1px);
}

#page #nav-menu-holder .nav-logo h1 a:hover:before
{
  width: 0px;
}

#nav-menu-holder.open .panel-wrapper,
#nav-menu-holder.open .panel-background
{
	opacity: 1;
	visibility: visible;
}

.panel-wrapper .menu-panel
{
  width: 400px;
  width: 33%;
  height: 100%;
  background-color: #FFF;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all .5s ease-out;
  transform: translateX(-100%);
  z-index: 60;
  box-sizing: border-box;
  border-right: 1px solid #CCC;
}

.panel-wrapper .menu-panel#panel-2
{
  z-index: 50;
}


.nch-panel-controls
{
  position: absolute;
  top: 48px;
  left: 0px;
  z-index: 70;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0px;

  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  /*-ms-flex-pack: justify;
  justify-content: space-between;*/
  overflow: hidden;
}

.nch-panel-controls .menu-main-menu-container
{
  position: static;
}

.nch-panel-controls .control-panel-1,
.nch-panel-controls .control-panel-2
{
  width: 33%;
  position: relative;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  height: 25px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.nch-panel-controls .close-btn
{
  position: absolute;
  top: 0px;
  right: 40px;
  width: 11px;
  height: 15px;
  opacity: 0;
  pointer-events: hidden;
  cursor: pointer;
  transition: opacity 1000ms 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nch-panel-controls .close-btn.visible
{
  opacity: 1;
  pointer-events: visible;
}

.nch-panel-controls .close-btn.hidden
{
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s;
  transition-duration: 0s;
}

.nch-panel-controls .close-btn img
{
  width: 100%;
  height: auto;
}

#nav-menu-holder.open .panel-wrapper .menu-panel
{
  transform: translateX(0%);
}

#nav-menu-holder.open .panel-wrapper .menu-panel#panel-2
{

}

#nav-menu-holder.open .panel-wrapper .menu-panel#panel-2.visible
{
  transform: translateX(100%);
}

.menu-panel .wrap
{
  margin-top: 200px;
  position: relative;
}

.menu-panel .wrap > .nav-list
{
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out;
  position: absolute;
  top: 0px;
  left: 0px;
}

.menu-panel .wrap > .nav-list.visible
{
  opacity: 1;
  pointer-events: visible;
}

.nav-list.visible ul li
{
  animation: fade-in 1000ms ease forwards, slide-in-right 1000ms ease forwards;
  opacity: 0;
}

#page .nav-list ul li.current-menu-ancestor > a:before
{
  width: 100%;
}

#page .nav-list ul li.current-menu-ancestor.no-underline a:before
{
  width: 0%;
}
#page .nav-list ul li.current-menu-ancestor.no-underline.current-menu-item a:before
{
  width: 100%;
}

.nav-list ul > li:nth-child(1)
{
  animation-delay: calc((1 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(2)
{
  animation-delay: calc((2 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(3)
{
  animation-delay: calc((3 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(4)
{
  animation-delay: calc((4 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(5)
{
  animation-delay: calc((5 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(6)
{
  animation-delay: calc((6 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(7)
{
  animation-delay: calc((7 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(8)
{
  animation-delay: calc((8 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(9)
{
  animation-delay: calc((9 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(10)
{
  animation-delay: calc((10 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(11)
{
  animation-delay: calc((11 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(12)
{
  animation-delay: calc((12 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(13)
{
  animation-delay: calc((13 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(14)
{
  animation-delay: calc((14 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(15)
{
  animation-delay: calc((15 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(16)
{
  animation-delay: calc((16 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(17)
{
  animation-delay: calc((17 * 70ms) + 50ms);
}
.nav-list ul > li:nth-child(18)
{
  animation-delay: calc((18 * 70ms) + 50ms);
}


.site-main
{
  min-height: 600px;
  width: 100%;
  padding: 0px 40px;
  box-sizing: border-box;
  margin-bottom: 300px;
}

body.home .site-main,
body.news .site-main
{
  padding: 0px 0px;
}

.site-footer
{
  width: 95%;
  margin: 0px auto;
}

.site-footer .inner
{
  width: 95%;
  margin: 0px auto;
}

.site-footer .menu-columns
{
  display: flex;
}

.site-footer .menu-columns .col
{
  flex-basis: 12%;
  margin-right: 2%;
}

.site-footer .menu-columns .col.wider
{
  flex-basis: 20%;
}

.site-footer .menu-columns .col:last-of-type
{
  margin-right: 0%;
}

.site-footer .menu-columns .col h3
{
  text-transform: uppercase;
  font-size: 8pt;
  letter-spacing: 1px;
  font-family: 'Basis Grotesque Medium', sans-serif;
	font-weight: normal;
	font-style: normal;
  margin: 0px 0px 10px 0px;
}

.site-footer .menu-columns ul
{
  text-transform: uppercase;
  font-size: 8pt;
  letter-spacing: 1px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.site-footer .menu-columns ul li
{
  margin-bottom: 10px;
}

.site-footer .sub-menu
{
  display: none;
}

.site-footer .copyright
{
  font-size: 7pt;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 40px 0px;
}

#studio-submenu-footer a:last-child
{
  display: inline;
  width: 96px;
}

#page-wipe
{
  position: fixed;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 100%;
  /*transition: all .3s ease;*/
  background-color: #FFF;
}

#page-wipe.visible
{
  animation: page-wipe 1000ms ease;
}

#page-wipe.visible.pull-up
{

}

@keyframes page-wipe {
  0% {
    top: 100%;
  }

  50% {
    top: 0%;
  }

  100% {
    top: -100%;
  }
}


/* Single Project Page */

/*body.postid-545
{
  overflow: hidden;
}*/

body.single-projects #page,
body.single-products #page
{
  padding-top: 0px;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: auto;
}

body.single-projects #page *
{
  box-sizing: border-box;
}


body.single-projects .site-main,
body.single-products .site-main
{

    padding: 0px;
    width: 100%;
    height: 100vh;
    position: sticky;

    top: 0px;
    min-height: 0px;
    margin-bottom: 0px;
    /* display: none; */

}

body.single-projects article.projects,
body.single-projects article.type-projects,
body.single-products article.type-products
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: visible;
  transition: opacity 0s, transform .6s;
  transform: translateY(0vh);
  z-index: 3;
}

body.single-projects article.type-projects
{
  position: absolute;
}

body.single-projects article.projects.slide-up,
body.single-projects article.type-projects.slide-up
{
  transform: translateY(-100vh);
}

body.single-projects article.projects.hidden,
body.single-projects article.type-projects.hidden
{
  opacity: 0;
  pointer-events: none;
}

.post-thumbnail img
{
  width: 100%;
  height: auto;
  display: block;
}

.project-header
{
  position: relative;
  height: 100%;
  z-index: 30;
  overflow: hidden;
  background-color: #FFF;
}

.project-header .post-thumbnail
{
  width: 100%;
  height: 100%;
  z-index: 1;
}

.project-header .post-thumbnail img
{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.project-category-coming-soon .project-header .post-thumbnail img
{
  width: 60%;
  height: auto;
  margin: 0% auto 0px auto;
  position: absolute;
  transform: translate(-50%, 0%);
  left: 50%;
  top: 213px;

}

body.single-products .project-header .post-thumbnail img
{
  width: auto;
  height: 80%;
  display: block;
  object-fit: fill;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.down-arrow,
.up-arrow
{

  width: 30px;
  height: 40px;
  position: absolute;
  bottom: 74px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  text-align: center;

}

.project-header .down-arrow,
.type-projects .photo-item .down-arrow
{
  transform: translate( -50%, 0px );
  opacity: 1;
  transition: all .6s ease;
  z-index: 2;
}

/*body.single-projects .project-header .down-arrow
{
  transform: translate( -50%, -50px );
  opacity: 0;

}*/

body.single-projects .project-header .down-arrow.animate
{
  animation: down-up 500ms ease;
}

@keyframes down-up {
  0% {
    transform: translate(-50%, 0px);
  }

  50% {
    transform: translate(-50%,10px);
  }

  100% {
    transform: translate(-50%, 0px);
  }
}

.down-arrow img,
.up-arrow img
{
  width: 50%;
  height: auto;
  transform: translateY(0px);
  transition: transform .2s ease-out;
}

.down-arrow:hover img,
.up-arrow:hover img
{
  transform: translateY(10px);

}

.project-header .down-arrow.fade-up,
.type-projects .photo-item .down-arrow.fade-up
{
    opacity: 0;
    transform: translate( -50%, -50px );
}

.project-intro
{
  color: #FFF;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  margin: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 784px;
  z-index: 2;
}

body.single-projects .post-thumbnail:after
{
  background-color: #8D847C;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  z-index: 1;
  opacity: .35;
  mix-blend-mode: multiply;
  transition: opacity .3s;
  pointer-events: none;
}

body.single-projects .project-category-coming-soon .post-thumbnail:after
{
  display: none;
  /* */
}

.project-intro.ready h1
.project-intro.ready p
{

}

.project-intro h1
{
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 1px;
  margin: 0px 0px 30px 0px;
  text-transform: uppercase;
  font-family: 'Basis Grotesque Regular';
}

.project-header .product-description
{
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 19px;
  color: #000;
  position: absolute;
  top: 200px;
  right: 40px;
  width: 210px;
  padding-top: 10px;
}

.project-header .product-description p:first-of-type
{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
}




@media all and (max-width: 900px) {
  .project-header .product-description
  {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
  }

  .project-header .post-thumbnail
  {
    /*width: auto;
    height: 50%;
    position: relative;
    top: 10%;*/
  }

  .next-container .nch-home-grid
  {
    margin-top: 10px;
  }


  body.single-products .project-header .post-thumbnail img
  {

  }


}


#page .project-header .product-description a:before
{
  width: 0%;
}

#page .project-header .product-description p:first-of-type a:before
{
  width: 100%;
}


.project-header .project-intro h1,
.project-header .project-intro p
{
  transform: translateY(50px);
  transition: all .7s ease, opacity .6s linear;
  transition-delay: 0s, .2s;
  opacity: 0;
}

.project-header.ready .project-intro h1,
.project-header.ready .project-intro p
{
  transform: translateY(0px);
  opacity: 1;
}


.photos-shadow
{
  height: 100vh;
}

.photos-container
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .5s linear;
  /* cursor: none; */
}

.photos-container.visible
{
  opacity: 1;
}

.photos-container.visible.hidden
{
  opacity: 0;
}


.photos-container .photo-wrapper
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.photos-container .photo-wrapper
{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
  pointer-events: none;
  /*filter: blur(0px);
  transition: filter .4s linear;*/
}

.photos-container .photo-wrapper.blur
{
  /*filter: blur(16px);*/
}

.photos-container .photo-wrapper.next-container
{
  pointer-events: visible;
}

.next-container h2
{
  text-align: center;
  text-transform: uppercase;
  font-family: 'Basis Grotesque Medium';
  margin-top: 60px;
  font-size: 16px;
  letter-spacing: 1px;
}

.next-container .nch-home-grid
{
  margin-top: 40px;
}

.next-container .up-arrow
{
  bottom: 20px;
  display: none;
}

.next-container .photo-item .up-arrow img
{
  transform: rotate(180deg);

}

.photos-container .photo-item
{
  /*will-change: transform;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #FFF;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: visible;
}

.photos-container .photo-item.nch-text-slide .nch-text
{
  /*background-color: #DDD;*/
}

.photos-container .photo-item .nch-text
{
  width: 100%;
  height: 100%;
  background-color: #FFF;
}

.photos-container .photo-item .nch-text.nch-next-proj
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.photos-container .photo-item .nch-text p
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0px auto;
  width: 90%;
  max-width: 500px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 26px;

  margin-bottom: 20px;
}

.photos-container .photo-item .nch-text.nch-next-proj p
{
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-bottom: 15px;
  top: 0%;
  transform: translateY(0%);
  -webkit-perspective: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}

.photos-container .photo-item .nch-text p.project-name
{
  font-size: 21px;
  letter-spacing: 1px;
  margin-bottom: 75px;
  text-transform: uppercase;
}

.nch-text .inner
{
  max-width: 720px;

  margin: 0px auto;
  position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);*/
}

.nch-text.nch-next-proj .inner
{
  width: 400px;
}

.nch-text .next-post-image
{
  overflow: hidden;
  margin: 0px auto;
  max-width: 300px;
  position: relative;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0) scale(1.0, 1.0);
  /*clip-path: polygon(12.5% 0%, 87.5% 0%, 87.5% 100%, 12.5% 100%);
  transition: clip-path .5s ease-out;*/
}

.nch-text .next-post-image:after
{
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8D847C;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
}

.nch-text .next-post-image:hover:after
{
  opacity: 1;
}

.nch-text .next-post-image img
{
  transform: scale(1);
  transition: transform 1s cubic-bezier(.25, .46, .45, .94);
}

.nch-text .next-post-image:hover img
{
  transform: translateX(-50%) scale(1.01);
}

.nch-text .next-post-image.unclipped
{
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.photos-container .photo-item .nch-text .next-post-image img
{
  width: 100%;
  display: block;
  position: relative;
  position: relative;
  margin: 0px auto;
}


.photos-container .photo-item img
{
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: auto;
  margin: 0px auto;
  transform: translate(-50%, 0px);
}

.photos-container .photo-item .nch-home-grid .wp-block-column img
{
  position: relative;
  top: auto;
  left: auto;
  height: 100%;
  width: 100%;
  margin: 0px;
  transform: translateX(0px);
}

.photos-container .photo-item .down-arrow:hover img
{
  transform: translate(-50%, 10px);
}

@media all and (max-width: 900px) {


  .project-category-coming-soon .project-header .post-thumbnail img
  {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 85%;
  }

  .project-intro
  {
    width: 80%;
  }

  .photos-container .photo-item
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .photos-container .next-container .photo-item
  {
    display: block;
    overflow: auto;
  }

  body.single-projects .photos-container picture
  {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  body.single-projects .photos-container .photo-item img
  {
    position: relative;
    top: 0px;
    left: 0px;
    width: 85%;
    height: auto;
    /*max-height: 70%;*/
    /*object-fit: contain;*/
    transform: translate(0%, 0%);
    margin: auto;
  }

  .photos-container .photo-item .nch-text .next-post-image img
  {
    transform: translate(0px, 0px);
    left: 0px;
  }

  body.single-projects .photos-container .photo-item .down-arrow img
  {
    width: 50%;
    height: auto;
    max-height: none;
    object-fit: fill;
  }

  .next-container .up-arrow
  {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 80px;
    width: 80px;
    height: 80px;
  }

  body.single-projects .photos-container .next-container .photo-item .up-arrow img
  {
    transform: rotate(180deg);
    width: 17%;
  }

}

body.single-products .photos-container .photo-item img
{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 75%;
  width: auto;
  margin: 0px auto;
  transform: translate(-50%, -50%);
}

body.single-products .photos-container .photo-item .up-arrow
{
  opacity: 0;
  transform: translate(-50%, 10px);
  transition: all .6s ease;
}

body.single-products .photos-container .photo-item.current-slide .up-arrow
{
  opacity: 1;
  transform: translate(-50%, 0px);
}

body.single-products .photos-container .photo-item .up-arrow img
{
  width: 50%;
  display: block;
  position: relative;
  top: 0%;
  left: 0%;
  margin: 0px auto;
  transform: translate(0%, 0px);
}

body.single-products .photos-container .photo-item .up-arrow:hover img
{
  transform: translate(0%, -10px);
}

body.single-products .photos-container .photo-item .down-arrow img
{
  height: auto;
  width: 50%;
  transform: translate(0px, 0px);
  top: 0px;
  left: 0px;
  position: relative;
}

body.single-products .photos-container .photo-item .down-arrow img:hover
{
  transform: translate(0px, 10px);
}

.project-category-coming-soon .photos-container .photo-item img
{
  width: 60%;
  height: auto;
  max-height: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}

.project-category-coming-soon .photos-container .photo-item .nch-text .next-post-image img
{
  transform: translate(0%, 0%);
  left: 0px;
}

.photos-container .photo-item.is-loaded
{
  opacity: 1;
  background-color: transparent!important;
}

/*.type-projects .photos-container .photo-item .down-arrow
{
  transition: all .6s ease;
  opacity: 0;
  transform: translateY(-50px);
}

#projects-wrap .photos-container .photo-item:not(:first-of-type) .down-arrow
{
  transition: all .6s ease;
  opacity: 0;
  transform: translate( -50%, -50px );
}

.type-projects .photos-container .photo-item.current-slide .down-arrow
{
  opacity: 1;
  transform: translateY(0px);
}

#projects-wrap .photos-container .photo-item.current-slide .down-arrow
{
  opacity: 1;
  transform: transform: translate( -50%, 0px );
}*/


body.single-projects .site-footer,
body.single-products .site-footer
{
  position: absolute;
  top: 100vh;
  left: 0%;
  width: 100%;
  background-color: #FFF;
  display: none;
}

.feature-placeholder
{
  position: fixed;
  transition: all 2s ease-out;
  opacity: 0;
}

.feature-placeholder img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 1px solid red;
  box-sizing: border-box;
}

.feature-placeholder.hidden
{
  opacity: 0;
  pointer-events: none;
}

.next-feature-image
{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.next-feature-image .nch-preloader
{
	pointer-events: none;
}

.next-feature-image.visible
{
  transform: translateY(0vh);
  opacity: 1;
  pointer-events: visible;
}

.next-feature-image.visible .nch-preloader
{
	pointer-events: visible;
}

.next-feature-image .img-holder
{
  transform: translateY(90px);
  transition: .6s ease;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.next-feature-image.visible .img-holder
{
  transform: translateY(0px);
}

.next-feature-image img
{

  width: 60%;
  height: auto;
  margin: 0% auto 0px auto;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;

}

.next-feature-image .project-intro h1,
.next-feature-image .project-intro p
{
  transform: translateY(90px);
  transition: all .7s ease, opacity .7s linear;
  transition-delay: 0s, .2s;
  opacity: 0;
}

.next-feature-image.visible .project-intro h1,
.next-feature-image.visible .project-intro p
{
  /*transform: translateY(0px);
  opacity: 0;*/
}

.next-feature-image.fadein .project-intro h1,
.next-feature-image.fadein .project-intro p
{
  transform: translateY(0px);
  opacity: 0;
}

@media all and (max-width: 767px) {

  body.single-projects
  {
    overflow: hidden;
  }

  body.single-projects .site-main
  {
      padding: 0px;
      width: 100%;
      height: 100%;
      position: sticky;
      min-height: 0px;
  }

  body.single-projects .site-main,
  body.single-projects .project-header
  {
    height: calc(100%);
  }

}

@media all and (max-width: 767px) and (max-height: 400px) {

  .photos-container .photo-item .nch-text.nch-next-proj p
  {
    margin-bottom: 5px;
  }

  .photos-container .photo-item .nch-text p.project-name
  {
    margin-bottom: 15px;
  }

}

/* End Single Project */

/* Products Section */

.product-nav
{
  position: fixed;
  top: 200px;
  left: 40px;
  z-index: 100;
  text-transform: uppercase;
  font-size: 10pt;
  letter-spacing: 1px;
  opacity: 1;
  transform: translateY(0px);
  transition: all 225ms ease;
  pointer-events: visible;
}

.product-nav.hidden
{
  opacity: 0;
  transform: translateY(-100px);
  pointer-events: hidden;
}

.product-nav ul
{
  list-style: none;
  margin: 1em 0px 0px 0px;
  padding: 0px;
}

.product-nav ul li
{
  margin-bottom: 10px;
}

.nch-thumbnails-grid
{
  width: 100%;
  display: flex;
  margin-top: 300px;
  flex-wrap: wrap;
}

.nch-thumbnails-grid.single-item
{
  margin-top: 125px;
}

.nch-thumbnails-grid.center-content
{
  justify-content: center;
}

.nch-thumbnails-grid .thumbnail
{
  flex-basis: calc(16.6666% - 33.3333px);
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 40px;
  margin-bottom: 120px;
  position: relative;
}

.nch-thumbnails-grid .thumbnail.single-thumbnail
{
  flex-basis: 100%;
  max-width: 500px;
}

.nch-thumbnails-grid .thumbnail:nth-child(1),
.nch-thumbnails-grid .thumbnail:nth-child(7n)
{
  margin-left: 0px;
}

.nch-thumbnails-grid .thumbnail .img-holder
{
  width: 100%;
  height: 0px;
  position: relative;
  padding-bottom: 125%;
}

.nch-thumbnails-grid .thumbnail.single-thumbnail .img-holder
{

}

#page .nch-thumbnails-grid .thumbnail .img-holder a:hover:before
{
  width: 0px;
}

.nch-thumbnails-grid .thumbnail img
{
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .6s;
}

.nch-thumbnails-grid .thumbnail img.visible
{
  opacity: 1;
}

.nch-thumbnails-grid .product-info
{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 18px;
  text-align: center;
  height: 36px;
}

.nch-thumbnails-grid .product-info a
{
  display: inline-block;
}

#page .nch-thumbnails-grid .thumbnail:hover .product-info a:before
{
  width: 100%;
}

@media all and (max-width: 1280px) {

  .nch-thumbnails-grid .product-info
  {
    font-size: 11px;
    line-height: 16.5px;
  }

}

@media all and (max-width: 1200px) {

  .project-header .down-arrow
  {
    bottom: 54px;
  }

}

@media all and (max-width: 1140px) {

  body.single-products .photos-container .photo-item img
  {
    height: auto;
    width: 50%;
  }

}

@media all and (max-width: 960px) {
  .nch-thumbnails-grid .thumbnail
  {
    flex-basis: calc(33.3333% - 26.6666px)
  }

  .nch-thumbnails-grid .thumbnail:nth-child(7n)
  {
    margin-left: 40px;
  }

  .nch-thumbnails-grid .thumbnail:nth-child(3n+1)
  {
    margin-left: 0px;
  }
}

@media all and (max-width: 900px) {


  .product-nav
  {
    display: none;
  }

  .nch-thumbnails-grid
  {
    margin-top: 125px;
  }

  body.single-products .project-header .post-thumbnail
  {
    position: relative;
    width: 100%;
    height: 50%;
    margin-top: 110px;

  }

  body.single-products .project-header .post-thumbnail img
  {
    height: 100%;
    width: auto;
    max-width: 96%;
    height: auto;
    object-fit: contain;
    max-height: 96%;
  }

  body.single-products .photos-container .photo-item img
  {
    height: auto;
    width: 60%;
  }

  body.single-products .photos-container .photo-item .up-arrow img
  {
    width: 50%;
  }

  body.single-products .project-header .product-description
  {
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    transform: translateX(0%);
    width: 34%;
    box-sizing: border-box;
    position: relative;
    margin-left: 50px;
    z-index: 10;
  }

  body.single-products .down-arrow
  {
    bottom: 74px;
  }



}

@media screen and (max-width: 1300px) and (min-width: 1100px) and (min-device-height: 800px) and (max-device-height: 900px)   {
  body.single-products .project-header .post-thumbnail img
  {
    height: auto;
    width: 37%;
  }

  body.single-products .project-header .down-arrow
  {
    bottom: 0px;
  }

}

@media all and (max-width: 767px) {

  .product-nav
  {
    display: none;
  }

  .nch-thumbnails-grid
  {
      margin-top: 0px;
      display: block;
  }

  .nch-thumbnails-grid .thumbnail
  {
    margin-left: 0px;
    flex-basis: 100%;
    width: 100%;
  }



  .project-header .product-description {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    width: 55%;
    box-sizing: border-box;
  }



}

/* End Products Section */

/* Open Positions Page */

.nch-job-text.nch-text-section
{
  margin-top: 80px;
}

.position-holder .preview_text, .position-holder .full_text
{
	width: 90%;
}

.nch-text-section.position-holder h2, .nch-text-section.position-holder h3
{
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Basis Grotesque Medium', sans-serif;
	letter-spacing: .5px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
}

.nch-text-section.position-holder h2
{
	display: inline-block;
}

.nch-text-section.position-holder h4
{
	font-family: 'Basis Grotesque Medium', sans-serif;
}

.position
{
	border-bottom: 1px solid #000;
	padding-bottom: 0px;
	margin-bottom: 30px;
	position: relative;
	font-size: 14px;
  line-height: 20px;
}

.position a
{
	color: #000;
	font-family: 'Basis Grotesque Medium', sans-serif;
}

.position p
{
	margin-top: 0px;
	line-height: 20px;
}

.position ul,
.position ol
{
	padding-left: 20px;
	list-style: none;
	margin-top: 0px;
}

.position ol li
{

	position: relative;
	margin-left: 20px;
}

.position ol > li::before
{
	counter-increment: inst;
	content: counter(inst) ".";
	position: absolute;
	top: 0px;
	left: -20px;
}

.position ul li
{
	position: relative;
	margin-bottom: .5em;
  margin-left: 20px;
}

.position ul li ul,
.position ol li ul
{
	margin: 10px 0px;
}

.position ul li:before
{
	content: '\2022';
	position: absolute;
	top: 2px;
	left: -20px;
	font-size: 16pt;
	line-height: .7em;
}

.position ul li ul
{
  margin-left: 0px;
}

.position ul li ul li
{
  margin-bottom: .25em;
}

.position ul li ul li:before
{
  content: '\25E6';
  font-size: 14px;
  top: 6px;
}


.full_text
{
	display: none;
}

.position p.expand-full-text
{
	text-transform: uppercase;
	font-size: 80%;
	font-family: 'Basis Grotesque Medium', sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.expand-full-text a
{
	color: #000;

}

.expand-full-text a.hidden
{
	display: none;
}

.position .close
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	-webkit-transition: transform .35s;
	-moz-transition: transform .35s;
	-ms-transition: transform .35s;
	-o-transition: transform .35s;
	transition: transform .35s;
	cursor: pointer;
}

.position .close.open
{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.position .close img
{
	width: 100%;
}

/* End of Open Positions Page */

/* Auction Page */

body.benefit-auction #primary
{
  line-height: 1.3em;
}

body.benefit-auction .site-main
{
  padding: 0px;
}

body.benefit-auction #page
{
  padding-top: 0px;
}

body.benefit-auction #primary h1,
body.benefit-auction #primary h2
{
  font-size: 12pt;
  margin-bottom: 0px;
  font-family: 'Basis Grotesque Medium', sans-serif;
  text-transform: uppercase;
}

body.benefit-auction #primary .auction-header h1
{
  font-size: 37pt;
  line-height: .9em;
  margin-bottom: 20px;
}

body.benefit-auction h2
{
  font-size: 14pt;
  letter-spacing: .3px;
  color: #999;
  font-family: 'Basis Grotesque Regular', sans-serif;

}

body.benefit-auction h3
{
  text-transform: uppercase;
  color: #999;
  margin-bottom: 0px;
  font-family: 'Basis Grotesque Medium', sans-serif;
  font-size: 10pt;
  line-height: 1.3em;
}

body.benefit-auction #primary ul
{
  list-style: none;
  margin-top: 0px;
  padding: 0px;
}

body.benefit-auction #primary ul li
{

}

body.benefit-auction #primary ul li::before
{
  content: "\2022";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: -2px;

}

.auction-header
{
    background-image: linear-gradient(90deg, #7B868C, #C6C5C4);
    text-align: center;
    color: #FFF;
    padding-top: 100px;
    padding: 150px 40px 0px 40px;
}

.auction-header .auction-heading
{
  letter-spacing: 1px;
}

.spacing-1
{
  letter-spacing: 1px;
}

#page .auction-header a:before
{
  bottom: -1px;
}


.auction-footer,
.auction-info
{
  background-image: linear-gradient(90deg, #C6C5C4, #7B868C);
  text-align: left;
  color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
  padding: 80px 40px 100px 40px;
}

.auction-info .wp-block-group__inner-container,
.auction-footer .wp-block-group__inner-container
{
  max-width: 800px;
  margin: 0px auto;
}

.auction-footer h2,
.auction-footer h3,
.auction-footer p,
.auction-footer ul
{
  transform: translateY(50px);
  opacity: 0;
  transition: all .6s ease;
  /**/
}

.auction-footer h2.visible,
.auction-footer h3.visible,
.auction-footer p.visible,
.auction-footer ul.visible
{
  transform: translateY(0px);
  opacity: 1;
}

.auction-logos
{
  margin-bottom: 40px;
}

#page .auction-logos a:hover:before
{
  width: 0px;
}

.auction-logos:last-child
{
  margin-bottom: 0px;
}

.auction-logos img
{
  height: auto;
  margin-right: 60px;
  vertical-align: middle;
}

.auction-logos img.lazy-hidden
{
  height: 60px;
  opacity: 0px;
  background-color: transparent;
}

.auction-logos.top-row
{
  margin-top: 50px;
}

.auction-logos.top-row img
{
  margin-right: 120px;
}

.auction-logos.top-row img.lazy-hidden
{
  height: 85px;
}

.auction-logos.wide-margin img
{
  margin-right: 100px;
}

.auction-logos.wide-margin img.lazy-hidden
{
  height: 75px;
}

.auction-logos a:last-child img,
.auction-logos.wide-margin a:last-child img,
.auction-logos.top-row a:last-child img
{
  margin-right: 0px;
}

.auction-header .black
{
  color: #000;
}

.auction-header .after-border:after
{
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background-color: #FFF;
  margin: 60px auto;
}

.auction-header ul
{
  padding: 0px;
}

#page .auction-header .fdc-link a
{
  color: #FFF;
}

#page .auction-header .fdc-link a:before
{
  border-bottom: 1px solid #FFF;
}

.auction-header .nch-icon-holder
{
  margin: 50px auto;
}

.auction-columns
{
  max-width: 1024px;
  margin: 0px auto;
  text-transform: uppercase;
  padding: 0px 40px;

}

.auction-columns.extra-padding
{
  padding-bottom: 50px;
}

.auction-columns .wp-block-image
{
  margin-bottom: 40px;
}

.auction-item-header
{
  text-align: center;
  font-size: 11pt;
  letter-spacing: 1px;
  margin: 60px auto 100px auto;
  font-family: 'Basis Grotesque Regular', sans-serif;
}

body.benefit-auction #primary .auction-item-header h2
{
  font-size: 22pt;
  margin-bottom: 15px;
}

.auction-item-header#day-2
{
  margin-top: 130px;
}

.auction-columns .wp-block-columns
{
  justify-content: center;
  font-size: 10pt;
  line-height: 1.3em;
  margin-bottom: 60px;
}

.auction-columns .wp-block-column
{
  flex-basis: 33.33%;
  flex-grow: 0;
}

.auction-columns .wp-block-column:empty
{
  display: none;
}

.auction-columns .price-info
{
  font-size: 9pt;
  line-height: 1.3em;
}

body.benefit-auction #primary .auction-footer h2
{
  color: #000;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
  letter-spacing: 1px;
}

body.benefit-auction #primary .auction-footer h2:last-of-type
{
  margin-top: 75px;
}

body.benefit-auction .auction-footer p
{
  line-height: 1.5em;
}


body.benefit-auction .auction-footer h3
{
  margin-bottom: 0px;
  margin-top: 40px;
  color: #000;
  text-transform: none;
  font-size: 12pt;
}

body.benefit-auction #primary .auction-footer ul
{
  padding-left: 16px;
  margin-top: 10px;
}

body.benefit-auction #primary .auction-footer ul li
{
  position: relative;
  margin-bottom: 5px;
}

body.benefit-auction #primary .auction-footer ul li:before
{
    position: absolute;
    left: -15px;
}

.auction-columns .wp-block-image
{
  overflow: hidden;
}

.auction-columns .wp-block-image img
{
  position: relative;
  transition: transform 0.25s ease opacity .2s linear;
  perspective: 500px;
  perspective-origin: 50% 50%;
  transform-style: preserve-3d;
}

/*.auction-columns .wp-block-image:hover img
{
  transform: scale(1.01);
}*/

br.tablet-only
{
  display: none;
}

@media all and (max-width: 840px){

  br.tablet-only
  {
    display: inline;
  }

  .auction-logos.top-row img
  {
    margin-right: 60px;
  }

  .auction-logos.wide-margin img
  {
    margin-right: 50px;
  }
}

@media all and (max-width: 781px) and (min-width: 600px){

  .auction-columns .wp-block-column:not(:only-child)
  {
    flex-basis: 32% !important;
  }

  .auction-columns .wp-block-column
  {
    margin-right: 2%;
  }

  .auction-columns .wp-block-column:last-child
  {
    margin-right: 0px;
  }

  .auction-columns .wp-block-column:nth-child(2n)
  {
    margin-left: 0px;
  }
}

@media all and (max-width: 600px){

  .auction-header
  {
    padding: 135px 40px 0px 40px
  }

  body.benefit-auction #primary ul li
  {
    margin-bottom: 7px;
  }

  .auction-logos
  {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
  }

  .auction-logos a
  {

    text-align: center;
    display: inline-block;
    flex-basis: 45%;
    margin-right: 10%;
    margin-bottom: 40px;
    flex-shrink: 1;
  }

  .auction-logos img
  {
    display: block;
    margin: 0px auto 20px auto;
    width: 100% !important;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  .auction-logos.top-row img.dzine-logo
  {
    width: 70% !important;
    margin-right: auto;
    margin-left: auto;
  }

  .auction-logos a:nth-of-type(2n)
  {
    margin-right: 0px;
  }

  .auction-logos.top-row img,
  .auction-logos.wide-margin img
  {
    margin: 0px auto 20px auto;
  }

  .auction-logos a:nth-of-type(2n) img,
  .auction-logos.top-row a:nth-of-type(2n) img,
  .auction-logos.wide-margin a:nth-of-type(2n) img
  {
    margin: 0px auto 0px auto;
  }

  .auction-columns .wp-block-columns
  {
    margin-bottom: 0px;
  }

  .auction-columns .wp-block-column
  {
    margin-bottom: 60px;
  }

}



/* End Auction Page */

/* About Section */

.nch-text-section
{
  width: 90%;
  max-width: 768px;
  margin: 0px auto 100px auto;

 font-size: 16px;
 letter-spacing: 0;
 line-height: 26px;
}

.nch-text-section h3
{
  font-family: 'Basis Grotesque Medium';
  margin-bottom: 0px;
}

.nch-about-text
{
  margin-top: 80px;
}

.nch-about-section
{
  margin-bottom: 200px;
}

.nch-text-section h1,
.nch-text-section h2,
.nch-wide-content h1,
.nch-wide-content h2,
.nch-about-section h1,
.nch-about-section h2
{
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 21px;
  text-align: center;
  font-family: 'Basis Grotesque Medium';
  margin-bottom: 100px;
}

.nch-hidden-image
{
  display: none;
}

#nch-leadership-main
{
  position: relative;
}

#nch-leadership-main::after
{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/uploads/2021/06/nicole-lewis-hollis-text.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity .3s;
  z-index: 2;
}

#nch-leadership-main::before
{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s;
  background-color: #8D847C;
  mix-blend-mode: multiply;
  z-index: 1;
}

#nch-leadership-main:hover::after,
#nch-leadership-main:hover::before
{
  opacity: 1;
}

/*.nch-leaders img,*/
#nch-leadership-main
{
  opacity: 0;
  transform: translateY(50px);
  transition: all .7s ease;
}

/*.nch-leaders img.visible*/
#nch-leadership-main.visible
{
  opacity: 1;
  transform: translateY(0px);
}

.nch-leadership-grid
{
  width: 90%;
  max-width: 1170px;
  margin: 0px auto 200px auto;
  font-size: 1;
  opacity: 0;
  transform: translateY(50px);
  transition: all .7s ease;
}

.nch-leadership-grid.visible
{
  opacity: 1;
  transform: translateY(0px);
}

.nch-leadership-grid .wp-block-gallery
{
  gap: 20px !important;
}

.nch-leadership-grid .wp-block-gallery figure
{
  width: calc(25% - 20px *.75) !important;
}

.nch-leadership-grid .wp-block-columns
{
  margin-bottom: 21px;
}

.nch-leadership-grid .wp-block-image
{
  margin: 0px;
  flex-grow: 0 !important;
}

.nch-leadership-grid .wp-block-column:not(:first-child)
{
  margin-left: 21px;
}

.nch-leadership-grid .wp-block-column
{
  position: relative;
  height: 0px;
  padding-bottom: 27.7%;
}

.nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item
{
  width: calc(20% - 21px);
  margin-right: 21px;
  margin-bottom: 21px;
}

.nch-leadership-grid .blocks-gallery-item img
{
  opacity: 0;
  transition: opacity .6s;
}

.nch-leadership-grid .blocks-gallery-item img.visible
{
  opacity: 1;
}

.nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n)
{
  margin-right: 0px;
}

.nch-partners-grid .columns-3 figure
{
  flex-grow: 0 !important;

}

.nch-leadership-grid .wp-block-image figcaption,
.nch-leadership-grid .wp-block-gallery .blocks-gallery-item figcaption,
.nch-partners-grid .wp-block-gallery .wp-block-image figcaption
{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: auto;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  margin: 0px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .3s;
  background: none;
  font-size: 8px;
  letter-spacing: 0.62px;
  line-height: 14px;
  padding: 0px;
  bottom: auto;
  background: transparent;
}

.nch-about-section .wp-block-gallery.has-nested-images figure.wp-block-image figcaption
{
  background: transparent;
  bottom: auto;
}

.nch-leadership-grid .wp-block-gallery.has-nested-images figure.wp-block-image figcaption
{
  font-size: 9px;
}

.nch-partners-grid .wp-block-gallery .wp-block-image figcaption
{
  font-size: 12px !important;
  line-height: 18px;
}

.nch-leadership-grid .wp-block-image:after,
.nch-leadership-grid .wp-block-gallery .blocks-gallery-item figure:after,
.nch-partners-grid .wp-block-gallery .wp-block-image:after
{
  background-color: #8D847C;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  z-index: 1;
  opacity: .5;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: opacity .3s;
}

.nch-leadership-grid .wp-block-image:hover:after,
.nch-leadership-grid .wp-block-image:hover figcaption,
.nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figcaption,
.nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figure:after,
.nch-partners-grid .wp-block-gallery .wp-block-image:hover:after,
.nch-partners-grid .wp-block-gallery .wp-block-image:hover figcaption
{
  opacity: 1;
}

.nch-partners-grid
{
  width: 90%;
  max-width: 1020px; /*1084px;*/
  margin: 0px auto 200px auto;
  opacity: 0;
  transform: translateY(50px);
  transition: all .7s ease;
}

.nch-partners-grid.visible
{
  opacity: 1;
  transform: translateY(0px);
}

.nch-partners-grid .blocks-gallery-grid
{
  width: 100%;
  justify-content: center;
}

.nch-partners-grid .wp-block-gallery
{
  justify-content: center;
}

.nch-partners-grid .wp-block-gallery.columns-3
{
  justify-content: left;
  gap: 20px;
}

.nch-partners-grid .wp-block-gallery.columns-3 figure
{
  width: calc(33.33333% - 20px *.66667) !important;
}

.nch-partners-grid .blocks-gallery-item
{
  width: 300px;
  flex-basis: 27.68%;
  flex-grow: 0;
  margin: 0px 21px 21px 0px;
}

.nch-contact-text
{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
}

.nch-awards-container
{
  width: 90%;
  max-width: 1084px;
  margin: 0px auto 100px auto;

  font-size: 10px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s ease;
}

.visible .nch-awards-container
{
  opacity: 1;
  transform: translateY(0px);
}


#awards-section
{
  margin-top: 80px;
}

.nch-awards-grid
{
  columns: 3 314px;
  column-gap: 60px;
}

.nch-awards-grid a
{
  background-image: linear-gradient(#000, #000);
  background-size: 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

#page .nch-awards-grid a::before
{
  display: none;
}

.nch-awards-grid > div
{
  width: 33.3333%;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding-right: 0px;
  margin-bottom: 60px;
  padding-left: 0px;
  box-sizing: border-box;

}

.nch-awards-grid div.inner
{
  margin: 0px auto;
  width: 100%;
  padding: 0px;
  display: block;

}

.nch-awards-grid > div:last-child
{
  margin-bottom: 0px;
}

.nch-awards-grid div .post-feature,
.nch-awards-grid div figure
{
  width: 100%;
  margin: 0px 0px 30px 0px;
}

.nch-awards-grid div .post-feature:last-child,
.nch-awards-grid div figure:last-child
{
  margin-bottom: 0px;
}

.nch-awards-grid div h3
{
  font-family: 'Basis Grotesque Medium';
  font-size: 1em;
  margin-top: 0px;
}

.nch-awards-grid div .post-feature img
{
  width: 100%;
  height: auto;
  display: block;
}

.nch-awards-grid div p + figure
{
  margin-top: 30px;
}

.nch-awards-grid div p:last-child
{
  margin-bottom: 0px;
}

@media all and (max-width: 900px) {
  .nch-leadership-grid .wp-block-column
  {
    flex-basis:  calc(33.3333% - 16px) !important;
    margin-bottom: 16px;
  }

  .nch-leadership-grid .wp-block-column:nth-child(4n)
  {
    margin-left: 0px;
  }

  .nch-leadership-grid .wp-block-columns
  {
    margin-bottom: 0px;
  }

  .nch-leadership-grid .wp-block-column
  {
    padding-bottom: 46.63%;
  }

  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item
  {
    width: calc(33.3333% - 14px);
    flex-basis: calc(33.3333% - 14px);
    flex-grow: 0;
  }

  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n)
  {
    margin-right: 21px;
  }

  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(3n)
  {
    margin-right: 0px;
  }


}

@media all and (max-width: 767px) {

  .nch-partners-grid .blocks-gallery-item
  {
    flex-basis: calc(50% - 20px);
    width: calc(50% - 20px);
    margin-right: 21px;
  }

  .nch-partners-grid .wp-block-gallery.columns-3 figure
  {
    width: calc(50% - 20px *.66667) !important;
  }

  .nch-leadership-grid .wp-block-gallery figure
  {
    width: calc(50% - 20px *.75) !important
  }




}

@media (hover: none) and (pointer: coarse) {
    /* ... */
    .nch-home-grid .wp-block-image:hover figcaption,
    .nch-home-grid .wp-block-image:hover:after,
    .nch-home-grid .wp-block-column:hover .wp-block-image:after,
    .nch-home-grid .wp-block-column:hover figcaption
    {
      opacity: 0;
    }

    .nch-leadership-grid .wp-block-image:hover:after,
    .nch-leadership-grid .wp-block-image:hover figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figure:after
    {
      opacity: 1;
    }

    .nch-partners-grid .wp-block-gallery .blocks-gallery-item:hover figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figcaption
    {
      opacity: 0;
    }

    .nch-partners-grid .wp-block-gallery .blocks-gallery-item figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item figcaption,
    .nch-partners-grid .wp-block-gallery .blocks-gallery-item figure:after,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item figure:after
    {
      pointer-events: none;
    }

    .nch-partners-grid .wp-block-gallery .blocks-gallery-item:hover figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figcaption,
    .nch-partners-grid .wp-block-gallery .blocks-gallery-item:hover figure:after,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item:hover figure:after
    {
      opacity: 0;
    }

    .nch-partners-grid .wp-block-gallery .blocks-gallery-item.caption-visible figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item.caption-visible figcaption,
    .nch-partners-grid .wp-block-gallery .blocks-gallery-item.caption-visible figure:after,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item.caption-visible figure:after
    {
      opacity: 1;
    }

    .nch-partners-grid .wp-block-gallery .blocks-gallery-item figcaption,
    .nch-leadership-grid .wp-block-gallery .blocks-gallery-item figcaption
    {
      padding: 0px 10px;
      box-sizing: border-box;
    }



}


#nch-contact,
.error-404
{
  margin-top: 80px;
}

.error-404 .page-content
{
  text-align: center;

}

.nch-contact-info
{
  width: 90%;
  max-width: 1200px;
  margin: 0px auto;
  font-size: 9pt;
  letter-spacing: 1px;
  line-height: 18px;
  position: relative;
}

.nch-contact-info .wp-block-group__inner-container
{
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s ease;
}

.nch-contact-info.visible .wp-block-group__inner-container
{
  opacity: 1;
  transform: translateY(0px);
}



.nch-contact-details
{
  margin-left: 125px;
  flex-basis: calc(33.33% - 125px) !important;
  position: relative;
}

.nch-contact-details p:last-child
{
  margin-bottom: 0px;

}

.nch-contact-details .wrap
{
  position: absolute;
  bottom: 0px;
  transform: translateY(5px);
  width: 100%;
}

.nch-contact-details.wp-block-column:not(:first-child)
{
  margin-left: 125px;
}


#mc_embed_signup
{
  position: relative;
  text-align: left;
  margin-top: 0px;
}

#mc_embed_signup label
{
  text-transform: uppercase;
  font-family: 'Basis Grotesque Medium';
  font-size: 9pt;
}

#mc_embed_signup input[type="email"]
{
  -webkit-appearance: none;
  border-color: #CCC;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px;
  outline: none;
  text-align: left;
  padding: 0px 0px 3px 0px;
  font-family: 'Basis Grotesque Light';
  font-size: 9pt;
  margin: 15px 0px 5px 0px;
  width: 70%;
  box-sizing: border-box;
  letter-spacing: 1px;
}

#mc_embed_signup input[type="email"]:placeholder
{
  font-family: 'Basis Grotesque Regular';
}

#mc_embed_signup input[type="submit"]
{
  -webkit-appearance: none;
  border-radius: 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  background-color: transparent;
  text-transform: uppercase;
  padding: 0px 0px 3px 0px;
  font-family: 'Basis Grotesque Regular';
  font-weight: 400;
  color: #000;
  font-size: 9pt;
  letter-spacing: 1px;
  cursor: pointer;
}

@media all and (max-width: 767px) {

  #mc_embed_signup
  {
    text-align: left;
  }

  #mc_embed_signup label
  {
    line-height: 40px;
    margin-left: 0px;
  }

  #mc_embed_signup input[type="email"]
  {
    margin-right: 0px;
    margin-left: 0px;
    width: 70%;
    text-align: left;
  }

  #mc_embed_signup input[type="submit"]
  {
    margin-top: 15px;
  }

}


@media all and (max-width: 767px) {

  .nch-about-section
  {
    margin-bottom: 150px;
  }

  .nch-awards-grid
  {
    column-gap: 30px;
  }

  .nch-awards-grid div
  {
    padding-right: 0px;
    padding-left: 0px;

    margin: 0px auto 60px auto;
  }

  .nch-awards-grid div .post-feature,
  .nch-awards-grid div figure
  {
      width: 80%;
      margin: 0px auto 30px auto;
  }

  .nch-awards-grid div p
  {
    width: 80%;
    margin: 0px auto 1em auto;
  }

  .nch-leadership-grid .wp-block-column
  {
    flex-basis: calc(50% - 8px) !important;
    margin-bottom: 16px;
    max-width: calc(50% - 8px);
  }

  .nch-leadership-grid .wp-block-column
  {
    padding-bottom: 70.33%;
  }

  .nch-leadership-grid .wp-block-column:not(:first-child)
  {
    margin-left: 0px;
  }

  .nch-leadership-grid .wp-block-column:nth-child(2n)
  {
    margin-left: 16px;

  }

  .nch-wide-content
  {
    width: 90%;
    margin: 0px auto;
  }

  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item
  {
    width: calc(50% - 11px);
    flex-basis: calc(50% - 11px);
  }

  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(5n),
  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(3n)
  {
    margin-right: 21px;
  }


  .nch-leadership-grid .wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(2n)
  {
    margin-right: 0px;
  }

  .nch-about-section .wp-block-column
  {
    flex-basis: 100% !important;
  }

  .nch-contact-details .wrap
  {
    position: relative;
    bottom: auto;
    transform: translateY(0px);
  }

  .nch-contact-details.wp-block-column:not(:first-child)
  {
    margin-left: 0px !important;
    margin-top: 20px;
  }


}

@media all and (max-width: 1200px) {

  .nch-contact-details
  {
    margin-left: 75px;
    flex-basis: calc(33.33% - 75px) !important;
  }

  .nch-contact-details.wp-block-column:not(:first-child)
  {
    margin-left: 75px;
  }

}

@media all and (max-width: 1100px) {

  .nch-contact-details
  {
    margin-left: 25px;
    flex-basis: calc(33.33% - 25px) !important;
  }

  .nch-contact-details.wp-block-column:not(:first-child)
  {
    margin-left: 25px;
  }

}


/* end About Section */

@media all and (max-width: 1300px) {

  /* Panel Width */
  .panel-wrapper .menu-panel
  {
    width: 50%;
  }

  .nch-panel-controls .control-panel-1,
  .nch-panel-controls .control-panel-2
  {
    width: 50%;
  }

}

@media all and (max-width: 1160px) {
  .header ul li, ul#modal-menu li
  {
    margin-right: 20px;
  }
}

@media all and (max-width: 1100px) {
  /*.header ul li, ul#modal-menu li
  {
    margin-right: 20px;
  }*/

  .panel-wrapper .menu-panel
  {
    width: 50%;
  }

  /*.nch-panel-controls .control-panel-1, .nch-panel-controls .control-panel-2
  {
    width: 50%;
  }*/
}

@media all and (max-width: 1060px) {
  .header ul li, ul#modal-menu li
  {
    margin-right: 10px;
  }
}

@media all and (max-width: 1000px) {
  .header ul li, ul#modal-menu li
  {
    margin-right: 7px;
  }
}

@media all and (max-width: 900px) {

  .nch-about-section .wp-block-column
  {
    flex-basis: 100% !important;
  }

  .nch-contact-details
  {
    margin: 30px 0px 0px 0px;
  }

  .nch-contact-details.wp-block-column:not(:first-child)
  {
    margin-left: 0px !important;
  }

  .nch-contact-details .wrap
  {
    position: relative;
    bottom: auto;
    transform: translateY(0px);
  }

  .nch-contact-info .wp-block-columns
  {
    display: block;
  }

}


@media all and (max-width: 860px) {

  .nch-home-grid .wp-block-column
  {
    flex-basis: calc( 33.3333% - 17px ) !important;
    margin-bottom: 17px;
  }

  .nch-home-grid .wp-block-column.empty
  {
    padding-bottom: 0%;
    margin-bottom: 0px;
  }

  .nch-home-grid .wp-block-columns
  {
    margin-bottom: 0px;
  }

  .nch-home-grid .wp-block-image:hover figcaption,
  .nch-home-grid .wp-block-image:hover:after
  {
    opacity: 0;
  }

  .nch-home-grid .wp-block-column
  {

  }
}

@media all and (max-width: 781px) {
  .nch-home-grid .wp-block-column
  {
    padding-bottom: 17.45%;
  }
}

@media all and (max-width: 960px) {


  #page a:hover:before
  {
    width: 0px;
  }

  #nav-menu-holder,
  header.header
  {
    display: none;
  }

  #mobile-site-nav
  {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease-out;
    background-color: #FFF;
    z-index: 20;
    overflow: hidden;
    transition: all .3s linear;
  }

  #mobile-site-nav .wrapper
  {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    overflow: auto;
  }

  #mobile-site-nav.visible
  {
    opacity: 1;
    pointer-events: visible;
  }

  #mobile-site-nav .back-btn
  {
    width: 25px;
    position: absolute;
    top: 85px;
    left: 35px;
    cursor: pointer;
    opacity: 0;
    transform: translateX(15px);
    transition: all .3s ease;
  }

  #mobile-site-nav .back-btn.visible
  {
    opacity: 1;
    transform: translateX(0px);
  }

  #mobile-site-nav .back-btn img
  {
    width: 100%;
  }

  .menu-mobile-menu-container
  {
    position: relative;
  }

  #mobile-site-nav #mobile-menu
  {
    margin-top: 130px;
  }

  #mobile-site-nav #mobile-menu.hidden
  {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50px);
    transition: all .3s ease-out;

  }

  #mobile-site-nav ul.menu
  {
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 15px;
  }

  #mobile-site-nav ul#mobile-menu > li
  {
    padding: 0px 40px 0px 35px;
    position: relative;

    opacity: 0;
    transition: .5s ease;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-family: 'Basis Grotesque Light', sans-serif;
  }

  #mobile-site-nav.visible ul#mobile-menu > li {
    /*transition-delay: .35s;*/
    animation: fade-in 1000ms ease forwards, slide-in-right 1000ms ease forwards;
    opacity: 0;

  }

  #mobile-site-nav.visible ul#mobile-menu > li:first-child
  {
    animation-delay: .35s;
  }

  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(2)
  {
    animation-delay: .45s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(3)
  {
    animation-delay: .55s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(4)
  {
    animation-delay: .65s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(5)
  {
    animation-delay: .75s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(6)
  {
    animation-delay: .85s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(7)
  {
    animation-delay: .95s;
  }
  #mobile-site-nav.visible ul#mobile-menu > li:nth-child(8)
  {
    animation-delay: 1.05s;
  }


  #mobile-site-nav ul.menu li ul.sub-menu
  {
    list-style: none;
    display: none;
  }

  #mobile-site-nav .nav-list
  {
    display: block;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateX(120px);
    transition: all .5s ease-out;
    font-family: 'Basis Grotesque Light', sans-serif;
    letter-spacing: 1px;
  }

  #page #mobile-site-nav .nav-list .underlined > a::before
  {
    width: 100%;
  }

  #mobile-site-nav .nav-list ul
  {
    list-style: none;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    display: block;
  }

  #mobile-site-nav .nav-list ul li
  {
    margin-bottom: 20px;
    animation: fade-in 1000ms ease forwards, slide-in-left 1000ms ease forwards;
    padding: 0px 40px 0px 35px;
  }

  #mobile-site-nav .nav-list ul li:nth-child(2)
  {
    animation-delay: .35s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(3)
  {
    animation-delay: .45s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(4)
  {
    animation-delay: .55s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(5)
  {
    animation-delay: .65s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(6)
  {
    animation-delay: .75s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(7)
  {
    animation-delay: .85s;
  }

  #mobile-site-nav .nav-list ul li:nth-child(8)
  {
    animation-delay: .85s;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu
  {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    max-height: 0px;
    transition: all .3s ease;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu.visible
  {
    max-height: 900px;
    padding: 20px 0px 50px 0px;
  }

  #mobile-site-nav .nav-list ul li.menu-item-109
  {
  	padding-bottom: 150px;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu li
  {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0s ease;
    transition-delay: .35s;
    animation: none;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(2),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(3),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(4),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(5),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(6),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(7),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(8),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(9),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(10),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(11),
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(12)
  {
      transition-delay: 0s;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(2)
  {
    transition-delay: .45s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(3)
  {
    transition-delay: .55s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(4)
  {
    transition-delay: .65s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(5)
  {
    transition-delay: .75s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(6)
  {
    transition-delay: .85s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(7)
  {
    transition-delay: .95s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(8)
  {
    transition-delay: 1.05s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(9)
  {
    transition-delay: 1.15s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(10)
  {
    transition-delay: 1.25s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(11)
  {
    transition-delay: 1.35s;
  }
  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(12)
  {
    transition-delay: 1.45s;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(13)
  {
    transition-delay: 1.55s;
  }

  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li:nth-child(14)
  {
    transition-delay: 1.65s;
  }


  #mobile-site-nav .nav-list ul li ul.sub-menu.visible li
  {
    opacity: 1;
    transition-duration: .7s;
    transform: translateX(0px);
  }



  #mobile-site-nav .nav-list ul li ul.sub-menu li
  {
    padding: 0px;

  }

  #mobile-site-nav .nav-list ul li ul.sub-menu li:last-child
  {
    margin-bottom: 0px;
  }

  #mobile-site-nav .nav-list.visible
  {
    opacity: 1;
    pointer-events: visible;
    transform: translateX(0px);
  }

  #mobile-site-nav ul.menu li ul.sub-menu li
  {
    margin-bottom: 20px;
  }

  header.mobile-header
  {
    display: block;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 30;
    transform: translateY(0px);
    transition:all 225ms ease;
  }

  header.mobile-header.hidden
  {
    transform: translateY(-100%);
  }

  body.admin-bar header.mobile-header
  {
    top: 40px;
  }

  header.mobile-header h1
  {
    max-width: 180px;
    margin: 0px auto;
  }

  header.mobile-header h1 img,
  header.mobile-header h1 svg
  {
    width: 100%;
    height: auto;
  }

  header.mobile-header h1 svg
  {
    fill: #000;
  }

  body.light-header .mobile-header h1 svg
  {
    fill: #FFF;
  }

  body.light-header .mobile-header.black-header h1 svg
  {
    fill: #000;
  }


  #page
  {
    padding-top: 50px;
  }

  #page header.mobile-header h1 a:before
  {
    width: 0%;
  }

  .hamburger-menu
  {
    position: absolute;
    top: 17px;
    right: 6%;
    margin: auto;
    width: 25px;
    height: 25px;
    z-index: 1;
  }

  .stick {
      position: relative;
      transform: translateY(7px);
      background: transparent;
      transition:all 0s .3s
  }

  .stick:after, .stick:before, .tagline {
      position:absolute
  }

  .stick, .stick:after, .stick:before {
      width: 100%;
      height:1px
  }

  .stick:before {
      bottom: 7px;
      transition:bottom .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
  }

  .stick:after {
      top: 5px;
      transition:top .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1);
  }

  .stick.animate {
      background:rgba(255, 255, 255, 0)
  }

  .stick.animate:before {
      bottom: 0;
      transform: rotate(-45deg);
      transition:bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
  }

  .stick.animate:after {
      top: 0;
      transform: rotate(45deg);
      transition:top .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
  }

  .stick:after, .stick:before {
      content: "";
      left: 0;
      background:#000
  }

  .light .stick:before,
  .light .stick:after
  {
    background: #FFF;
  }

  .menu-img {
      position: relative;
      top: 20px;
      opacity: 1;
      transition:.3s opacity
  }

  .stick.animate ~ .menu-img {
      opacity:0
  }

  .site-footer
  {
    padding: 0px 25px;
    width: 100%;
    box-sizing: border-box;
  }

  .site-footer .menu-columns .col
  {
    flex-basis: 20%;
  }

  .site-footer .menu-columns .col.wider
  {
    flex-basis: 34%;
  }


}


@media all and (max-width: 781px){

  .nch-home-grid .wp-block-column
  {
    flex-basis: calc( 33.3333% - 17px ) !important;
    margin-bottom: 17px;
  }

  .nch-home-grid .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n)
  {
  	margin-left: 17px !important;
  }

  .nch-home-grid .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child)
  {
  	flex-basis: calc( 33.3333% - 17px ) !important;
    margin-bottom: 17px;
  }

  .nch-home-grid .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(4n)
  {
  	margin-left: 0px !important;
  }

}


@media all and (max-width: 720px) {

  .site-footer .menu-columns
  {
    display: block;
  }

  .site-footer .menu-columns .col
  {
    flex-basis: 100%;
    margin-bottom: 30px;
  }

}

@media all and (max-width: 767px) {

  #page .nav-list .current-menu-item a:before
  {
    width: 100%;
  }

  #page .nav-list .current-menu-item.anchor a:before
  {
    width: 0%;
  }

  .project-intro
  {
    font-size: 24px;
    line-height: 34px;
    width: 90%;
  }

  .project-intro h1
  {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .project-category-coming-soon .project-header .post-thumbnail img
  {
    width: 75%;
  }

  .project-category-coming-soon .project-header .down-arrow
  {
    bottom: 64px;
  }

  .nch-home-slogan
  {
    margin-top: 150px;
  }

  body.home #primary
  {
    margin-bottom: 250px;
    padding: 0px;
  }

  .home-text-section
  {
    width: 100%;
  }

  .nch-home-grid,
  .recent-news,
  .nch-home-slogan
  {
    padding: 0px 10px;
  }

  .photos-container .photo-item img
  {
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  body.single-projects .photos-container .photo-item img
  {
    width: 85%;
  }

  body.single-projects .photos-container .photo-item .down-arrow img
  {
    width: 44%;
    max-height: none;
  }

  .nch-text .next-post-image
  {
    clip-path: none;
    max-width: 200px;
  }

  .nch-text .inner
  {
    width: 90%;
  }
  .nch-text.nch-next-proj .inner
  {
    width: 100%;
  }

  .photos-container .photo-item .nch-text p.project-name
  {
    font-size: 21px;
  }

  .photos-container .photo-item .nch-text .next-post-image img
  {
    left: 0px;
    top: 0px;
    transform: translate(0, 0);
  }

  .site-main
  {
    padding: 0px 10px;
  }

  body.single-products .project-header .post-thumbnail
  {
    height: 45%;
    margin-top: 70px;
  }

  body.single-products .photos-container .photo-item img
  {
    top: 55%;
  }

  body.single-products .project-header .product-description
  {
    margin-left: 35px;
    width: 34%;
  }

  body.single-products .photo-item.project-header img
  {
    height: 100%;
    width: auto;
    position: relative;
    top: 0px;
    transform: translate(0px, 0px);
    left: 0px;
  }

}

@media all and (max-width: 600px) {

  body.single-products .project-header .product-description
  {
    width: 75%;
  }

  body.single-products .photos-container .photo-item .up-arrow,
  body.single-products .down-arrow
  {
    bottom: 34px;
  }

  body.single-products .photos-container .photo-item .down-arrow img,
  body.single-products .photos-container .photo-item .up-arrow img
  {
    width: 38%;
  }

  #studio-submenu-footer a:last-child
  {
    width: auto;
  }

}

@media all and (max-width: 420px) {
  .site-footer .menu-columns
  {
    display: block;
  }

  .site-footer .menu-columns .col
  {
    flex-basis: 100%;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 320px) {
  body.single-products .project-header .post-thumbnail
  {
    height: 40%;
  }

  body.single-products .photos-container .post-thumbnail img
  {
    width: auto;
    height: 100%;
  }
}



#nch-preloader,
#nch-preloader2,
.nch-preloader
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  z-index: 100;
  opacity: 1;
  pointer-events: visible;
  transition: opacity .6s;
}

#nch-preloader2
{
  width: 150px;
  height: 100px;
  bottom: 74px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}

#nch-preloader.hidden
{
  opacity: 0;
  pointer-events: none;
}

.preloader-1
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.preloader-1 .line {
  width: 1px;
  height: 12px;
  background: #000;
  margin: 0 1px;
  display: inline-block;
  animation: opacity-1 1000ms infinite ease-in-out;
}

#nch-preloader.hidden .preloader-1 .line
{
  animation: none;
}

.preloader-1 .line-1 { animation-delay: 800ms; }
.preloader-1 .line-2 { animation-delay: 600ms; }
.preloader-1 .line-3 { animation-delay: 400ms; }
.preloader-1 .line-4 { animation-delay: 200ms; }
.preloader-1 .line-6 { animation-delay: 200ms; }
.preloader-1 .line-7 { animation-delay: 400ms; }
.preloader-1 .line-8 { animation-delay: 600ms; }
.preloader-1 .line-9 { animation-delay: 800ms; }

@keyframes opacity-1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade-out-in {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fade-in--text {
  from {
    color: transparent;
  }

  to {
    color: #FFFEF2;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fade-out--delayed {
  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade-in--delayed {
  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes scale-down {
  from {
    transform: scale(1.02, 1.02);
  }

  to {
    transform: scale(1, 1);
  }
}
@keyframes slide-in-left {
  from {
    transform: translate(15px, 0);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes slide-in-right {
  from {
    transform: translate(-15px, 0);
  }

  to {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; /* Fixes text rendering bug after the animation runs. Adding this to the element directly doesn't work */
    transform: translate(0, 0);
  }
}
@keyframes slide-left--20 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(-20%, 0);
  }
}
@keyframes slide-left--100 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(-100%, 0);
  }
}
@keyframes slide-left--200 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(-200%, 0);
  }
}
@keyframes slide-left--300 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(-300%, 0);
  }
}
@keyframes slide-out-right {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(15px, 0);
  }
}
@keyframes slide-right--100 {
  from {
    transform: translate(-100%, 0);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes slide-up--20px {
  from {
    transform: translate(0, 20px);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes slide-down--100 {
  from {
    transform: translate(0, -100%);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes move-down--20 {
  from {
    transform: translateY(-20px);
  }

  to {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform: translateY(0);
  }
}
@keyframes move-left--30 {
  from {
    transform: translateX(30px);
  }

  to {
    transform: translateX(0);
  }
}
@keyframes scale-up--80 {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1);
  }
}
@keyframes scale-up--delayed-80 {
  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}
@keyframes scale-down--80 {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.8);
  }
}
@keyframes slide-up--100 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(0, -100%);
  }
}
@keyframes slide-up--0 {
  from {
    transform: translate(0, 100%);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes slide-down--0 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(0, 100%);
  }
}
@keyframes filter-enter-ml {
  from {
    max-height: 0;
  }

  to {
    max-height: 50vh;
  }
}
@keyframes filter-exit-ml {
  from {
    max-height: 50vh;
  }

  to {
    max-height: 0;
  }
}
@keyframes full-page-filter-enter-ml {
  from {
    max-height: 0;
  }

  to {
    max-height: 100vh;
  }
}
@keyframes full-page-filter-exit-ml {
  from {
    max-height: 100vh;
  }

  to {
    max-height: 0;
  }
}
@keyframes subcat-product-details-enter-md {
  from {
    max-height: 0;
    padding: 0 34px;
  }

  to {
    max-height: 170px;
    padding: 0 34px 30px;
  }
}
@keyframes subcat-product-details-enter-lg {
  from {
    max-height: 0;
    padding: 0 40px;
  }

  to {
    max-height: 170px;
    padding: 0 40px 30px;
  }
}
@keyframes subcat-product-enter {
  from {
    max-height: 0;
  }

  to {
    max-height: 550px;
  }
}
@keyframes cat-product-enter-md {
  from {
    max-height: 0;
  }

  to {
    max-height: 370px;
  }
}
@keyframes cat-product-exit-md {
  from {
    max-height: 370px;
  }

  to {
    max-height: 0;
  }
}
@keyframes cat-product-enter-lg {
  from {
    max-height: 0;
  }

  to {
    max-height: 530px;
  }
}
@keyframes cat-product-exit-lg {
  from {
    max-height: 530px;
  }

  to {
    max-height: 0;
  }
}
@keyframes pdp-add-label {
  25% {
    opacity: 0;
    transform: translateY(-100%);
  }

  75% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pdp-add-label--action {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  25%,
  75% {
    opacity: 1;
    transform: translateY(-100%);
  }

  100% {
    opacity: 0;
    transform: translateY(-200%);
  }
}
@keyframes btn-label-animation {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes inline-error-animate-in {
  from {
    max-height: 0;
    opacity: 0;
  }

  to {
    max-height: 40px;
    opacity: 1;
  }
}
@keyframes slide-bottom-in--100 {
  from {
    transform: translate(0, 100%);
  }

  to {
    transform: translate(0, 0);
  }
}
@keyframes slide-bottom-out--100 {
  from {
    transform: translate(0, 0);
  }

  to {
    transform: translate(0, 100%);
  }
}
@keyframes skin-types-button-on {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes skin-types-button-off {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

/* Book Promo Home Page */

.curated-interiors
{
  background-color: #969798;
  padding: 150px 40px 76px 40px;
  color: #FFF;

}

#page .curated-interiors a
{
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Basis Grotesque Medium';
}

#page .curated-interiors a:before
{
  border-bottom: 1px solid #FFF;
  width: 100%;
}

body.home #page
{
    padding-top: 0px;
}

.curated-interiors .wp-block-columns,
.curated-interiors .wp-block-group
{
  max-width: 1024px;
  margin: 0px auto;
}

.curated-interiors .wp-block-group
{
  text-align: center;
}

.curated-interiors .wp-block-group.nch-vert-center
{
  margin: 0px 40px;
}

.curated-interiors .wp-block-group.nch-icon-holder
{
  margin-top: 100px;
}

.curated-interiors .wp-block-column p
{
  text-align: center;
}

.curated-interiors .wp-block-column:not(:first-child)
{
  margin-left: 64px;
  text-align: center;
  display: flex;
  align-items: center;
}

.curated-interiors .wp-block-column:not(:first-child) p:first-of-type
{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: 'Basis Grotesque Medium';
}

.curated-interiors .wp-block-column:not(:first-child) p:nth-of-type(2)
{
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 38px;
  margin-bottom: 15px;
  font-family: 'Basis Grotesque Regular';
}

.curated-interiors .wp-block-column:not(:first-child) p:nth-of-type(3)
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 21px;
  font-family: 'Basis Grotesque Regular';
  margin-bottom: 70px;
  text-transform: uppercase;
}

.curated-interiors .wp-block-column:not(:first-child) p:nth-of-type(4)
{
  font-size: 17px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 70px;
}

.curated-interiors .wp-block-group h2
{
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Basis Grotesque Medium';
  margin: 60px auto;
}

.curated-interiors blockquote
{
  margin: 0px 0px 60px 0px;
}

.curated-interiors blockquote:last-of-type
{
  margin-bottom: 0px;
}

.curated-interiors blockquote cite
{
  font-family: 'Basis Grotesque Medium';
  font-style: normal;
  font-size: 18px;
  display: block;
}

.curated-interiors #about-book h2,
.curated-interiors #about-book p,
.curated-interiors #about-book blockquote,
.curated-interiors #about-book cite
{
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s ease;
}

.curated-interiors #about-book h2.visible,
.curated-interiors #about-book p.visible,
.curated-interiors #about-book blockquote.visible,
.curated-interiors #about-book cite.visible
{
  opacity: 1;
  transform: translateY(0px);
}

.curated-interiors #about-book p
{
  line-height: 29px;
  font-size: 18px;
}

#page .curated-interiors .store-list a
{
  color: rgba(255,255,255, .5);
  font-family: 'Basis Grotesque Medium';
  transition: color .2s linear;
}

#page .curated-interiors .store-list a:before
{
  width: 0%;
}

#page .curated-interiors .store-list a:hover
{
  color: rgba(255,255,255, 1);
}

#page .curated-interiors .store-list a:hover:before
{
  width: 100%;
}

@media all and (max-width: 800px) {

  .curated-interiors .wp-block-column:not(:first-child)
  {
    margin-left: 32px;
  }

  .curated-interiors .wp-block-group.nch-vert-center
  {
    margin: 0px 0px;
  }



}

@media all and (max-width: 781px) {
  .nch-home-grid .wp-block-column:nth-child(4n)
  {
    margin-left: 0px;
  }
}

@media all and (max-width: 767px) {
  .recent-news
  {
    padding: 76px 10px 0px 10px;
  }
}

@media all and (max-width: 599px) {

  .curated-interiors
  {
    padding-top: 100px;
  }

  .curated-interiors .wp-block-column:not(:first-child)
  {
    margin-left: 0px;
    margin-top: 50px;
  }

  .curated-interiors .wp-block-column p
  {
    max-width: none;

  }

}

/* Book Promo Home Page */

/* Video Home Page */

  #my-video
  {
    width: 100%;
  }


  .nch-fullscreen-video
  {
    margin-top: 100px;
    height: auto;
    width: 100%;
    position: relative;
    opacity: 0;
    transition: opacity .4s linear;
  }

  .nch-fullscreen-video.visible
  {
    opacity: 1;
  }

  .video-js .vjs-control-bar
  {
    display: flex;
  }

  .wp-block-video
  {
    margin: 0px;
  }

  .vjs-icon-play::before, .video-js .vjs-play-control .vjs-icon-placeholder::before, .video-js .vjs-big-play-button .vjs-icon-placeholder::before {

    background-image: url('/wp-content/themes/nicolehollis/images/video/play-pause-white-1.png');
    background-size: auto 14px;
    background-repeat: no-repeat;
    background-position: 16px center;
    content: '';
  }

  .vjs-icon-pause::before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before
  {
    background-image: url('/wp-content/themes/nicolehollis/images/video/play-pause-white-1.png');
    background-size: auto 14px;
    background-repeat: no-repeat;
    background-position: -16px center;
    content: '';
  }

  .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before
  {
    content: '';
  }

  .video-js .vjs-volume-panel
  {
    width: 5em;
    margin-left: 14px;
  }

  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal
  {
    display: none;
  }

  .video-js .vjs-volume-panel .vjs-icon-placeholder
  {
    display: none;
  }

  .video-js .vjs-volume-panel .vjs-control-text
  {
    text-transform: uppercase;
    height: auto;
    width: auto;
    clip: auto;
    position: relative;
  }

  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover
  {
    width: 5em;
  }

  .video-js .vjs-volume-level
  {
    display: none;
  }

  .video-js .vjs-control-bar
  {
    background-color: transparent;
    bottom: 14px;
  }

  .video-js .vjs-slider
  {
    height: 1px;
    background-color: #FFF;
  }

  .vjs-progress-holder .vjs-load-progress,
  .video-js .vjs-progress-holder .vjs-load-progress,
  .video-js .vjs-time-control,
  .vjs-big-play-button,
  .video-js .vjs-big-play-button
  {
    display: none;
  }

  .video-js .vjs-progress-holder .vjs-play-progress
  {
    display:
  }

  .video-js .vjs-play-progress::before
  {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #FFF;
    transform: translateY(-7px);
    right: 0px;
  }

  .video-js .vjs-time-tooltip
  {
    display: none !important;
  }

  .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before
  {
    content: '';
    background-image: url('/wp-content/themes/nicolehollis/images/video/window-large-thicker-3.png');
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: center;
  }

  .vjs-icon-fullscreen-exit::before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before
  {
    content: '';
    background-image: url('/wp-content/themes/nicolehollis/images/video/window-small-thicker-3.png');
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: center;
  }

  .video-js .vjs-picture-in-picture-control
  {
    display: none;
  }

  @media all and (max-width: 767px)
  {
    body.page-id-2636 .nch-home-slogan
    {
      margin-top: 150px;
    }
  }


/* End Video Home Page*/