@charset "UTF-8";
/*!
Theme Name: DJ MATTRESS FINDER
Theme URI: https://iotheme.com/
Author: G
Author URI: http://iotheme.com
Description: A Product of ioTheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dj-mattress-finder
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 with others.

DJ MATTRESS FINDER is based on Underscores https://underscores.me/, (C) 2012-2017 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:
----------------------------------------------------------------
# Navigation
	## Menus
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/




@font-face {
  font-family: 'CircularXX Light';
  src: url('/wp-content/themes/dj-mattress-finder/font/CircularXXWeb-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX Book';
  src: url('/wp-content/themes/dj-mattress-finder/font/CircularXXWeb-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX Medium';
  src: url('/wp-content/themes/dj-mattress-finder/font/CircularXXWeb-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CircularXX Bold';
  src: url('/wp-content/themes/dj-mattress-finder/font/CircularXXWeb-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}






@keyframes io-fadein {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-fadein-mobile {
  -webkit-animation: io-fadein 0.3s;
  animation: io-fadein 0.3s;
}

@keyframes io-fadein-frame {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.io-menu-desktop {
  display: block;
  text-align: right;
}
.io-menu-desktop span.io-menu-dot-mobile {
  display: none;
}
.io-menu-desktop a {
  display: block;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-desktop a.io-menu-dot-desktop:after {
  content: " +";
  float: right;
}
.io-menu-desktop span.io-menu-button-span {
  display: none;
}
.io-menu-desktop > ul > li.current-menu-item > a, .io-menu-desktop > div > ul > li.current-menu-item > a {
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-desktop ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
  display: block;
}
.io-menu-desktop ul > li {
  margin-right: -4px;
  display: inline-block;
  position: relative;
  height: 30px;
  color: #212529;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-weight: 400;
}
.io-menu-desktop ul > li > a {
  padding: 0;
  line-height: 29px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 1px;
  color: #212529;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-weight: 400;
}
.io-menu-desktop ul > li ul {
  text-align: left;
  display: block;
  left: -999em;
  position: absolute;
  width: 200px;
  background: white;
  z-index: 99999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.io-menu-desktop ul > li > ul {
  top: 100%;
}
.io-menu-desktop ul > li > ul li {
  margin-right: 0;
  position: relative;
  display: block;
  height: auto;
  color: #212529;
  font-size: 14px;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop ul > li > ul li a {
  line-height: initial;
  padding: 7px 20px;
  color: #212529;
  font-size: 14px;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
}
.io-menu-desktop ul > li > ul li a:visited {
  color: #212529;
}
.io-menu-desktop ul > li > ul li a:hover, .io-menu-desktop ul > li > ul li a:focus {
  color: #212529;
}
.io-menu-desktop ul > li > ul li:nth-child(even) a {
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-desktop ul > li > ul li ul {
  top: 0;
  left: -999em;
}
.io-menu-desktop ul > li > ul li:hover > ul {
  left: 100%;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop ul > li:hover > ul {
  left: 0;
  -webkit-animation: io-fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: io-fadein 0.3s;
  /* Firefox < 16 */
  -o-animation: io-fadein 0.3s;
  /* Opera < 12.1 */
  animation: io-fadein 0.3s;
}
.io-menu-desktop.io-menu-desktop-vl {
  width: 100%;
  text-align: left;
}
.io-menu-desktop.io-menu-desktop-vl a.io-menu-dot-desktop:after {
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul {
  text-align: left;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vl ul > li > ul a.io-menu-dot-desktop:after {
  content: " »";
  float: right;
}
.io-menu-desktop.io-menu-desktop-vl ul > li:hover > ul {
  left: 100%;
}
.io-menu-desktop.io-menu-desktop-vr {
  width: 100%;
  text-align: right;
}
.io-menu-desktop.io-menu-desktop-vr a.io-menu-dot-desktop:after {
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li {
  margin-right: 0;
  display: block;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul {
  text-align: right;
  left: -999em;
  top: 0;
}
.io-menu-desktop.io-menu-desktop-vr ul > li > ul a.io-menu-dot-desktop:after {
  content: " «";
  float: left;
}
.io-menu-desktop.io-menu-desktop-vr ul > li:hover > ul {
  left: unset;
  right: 100%;
}

.io-menu-mobile {
  position: relative;
  background: transparent;
  display: block;
  text-align: right;
}
.io-menu-mobile a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.io-menu-mobile.io-menu-mobile-active > ul, .io-menu-mobile.io-menu-mobile-active > div > ul {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}
.io-menu-mobile .io-menu-button-li {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right;
  background: rgba(0, 0, 0, 0.01);
}
.io-menu-mobile .io-menu-button-li a {
  width: unset;
  line-height: 56px;
  max-height: 56px;
  font-size: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.io-menu-mobile span.io-menu-button-span {
  cursor: pointer;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background: transparent;
  color: #212529;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: inline-block;
}
.io-menu-mobile ul {
  padding: 0;
  margin: 0;
}
.io-menu-mobile > ul, .io-menu-mobile > div > ul {
  padding-top: 56px;
  overflow-y: auto;
  position: fixed;
  height: 100%;
  width: 250px;
  left: -250px;
  top: 0;
  background: #fff;
  z-index: 99999999;
}
.io-menu-mobile .io-mobile-ul-show {
  left: 0;
  max-height: 8888px;
}
.io-menu-mobile .io-mobile-ul-hide {
  left: -9999px;
  max-height: 0;
}
.io-menu-mobile a {
  display: block;
  padding: 20px 20px;
  width: calc(100% - 20px * 2);
  color: #212529;
  font-size: 14px;
}
.io-menu-mobile a:visited {
  color: #212529;
}
.io-menu-mobile a:hover, .io-menu-mobile a:focus {
  color: #212529;
}
.io-menu-mobile ul {
  text-align: left;
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.05);
  list-style: none;
}
.io-menu-mobile ul li {
  position: relative;
  display: block;
  color: #212529;
}
.io-menu-mobile ul li span.io-menu-dot-mobile {
  position: absolute;
  background: white;
  color: #212529;
  z-index: 1;
  right: 0;
  top: 0;
  content: "+";
  display: block;
  text-align: center;
  width: 70px;
  cursor: pointer;
}
.io-menu-mobile ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.01);
}

.io-get-width-menu {
  position: absolute !important;
  right: 0 !important;
  width: 999px !important;
}

.iot-menu-bg-black {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99999998;
  left: -100%;
  background-color: rgba(0, 0, 0, 0.68);
}

.iot-menu-bg-black-active {
  -webkit-animation: io-fadein-frame 0.5s;
  animation: io-fadein-frame 0.5s;
  left: 0;
}

.comment-navigation,
.posts-navigation,
.post-navigation {
  width: 100%;
  content: "";
  display: table;
  table-layout: fixed;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 3em;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

.io-menu-button-li {
  position: relative;
}
.io-menu-button-li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  left: 0;
  top: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#secondary .widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
#secondary .widget select {
  max-width: 100%;
}
#secondary .widget > h2 {
  position: relative;
  font-size: 1.25rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  /*padding: 0 30px 0 30px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#secondary .widget.widget_recent_entries > ul > li, #secondary .widget.widget_recent_comments > ul > li, #secondary .widget.widget_archive > ul > li, #secondary .widget.widget_categories > ul > li, #secondary .widget.widget_meta > ul > li {
  padding: 3px 0 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#secondary .widget.widget_recent_entries > ul > li:before, #secondary .widget.widget_recent_comments > ul > li:before, #secondary .widget.widget_archive > ul > li:before, #secondary .widget.widget_categories > ul > li:before, #secondary .widget.widget_meta > ul > li:before {
  content: "";
  font-family: Dashicons;
  vertical-align: bottom;
  padding-right: 3px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.sticky {
  -webkit-transform: none;
  transform: none;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

#content {
  margin-bottom: 70px;
}
#content #primary #main article {
  margin-bottom: 60px;
}
#content #primary #main article .entry-header {
  padding-bottom: 10px;
}
#content #primary #main article .entry-header .entry-title {
  margin-top: 0;
  word-wrap: break-word;
  font-size: 26px;
  text-transform: uppercase;
}
#content #primary #main article .entry-header .entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#content #primary #main article .entry-header .entry-meta .posted-on, #content #primary #main article .entry-header .entry-meta .byline {
  padding-right: 10px;
}
#content #primary #main article .entry-header .entry-meta .posted-on:before {
  /*content: "\f469";*/
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-header .entry-meta .byline:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .post-thumbnail {
  display: block;
  margin-top: 20px;
}
#content #primary #main article .entry-footer {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 20px;
}
#content #primary #main article .entry-footer .cat-links, #content #primary #main article .entry-footer .tags-links, #content #primary #main article .entry-footer .edit-link, #content #primary #main article .entry-footer .comments-link {
  padding-right: 10px;
}
#content #primary #main article .entry-footer .cat-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .tags-links:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 0.9em;
}
#content #primary #main article .entry-footer .edit-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article .entry-footer .comments-link:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 1px;
  font-size: 1em;
}
#content #primary #main article > *:last-child {
  /*border-radius: 0 0 5px 5px;*/
}
#content #primary #main .page-header {
  margin-bottom: 30px;
}
#content #primary #main .page-header .page-title {
  word-wrap: break-word;
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 0;
}
#content #primary #main .posts-navigation .nav-previous a:before {
  content: "";
  display: inline-block;
  padding-right: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}
#content #primary #main .posts-navigation .nav-next a:after {
  content: "";
  display: inline-block;
  padding-left: 10px;
  font-family: Dashicons;
  vertical-align: bottom;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area .comments-title {
  word-wrap: break-word;
  font-size: 24px;
  text-transform: uppercase;
}
.comments-area .comment-list {
  list-style: none;
  margin-left: 50px;
  padding-left: 0;
}
.comments-area .comment-list .comment-body {
  padding: 20px;
  margin-bottom: 0 !important;
}
.comments-area .comment-list .comment-body .comment-meta .comment-author .avatar.photo {
  border-radius: 50%;
  margin-right: 10px;
}
.comments-area .comment-list .comment-body .comment-metadata {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .comment-body .comment-metadata:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply:before {
  content: "";
  font-family: Dashicons;
  vertical-align: middle;
  padding-right: 3px;
  font-size: 14px;
}
.comments-area .comment-list .comment-body .reply .comment-reply-link {
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}
.comments-area .comment-list .children {
  list-style: none;
  margin-left: 50px;
}
.comments-area .comment-respond .comment-reply-title {
  word-wrap: break-word;
  font-size: 24px;
  text-transform: uppercase;
}
.comments-area .comment-respond .comment-form textarea[name=comment] {
  width: 100%;
}
.comments-area .comment-respond .comment-form input[name=author],
.comments-area .comment-respond .comment-form input[name=email],
.comments-area .comment-respond .comment-form input[name=url] {
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent, .comments-area .comment-respond .comment-form .form-submit {
  padding: 5px;
}

/*--------------------------------------------------------------
## Main and Fix some CSS
--------------------------------------------------------------*/
body {
    font-family: "Barlow", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 300 !important;
    font-size: 17px;
  background: transparent;
    color: #574D3A;
}

a:hover {
  text-decoration: none;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  width: 100%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  padding: 0;
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fittext {
  text-align: center;
}
.fittext a {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}

.spanst, .spannd {
  background: transparent;
  display: inline;
  padding-right: 1px;
  opacity: 0;
}

.io-get-width-textfit {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 99999999px;
  opacity: 0;
}

.dashicons, .dashicons-before:before {
  display: inherit;
  width: inherit;
  height: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: dashicons;
  text-decoration: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: inherit;
  text-align: inherit;
}

/* Text meant only for screen readers. */
.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 !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

dfn, cite, em, i {
  font-style: italic;
  color: inherit;
}

blockquote {
  margin: 0 1.5em;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
}

blockquote p {
  color: inherit;
}

address {
  margin: 0 0 1.5em;
}

pre {
  color: inherit;
  background: rgba(0, 0, 0, 0.08);
  padding: 2rem;
}

code, kbd, tt, var {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.06);
  color: inherit;
}

abbr, acronym {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
  cursor: help;
}

mark, ins {
  background: rgba(255, 231, 0, 0.2);
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead {
  margin-top: 0px;
}
#masthead .site-branding {
  margin-bottom: 0px;
}
#masthead .site-branding .site-title {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 0.5rem;
}
#masthead .site-branding .site-title a {
  display: inline-block;
}
#masthead .site-branding .site-description {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0rem;
}
#masthead #site-navigation {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon {
  margin-bottom: 30px;
}
#colophon .site-info {
  text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*# sourceMappingURL=style.css.map */




/*ORASY CSS START */

html {
    height: 100%;
}

.vc_row {
    overflow: visible !important;
}

#main-top-header {
    z-index: 999 !important;
    
    
}


/*body {
      font-family: Arial, sans-serif;
      background: #fff;
      color: #326E43;
      text-align: center;
      margin: 0;
      padding: 0;
    }

    .selectors {
      display: flex;
      justify-content: center;
      gap: 2.5em;
      margin-bottom: 3em;
    }
    .selector-box {
      border: none;
      border-radius: 8px;
      width: 250px;
      height: 370px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      background: #E3DADA;
      padding-top: 1.5em;
    }
    .selector-title {
      color: #7E5853;
      font-weight: bold;
      font-size: 1.13em;
        line-height: 1.1em;
      margin: 1.2em 0 1.5em 0;
    }
    .slider-labels {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 240px !important;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: .8em;
      color: #222;
      text-align: right;
        padding-top: 40px;
        width: 70px;
        line-height: 1em;
    }
    .vertical-slider-container {
      position: relative;
      height: 220px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .vertical-slider {
      -webkit-appearance: none;
      appearance: none;
      width: 220px;
      height: 40px;
      transform: rotate(-90deg);
      background: #E3DADA;
      border-radius: 8px;
      outline: none;
      position: absolute;
      left: -90px;
      top: 90px;
      direction: rtl;
    }
    .vertical-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 38px;
      height: 38px;
      background: #fff;
      border: 3px solid #222;
      border-radius: 10px;
      cursor: pointer;
      box-shadow: 0 2px 5px #0002;
      transform: translateY(-11px);
    }
    .vertical-slider::-webkit-slider-runnable-track {
      height: 14px;
      background: #aaa;
      border-radius: 8px;
    }
    .vertical-slider::-moz-range-thumb {
      width: 38px;
      height: 38px;
      background: #fff;
      border: 3px solid #222;
      border-radius: 10px;
      cursor: pointer;
      box-shadow: 0 2px 5px #0002;
      transform: translateY(-11px);
    }
    .vertical-slider::-ms-thumb {
      width: 38px;
      height: 38px;
      background: #fff;
      border: 3px solid #222;
      border-radius: 10px;
      cursor: pointer;
      box-shadow: 0 2px 5px #0002;
      transform: translateY(-11px);
    }
    .vertical-slider::-ms-fill-lower {
      background: #aaa;
    }
    .vertical-slider::-ms-fill-upper {
      background: #aaa;
    }
    .vertical-slider:focus {
      outline: none;
    }*/




    .live-value {
      position: absolute;
      right: -100px;
      transform: translateY(-50%);
      background: transparent;
      color: #7E5853;
      font-weight: bold;
      font-size: .81em;
      min-width: 65px;
      padding: 2px 6px;
      pointer-events: none;
      text-align: center;
    }
    .submit-btn {
      background: #fff;
      border: 2px solid #7E5853;
      color: #7E5853;
      border-radius: 999px;
      font-size: 1.4em;
      padding: 0.5em 2.5em;
      cursor: pointer;
      margin-top: 1em;
      transition: background 0.15s;
      box-shadow: 0 2px 10px #0002;
    }
    .submit-btn:hover {
      background: #7E5853;
      color: #fff;
      border-color: #7E5853;
    }
    .result {
      margin-top: 100px;
      font-size: 1.6em;
      color: #284956 !important;
    }
    .thumbnails {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      margin-top: 20px;
    }
    .mattress-thumb {
      width: 30%;
      text-align: center;
      margin-bottom: 2em;
    }
    .mattress-thumb img {
      width: 100%;
      border-radius: 14px;
    }
    .mattress-thumb-name {
      margin-top: 12px;
      color: #284956;
        font-size: 0.8em;
    }
    @media (max-width: 900px) {
      .selectors {
        flex-direction: column;
        gap: 1.5em;
      }
      .selector-box {
        width: 98vw;
        max-width: 340px;
      }
      .live-value {
        right: -35px;
      }
    }
.site-title a {
    color: #7E5853 !important;
}

input[type="range"]::-webkit-slider-thumb {
    border: none;
    background-color: #7E5853;
    margin-left: 0px;
    height: 36px;
    margin-left: 2px;
    margin-right: 2px;
}

.view-more-btn {
    background: transparent;
    border: solid 1px #ffffff;
    color:#ffffff;
    padding:8px 18px;
    border-radius:22px;
    display:inline-block;
    text-decoration:none;
    font-weight:bold;
    font-weight: 100 !important;
    font-size: 0.8em;
}

    .step {
      margin-top: 200px;
      margin-bottom: 5em;
    }


body, #page, #content {
  position: relative;
  z-index: 0;
}


/*music notes anim start*/

    body {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      background-image: url('/wp-content/themes/dj-mattress-finder/images/music-bg.png');
      background-position: top;     /* Keeps it centered */
      background-repeat: no-repeat;    /* Prevents tiling */
      background-size: cover;

    }

    .note-container {
      position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: -9999;
    }

    .note {
      position: absolute;
      font-size: 24px;
      color: rgba(255, 255, 255, 0.8);
      filter: blur(2px);
      transform: scale(0.5);
      animation: explode 9s ease-in-out forwards;

    }

@keyframes explode {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: translate(0, 0) scale(0.5) rotate(0deg);
  }
  10% {
    opacity: 0.2;
    filter: blur(2px);
    transform: translate(calc(var(--dx) * 0.1), calc(var(--dy) * 0.1)) scale(1) rotate(90deg);
  }
  70% {
    opacity: 0.5;
    filter: blur(.5px);
    transform: translate(var(--dx), var(--dy)) scale(2.3) rotate(400deg);
  }
  100% {
    opacity: 0;
    filter: blur(3px);
    transform: translate(var(--dx2), var(--dy2)) scale(9) rotate(500deg);
  }
}











/* CSS */
.circle-spinner {
  position: relative;
  width: 240px;    /* adjust size as you like */
  height: 240px;
    margin: 0 auto;   /* ← centers block horizontally */
}

.circle-spinner svg {
  width: 100%;
  height: 100%;
  /* start our drawing point at 12 o’clock */
  transform: rotate(-90deg);
}

.circle-bg {
  fill: none;
  stroke: #fff;    /* white circle */
  stroke-width: 5;
}

.circle-arc {
  fill: none;
  stroke: #284956; /* dark teal */
  stroke-width: 5;
  stroke-linecap: round;
  /* make a segment of ~80px long, then the rest empty */
  stroke-dasharray: 80 203; /* 80px dash, 203px gap ≈ circumference 283 */
  /* center SVG transforms on the circle’s center */
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation: spin 4s linear infinite;
}

.circle-text {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.6rem;   /* adjust text size */
  color: #fff;
  text-transform: lowercase;
}


.continue-smaller {
    font-size: 2.6rem;
}


/* keyframes to rotate the arc */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}














    svg.staff-svg {
      position: fixed;
      top: 50%;
      left: 0;
      width: 100%;
      height: 200px;
      transform: translateY(-50%);
      z-index: -9998;
  pointer-events: none;
    }

    path.staff-line {
      fill: none;
      stroke: rgba(255, 255, 255, 0.2);
      stroke-width: 2;
      filter: blur(1px);
        opacity: 0.6;
    }


/*music notes anim end*/








body {
      background: #e1d5c9;
      text-align: center;
      margin: 0;
      padding: 0;
    }
    h1 {
      font-size: 2.4em;
      color: #574D3A !important;
      font-weight: 300;
      /*letter-spacing: .02em;*/
      margin-top: 48px;
      margin-bottom: 0px;
      text-shadow: 0 2px 10px #0001;
    }
      
          h2 {
      font-size: 1.8em;
       color: #574D3A !important;
      font-weight: 200;
      margin-top: 20px;
      margin-bottom: 65px;
      text-shadow: 0 2px 10px #0001;
    }
      
          h3 {
      font-size: 1.2em;
       color: #817b73 !important;
      font-weight: 400;
      margin-top: 40px;
      margin-bottom: 5px;
      text-shadow: 0 2px 10px #0001;
    }

.shadow-text {
    text-shadow:
    0 0 9px rgba(0,0,0,0.3),
    0 0 9px rgba(0,0,0,0.3),
    0 0 9px rgba(0,0,0,0.3);
}


.intro, .intro p {
    font-size: 1.1em;
      font-weight: 300;
}


    .dials-row {
      display: flex;
      justify-content: center;
      gap: 72px;
      margin-bottom: 56px;
    }
    .dial-group {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .dial-label {
      font-size: 1em;
      color: #284956;
      margin-bottom: 16px;
      margin-top: 0;
      font-weight: 400;
      line-height: 1.18;
    }
    .dial-svg-wrap {
      position: relative;
      width: 240px;
      height: 240px;
      margin-bottom: 12px;
      user-select: none;
    }
    .dial-svg {
      width: 100%;
      height: 100%;
      display: block;
    }
    .dial-option {
      position: absolute;
      left: 0; top: 0; right: 0; bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3em;
      font-weight: 400;
      color: #fff;
      user-select: none;
      text-shadow: 0 2px 12px #0002;
      letter-spacing: 0.02em;
      white-space: normal;
      line-height: 1.16em;
      padding: 0 60px;
      text-align: center;
      pointer-events: none;
    }
    .dial-overlay {
      position: absolute;
      left: 0; top: 0; right: 0; bottom: 0;
      width: 100%; height: 100%;
      background: transparent;
      z-index: 5;
      cursor: pointer;
        touch-action: none;
      /* grabs all pointer events */
    }
    .finder-btn {
      font-size: 1.2em;
      background: none;
      border: 2px solid #574D3A;
      color: #574D3A;
      border-radius: 44px;
      padding: 0.45em 1.6em;
      margin-top: 70px;
      margin-bottom: 50px;
      cursor: pointer;
      transition: background .16s, color .13s, border .18s;
      position: relative;
    }
    .finder-btn:hover,
    .finder-btn:active {
      background: #574D3A;
      color: #ffffff;
      border-color: #574D3A;
    }


.specs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1em !important;
  }
  .specs-table th,
  .specs-table td {
    padding: 8px 0;
    text-align: left;
  }
  .specs-table th {
    width: 30%;  /* adjust as needed */
    vertical-align: top;
       font-weight: 300 !important;
  }
  .specs-table tr {
    border-bottom: 2px solid #ccc;
  }


.explode-wrapper[style] {
    background-position: top !important;
    
}

.vc_btn3.vc_btn3-size-lg {
    font-size: 1.1em !important;   
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline.active, 
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:active, 
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:focus, 
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {
    background-color: #574D3A !important;
    border-color: #574D3A !important;
    color: #ffffff !important;
}

/* space out every WPBakery row inside a Popup Maker popup */
.pum-container .vc_row + .vc_row {
  margin-top: 150px !important;
}



.drk-blu-btn a,
.drk-blu-btn button {
    border-color: #574D3A !important;
    color: #574D3A !important;
    font-weight: 400 !important;
    font-size: 1.0em !important;
    border: solid 1px #574D3A !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    
}






    @media (max-width: 900px) {
      .dials-row { flex-direction: column; gap: 28px; align-items: center;}
    }
      


      
/* === Base styles: row layout by default === */
.dials-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 72px;
  margin-bottom: 56px;
  width: 100%;
  max-width: 100vw;
}

.dial-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: none;
  margin-bottom: 0;
}

.dial-svg-wrap {
  width: 240px;
  height: 240px;
  max-width: 90vw;
  max-height: 90vw;
  margin-bottom: 12px;
}

/* === Responsive for tablets and small desktops === */
@media (max-width: 1000px) {
  .dials-row {
    gap: 30px;
  }
    
  .dial-svg-wrap {
    width: 200px;
    height: 200px;
    max-width: 96vw;
    max-height: 96vw;
  }
  
}


    @media screen and (max-width: 767px) {
    button#responsive-menu-pro-button {
        top: 18px !important;
        right: 8%x !important;
    }
}




/* === MOBILE PORTRAIT STACK: ONLY when portrait and narrow === */
@media (max-width: 700px) and (orientation: portrait) {
    
    H1 {
        font-size: 2.4em; 
    }
    
    
    body {
    font-size: 0.9em;
    }
    
    h1 {
      font-size: 2.4em;
      color: #574D3A !important;
      font-weight: 300;
    }
      
          h2 {
      font-size: 1.5em;
      font-weight: 200;

    }
      
          h3 {
      font-size: 1.2em;
      font-weight: 400;
    }


.intro, .intro p {
    font-size: 1.1em;
      font-weight: 300;
}
    
    
    .sub-heading {
        font-size: .8em !important; 
    }
    
  .dials-row {
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-bottom: 26px;
    /*width: 100vw;
    max-width: 100vw;*/
  }
  .dial-group {
    width: 100vw;
    max-width: 98vw;
    margin-bottom: 24px;
  }
  .dial-svg-wrap {
    width: 63vw;           /* 30% smaller */
    max-width: 182px;      /* 260px × 0.7 */
    height: 63vw;
    max-height: 182px;
    margin-bottom: 10px;
  }
  .finder-btn {
    font-size: 1em;
    margin-top: 14px;
    margin-bottom: 12px;
    padding: 0.5em 1em;
  }
  .dial-label {
    font-size: 0.92em;
    margin-bottom: 7px;
  }
    
    .dj-icon img {
        width: 25px;
        height: 31px;
    }
        .slider-options span {
    font-size: 0.8em !important;
  font-weight: 400;
}
    .slider-title {
  font-size: 20px;
}
        .mattress-thumb {
      width: 40%;
    }
div .vc_custom_1759884161978 {
    padding-top: 24vw !important;
    padding-bottom: 24vw !important;
}    
    
}


/* === MOBILE LANDSCAPE: keep row layout but slightly smaller dials === */
@media (max-width: 700px) and (orientation: landscape) {
  .dials-row {
    flex-direction: row;
    gap: 12px;
    margin-bottom: 12px;
  }
  .dial-svg-wrap {
    width: 120px;
    height: 120px;
    max-width: 32vw;
    max-height: 32vw;
  }
  .dial-group {
    width: auto;
    margin-bottom: 0;
  }
  .finder-btn {
    font-size: 1em;
    margin-top: 8px;
    margin-bottom: 10px;
    padding: 0.4em 1.1em;
  }
    

    
}



.dial-svg path.bg-glow {
  stroke: white; /* Restore original arc color */
  stroke-width: 14;
  fill: none;
  stroke-linecap: round;
  filter: drop-shadow(0 0 6px red); /* Red glow for testing */
}








/* === WELLE === */

.single-header-top {
    margin: 0;
    padding: 0;
    background-image: url("images/single-header-top.png");
    background-position: top;     /* Keeps it centered */
    background-repeat: repeat-x;    /* Prevents tiling */
    height: 150px;
}

.single-header-middle {
    margin: 0;
    padding: 0;
    background-image: url("images/single-header-middle7.png");
    background-position: bottom;     /* Keeps it centered */
    background-repeat: repeat-x;    /* Prevents tiling */
    min-height: 390px;
}


.single-header-bottom {
    margin: 0;
    padding: 0;
    background-image: url("images/single-header-bottom.png");
    background-repeat: repeat-x;    /* Prevents tiling */
    height: 58px;
}

.single-explosive-bottom {
    margin: 0;
    padding: 0;
    background-image: url("images/single-header-top.png");
    background-repeat: repeat-x;    /* Prevents tiling */
      background-position: bottom;   /* stick it to the bottom edge */
  background-size: auto; 
}

.beige-grad-bottom {
    margin: 0;
    padding: 0;
    background-image: url("images/beige-grad-waves.jpg");
    background-repeat: repeat-x;    /* Prevents tiling */
      background-position: bottom;   /* stick it to the bottom edge */
  background-size: auto; 
}


.single-header-form-middle {
    margin: 0;
    padding: 0;
    background-image: url("images/single-header-middle7.png");
    background-position: bottom;     /* Keeps it centered */
    background-repeat: repeat-x;    /* Prevents tiling */
    min-height: 240px;
}


.hide-form-top {
    position:fixed !important;
    width: 100%;
    background-color: aqua !important;
    height: 100px;
    z-index: 99999 !important;
}


.iframe-mask {
  position: relative;
  display: inline-block; /* or block */
  overflow: hidden;
}

/* Header cover */
.iframe-mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;          /* adjust height of top header */
  background: #fff;      /* match your page background */
  z-index: 2;
  pointer-events: none;
}

/* Footer cover */
.iframe-mask::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;          /* adjust height of bottom footer */
  background: #fff;
  z-index: 2;
  pointer-events: none;
}

/* The iframe itself */
.iframe-mask iframe {
  position: relative;
  z-index: 1;
  display: block;
}








.topo-line-anim {
    margin: 0;
    padding: 0;
    background-image: url("images/topo_true_like_ultra_smooth_2000x300.gif");
    background-repeat: no-repeat;    /* Prevents tiling */
      background-position:bottom;   /* stick it to the bottom edge */
  background-size:cover; 
 opacity: 0.3 !important;
}





.topo-line-anim-view-collection {
  position: relative;
  isolation: isolate; /* ensures our z-index layering stays inside the wrapper */
     background: url("images/view-collection-mattress-only-alpha65.png") no-repeat bottom/cover;
    
}

.topo-line-anim-view-collection::before {
      content: "";
  position: absolute;
  inset: 0;
 /*background: url("images/topo_true_like_smoother_1500x300.gif") no-repeat bottom/cover;*/
    background: url("images/topo_true_like_ultra_smooth_2000x300.gif") no-repeat bottom/cover;
  opacity: 0.35;        /* controls the fade */
  z-index: 0;           /* sits behind content */
}

.topo-line-anim-view-collection > * {
  position: relative;
  z-index: 1; /* make sure text/content stays above */
}








.topo-line-anim-collection-header {
  position: relative;
  isolation: isolate; /* ensures our z-index layering stays inside the wrapper */
     background: url("images/view-collection-mattress-only-alpha65.png") no-repeat bottom/cover;
    
}

.topo-line-anim-collection-header::before {
      content: "";
  position: absolute;
  inset: 0;
 /*background: url("images/topo_true_like_smoother_1500x300.gif") no-repeat bottom/cover;*/
    background: url("images/topo_true_like_ultra_smooth_2000x300.gif") no-repeat bottom/cover;
  opacity: 0.35;        /* controls the fade */
  z-index: 0;           /* sits behind content */
}

.topo-line-anim-collection-header > * {
  position: relative;
  z-index: 1; /* make sure text/content stays above */
}










.topo-line-anim-cornermat {
  position: relative;
  isolation: isolate; /* ensures our z-index layering stays inside the wrapper */
}

.topo-line-anim-cornermat::before {
      content: "";
  position: absolute;
  inset: 0;
 /*background: url("images/topo_true_like_smoother_1500x300.gif") no-repeat bottom/cover;*/
    background: url("images/topo_true_like_ultra_smooth_2000x300.gif") no-repeat bottom left ;
    background-size: 150% 50%;
    transform: scaleX(-1); /* flips horizontally */
  opacity: 0.35;        /* controls the fade */
  z-index: 0;           /* sits behind content */
}

.topo-line-anim-cornermat > * {
  position: relative;
  z-index: 1; /* make sure text/content stays above */
}










/* HEADER Target the menu */
.widget_nav_menu ul.menu {
  list-style: none;         /* remove bullets */
  padding: 0;
  margin: 0;
  display: flex;            /* horizontal layout */
  gap: 2rem;                /* spacing between items */
  justify-content: center;  /* optional: center the menu */
}

/* Style the links */
.widget_nav_menu ul.menu li a {
  text-decoration: none;   /* remove underline */
  color: #574D3A;          /* font color */
  font-weight: 400;
  transition: color 0.3s ease;
    font-size: 0.9em !important;
}

/* Optional hover effect */
.widget_nav_menu ul.menu li a:hover {
  color: #000;  /* darker shade on hover */
}

/* Active/Current menu item underline */
.widget_nav_menu ul.menu li.current-menu-item a,
.widget_nav_menu ul.menu li.current_page_item a {
  border-bottom: 1px solid #574D3A;
  padding-bottom: 5px;   /* space between text and underline */
}

.vc_wp_custommenu {
    margin-bottom: 0px !important;
}


.white,
.white p {
    color: #ffffff !important;
}

.warm-white,
.warm-white p,
h2.warm-white  {
    color: #D6CEBF !important;
}



.white-outline-btn a {
    border: solid 1px #ffffff !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.white-outline-btn a:hover {
    color: #98765C !important;
}


#responsive-menu-container,
#responsive-menu-overlay,
#responsive-menu-button {
  position: relative !important;          /* ensure they create a stacking context */
  z-index: 100001 !important;  /* above sticky headers, sliders, etc. */
}


#responsive-menu-pro-wrapper {
    margin-top: 150px !important;
}





/* Make the wrapper a positioning context and fill the viewport */
#responsive-menu-pro-wrapper {
  position: relative;
  min-height: 60vh; /* so "bottom" actually hits the bottom of the panel */
}

/* Stick the logo block to the bottom and center it */
#responsive-menu-pro-additional-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;          /* adjust spacing if needed */
  text-align: center;
  padding: 0 16px;
}

/* Prevent the menu items from sitting under the logo */
#responsive-menu-pro {
  padding-bottom: 120px; /* ≈ logo height + spacing; tweak to your logo size */
}

/* Logo sizing + centering */
#responsive-menu-pro-additional-content img {
  display: inline-block; /* keeps text-align:center working cleanly */
  max-width: 160px;      /* scale as you like */
  height: auto;
}



.rotating-view img {
    width: 860px !important;
    height: auto !important;
    
}

.collection-links a {
    color: #574D3A;
    margin-left: 8px;
    margin-right: 8px;
}

.collection-links a:hover {
    color: #574D3A;
    text-decoration: underline;
}


/* Ensure list text aligns flush with paragraph body copy */
.indent-fix .wpb_wrapper ul {
  margin: 0 0 1.2em 0;         /* same bottom spacing as paragraphs */
  padding: 0;                  /* remove browser default padding */
  list-style: none;             /* control our own bullet placement */
}

.indent-fix .wpb_wrapper li {
  position: relative;
  padding-left: 1em;         /* indent same as paragraph wrap */
  text-indent: 0;              /* keep clean wrap alignment */
}

/* Custom bullet precisely aligned with text baseline */
.indent-fix .wpb_wrapper li::before {
  content: "-";
  position: absolute;
  left: 0;                     /* matches paragraph left edge */
  color: currentColor;
}

.rituals h3 {

}


.hidden {
    display: none !important;
}