/******************************************************************
	
Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

******************************************************************/
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.4.0
* Docs at http://davidtheclark.github.io/scut
*/
@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200;800&family=Work+Sans:ital,wght@0,200;0,800;1,200;1,800&display=swap");
.assistive-text,
.visuallyhidden,
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0; }
  7% {
    animation-timing-function: ease-out;
    opacity: 1; }
  44% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

html {
  font-size: 62.5%; }

* {
  box-sizing: border-box; }

body {
  font-size: 22px;
  margin: 0;
  background-color: #F2F2F2;
  color: #101010;
  font-family: "Assistant", sans-serif;
  font-style: normal;
  font-weight: 300;
  max-width: 100vw;
  overflow-x: hidden;
  -webkit-tap-highlight-color: #ff0;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 600px) {
    body {
      font-size: calc( 22px / 1.3);
      line-height: 1.2; } }

.highlight,
::selection {
  background: #ff0; }

div.site-content {
  -ms-flex: 1;
  flex: 1; }

a {
  color: #7A7CBD; }
  a:hover, a:focus, a:active {
    color: #564d95; }

blockquote {
  position: relative;
  padding: 1rem; }
  blockquote:before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 90px;
    font-weight: bold;
    opacity: 0.2;
    position: absolute;
    left: -1.5rem;
    top: -1.5rem; }

.hide-this {
  visibility: hidden;
  height: 0;
  width: 0;
  position: absolute; }
  .hide-this svg {
    display: none; }

.inverse {
  color: #fff; }
  .inverse a,
  .inverse a:visited {
    color: #B3DFD8; }
    .inverse a:hover, .inverse a:focus, .inverse a:active,
    .inverse a:visited:hover,
    .inverse a:visited:focus,
    .inverse a:visited:active {
      color: #F2F2F2; }
    .inverse a.button:hover,
    .inverse a:visited.button:hover {
      color: #fff !important; }
  .inverse svg {
    fill: #fff !important; }

.button,
input[type="submit"],
button {
  background: rgba(179, 223, 216, 0.9);
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  color: #101010;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #6bc1b3;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43);
  box-shadow: 0 0 3px rgba(179, 223, 216, 0.5);
  transition: all 400ms ease-in-out;
  text-shadow: none;
  font-weight: bold;
  border: none;
  outline: none; }
  .button:hover, .button:focus, .button:visited:hover,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:visited:hover,
  button:hover,
  button:focus,
  button:visited:hover {
    background: transparent; }
  .button.full,
  input[type="submit"].full,
  button.full {
    display: block;
    text-align: center; }

.learn-more-button {
  padding-bottom: 2rem; }

.padding {
  padding: 2rem; }

.centered-text {
  text-align: center; }

a.no-style {
  color: #101010;
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  margin: 0; }

h1 {
  font-size: 60.5px; }
  @media (max-width: 600px) {
    h1 {
      font-size: calc( 60.5px / 1.3); } }

h2 {
  font-size: 60.5px; }
  @media (max-width: 600px) {
    h2 {
      font-size: calc( 60.5px / 1.3); } }

h3 {
  font-size: 44px; }
  @media (max-width: 600px) {
    h3 {
      font-size: calc( 44px / 1.3); } }

h4 {
  font-size: 39.6px; }
  @media (max-width: 600px) {
    h4 {
      font-size: calc( 39.6px / 1.3); } }

h5 {
  font-size: 33px; }
  @media (max-width: 600px) {
    h5 {
      font-size: calc( 33px / 1.3); } }

h6 {
  font-size: 26.4px;
  margin: 1em 0 0 0; }
  @media (max-width: 600px) {
    h6 {
      font-size: calc( 26.4px / 1.3); } }

.plain-bg {
  background: #F2F2F2;
  color: #101010;
  text-shadow: none; }
  .plain-bg a,
  .plain-bg a:visited {
    color: #7A7CBD; }
    .plain-bg a:hover, .plain-bg a:focus, .plain-bg a:active,
    .plain-bg a:visited:hover,
    .plain-bg a:visited:focus,
    .plain-bg a:visited:active {
      color: #564d95; }
    .plain-bg a.button:hover,
    .plain-bg a:visited.button:hover {
      color: #101010 !important; }
  .plain-bg svg {
    fill: #101010 !important; }

.two_column_container {
  display: -ms-flexbox;
  display: flex; }
  .two_column_container .column {
    -ms-flex: 1;
    flex: 1; }

.container {
  width: 90%;
  margin: 0 auto;
  max-width: 1150px; }

@media (min-width: 900px) {
  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .main-column {
    width: 63.8%;
    padding-right: 30px; }
  .secondary-column {
    width: 36.2%;
    padding-left: 30px; } }

img {
  display: block;
  max-width: 100%;
  height: auto; }

.alignleft {
  float: left;
  margin: 0.8rem 1.6rem 0.8rem 0; }

.alignright {
  float: right;
  margin: 0.8rem 0 0.8rem 1.6rem; }

.wp-caption {
  text-align: center; }

div.wp-caption {
  background: #F2F2F2;
  border: 1px solid rgba(16, 16, 16, 0.5);
  border-radius: 0 0 0 20px;
  max-width: calc( 100% - 2px); }
  div.wp-caption.alignright {
    max-width: 50%; }
  div.wp-caption.alignleft {
    max-width: 50%; }

img.alignright {
  float: right;
  margin: 2rem 0 2rem 2rem;
  max-width: 50%; }

img.alignleft {
  float: left;
  margin: 2rem 2rem 2rem 0;
  max-width: 50%; }

img.aligncenter {
  width: 95%;
  clear: both;
  height: auto;
  margin: 2rem auto;
  max-width: none; }

.gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 2rem;
  margin: 2rem auto; }
  .gallery li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 33.333%;
    flex: 33.333%;
    margin: 0; }
  .gallery a {
    display: block; }

/**
 * base form styles
 */
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="month"],
input[type="week"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
select,
textarea {
  padding: 0.25rem 1rem;
  outline: none;
  border: 1px solid rgba(16, 16, 16, 0.2);
  border-radius: 3px;
  background: #fff;
  font-size: 22px;
  box-shadow: none;
  -webkit-appearance: none;
  width: 100%; }
  .night input[type="email"], .night
  input[type="number"], .night
  input[type="password"], .night
  input[type="search"], .night
  input[type="tel"], .night
  input[type="text"], .night
  input[type="url"], .night
  input[type="month"], .night
  input[type="week"], .night
  input[type="date"], .night
  input[type="datetime"], .night
  input[type="datetime-local"], .night
  select, .night
  textarea {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #101010; }
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="password"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="text"]:hover,
  input[type="url"]:hover,
  input[type="month"]:hover,
  input[type="week"]:hover,
  input[type="date"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  select:hover,
  textarea:hover {
    border: 1px dotted #ff0089; }
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="url"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  select:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #ff0089; }

body #daytime_posts div.frm_forms {
  display: block; }

body #nightime_posts div.frm_forms {
  display: none; }

body.night #daytime_posts div.frm_forms {
  display: none; }

body.night #nightime_posts div.frm_forms {
  display: block; }

.frm_description {
  font-size: 80%; }

.frm_form_field {
  margin-bottom: 1.5rem; }

#page_main input[type="submit"],
#page_main button.frm_button_submit {
  padding: 15px 25px;
  background-color: #101010;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: all linear 1s;
  text-transform: uppercase; }
  #page_main input[type="submit"]:hover,
  #page_main button.frm_button_submit:hover {
    border: 2px solid #ff0089; }
  .night #page_main input[type="submit"], .night
  #page_main button.frm_button_submit {
    background-color: #fff;
    color: #101010; }

.frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_left_container textarea, .frm_form_field.frm_left_container .wp-editor-wrap, .frm_form_field.frm_left_container .frm_opt_container, .frm_form_field.frm_left_container .frm_dropzone, .frm_form_field.frm_left_container .frm-g-recaptcha, .frm_form_field.frm_left_container .g-recaptcha, .frm_form_field.frm_left_container .chosen-container, .frm_form_field.frm_left_container .frm_combo_inputs_container, .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_right_container textarea, .frm_form_field.frm_right_container .wp-editor-wrap, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_right_container .frm_dropzone, .frm_form_field.frm_right_container .frm-g-recaptcha, .frm_form_field.frm_right_container .g-recaptcha, .frm_form_field.frm_right_container .chosen-container, .frm_form_field.frm_right_container .frm_combo_inputs_container {
  max-width: 100%; }

.frm_form_field.frm_left_container label.frm_primary_label {
  max-width: 90%; }

.widget_search form.search-form {
  display: -ms-flexbox;
  display: flex; }
  .widget_search form.search-form label {
    -ms-flex: 1;
    flex: 1; }

.widget_search input[type="search"] {
  margin: 0 -2px 0 0;
  width: 100%; }

.widget_search input[type="submit"] {
  font-size: 80%;
  padding: 8px 10px;
  margin: 0 0 0 -5px; }

.site-header {
  background: rgba(255, 255, 255, 0.5); }
  .site-header .main-navigation {
    text-transform: uppercase; }
    .site-header .main-navigation .mobile-menu-toggle {
      display: none; }
    .site-header .main-navigation ul {
      margin: 0;
      padding: 0.6em 1em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      transition: all 400ms ease-in-out; }
      .site-header .main-navigation ul li {
        list-style-type: none;
        -ms-flex: 1;
        flex: 1; }
        .site-header .main-navigation ul li a {
          transition: all 400ms ease-in-out; }
    @media (max-width: 900px) {
      .site-header .main-navigation .mobile-menu-toggle {
        display: block; }
      .site-header .main-navigation ul {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 9999;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
        .site-header .main-navigation ul li {
          width: 100%; }
          .site-header .main-navigation ul li a {
            line-height: 3; }
        .site-header .main-navigation ul.open {
          width: 100%;
          max-width: 100vw;
          display: -ms-flexbox;
          display: flex;
          height: calc( 100vh - 6rem); }
          .site-header .main-navigation ul.open li {
            -ms-flex: 1;
            flex: 1; } }

#cuddle_tok_logo {
  width: 80vw;
  height: auto;
  max-width: 900px;
  min-width: 320px;
  margin: 5px auto; }
  #cuddle_tok_logo svg {
    width: 100%;
    height: auto; }
    #cuddle_tok_logo svg .svg_inverting_color {
      fill: #101010;
      transition: fill linear 1s; }

.daytime_nightime_switch_container {
  text-align: center; }

* {
  box-sizing: border-box; }

html {
  font-size: 1em;
  line-height: 1.4; }

body {
  background: #fff;
  color: #222;
  transition: all linear 1s; }

body.night {
  background: #101010;
  color: #fff;
  transition: all linear 1s; }
  body.night #cuddle_tok_logo svg .svg_inverting_color {
    fill: #fff; }

body.night a {
  color: #dbe48a;
  transition: all linear 300ms; }

body.night a:hover,
body.night a:focus,
body.night a:active {
  color: #fff; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

img {
  max-width: 99%; }

.alignright {
  float: right; }

.back-button {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.8em;
  opacity: 0.5; }

a {
  color: #0c99cb;
  text-decoration: none;
  transition: all linear 300ms; }

a:hover,
a:focus {
  color: #000; }

/* ================================================== daytime nighttime ===== */
.toggle {
  display: block;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px auto; }

.toggle--checkbox {
  display: none; }

.toggle--btn {
  display: block;
  margin: 0 auto;
  font-size: 1.4em;
  transition: all 350ms ease-in; }

.toggle--btn:hover {
  cursor: pointer; }

.toggle--btn,
.toggle--btn:before,
.toggle--btn:after,
.toggle--checkbox,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature,
.toggle--feature:before,
.toggle--feature:after {
  transition: all 250ms ease-in; }

.toggle--btn:before,
.toggle--btn:after,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature:before,
.toggle--feature:after {
  content: "";
  display: block; }

/* ===================================================
   Day/Night and Gender toggle buttons
   =================================================== */
.toggle--daynight .toggle--btn,
.toggle--like .toggle--btn {
  position: relative;
  height: 70px;
  width: 125px;
  border-radius: 70px; }

.toggle--daynight .toggle--btn:before,
.toggle--like .toggle--btn:before {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 56px;
  height: 56px;
  border-radius: 50%; }

.toggle--daynight .toggle--btn {
  border: 5px solid #1c1c1c;
  background-color: #3c4145; }

.toggle--daynight .toggle--btn:before {
  background-color: #fff;
  border: 5px solid #e3e3c7; }

.toggle--daynight .toggle--btn:after {
  position: absolute;
  top: 62%;
  left: 39px;
  z-index: 10;
  width: 11.2px;
  height: 11.2px;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: #fff 0 0, #fff 3px 0, #fff 6px 0, #fff 9px 0, #fff 11px 0, #fff 14px 0, #fff 16px 0, #fff 21px -1px 0 1px, #fff 16px -7px 0 -2px, #fff 7px -7px 0 1px, #d3d3d3 0 0 0 4px, #d3d3d3 6px 0 0 4px, #d3d3d3 11px 0 0 4px, #d3d3d3 16px 0 0 4px, #d3d3d3 21px -1px 0 5px, #d3d3d3 16px -7px 0 1px, #d3d3d3 7px -7px 0 5px;
  transition: opacity 100ms ease-in; }

@keyframes starry_star {
  50% {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: #fff 30px -3px 0 0, #fff 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, #fff 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, #fff 5px 38px 0 1px; } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 100;
    transform: scale(1.1); }
  55% {
    transform: scale(1.1); }
  75% {
    transform: scale(0.9); }
  100% {
    opacity: 100;
    transform: scale(1); } }

.toggle--daynight .toggle--feature {
  display: block;
  position: absolute;
  top: 9px;
  left: 52.5%;
  z-index: 20;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 0, rgba(255, 255, 255, 0.1) 12px 10px 0 -1px, #fff 38px 18px 0 1px, rgba(255, 255, 255, 0.1) 32px 34px 0 0, #fff 20px 24px 0 -1.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 1px;
  animation: starry_star 5s ease-in-out infinite; }

.toggle--daynight .toggle--feature:before {
  position: absolute;
  top: -2px;
  left: -27px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 5px solid #e3e3c7;
  box-shadow: #e3e3c7 -28px 0 0 -3px, #e3e3c7 -8px 24px 0 -2px;
  transform-origin: -6px 130%; }

.toggle--daynight .toggle--checkbox:checked + .toggle--btn {
  background-color: #9ee3fb;
  border: 5px solid #86c3d7; }

.toggle--daynight .toggle--checkbox:checked + .toggle--btn:before {
  left: 55px;
  background-color: #ffdf6d;
  border: 5px solid #e1c348; }

.toggle--daynight .toggle--checkbox:checked + .toggle--btn:after {
  opacity: 100;
  animation-name: bounceIn;
  animation-duration: 0.6s;
  animation-delay: 0.1s;
  animation-fill-mode: backwards;
  animation-timing-function: ease-in-out; }

.toggle--daynight .toggle--checkbox:checked + .toggle--btn > .toggle--feature {
  opacity: 0;
  box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 -4px, rgba(255, 255, 255, 0.1) 12px 10px 0 -5px, #fff 38px 18px 0 -3px, rgba(255, 255, 255, 0.1) 32px 34px 0 -4px, #fff 20px 24px 0 -5.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 -3px;
  animation: none; }

.toggle--daynight
.toggle--checkbox:checked
+ .toggle--btn
> .toggle--feature:before {
  left: 25px;
  transform: rotate(70deg); }

#main {
  width: 100%; }

footer.site-footer {
  padding: 2rem 0 4rem 0; }
  footer.site-footer .footer-widget-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 900px) {
      footer.site-footer .footer-widget-area {
        display: block; } }
    footer.site-footer .footer-widget-area > div {
      -ms-flex: 1;
      flex: 1;
      margin: 2em 0;
      padding: 2em 1em 2em 1.2em;
      border-right: 1px solid rgba(242, 242, 242, 0.3); }
      @media (max-width: 900px) {
        footer.site-footer .footer-widget-area > div {
          max-width: 100%;
          display: block;
          clear: both;
          border-right: none;
          border-bottom: 1px solid rgba(242, 242, 242, 0.3);
          text-align: center; } }
      footer.site-footer .footer-widget-area > div:last-child {
        border-right: none; }
        @media (max-width: 900px) {
          footer.site-footer .footer-widget-area > div:last-child {
            border-bottom: none; } }
    footer.site-footer .footer-widget-area .widget_nav_menu ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    footer.site-footer .footer-widget-area h4.widgettitle {
      text-align: center; }
    footer.site-footer .footer-widget-area div.column div.widget:first-child h4.widgettitle {
      margin-top: 0; }
  footer.site-footer .social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    clear: both; }
    footer.site-footer .social-links li {
      display: inline; }
      footer.site-footer .social-links li span {
        padding: 1rem; }
      footer.site-footer .social-links li a {
        text-decoration: none; }
  footer.site-footer .container p {
    padding: 0; }

/**
 * Block: image_text_row
 */
.block-image_text_row {
  display: block; }
  @media (min-width: 900px) {
    .block-image_text_row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch; }
      .block-image_text_row.text_image {
        -ms-flex-direction: row;
        flex-direction: row; }
      .block-image_text_row.image_text {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
      .block-image_text_row > .text,
      .block-image_text_row > .image {
        width: 49%; }
      .block-image_text_row > .image {
        -ms-flex: 1;
        flex: 1;
        background-size: cover; } }

/**
 * Block: hero
 */
.block-hero {
  display: block; }

/**
 * Block: hero
 */
.block-page_grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .block-page_grid.large_grid > a {
    -ms-flex: 1;
    flex: 1;
    min-height: 40vh;
    min-width: 400px;
    position: relative; }
    .block-page_grid.large_grid > a object:after {
      content: '';
      position: absolute;
      pointer-events: none;
      top: 15px;
      bottom: 15px;
      left: 15px;
      right: 15px;
      border: 1px solid rgba(255, 255, 255, 0.5); }
    .block-page_grid.large_grid > a .image {
      width: 100%;
      height: 100%; }
      .block-page_grid.large_grid > a .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative; }
    .block-page_grid.large_grid > a .title {
      position: absolute;
      top: 10%;
      left: 0;
      padding: 1rem 50px;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center; }
    .block-page_grid.large_grid > a .excerpt {
      position: relative;
      margin-top: -20vh;
      padding: 1rem 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center; }

/**
 * Block: hero
 */
.block-hero {
  display: block;
  position: relative;
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
  .block-hero.hero_size-full {
    min-height: 100vh; }
    .block-hero.hero_size-full .hero-content {
      min-height: 100vh; }
  .block-hero.hero_size-half {
    min-height: 50vh; }
    .block-hero.hero_size-half .hero-content {
      min-height: 50vh; }
  .block-hero.text-light {
    color: #fff; }
  .block-hero.text-dark {
    color: #101010; }
  .block-hero.text-right .hero-content {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .block-hero.text-left .hero-content {
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .block-hero.text-center .hero-content {
    -ms-flex-pack: center;
    justify-content: center; }
  .block-hero.hero_type-video .video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 59vh;
    z-index: -1; }
  .block-hero.hero_type-slides .slideshow-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .block-hero.hero_type-slides .slideshow-container > figure {
      animation: imageAnimation 30s linear infinite 0s;
      backface-visibility: hidden;
      background-size: cover;
      background-position: center center;
      color: transparent;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0;
      margin: 0; }
  .block-hero .hero-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10vw; }
    .block-hero .hero-content .hero-content-container {
      max-width: 550px; }
      .block-hero .hero-content .hero-content-container h1 {
        margin-top: 0; }

h1.page-title {
  text-align: center;
  font-size: 1.75rem;
  text-transform: uppercase;
  border-bottom: 1px solid; }

.daytime_nightime_container .column_header {
  text-align: center; }

.daytime_nightime_container #daytime_posts {
  color: #101010; }

.daytime_nightime_container #nightime_posts {
  color: #fff; }

@media (max-width: 600px) {
  #nightime_posts {
    display: none; }
  #daytime_posts {
    display: block; }
  .night #nightime_posts {
    display: block; }
  .night #daytime_posts {
    display: none; } }

#home_introduction a.drawer_button {
  display: block;
  font-size: 11px;
  padding: 0.25em;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  margin-top: 5px;
  background: #fff;
  color: #101010;
  border-top: 1px solid #101010; }
  .night #home_introduction a.drawer_button {
    background: #101010;
    color: #fff;
    border-top: 1px solid #fff; }
  #home_introduction a.drawer_button:hover, #home_introduction a.drawer_button:target {
    background: #101010;
    color: #fff; }
    .night #home_introduction a.drawer_button:hover, .night #home_introduction a.drawer_button:target {
      background: #fff;
      color: #101010; }

#home_introduction #intro_content {
  border: 1px solid #101010;
  overflow: hidden;
  opacity: 1;
  transition: all .3s ease-in-out;
  max-height: none; }
  #home_introduction #intro_content.closed {
    max-height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; }
  #home_introduction #intro_content .padding {
    max-width: 950px;
    margin: 0 auto; }

.popup {
  width: 100%;
  position: fixed;
  z-index: 99999999;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 1.1em; }

.pull-tab {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 25px;
  background-color: #101010;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all linear 1s; }
  .night .pull-tab {
    background-color: #fff;
    color: #101010; }
  .pull-tab:hover {
    border: 2px solid #ff0089; }

.bottom-drawer {
  width: 100%;
  background-color: #efefef;
  display: none;
  text-align: left;
  transition: all linear 1s; }
  .night .bottom-drawer {
    background-color: #171717; }
  .bottom-drawer .padding {
    min-height: 300px;
    max-width: 1700px;
    margin: 0 auto; }
  @media (max-width: 600px) {
    .bottom-drawer {
      max-height: 80vh;
      overflow-x: auto; } }

header.article-header .byline {
  padding: 0 0 6rem 0; }

#respond h3 {
  font-size: 3rem; }
  #respond h3 small {
    font-size: 22px;
    font-family: "Work Sans", sans-serif;
    font-weight: normal; }

ol.commentlist {
  margin: 1em 0;
  padding: 0;
  list-style: none; }
  ol.commentlist li {
    padding: 0;
    margin: 0; }
    ol.commentlist li .media-object {
      padding: 1em;
      display: -ms-flexbox;
      display: flex; }
      ol.commentlist li .media-object .media-object-section > article {
        padding: 0.5em 1em;
        background: rgba(16, 16, 16, 0.065);
        border-radius: 0 0 0 20px; }
      ol.commentlist li .media-object .media-object-section p {
        padding: 0; }
        ol.commentlist li .media-object .media-object-section p label {
          left: 1.5rem;
          top: -1.5rem;
          background: #F2F2F2; }
          @media (max-width: 900px) {
            ol.commentlist li .media-object .media-object-section p label {
              left: 1.25rem; } }
      ol.commentlist li .media-object .media-object-section:last-child {
        -ms-flex: 1;
        flex: 1; }
    ol.commentlist li ul {
      list-style: none;
      margin: 0 0 0 3em;
      padding: 0; }

nav.next-and-previous-posts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch; }
  nav.next-and-previous-posts > div {
    padding: 2rem; }

span.pulled-right {
  display: block;
  float: right;
  clear: right;
  padding: 0 0 0 10px;
  margin: 0 0 20px 20px;
  width: 230px;
  font-size: 1.5em;
  line-height: 1.3;
  text-align: right;
  color: #2a2a2a;
  border-left: 3px solid rgba(242, 113, 67, 0.5); }
  @media (max-width: 900px) {
    span.pulled-right {
      width: 200px;
      font-size: 1.3em; } }

span.pulled-left {
  display: block;
  float: left;
  clear: left;
  padding: 0 10px 0 0;
  margin: 0 20px 20px 0;
  width: 230px;
  font-size: 1.5em;
  line-height: 1.3;
  text-align: left;
  color: #2a2a2a;
  border-right: 3px solid rgba(242, 113, 67, 0.5); }
  @media (max-width: 900px) {
    span.pulled-left {
      width: 200px;
      font-size: 1.3em; } }

.icon-email-dims {
  width: 100px;
  height: 100px; }

.icon-etsy-dims {
  width: 32px;
  height: 32px; }

.icon-facebook-dims {
  width: 32px;
  height: 32px; }

.icon-flickr-dims {
  width: 32px;
  height: 32px; }

.icon-folder-dims {
  width: 100px;
  height: 100px; }

.icon-googleplus-dims {
  width: 32px;
  height: 32px; }

.icon-instagram-dims {
  width: 32px;
  height: 32px; }

.icon-linkedin-dims {
  width: 32px;
  height: 32px; }

.icon-paypal-dims {
  width: 32px;
  height: 32px; }

.icon-rss-dims {
  width: 32px;
  height: 32px; }

.icon-spotify-dims {
  width: 32px;
  height: 32px; }

.icon-tags-dims {
  width: 100px;
  height: 100px; }

.icon-twitter-dims {
  width: 32px;
  height: 32px; }

.icon-wordpressdotcom-dims {
  width: 32px;
  height: 32px; }

.icon-youtube-dims {
  width: 32px;
  height: 32px; }

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }