/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

:root {
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: .8rem;
}

/* Global heading overrides */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-weight: 500;
  margin-top: 1rem !important;
}

.page-title {
  font-size: xxx-large;
}

.page-subtitle {
  font-size: x-large;
}

h1,.h1 {
  font-size: xxx-large;
}

h2,.h2 {
  font-size: xx-large;
}

h3,.h3 {
  font-size: x-large;
  font-weight: 300;
}

h4,.h4 {
  font-size: large;
}

/* Article heading font override */
h1:not(.page-title), .h1:not(.page-title) {
  font-weight: 300;
  font-variant: all-small-caps;
}

/* Heading anchor offset position fix */
h1:before {
  content: '\0020';
  height: calc(16px + 20px + 60px);
  margin-top: calc(-16px - 20px - 60px);
  display: block;
}

/* Empty masthead removal fix */
header#masthead {
  /* padding: 0; */
}

/* Flush footer fix */
.site-main {
  padding-bottom: 0;
}

/* Sticky header */
.sticky-container,.site-header {
  position: sticky !important;
  top: 0;
  z-index: 10;
  padding: 0;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.main-menu { margin: 0 !important; }

.site-header .main-navigation > div > ul > li > a {
  font-weight: inherit;
  font-size: inherit;
  padding: .5em .75em;
  font-size: var(--wp--preset--font-size--small);
}

.site-header .main-navigation > div > ul > li {
  padding: 0;
}

/* Custom nav header styling */
.sticky-navigation,.site-header {
  margin-bottom: 0 !important;
  height: 60px;
  display: flex;
  justify-content: flex-end;
  background-color: white;
  box-shadow: 0 1px 2px #99999999;
}

.digest-columns .wp-block-column > * {
  margin-top: 0;
  margin-bottom: 0;
}

/* HACK: WP preview sticky header fix */
#wpadminbar {
  display: none;
}

html {
  margin: 0 !important;
}

.entry-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* HACK: Remove default page title */
.entry-header {
  display: none;
}

/* HACK: Remove any extraneous footer */
.entry-footer {
  display: none;
}

/* HACK: Remove Home title padding */
.page-title:before, .page-title:after {
  content: none;
}
/* HACK: Menu background blur */
@supports (backdrop-filter: blur(1px)) {
  .mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
    background-color: #ffffffcc;
    backdrop-filter: blur(6px);
  }
}

/* HACK: Column centering for overflow in tablet view */
.wp-block-columns {
  justify-content: center;
}

.has-text-align-center {
  padding: 0 32px;
}

/* HACK: other */

.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
  padding-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
  top: 11px !important;
}
.dropdown-icon {
  display: none !important; /* Temporarily until styled */
}
.section-cta-mobile {
  display: none;
}

footer#colophon {
  background: #3d82c5;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  color: white !important;
}

.site-info {
  color: white;
}

@media only screen and (min-width: 560px) {
  .site-info {
    max-width: calc(768px - 32px);
    margin: auto 16px;
  }
}

.full-height-bg-black {
  height: 100%;
  background: black;
}

.full-height-bg-grey-mid {
  height: 100%;
  background: rgb(120 131 139);
  background: linear-gradient(180deg, rgb(136 146 150) 0%, rgb(145 155 161) 50%, rgb(120 131 139) 100%);
}

#page {
  min-width: 320px;
}

.page-title {
  color: darkgrey;
}

.page-title .highlight {
  font-weight: normal;
  font-size: 125%;
  color: #3d82c5;
}

.page-subtitle {
  font-size: large;
}

.page-subtitle .highlight {
  font-weight: normal;
  font-size: x-large;
}

.wp-block-coblocks-hero__content {
  margin-left: -60px;
}

.bkg-brainwaves {
  background-image: url('https://healingemdr.com/wp-content/uploads/2020/12/bkg_brainwaves.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1.wp-block-jetpack-layout-gutter__nowrap.wp-block-jetpack-layout-gutter__none {
  background-image: url('https://healingemdr.com/wp-content/uploads/2020/12/a27c0-nicki_bw.png');
  background-repeat: no-repeat;
  background-size: 280px;
  background-position: bottom 0 right 240px;
}

@media only screen and (max-width: 1079px) {
  .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1.wp-block-jetpack-layout-gutter__nowrap.wp-block-jetpack-layout-gutter__none {
    background-position: calc(50% + 180px) 100%;
  }
}

@media only screen and (max-width: 559px) {
  .section-cta-mobile {
    display: block;
  }

  .wp-block-coblocks-hero__content {
    margin-left: auto;
  }

  .wp-block-coblocks-hero__inner.hero-center-center-align.has-padding.has-medium-padding.has-center-content {
    min-height: 372px !important;
    align-items: flex-start;
  }

  .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1.wp-block-jetpack-layout-gutter__nowrap.wp-block-jetpack-layout-gutter__none {
    background-size: 120px;
    background-position: bottom;
  }
}

@media only screen and (min-width: 1440px) {
  .wp-block-jetpack-layout-grid.alignfull.column1-desktop-grid__span-12.column1-desktop-grid__row-1.column1-tablet-grid__span-8.column1-tablet-grid__row-1.column1-mobile-grid__span-4.column1-mobile-grid__row-1.wp-block-jetpack-layout-gutter__nowrap.wp-block-jetpack-layout-gutter__none {
    background-position: calc(50% + 360px) 100%;
  }
}

figure.alignright.size-large.is-resized {
  max-width: 50%;
  margin: auto;
}

.page-subtitle {
  box-shadow: 0 0 24px white;
  background: #ffffffaa;
  padding: 0 .5rem;
  border-radius: 4px;
}

@supports (backdrop-filter: blur(1px)) {
  .page-subtitle {
    backdrop-filter: blur(4px);
  }
}

@media only screen and (max-width: 559px) {
  .main-navigation #toggle:checked ~ .menu-primary-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background: #00000099;
    background: #cccccccc;
  }

  @supports (backdrop-filter: blur(1px)) {
    .main-navigation #toggle:checked ~ .menu-primary-container {
      backdrop-filter: blur(4px);
    }
  }

  .site-header .main-navigation > div > ul > li {
    border-bottom: 1px solid whitesmoke;
    background: white;
    box-shadow: 0 4px 4px #33333333;
  }

  ul#menu-primary {
    border-top: 2px solid #1279be;
  }

  .main-navigation #toggle-menu {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .main-navigation #toggle:checked ~ label#toggle-menu {
    box-shadow: inset 0 0 0 2px white;
    border: 2px solid #1279be;
    box-sizing: border-box;
    margin-top: 6px;
    margin-right: -2px;
  }

  nav#site-navigation {
    margin-top: 0;
  }
}

@media only screen and (min-width: 560px) and (max-width: 640px) {
  .site-header .main-navigation > div > ul > li > a {
    font-size: medium;
    padding: .5em .64em;
  }
}

@media only screen and (min-width: 560px) {
  .main-navigation > div > ul > li:last-child > a {
    color: white !important;
    background-color: #1279BE;
    border-radius: 5px;
    border-width: 0;
    text-decoration: none;
    margin: -8px 8px;
    padding: 16px 24px;
  }

  .mobile-line-break {
    display: none;
  }
}
