/**
* Content
*/

body {
  background-color: #fff;
  color: #000;
}

/* a:active {
  opacity: 0.7;
} */

i,
em {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
}

sub {
  top: 0.3em;
}

sup {
  top: -0.4em;
}

s {
  text-decoration: line-through;
}

img {
  border: 0;
  padding: 0;
}

ul,
ol {
  margin: 0;
  padding: 0 0 0 2.5em;
}

blockquote {
  margin: 0;
  padding: 0 0 0 2em;
}

hr {
  background: rgba(0, 0, 0, 1);
  border: 0;
  height: 1px;
  display: block;
  margin-top: 10%;
  margin-bottom: 10%;
}

.content img {
  float: none;
  margin-bottom: 0em;
}

.gallery_image_caption {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  line-height: 1.3;
}

/**
* Loading Animation
*/

.loading[data-loading] {
  position: fixed;
  bottom: 8px;
  left: 8px;
}

/**
* Editor styles
*/

[data-predefined-style="true"] bodycopy {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 00;
  color: #000000d9;
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.042em;
}

[data-predefined-style="true"] bodycopy a {
  color: #17181b;
  padding-bottom: 0.1em;
  border-bottom: 0em solid #7f7f7f33;
  text-decoration: none;
}

/*
[data-predefined-style="true"] bodycopy a:hover {
  color: #17181b;
}
*/

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
  border-bottom: 0;
  padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  font-size: 2.3rem;
  line-height: 1.3;
  color: #17181b;
  text-align: center;
  padding-top: 0%;
  padding-bottom: 5%;
}

[data-predefined-style="true"] h1 a {
  color: #17181b;
}

[data-predefined-style="true"] h2 {
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 5, 0;
  font-size: 2rem;
  line-height: 1.3;
  color: #17181b;
}

[data-predefined-style="true"] h2 a {
  color: #17181b;
}

/**
* Breakpoints
*/

[data-css-preset] .page {
  background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
  position: relative;
  min-height: 10px;
  max-width: 100%;
  width: 100%;
  background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
  margin-left: auto /*!content_center*/;
  margin-right: auto /*!content_center*/;
  text-align: left /*!text_left*/;
}

/* Ray Changes */
[data-css-preset] body {
  background-color: #fff /*!body_bgcolor*/;
  /* original background-color: rgb(255, 255, 255) */
}

[data-css-preset] .container_width {
  width: 65% /*!content_center*/;
  /* original width:  60% */
}

[data-css-preset] .content_padding {
  padding-top: 1.7rem /*!main_margin*/;
  padding-bottom: 1.7rem /*!main_margin*/;
  padding-left: 1.7rem /*!main_margin*/;
  padding-right: 1.7rem /*!main_margin*/;
  /* original paddings 2.5 rem */
}

[data-css-preset] text-limit {
  display: inline-block /*!text_width*/;
  max-width: 66rem /*!text_width*/;
}

/**
* Thumbnails
*/

div[thumbnails] {
  justify-content: flex-start;
}

[data-css-preset] .thumbnails {
  background-color: rgba(0, 0, 0, 0) /*!thumbnails_bgcolor*/;
}

[data-css-preset] .thumbnails_width {
  width: 60% /*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
  padding: 0.5rem /*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
  margin: -1rem /*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
  padding: 0.5rem /*!responsive_thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
  margin: -1rem /*!responsive_thumbnails_padding*/;
}

.thumbnails .thumb_image {
  outline: 0px solid rgba(0, 0, 0, 0.12);
  outline-offset: -1px;
}

.thumbnails .title {
  margin-top: 0.8rem;
  margin-bottom: 0.2rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-style: normal;
  line-height: 1.2;
}

.thumbnails .tags {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-style: normal;
  line-height: 1.3;
}

.thumbnails .tags a {
  border-bottom: 0;
  color: rgba(0, 0, 0, 0.35);
  text-decoration: none;
}

.thumbnails .has_title .tags {
  margin-top: 0rem;
}

/**
* Site Menu
*/

[data-css-preset] #site_menu_button {
  color: rgba(0, 0, 0, 0.75);
  line-height: 1;
  font-size: 28px /*!site_menu_button*/;
  padding: 6px;
  line-height: 1;
  background: rgba(33, 32, 46, 0);
  position: absolute;
  top: 1rem /*!site_menu_button*/;
  right: 1rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
  margin: -6px;
  font-size: 34px;
}

#site_menu_button.custom_icon {
  width: 40px;
  height: auto;
  position: absolute !important; /* RAY CHANGE */
}

#site_menu_button.active {
  display: none;
}

/**
* Site Menu
*/

#site_menu {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif",
    Icons;
  background: rgba(20, 20, 20, 0.95);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  padding: 20px 30px 90px 30px;
  max-width: 400px;
  min-width: 300px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

body.mobile #site_menu {
  width: 100%;
}

#site_menu .page-link a {
  color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
  color: rgba(255, 255, 255, 0.75);
  font-weight: bold;
}

#site_menu a:active {
  opacity: 0.7;
}

#site_menu a.active {
  opacity: 0.4;
}

#site_menu .close {
  display: none;
  color: rgba(255, 255, 255, 0.4);
  line-height: 0.85em;
  font-size: 45px;
}

body.mobile #site_menu .close {
  display: block;
  font-size: 50px;
  line-height: 1em;
}

#site_menu .break {
  height: 28px;
}

#site_menu .indent {
  margin-left: 28px;
}

/*
* Shop Button
*/

[data-css-preset] #shop_button {
  color: rgba(0, 0, 0, 0.85);
  background: transparent;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: fixed;
  padding: 6px;
  top: 2rem /*!shop_button*/;
  right: 2rem /*!shop_button*/;
}

#shop_button.text {
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-size: 2rem;
  padding: 0;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-style: normal;
}

#shop_button.custom_icon {
  width: 40px;
  height: auto;
}

body.mobile #shop_button:not(.text) {
  margin: -6px;
  font-size: 36px;
}

/*
* Shop Product Widget
*/

.shop_product {
  width: 100%;
  max-width: 22rem;
  position: relative;
  display: block;
}

.shop_product .price {
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-size: 1.6rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  margin-bottom: 1rem;
  font-style: normal;
  font-weight: 400;
}

.shop_product .dropdown {
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-size: 1.6rem;
  display: inline-block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: white
    url(https://static.cargo.site/assets/images/select-line-arrows.svg)
    no-repeat right;
  margin-bottom: 1rem;
  line-height: 1.4;
  padding: 0.6rem 2.6rem 0.7rem 1rem;
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

.shop_product .button {
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Roman", Icons;
  font-size: 1.6rem;
  background: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 1);
  flex: 0 0 50%;
  text-align: left;
  display: inline-block;
  line-height: 1;
  padding: 0.8rem 1rem 0.9rem;
  font-style: normal;
  font-weight: 400;
}

/*
* Image Zoom
*/

.content img.image-zoom:active {
  opacity: 0.7;
}

/**
* Quick View
*/

[data-css-preset] .quick-view {
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
  padding-right: 0rem;
  height: 100%;
  width: 100%;
}

body.mobile .quick-view {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Ray Changes */
[data-css-preset] .quick-view-background {
  background: #000000;
  /* original background:  transparent */
}

.quick-view-caption {
  font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular",
    Icons;
  font-style: normal;
  transition: 100ms opacity ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 3.5rem 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

.quick-view-caption span {
  padding: 0.5rem 1rem;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  color: white;
}

/**
* Quick View Navigation 
*/

.quick-view-navigation .left-arrow {
  left: 10px;
}

.quick-view-navigation .right-arrow {
  right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
  /* Change height/width together to scale */
  height: 36px;
  width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
  stroke: rgba(0, 0, 0, 0.85);
  stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
  stroke: transparent;
  stroke-width: 2.5px;
}

.quick-view-navigation .close-button {
  top: 10px;
  right: 10px;
  /* Change height/width together to scale */
  width: 36px;
  height: 36px;
}

.quick-view-navigation .close-button .inner-color {
  stroke: rgba(0, 0, 0, 0.85);
  stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
  stroke: transparent;
  stroke-width: 2.5px;
}

/** 
* Image Gallery Navigation Arrows 
*/

.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
  /* Change height/width together to scale */
  height: 36px;
  width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
  stroke: rgba(0, 0, 0, 0.6);
  stroke-width: 2.5px;
}

/**
* Wallpaper Backdrop Navigation Arrows 
*/

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
  /* Change height/width together to scale */
  width: 36px;
  height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
  stroke: rgba(0, 0, 0, 0.6);
  stroke-width: 2.5px;
}

/**
* Feed
*/

.feed .content_container .page {
  border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
  border-top: 0;
}

.rotate {
  display: inline-block;
  -webkit-animation: rotate 7s linear infinite;
  animation: rotate 7s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* #799ed2 Player
*/

.audio-player {
  max-width: 36rem;
  height: 3.3rem;
  outline: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.6);
  background: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif",
    Icons; */
  font-style: normal;
  font-weight: 400;
  text-align: left;
  margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
  max-width: 100%;
}

.audio-player .separator {
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.audio-player .button {
  background: transparent;
  cursor: pointer;
  fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
  fill: #ff553e;
  padding: 30%;
  width: 100%;
  margin: auto;
}

.audio-player .buffer {
  background: rgba(0, 0, 0, 0.03);
}

.audio-player .progress {
  background: rgba(0, 0, 0, 0.1);
}

.audio-player .progress-indicator {
  border: 1px solid rgba(0, 0, 0, 0.7);
  width: 1px;
  height: 100%;
  right: 0;
  position: absolute;
  cursor: ew-resize;
}

.audio-player .note-icon {
  height: 100%;
  width: 3.8rem;
  padding: 1rem;
  fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
  padding-left: 1rem;
}

.audio-player .total-time {
  padding-right: 1rem;
}

/** -------------------------------------------------------------------------- */
/**                                START IAN CHANGES                           */
/** -------------------------------------------------------------------------- */

/** Home Menu */

body[data-page-id="22089529"] #site_menu_button {
  display: none !important;
}

body .menu-container .home-menu {
  display: block;
  padding: 24px 0 24px 0;
}

body[data-page-id="22102989"] .menu-container .home-menu,
body[data-page-id="21509702"] .menu-container .home-menu,
body[data-page-id="21510214"] .menu-container .home-menu,
body[data-page-id="21518306"] .menu-container .home-menu,
body[data-page-id="21518598"] .menu-container .home-menu,
body[data-page-id="21518849"] .menu-container .home-menu,
body[data-page-id="21509289"] .menu-container .home-menu,
body[data-page-id="21898666"] .menu-container .home-menu,
body[data-page-id="21519394"] .menu-container .home-menu,
body[data-page-id="22102988"] .menu-container .home-menu,
body[data-page-id="21518881"] .menu-container .home-menu,
body[data-page-id="21900820"] .menu-container .home-menu {
  display: none;
}

body .menu-container .music-sound-menu {
  display: none;
  padding: 0px 0 0px 0;
}

body[data-adminview="content-editproject"] .menu-container .music-sound-menu,
body[data-adminview="design"] .music-sound-menu {
  display: block;
}

body[data-page-id="22102989"] .menu-container .music-sound-menu,
body[data-page-id="21509702"] .menu-container .music-sound-menu,
body[data-page-id="21510214"] .menu-container .music-sound-menu,
body[data-page-id="21518306"] .menu-container .music-sound-menu,
body[data-page-id="21518598"] .menu-container .music-sound-menu,
body[data-page-id="21518849"] .menu-container .music-sound-menu,
body[data-page-id="21509289"] .menu-container .music-sound-menu,
body[data-page-id="21898666"] .menu-container .music-sound-menu,
body[data-page-id="21519394"] .menu-container .music-sound-menu,
body[data-page-id="27249033"] .menu-container .music-sound-menu {
  display: block;
}

body .menu-container .image-word-menu {
  display: none;
  padding: 0px 0 0px 0;
}
body[data-adminview="content-editproject"] .menu-container .image-word-menu,
body[data-adminview="design"] .image-word-menu {
  display: block;
}

body[data-page-id="22102988"] .menu-container .image-word-menu,
body[data-page-id="21518881"] .menu-container .image-word-menu,
body[data-page-id="22313915"] .menu-container .image-word-menu,
body[data-page-id="21903116"] .menu-container .image-word-menu,
body[data-page-id="21900820"] .menu-container .image-word-menu {
  display: block;
}

body .menu-container .contact-menu {
  display: block;
  padding: 44px 0 64px 0;
}
body .menu-container .icons-link-container {
  display: block;
  padding: 0px 0 18px 0;
}
.contact-menu {
  display: block;
  padding: 44px 0 64px 0;
}
.icons-link-container {
  display: block;
  padding: 0px 0 18px 0;
}

/** active link state */
a.active span {
  color: #799ed2 !important;
}

/** hide hamburger */
body[data-page-id="22428331"] #site_menu_button {
  display: none !important;
}

/** hide hamburger on home page menu links */
body[data-page-id="22178896"] #site_menu_button,
body[data-page-id="22178897"] #site_menu_button {
  display: none !important;
}

/** hide hamburger on blog pages */
body[data-page-id="21903134"] #site_menu_button,
body[data-page-id="21903170"] #site_menu_button,
body[data-page-id="21903479"] #site_menu_button,
body[data-page-id="21903489"] #site_menu_button,
body[data-page-id="22040240"] #site_menu_button,
body[data-page-id="21980721"] #site_menu_button {
  display: none !important;
}

/*
@media only screen and (min-device-width: 770px) {
  bodycopy {
       padding-right: 7.0rem !important;
  }
}
*/

/** -------------------------------------------------------------------------- */
/**                                END IAN CHANGES                             */
/** -------------------------------------------------------------------------- */

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

/** -------------------------------------------------------------------------- */
/**                                START RAY CHANGES                           */
/** -------------------------------------------------------------------------- */

/** -------------------------------------------- */
/**                 CUSTOM FONTS                 */
/** -------------------------------------------- */

@font-face {
  font-family: "Gotham-Light";
  font-weight: light;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/Gotham-Light.woff")
    format("woff");
}

@font-face {
  font-family: "Gotham-Book";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/Gotham-Book.woff")
    format("woff");
}

@font-face {
  font-family: "Charter";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/charter_regular.woff2")
    format("woff2");
}

@font-face {
  font-family: "Lora";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/Lora.woff")
    format("woff2");
}

@font-face {
  font-family: "Franklin-Gothic";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/Franklin-Gothic.woff")
    format("woff2");
}

@font-face {
  font-family: "Quattros-regular";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/iAWriterQuattroS-Regular.woff")
    format("woff");
}

@font-face {
  font-family: "Quattros-bold";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/iAWriterQuattroS-Bold.woff")
    format("woff");
}

@font-face {
  font-family: "Quattros-italic";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/iAWriterQuattroS-Italic.woff")
    format("woff");
}

@font-face {
  font-family: "Quattros-bold-italic";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/iAWriterQuattroS-BoldItalic.woff")
    format("woff");
}

@font-face {
  font-family: "Crimson-light";
  font-weight: normal;
  font-style: normal;
  src: url("https://files.cargocollective.com/c1239676/CrimsonPro-Light.woff2")
    format("woff2");
}

h4 {
  font-family: "Pinyon Script", Icons;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #17181b;
  font-size: 3.3rem;
  line-height: 0.9;
}

h4 a {
  color: #17181b;
}

h6 {
  font-family: "Williams Caslon Text", Icons;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #17181b;
  font-size: 4.5rem;
  line-height: 1;
}

h6 a {
  color: #17181b;
}

p {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: -0.01em;
  word-spacing: 0.02em;
}

.page-blog p {
  font-family: "Williams Caslon Text", Icons;
}

[data-predefined-style="true"] small {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.6;
  font-family: "Quattros-regular", Icons;
  font-style: normal;
  font-weight: 300;
  color: #17181b;
}

[data-predefined-style="true"] small a {
  color: rgba(0, 50, 198, 1);
  border-bottom-width: 0em;
}

/** -------------------------------------------- */
/**                 MISC FORMATTING              */
/** -------------------------------------------- */

.logo {
  padding-bottom: 50px;
}

section {
  padding-bottom: 5%;
}

/** Selected Text highlight color */

::selection {
  background: #e2e2e2; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #e2e2e2; /* Gecko Browsers */
}

/** Scroll Bar color */

body::-webkit-scrollbar {
  width: 11px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #e2e2e2; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #ff553e; /* color of the scroll thumb */
  border-radius: 12px; /* roundness of the scroll thumb */
}

/** -------------------------------------------- */
/**                 IMAGE GALLERY                */
/** -------------------------------------------- */

/** image gallery size limit */

/*
[grid-col="x12"] {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
}

[grid-col="x12"] img {
  min-width: 100px;
}

[grid-col="x12"] img {
  min-width: 100px;
}

.content .page_content [image-gallery-gutter="16"] img {
  min-width: 100px;
}
*/

/** -------------------------------------------- */
/**                 HOME PAGES                   */
/** -------------------------------------------- */

/** Live Clock */

.data-panel {
  font-family: "Diatype Mono", Icons;
  padding: 0;
  margin: 0;
  position: relative;
  color: gray;
  font-style: normal;
  font-weight: 400;
}

/** Executive Coaching - Home Intro headers */

.home-intro h1 {
  padding-bottom: 70px;
}

.home-intro h2 {
  padding-bottom: 70px;
  font-family: "Williams Caslon Text", Icons;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  color: #17181b;
  font-size: 4.5rem;
  line-height: 1;
}

.home-intro h3 {
  padding-bottom: 70px;
  font-family: "Gotham-Book", Icons;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  font-size: 2.3rem;
  line-height: 1.3;
  color: #17181b;
}

/** Header 2 */

.page-header h1 {
  font-family: Karla, Icons;
  font-style: normal;
  font-weight: 500;
  color: #ff553e;
  font-size: 1.2em;
  text-align: left;
  line-height: 1.4em;
  display: inline;
}

.page-header h2 {
  color: #bfbfbf;
  font-family: Quattros-regular, Icons;
  display: inline;
  font-size: 1em;
}

.page-header hr {
  margin-top: 2.2% !important;
  margin-bottom: 2% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #e5e5e5 !important;
  border: 0 !important;
  height: 1px !important;
  display: block !important;
}

/** Home */

.page-home {
  margin-top: 5%;
}

.page-home h1 {
  font-family: "Quattros-regular", Icons;
  text-align: left;
  font-size: calc(36px + 2 * ((100vw - 320px) / 320));
  margin: 0;
}

.page-home h2 {
  font-family: "Quattros-regular", Icons;
  font-size: calc(14px + 2 * ((100vw - 320px) / 320));
  margin: 0;
}

.page-home p {
  font-family: "Quattros-regular", Icons;
  font-size: calc(8px + 2 * ((100vw - 320px) / 320));
  margin: 0;
}

.page-home a:hover {
  text-decoration: none;
  color: #ff553e;
  /* background: #d0ccfc; */
  /* transition-property: background; */
  /* transition-duration: 0.2s; */
}

.page-home [grid-col="x12"] {
  width: auto;
}

/* .page-home a::after {
  position: relative;
  content: "°";
  margin-left: 0.1em;
  font-size: 90%;
  top: -0.1em;
  color: rgb(153, 51, 51);
  font-feature-settings: "caps";
  font-variant-numeric: normal;
} */

/** Home Portfolio */

/* .page-home-portfolio a:hover {
  text-decoration: underline;
}

.page-home-portfolio {
  padding-top: 10%;
  padding-left: 5%;
}

.page-home-portfolio p {
  font-family: "Franklin-Gothic", Icons;
}

.page-home-portfolio h1 {
  font-family: "Franklin-Gothic", Icons;
  font-size: 50px;
  text-align: left;
} */

.page-home-portfolio {
  margin-left: 25%;
}

/** Home Services */

/* .page-home-services a:hover {
  text-decoration: underline;
}

.page-home-services {
  padding-top: 10%;
  padding-left: 5%;
} */

.page-home-services {
  margin-right: 25%;
}

.page-home-services h1 {
  text-align: right;
}

.page-home-services h2 {
  text-align: right;
}
.page-home-services p {
  text-align: right;
}

/** Home Offer - List formatting */

.home-offer h2 {
  padding-bottom: 30px;
}

.home-offer h3 {
  text-align: justify;
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Gotham-Book", Icons;
  font-style: normal;
  line-height: 0;
  letter-spacing: 0.042em;
  padding-top: 0px;
  padding-bottom: 0px;
}

.home-offer ul {
  margin: 0;
  padding: 0;
  display: block;
}

.home-offer li {
  display: block;
}

.home-offer li p {
  font-family: "Gotham-Book", Icons;
  padding-bottom: 25px;
}

/** Header */

.header-hamburger-music-and-sound p {
  font-size: 2.3rem;
  text-align: right;
}

/** Footer */

.footer {
  color: #bfbfbf;
  text-align: center;
  font-family: "DM Mono", Icons;
  font-style: normal;
  font-weight: 100;
}

.footer a {
  color: #bfbfbf !important;
}

.footer hr {
  background: #7f7f7f33;
  border: 0;
  height: 1px;
  display: block;
  width: 75%;
  margin: auto;
}

bodycopy .footer a {
  color: #7f7f7f33;
}

/* bodycopy .footer a:hover {
  color: #7f7f7f33;
  text-decoration: underline;
} */

/** -------------------------------------------- */
/**                 LEFT NAVS                    */
/** -------------------------------------------- */

.menu-site-logo h1 {
  font-family: "Pinyon Script", Icons;
  font-style: normal;
  font-weight: 100;
  padding-bottom: 45px;
  margin: 0;
  color: #030303;
  font-size: 3.3rem;
  line-height: 0.9;
}

bodycopy .contact-menu a {
  background-color: #fff;
  color: #17181b;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
}

bodycopy .left-nav-instagram-icon a {
  background-color: #fff;
  color: #17181b;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
}

.nav-title h2 {
  margin: 0;
}

.nav-title {
  margin-bottom: 15px;
}

/* .nav-title {
  background: none;
}
.nav-title h2 {
  background: #ffffff;
} */

/** Music and Sound (nav) */

.left-nav-music-and-sound ul {
  margin: 0;
  padding: 0;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}

.left-nav-music-and-sound li {
  margin-bottom: 2px;
  display: block;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.1rem;
}

.page-left-nav-music-and-sound .nav-title {
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #fff;
  display: inline-block;
  text-align: left;
}

.page-left-nav-music-and-sound h1 {
  text-align: left;
}

.page-left-nav-music-and-sound h2 {
  background-color: #fff;
  text-align: left;
}

bodycopy .left-nav-music-and-sound a {
  background-color: #fff;
  color: #7e7e80;
  display: inline-block;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

/** Image and Word (nav) */

.left-nav-instagram-icon {
  text-align: left;
}

.contact-menu {
  text-align: left;
}

.page-left-nav-image-and-word .nav-title {
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #fff;
  display: inline-block;
}

.left-nav-image-and-word {
  text-align: left;
}

.left-nav-image-and-word ul {
  margin: 0;
  padding: 0;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}

.left-nav-image-and-word li {
  display: block;
  text-align: left;
}

.left-nav-image-and-word li {
  margin-bottom: 2px;
  display: block;
  padding-bottom: 1px;
  padding-top: 1px;
  font-size: 1.1rem;
  text-decoration: line-through;
}

bodycopy .left-nav-image-and-word a {
  background-color: #fff;
  color: #7e7e80;
  display: inline-block;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

.page-left-nav-image-and-word h1 {
  text-align: left;
}

.page-left-nav-image-and-word h2 {
  text-align: right;
}

bodycopy .left-nav-image-and-word span {
  background-color: #fff;
  color: #7e7e80;
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  text-decoration: line-through;
}

/** -------------------------------------------- */
/**                 MUSIC & SOUND                */
/** -------------------------------------------- */

/** About Ray */

.page-about-ray p {
  font-family: "Quattros-regular", Icons;
  font-size: 1em;
  line-height: 1.5em;
}

.page-about-ray li {
  padding: 0.4%;
  display: block;
  font-size: 1.2em;
}

.page-about-ray ul {
  padding-top: 1%;
}

.page-about-ray img {
  display: block;
  margin: auto;
  margin-top: 5%;
}

.page-about-ray .testimonials h2 {
  text-align: center;
  font-weight: 400;
  padding-bottom: 5%;
}

.page-about-ray blockquote {
  margin: 0;
  padding: 0;
}
g .page-about-ray blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Gotham-Book", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-about-ray figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-about-ray blockquote:before {
  color: lightgray;
  content: open-quote;
  font-size: 3em;
  line-height: 0em;
  margin-left: -0.57em;
  vertical-align: -0.3em;
}

.page-about-ray blockquote:after {
  color: lightgray;
  content: close-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

/** Music Testimonials */

.page-music-testimonials p {
  font-family: "Quattros-regular", Icons;
  font-size: 1em;
  line-height: 1.5em;
}

.page-music-testimonials li {
  padding: 0.4%;
  display: block;
  font-size: 1.2em;
}

.page-music-testimonials ul {
  padding-top: 1%;
}

.page-music-testimonials img {
  display: block;
  margin: auto;
  margin-top: 5%;
}

.page-music-testimonials h2 {
  text-align: center;
  font-weight: 400;
  padding-bottom: 5%;
}

.page-music-testimonials figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-music-testimonials blockquote {
  margin: 0;
  padding: 0;
}

.page-music-testimonials blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Quattros-regular", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-music-testimonials blockquote:before {
  color: lightgray;
  content: open-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

.page-music-testimonials blockquote:after {
  font-size: 0em;
  visibility: hidden;
  content: close-quote;
}

/** Songs */

.page-songs article {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-songs h2 {
  font-size: 1.4rem;
  text-align: right;
}

.music-videos li {
  padding-top: 25px;
  padding-bottom: 25px;
}

.music-videos li {
  display: block;
}

.artists li {
  display: block;
  text-align: left;
}

.songwriters-producers-composers-musicians li {
  display: block;
  text-align: left;
}

.universities-organizations-companies li {
  display: block;
  text-align: left;
}

.collabs li {
  display: block;
}

/** Compositions */

.page-compositions footer {
  text-align: center;
  padding-top: 100px;
}

.page-compositions section {
  padding-top: 5%;
  padding-bottom: 5%;
}

.page-compositions .audio {
  text-align: center;
}

.page-compositions figure {
  text-align: center;
}

.page-compositions figcaption {
  padding-bottom: 1%;
}

.audio-player .title[style="display: none;"] {
  padding: 0;
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
  color: gray;
  display: inline-block !important;
}

/* image captions on hover */

.gallery_card {
  position: relative;
}

.gallery_image_caption {
  display: none;
}
.gallery_card:hover .gallery_image_caption {
  display: block;
  background: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  width: 96%;
  height: 96%;
  position: absolute;
  top: -8px;
  padding: 40px 0 0 0;
}

/** Sound Design */

.page-sound-design figure {
  padding-top: 6%;
  padding-bottom: 6%;
}

.page-sound-design figcaption {
  padding-bottom: 1%;
}

/** Live Performance */

.page-live figure {
  padding-bottom: 50px;
}

.page-live figcaption {
  padding-bottom: 10px;
}

.page-live dd {
  margin-left: 0;
}

.page-live dt {
  padding-top: 5%;
}

.page-live iframe {
  margin-bottom: 35px;
}

/** Lessons */

.page-lessons ul {
  padding-top: 3%;
  padding-left: 0;
  padding-bottom: 5%;
}
.page-lessons li {
  text-align: center;
  display: block;
}

.page-lessons .instruments {
  text-align: center;
  padding-left: 0;
}

.page-lessons .testimonials h2 {
  text-align: center;
  padding-bottom: 5%;
}

.page-lessons blockquote {
  margin: 0;
  padding: 0;
}

.page-lessons blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Quattros-regular", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-lessons figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-lessons blockquote:before {
  color: lightgray;
  content: open-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
  /* margin-left: -0.57em; */
}

.page-lessons blockquote:after {
  visibility: hidden;
  content: close-quote;
  font-size: 0em;
  /* color: lightgray;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em; */
}

.page-lessons .lesson-info-image {
  text-align: center;
  padding-top: 2%;
}

.page-lessons .lesson-info-image-brain {
  text-align: center;
  padding-top: 3%;
  padding-bottom: 10%;
}

.page-lessons .sliding-scale {
  padding-top: 5%;
}

/** Studio */

.page-studio li {
  display: block;
  padding-top: 2%;
  padding-bottom: 2%;
}

.page-studio ul {
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 0;
}

.page-studio section {
  padding-top: 3%;
  padding-bottom: 3%;
}

.page-studio footer {
  text-align: left;
  padding-top: 5%;
  padding-bottom: 10%;
}

/** Services */

.page-services article {
  padding-top: 5%;
  padding-bottom: 5%;
}

.page-services .services h2 {
  text-align: center;
}

.page-services .services {
  text-align: center;
}

.page-services ul {
  padding-top: 11px;
  padding-left: 0;
}

.page-services li {
  display: block;
}

.page-services .audiobooks h2 {
  text-align: center;
  padding-bottom: 2%;
}

.page-services .calculator {
  padding-top: 5%;
}

.page-services dl {
  padding-top: 2%;
  padding-bottom: 2%;
}

.page-services dt {
  padding-top: 4%;
}

.page-services dd {
  padding-top: 0%;
  padding-bottom: 0%;
  margin-left: 0;
}

/** Bio */

.page-bio blockquote {
  margin: 0;
  padding: 0;
}

.page-bio blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Gotham-Book", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-bio figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-bio blockquote:before {
  color: lightgray;
  content: open-quote;
  font-size: 3em;
  line-height: 0em;
  margin-left: -0.57em;
  vertical-align: -0.3em;
}

.page-bio blockquote:after {
  color: lightgray;
  content: close-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

.page-bio img {
  display: block;
  margin: auto;
  width: 50%;
  margin-top: 10%;
  margin-bottom: 10%;
}

.page-bio .letters {
  text-align: center;
  padding-top: 75px;
}

/** Press */

.page-press header {
  padding-bottom: 5%;
}

.page-press dd {
  padding: 0;
  margin: 0;
}

.page-press dt {
  font-weight: bold;
  padding-top: 4%;
}

/** Industry */

.page-industry h2 {
  font-size: 1.2em;
  text-align: center;
  margin-top: -41px;
  margin-bottom: 5%;
}

.page-industry h1 {
  padding-bottom: 2%;
}

.page-industry aside {
  color: #799ed2;
  text-align: center;
}

.page-industry small {
  padding-bottom: 25px;
}

.page-industry .audio {
  text-align: center;
  display: block;
  float: none;
  width: 100%;
  margin: 0 auto 16px auto;
  padding-top: 4%;
  clear: both;
}

/** -------------------------------------------- */
/**                 IMAGE & WORD                 */
/** -------------------------------------------- */

/** Articles */

.page-articles .articles {
  text-align: center;
}

.page-articles img {
  padding: 0%;
  margin: 8%;
}

.page-articles .comments p {
  font-family: "Quattros-regular", Icons;
  font-size: 1em;
  font-weight: 300;
}

.page-articles figure {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-articles blockquote {
  margin: 0;
  padding: 0;
}

.page-articles blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Quattros-regular", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-articles blockquote:before {
  color: lightgray;
  content: open-quote;
  padding: 0;
  margin-right: 1.5%;
  font-size: 3em;
  line-height: 0em;
  vertical-align: -0.35em;
}

.page-articles blockquote:after {
  visibility: hidden;
  content: close-quote;
  font-size: 0em;
}

/** Products (Things I Like and Use) */

.product-grid {
  padding: 0;
  margin: 0;
  text-align: left;
}

.product-grid li {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  width: 30%;
  padding: 3%;
  margin: 1%;
  vertical-align: middle;
}

.page-products p {
  font-family: "Quattros-regular", Icons;
  font-size: 1em;
  text-align: center;
  margin: 0;
  padding-top: 5%;
}

.page-products .subtitle {
  text-align: center;
  margin-top: -5%;
  margin-bottom: 5%;
}

.page-products .h1-products {
  padding-top: 10%;
  padding-bottom: 3%;
}

/* .line-products {
  width: 75%;
  margin-top: 5%;
  margin-bottom: 5%;
} */

/* search bar */
#myInput {
  background-image: url("/css/searchicon.png");
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 40%;
  font-size: 1em;
  font-family: "Quattros-regular", Icons;
  padding: 1% 2% 1% 2%;
  border: 1px solid #ddd;
  margin: 4% 5% 1% 0%;
}

/** -------------------------------------------- */
/**                    WELLNESS                  */
/** -------------------------------------------- */

/** Wellness */

.page-wellness .training ul {
  padding-top: 50px;
  padding-left: 0;
}

.page-wellness .rates {
  padding-top: 50px;
  padding-left: 0;
}
.page-wellness .rates li {
  text-align: center;
  display: block;
}

.page-wellness .training {
  text-align: center;
  padding-left: 0;
}

.page-wellness .training li {
  display: block;
}

.page-wellness .experience h2 {
  text-align: center;
  font-weight: 600;
  padding-bottom: 5%;
}

.page-wellness .instruments {
  text-align: left;
  padding-left: 0;
}

/*
.page-wellness .instruments li {
  display: block;
}
*/

.page-wellness blockquote {
  margin: 0;
  padding: 0;
}

.page-wellness blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Gotham-Book", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-wellness figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-wellness blockquote:before {
  color: lightgray;
  content: open-quote;
  font-size: 3em;
  line-height: 0em;
  margin-left: -0.57em;
  vertical-align: -0.3em;
}

.page-wellness blockquote:after {
  color: lightgray;
  content: close-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

/** -------------------------------------------- */
/**                 BACH TO GAUSS                */
/** -------------------------------------------- */

/** Blog pages */

.page-blog h1 {
  font-family: Piazzolla, Icons;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #17181b;
  font-size: 4rem;
  line-height: 1.2;
}

.page-blog h1 a {
  color: #17181b;
}

.page-blog h2 {
  font-family: "Williams Caslon Text", Icons;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  padding: 0;
  margin: 5% 0;
  color: #17181b;
  font-size: 2.2rem;
  line-height: 1;
}

.page-blog h2 a {
  color: #17181b;
}

.page-blog .title-page {
  padding-left: 25%;
  padding-right: 25%;
}

.page-blog header {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 5%;
}

.page-blog .title-page header {
  padding-bottom: 5%;
  padding-bottom: 0%;
}

.page-blog .title-page hr {
  margin-top: 12%;
  margin-bottom: 12%;
  background-color: lightgray;
}

.page-blog article {
  padding-left: 35%;
  padding-right: 20%;
}

.page-blog .title-page article {
  padding-left: 0%;
  padding-right: 0%;
}

.page-blog iframe {
  width: 100% !important;
}

.page-blog footer {
  text-align: right;
}

.page-blog .title-page footer {
  text-align: left;
  padding-top: 20%;
  padding-bottom: 10%;
}

.page-blog blockquote {
  font-size: 1.2em;
  line-height: 1.6em;
  letter-spacing: 0em;
  margin: 0;
  width: 90%;
  padding-left: 5%;
}

.page-blog blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Gotham-Book", Icons;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: -0.034em;
  display: inline;
}

.page-blog figure figcaption {
  font-style: italic;
  font-size: 1.4rem;
  padding-top: 3%;
  padding-bottom: 5%;
  margin-left: 5%;
}

.page-blog blockquote:before {
  font-family: "EB Garamond", Icons;
  color: lightgray;
  content: open-quote;
  font-size: 3em;
  line-height: 0em;
  margin-left: -0.57em;
  vertical-align: -0.3em;
}

.page-blog blockquote:after {
  color: lightgray;
  content: close-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
  display: none;
}

.page-blog .title-page small {
  font-family: "Diatype", Icons;
}

.page-blog li {
  font-family: "Charter", Icons;
  font-size: 1.12em;
  line-height: 1.7em;
}

.page-blog .title-page .footer small {
  font-family: "Diatype", Icons;
}

.page-blog-post p:first-of-type:first-letter {
  /* color: #830100; */
  color: #323232;
  font-size: 4em;
  float: left;
  line-height: 0.6em;
  padding-right: 0.1em;
  font-family: UnifrakturMaguntia, Icons;
  font-style: normal;
  font-weight: 800;
  text-shadow: 0px 1px 2px gray;
}

/** Letters of Recommendation */

.letters figure {
  text-align: center;
  padding: 5%;
  padding-left: 10%;
  padding-right: 10%;
}

/** About the Author */

.page-about-author p {
  font-family: "Quattros-regular", Icons;
  font-size: 1em;
  line-height: 1.5em;
}

.page-about-author img {
  display: block;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.page-about-author .letters {
  text-align: left;
  padding-top: 5%;
  padding-bottom: 10%;
}

.page-about-author figure figcaption {
  font-style: italic;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-about-author blockquote {
  margin: 0;
  padding: 0;
}

.page-about-author blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Quattros-regular", Icons;
  font-weight: 400;
  font-size: 1.2rem;
  display: inline;
}

.page-about-author blockquote:before {
  color: lightgray;
  content: open-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

.page-about-author blockquote:after {
  visibility: hidden;
  content: close-quote;
  font-size: 0em;
}

/** -------------------------------------------- */
/**                 MOBILE MENUS                 */
/** -------------------------------------------- */

.page-mobile-menu h2 a {
  color: #eee;
}

.page-mobile-menu h4 a {
  color: #fff;
}

.page-mobile-menu span {
  color: #fff;
}

bodycopy .contact-menu a {
  color: #17181b;
}

/** Music & Sound */

.page-mobile-menu-music-sound h1 {
  text-align: left !important;
}

.page-mobile-menu-music-sound h2 a {
  color: white;
}

.page-mobile-menu-music-sound h4 a {
  color: #fff;
}

bodycopy .music-sound-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}

bodycopy .music-sound-menu li {
  margin: 0;
  display: block;
}

bodycopy .music-sound-menu a {
  color: #eeeeee;
  line-height: 2em;
}

bodycopy .music-sound-menu h1 {
  color: #eeeeee;
  line-height: 1.5em;
}

.music-sound-menu h1 {
  text-align: left;
}

/** Image & Word */

.page-mobile-menu-image-word li {
  display: block;
  margin: 0;
  padding: 0;
}

.page-mobile-menu-image-word h2 a {
  color: white;
}

.page-mobile-menu-image-word ul {
  margin: 0;
  padding: 0;
}

.page-mobile-menu-image-word h4 a {
  color: white;
}

.page-mobile-menu-image-word span {
  color: white;
  line-height: 2em;
}

.page-mobile-menu-image-word .image-word-menu a {
  color: white;
  line-height: 2em;
}

.page-mobile-menu .image-word-menu a {
  color: #fff;
}

.page-mobile-menu .image-word-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.image-word-menu h1 {
  color: #fff;
  text-align: left;
}

bodycopy .image-word-menu a {
  color: #eeeeee;
  line-height: 2em;
}

bodycopy .image-word-menu span {
  line-height: 2em;
}

/** Hamburgers */

.header-hamburger-music-and-sound {
  text-align: right;
}

.header-hamburger-image-and-word {
  text-align: right;
}

/** -------------------------------------------- */
/**              ADDITIONAL PAGES                */
/** -------------------------------------------- */

/** XKCD */

.page-xkcd header {
  text-align: center;
  padding-top: 5%;
}

.page-xkcd .comics {
  display: block;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5%;
  width: 50%;
}

.page-xkcd img {
  max-width: 100%;
  height: auto;
}

.page-xkcd figure {
  padding: 0;
  padding-bottom: 20%;
  margin: 0;
  position: relative;
}

.page-xkcd figcaption {
  padding: 0;
  margin: 0;
  margin-top: -2em;
  background-color: #fff;
  float: left;
}

/** Space */

.page-space header {
  padding-top: 5%;
}

.page-space figure {
  padding: 0;
  padding-bottom: 20%;
  margin: 0;
  position: relative;
  width: 50%;
  margin: auto;
}

.page-space figcaption {
  padding: 0;
  margin: 0;
  margin-top: -2em;
  background-color: #fff;
  float: left;
}

/** Moon */

#contain_moon {
  max-width: 200px;
  margin: auto;
  margin-top: 25px;
  text-align: center;
  color: #17181b;
  width: 50%;
  margin-top: 15%;
  margin-bottom: -30%;
}

#contain_moon div {
  position: relative;
  z-index: 1;
}

#contain_moon div:nth-child(1) {
  /* title */
  font-size: 24px;
  font-weight: bold;
  display: none;
}

#contain_moon div:nth-child(2) {
  /* image */
  margin: 10px 0;
  z-index: 0;
}

#contain_moon div:nth-child(3) {
  /* Name phase  */
  font-size: 2em;
}

#contain_moon div:nth-child(4) {
  /* next full moon */
  font-style: italic;
  font-size: 1em;
  margin-top: 10px;
  padding: 5px;
}

#contain_moon div:nth-child(4) svg {
  /* next full moon icon */
  width: 0;
}

#contain_moon div:nth-child(4) b {
  /* next full moon day number */
  color: #17181b;
  font-size: 2em;
}

/** Mercury */

.page-space .mercury {
  width: 50%;
  margin: auto;
  padding-top: 10%;
  padding-bottom: 10%;
}

.page-space .human-design {
  width: 50%;
  margin: auto;
  padding-top: 5%;
  padding-bottom: 5%;
}

.page-space .astro {
  width: 50%;
  margin: auto;
  padding-top: 5%;
  padding-bottom: 5%;
}

/** Noleggio */

.page-noleggio header {
  padding-top: 5%;
}

.page-noleggio figure {
  padding: 0;
  padding-bottom: 20%;
  margin: 0;
  position: relative;
  width: 50%;
  margin: auto;
}

.page-noleggio figcaption {
  padding: 0;
  margin: 0;
  margin-top: -2em;
  background-color: #fff;
  float: left;
}

/** AEI */

.page-aei h1 {
  font-family: "Dolly Pro", Icons;
  font-style: normal;
  font-weight: 400;
  padding-top: 8%;
  margin: 0;
  color: #17181b;
  font-size: 3rem;
  line-height: 1.5;
}

.page-aei h1 a {
  color: #17181b;
}

.page-aei h2 {
  font-family: "Dolly Pro", Icons;
  font-style: normal;
  font-weight: 600;
  padding-top: 5%;
  margin: 0 0 5% 0;
  color: #17181b;
  font-size: 2.2rem;
  line-height: 1;
}

.page-aei h2 a {
  color: #17181b;
}

.page-aei .title-page {
  padding-left: 25%;
  padding-right: 25%;
}

.page-aei header {
  text-align: center;
  padding-top: 0%;
  padding-bottom: 2%;
}

.page-aei header {
  padding-bottom: 5%;
  padding-bottom: 0%;
}

.page-aei hr {
  margin-top: 16%;
  margin-bottom: 1%;
  background-color: lightgray;
}

.page-aei article {
  padding-left: 35%;
  padding-right: 20%;
}

.page-aei .title-page article {
  padding-left: 0%;
  padding-right: 0%;
}

.page-aei iframe {
  width: 100% !important;
}

.page-aei footer {
  text-align: right;
}

.page-aei .title-page footer {
  text-align: center;
  padding-top: 100px;
}

.page-aei blockquote {
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0;
  width: 90%;
  padding-left: 5%;
}

.page-aei blockquote p {
  margin: 0;
  padding: 0;
  font-family: "Gotham-Book", Icons;
  font-weight: 400;
  font-size: 1.5rem;
  display: inline;
}

.page-aei figure figcaption {
  font-style: italic;
  font-size: 1.4rem;
  padding-top: 0.4%;
  padding-bottom: 5%;
}

.page-aei blockquote:before {
  color: lightgray;
  content: open-quote;
  font-size: 3em;
  line-height: 0em;
  margin-left: -0.57em;
  vertical-align: -0.3em;
}

.page-aei blockquote:after {
  color: lightgray;
  content: close-quote;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 0;
  vertical-align: -0.35em;
}

.page-aei ul {
  font-family: Williams Caslon Text, Icons;
  padding-bottom: 0%;
}

.page-aei li {
  font-family: Williams Caslon Text, Icons;
  font-size: 1.2em;
}

.page-aei h3 {
  font-family: Williams Caslon Text, Icons;
  font-size: 1.2em;
  margin-bottom: 0;
}

.page-aei footer {
  padding-top: 20%;
}

/** READYMAG */

.page-rm {
  margin-top: 5%;
  margin-left: 20%;
  margin-right: 5%;
  margin-bottom: 5%;
}

.page-rm {
  font-size: 10px;
}

.page-rm article section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-rm article section p:last-child {
  margin-bottom: 0;
}

.page-rm p {
  font-family: "Dolly Pro", Icons;
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
}

.page-rm h3 {
  font-family: "Dolly Pro", Icons;
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: bold;
  padding-top: 5%;
}

.page-rm h4 {
  font-family: "Dolly Pro", Icons;
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: italic;
  padding-top: 5%;
  padding-bottom: 3%;
}

.page-rm ul {
  font-size: 10px;
}

.page-rm li {
  font-family: "Dolly Pro", Icons;
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: 400;
}

.page-rm a {
  color: blue !important;
}

/** CV */

.page-cv {
  margin-top: 10%;
  margin-bottom: 5%;
}

.page-cv {
  font-size: 10px;
}

.page-cv article section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-cv article section p:last-child {
  margin-bottom: 0;
}

.page-cv p {
  font-family: "Dolly Pro", Icons;
  font-size: 2.2em;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-style: normal;
}

.page-cv h3 {
  font-family: "Dolly Pro", Icons;
  font-size: 2.5em;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: bold;
  padding-top: 5%;
}

.page-cv h4 {
  font-family: "Dolly Pro", Icons;
  font-size: 2.5em;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-style: italic;
  padding-top: 5%;
  padding-bottom: 3%;
}

.page-cv ul {
  font-size: 10px;
}

.page-cv li {
  font-family: "Dolly Pro", Icons;
  font-size: 2.2em;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: 400;
}

.page-cv a {
  color: blue !important;
}

/** TYLER */

.page-tyler {
  margin-top: 10%;
  margin-bottom: 5%;
}

.page-tyler {
  font-size: 10px;
}

.page-tyler article section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-tyler article section p:last-child {
  margin-bottom: 0;
}

.page-tyler p {
  /* font-family: "Dolly Pro", Icons; */
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
}

.page-tyler h3 {
  /* font-family: "Dolly Pro", Icons; */
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: bold;
  padding-top: 5%;
}

/* .page-tyler h4 {
  font-family: "Dolly Pro", Icons;
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: italic;
  padding-top: 5%;
  padding-bottom: 3%;
} */

.page-tyler ul {
  font-size: 10px;
}

.page-tyler li {
  /* font-family: "Dolly Pro", Icons; */
  font-size: 2em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: 400;
}

.page-tyler a {
  color: blue !important;
}

/** F2 */

.page-f2 {
  font-size: 10px;
  margin-top: 10%;
  margin-bottom: 5%;
}

.page-f2 article section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-f2 article section p:last-child {
  margin-bottom: 0;
}

.page-f2 p {
  font-size: 2em;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-style: normal;
  margin: 0;
  padding: 0;
}

.page-f2 h3 {
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: bold;
  padding-top: 5%;
  margin-bottom: 1em;
}

.page-f2 ol {
  font-size: 10px;
  padding-top: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 3em;
  list-style-position: inside;
}

.page-f2 li {
  font-size: 2em;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: 400;
}

/** OBS */

.page-obs {
  font-size: 10px;
  margin-top: 10%;
  margin-bottom: 5%;
}

.page-obs article section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-f2 article section p:last-child {
  margin-bottom: 0;
}

.page-obs p {
  font-size: 2em;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-style: normal;
  margin: 0;
  padding: 0;
}

.page-obs h3 {
  font-size: 2.5em;
  line-height: 1;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: bold;
  padding-top: 5%;
  margin-bottom: 1em;
}

.page-obs ol {
  font-size: 10px;
  padding-top: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 3em;
  list-style-position: inside;
}

.page-obs li {
  font-size: 2em;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-style: normal;
  font-weight: 400;
}

/** THE REAL HEAL */

.page-trh h1 {
  color: #8b4737;
}

/** -------------------------------------------- */
/**                 HIDE HAMBURGER               */
/** -------------------------------------------- */

/** aei */
body[data-page-id="26363718"] #site_menu_button {
  display: none !important;
}

/** cotswolds */
body[data-page-id="26939497"] #site_menu_button {
  display: none !important;
}

/** goodhertz */
body[data-page-id="26907521"] #site_menu_button {
  display: none !important;
}

/** lorem ipsum */
body[data-page-id="21509285"] #site_menu_button {
  display: none !important;
}

/** lower swell */
body[data-page-id="26983556"] #site_menu_button {
  display: none !important;
}

/** meeting */
body[data-page-id="27036405"] #site_menu_button {
  display: none !important;
}

/** moreton on marsh */
body[data-page-id="26983542"] #site_menu_button {
  display: none !important;
}

/** noleggio */
body[data-page-id="25424021"] #site_menu_button {
  display: none !important;
}

/** notes */
body[data-page-id="26948062"] #site_menu_button {
  display: none !important;
}

/** sound bath */
body[data-page-id="27189196"] #site_menu_button {
  display: none !important;
}

/** space */
body[data-page-id="22876822"] #site_menu_button {
  display: none !important;
}

/** wellness */
body[data-page-id="25539640"] #site_menu_button {
  display: none !important;
}

/** xkcd */
body[data-page-id="22871833"] #site_menu_button {
  display: none !important;
}

/** Enable smooth scrolling on the whole document */

html {
  scroll-behavior: smooth;
}

/** -------------------------------------------- */
/**                 MEDIA QUERIES                */
/** -------------------------------------------- */

/*************** HOME PAGE ***************/

/** PORTFOLIO (mobile) - left-align text */

@media only screen and (max-device-width: 769px) {
  .page-home-portfolio h1 {
    text-align: left !important;
    margin: 0 !important;
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home-portfolio h2 {
    text-align: left !important;
    margin: 0 !important;
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home-portfolio p {
    text-align: left !important;
    margin: 0 !important;
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home-portfolio a {
    text-align: left !important;
    margin: 0 !important;
  }
}

/** SERVICES (mobile) - left-align text columns & left padding */

@media only screen and (max-device-width: 769px) {
  .page-home-services h1 {
    text-align: left !important;
    margin: 0 !important;
    padding-left: 33% !important;
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home-services h2 {
    text-align: left !important;
    margin: 0 !important;
    padding-left: 33% !important;
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home-services p {
    text-align: left !important;
    margin: 0 !important;
    padding-left: 33% !important;
  }
}

/*************** MOBILE ***************/

/** Home Page Font Sizes */

@media only screen and (max-device-width: 769px) {
  .page-home h1 {
    font-size: calc(40px + 2 * ((100vw - 320px) / 320));
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home h2 {
    font-size: calc(16px + 2 * ((100vw - 320px) / 320));
  }
}

@media only screen and (max-device-width: 769px) {
  .page-home p {
    font-size: calc(12px + 2 * ((100vw - 320px) / 320));
  }
}

/** Header Font Sizes */

@media only screen and (max-device-width: 769px) {
  .page-header h2 {
    font-size: 0.8em;
  }
}

/** Padding */

@media only screen and (max-device-width: 769px) {
  .page-home-services h1 {
    padding-top: 15%;
  }
}

/** hide mobile images on desktop */

@media only screen and (min-device-width: 770px) {
  .home-menu-links-mobile {
    display: none;
  }
}

/** hide desktop images on mobile */

@media only screen and (max-device-width: 769px) {
  .home-menu-links-desktop {
    display: none;
  }
}

/********* PRODUCT PAGE SEARCH BAR *********/

@media only screen and (max-device-width: 769px) {
  #myInput {
    font-size: 0.9em;
  }
}

/*************** BLOG POST ***************/

/** BLOG POST - h1 font size on mobile */
@media only screen and (max-device-width: 769px) {
  .page-blog h1 {
    font-size: 4.2em;
  }
}

/** BLOG POST - h2 font size on mobile */
@media only screen and (max-device-width: 769px) {
  .page-blog h2 {
    font-size: 2em;
  }
}

/** BLOG POST - p font size on mobile */
@media only screen and (max-device-width: 769px) {
  .page-blog p {
    font-size: 1.6em;
    line-height: 1.4em;
  }
}

/** padding on mobile */

@media only screen and (max-device-width: 769px) {
  .page-blog article {
    padding: 2%;
  }
}

/*************** BLOG TITLE PAGE ***************/

/** padding on mobile */
@media only screen and (max-device-width: 769px) {
  .page-blog .title-page {
    padding: 2%;
  }
}

/** small font size on mobile */
@media only screen and (max-device-width: 769px) {
  .page-blog .title-page small {
    font-size: 1.2em;
  }
}

/*************** XKCD ***************/

/** wider on mobile */

@media only screen and (max-device-width: 769px) {
  .page-xkcd .comics {
    width: 95%;
  }
}

/*************** AEI ***************/

/** padding on mobile */

@media only screen and (max-device-width: 769px) {
  .page-aei article {
    padding: 5%;
  }
}

/** -------------------------------------------------------------------------- */
/**                                END RAY CHANGES                             */
/** -------------------------------------------------------------------------- */