/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	line-height: 1.4;
}

[data-predefined-style="true"] h1 {
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
    margin: 0;
	font-size: 1rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.85);
	}

[data-predefined-style="true"] h1 a {
	color: rgb(102, 102, 102);
}

[data-predefined-style="true"] h2 {
	font-family: "Nitti Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 1);
	font-size: 1rem;
	    line-height: 1.0;
    
}

[data-predefined-style="true"] h2 a {
	color: rgba(255, 255, 255, 1);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4;
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.01em;
}

/**
 * Breakpoints
 */


[data-css-preset] body {
	background-color: rgb(0, 0, 0) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
  display: block;
  margin: auto;
  min-height: 10px;
  max-width: 1600px;
}

@media (max-width: 1599px) {
  [data-css-preset] .container_width {
    padding-left: 20px;
    padding-right: 20px;
  }
}

[data-css-preset] .quick-view-background {
	background: rgba(0, 0, 0, 0.8) /*!quick_view_bgcolor*/;
}

html, body {
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}

[data-css-preset] body {
  background-color: #000;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

[data-css-preset] .container_width {
  display: block;
  margin: auto;
  max-width: 1600px;
  width: 100%;
  flex: 1;
}

@media (max-width: 1599px) {
  [data-css-preset] .container_width {
    padding-left: 20px;
    padding-right: 20px;
  }
}