/*
 Theme Name:   Redpoint Custom
 Theme URI:    https://beewisemedia.com
 Description:  Custom overrides for Redpoint - do not activate this theme.
 Author:       Eric Black of beewise Media
 Author URI:   https://beewisemedia.com
 Template:     twentynineteen
 Version:      1.3.1
*/
.trans, .site-content button i, button.wpcf7-submit i, .wp-block-button a i, .site-content .wp-block-button__link i, .site-content button, button.wpcf7-submit, .wp-block-button a, .site-content .wp-block-button__link, .home .books img, .main-menu > li > .sub-wrapper li, .main-navigation li:hover .sub-wrapper a, .site-branding .site-logo img, .wp-block-heading i {
  transition-duration: 0.25s;
}

.trans-alt {
  transition-duration: 0.1s;
}

.no-underline {
  border-bottom: 0;
}

.slow-trans, .site-content .content-area, .site-content {
  transition: 0.5s all;
}

@media screen and (max-width: 1500px) {
  .site-branding .navigation-container {
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
  }
  .site-branding .menu-btn:checked ~ .main-navigation {
    max-height: 100vh;
    overflow-y: scroll;
    width: 100vw;
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  .site-branding .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .site-branding .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  .site-branding .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .site-branding .menu-icon .navicon {
    display: block;
    height: 0.125rem;
    position: relative;
    transition: background 0.2s ease-out;
    width: 32px;
  }
  .site-branding .menu-icon .navicon:before, .site-branding .menu-icon .navicon:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
  }
  .site-branding .menu-icon .navicon:before {
    top: 5px;
  }
  .site-branding .menu-icon .navicon:after {
    top: -5px;
  }
  .site-branding .main-navigation {
    position: relative;
    z-index: 3;
    clear: both;
    max-height: 0;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
  }
  .site-branding .main-navigation li {
    display: block;
    margin-right: 0;
  }
}
input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], input[type=number], select, textarea {
  border-radius: 1.5625rem;
  border: 0;
  font-size: 1.625rem;
  padding: 0.9375rem 1.5625rem;
  margin-bottom: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

h1 {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1080px) {
  h1 {
    font-size: 3.75rem;
  }
}
@media only screen and (max-width: 899px) {
  h1 {
    font-size: 3.125rem;
  }
}

h2 {
  font-size: 3.875rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1080px) {
  h2 {
    font-size: 3.125rem;
  }
}
@media only screen and (max-width: 899px) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  font-size: 2.25rem;
  font-family: Lato;
  margin-bottom: 0.9375rem;
}
@media only screen and (max-width: 1080px) {
  h3 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 899px) {
  h3 {
    font-size: 1.625rem;
  }
}

h4 {
  margin-bottom: 0.625rem;
}

h5 {
  font-size: 0.9375rem;
}

figcaption {
  font-size: 0.9375rem;
}

h1, h2, h3 {
  white-space: break-spaces;
}

p {
  font-size: 1.75rem;
  line-height: 2.375rem;
}
@media only screen and (max-width: 1080px) {
  p {
    font-size: 1.4875rem;
    line-height: 2.01875rem;
  }
}
@media only screen and (max-width: 899px) {
  p {
    font-size: 1.225rem;
    line-height: 1.6625rem;
  }
}

textarea {
  resize: vertical;
  height: 12.5rem;
}

.submenu-expand {
  vertical-align: text-bottom;
}
.submenu-expand svg {
  fill: var(--c-background);
  width: 1.875rem;
  height: 1.875rem;
}

.wp-block-heading i {
  font-size: 3.125rem;
  margin-left: 1.25rem;
  position: absolute;
  margin-top: 0.625rem;
}
.wp-block-heading a {
  border: 0;
}
.wp-block-heading a:hover + i {
  margin-left: 2.5rem;
}

.site-title {
  font-size: 6.25rem;
  font-weight: 600;
}
.site-title a {
  color: var(--c-primary);
  border: 0;
}

.site-branding {
  top: -3.75rem;
  margin-top: 6.25rem;
  background-color: unset;
  position: absolute;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 79.9375rem) {
  .site-branding {
    padding-left: 1.875rem;
    box-sizing: border-box;
  }
}
.site-branding .site-logo img {
  max-height: 5.625rem;
}
@media screen and (max-width: 1500px) {
  .site-branding .site-logo {
    float: left;
    width: 31.25rem;
  }
}
@media only screen and (max-width: 899px) {
  .site-branding .site-logo {
    width: 50vw;
  }
}
.site-branding label.menu-icon {
  float: right;
  margin-top: 0.625rem;
}
@media only screen and (max-width: 79.9375rem) {
  .site-branding label.menu-icon {
    padding: 0.625rem;
    margin-top: 0;
  }
}
@media only screen and (max-width: 79.9375rem) {
  .site-branding .main-navigation li {
    padding-right: 1.25rem;
  }
}

nav li {
  margin-right: 2.5rem;
}
nav li.menu-item-has-children {
  margin-right: 1.25rem;
}

.main-navigation {
  font-family: Lato;
  font-size: 1.75rem;
}
.main-navigation a {
  transition: none;
  font-size: 85%;
}
.main-navigation li:hover .sub-wrapper {
  box-shadow: 0 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.1);
}
.main-navigation .main-menu > li > .sub-wrapper {
  background-color: var(--c-accent);
  margin-left: -5rem;
  z-index: 3;
  border-radius: 1.5625rem;
}
.main-navigation .sub-menu {
  padding: 0 5rem;
  text-align: left;
}
.main-navigation .sub-menu a {
  color: var(--c-primary);
}
.main-navigation .sub-menu a:hover {
  color: var(--c-secondary);
}
@media screen and (max-width: 1500px) {
  .main-navigation {
    text-align: right;
    overflow-y: hidden;
  }
}

.site-header {
  min-height: 12.5rem;
}

.featured-page.top > article {
  font-size: 1.75rem;
  padding-top: 21.875rem;
  min-height: 61.25rem;
  background-position: top;
}
.featured-page.top > article p {
  color: var(--c-primary);
}
@media screen and (max-width: 1500px) {
  .featured-page.top > article {
    padding-top: 15.625rem;
  }
}
@media only screen and (max-width: 79.9375rem) {
  .featured-page.top > article {
    padding-top: 9.375rem;
  }
}
@media only screen and (max-width: 899px) {
  .featured-page.top > article {
    min-height: unset;
    padding-top: 7.8125rem;
    padding-bottom: 6.25rem;
  }
}

.featured-page.bottom {
  padding-top: 15.625rem;
  padding-bottom: 7.5rem;
  background-color: #161616;
  margin-top: -6.25rem;
}
.featured-page.bottom h1 {
  margin-bottom: 5rem;
}
.featured-page.bottom p {
  font-size: 1.75rem;
  line-height: 2.375rem;
  color: #dadada;
  z-index: 2;
  position: relative;
}
.featured-page.bottom form p {
  line-height: 0;
}
.featured-page.bottom article {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.featured-page.bottom .wp-block-heading {
  z-index: 2;
  position: relative;
  margin-top: 3.125rem;
}
.featured-page.bottom .wp-block-heading:after {
  content: url("./images/footer-accent.png");
  position: absolute;
  right: 7rem;
  top: -2.0625rem;
  z-index: -1;
}
@media only screen and (max-width: 79.9375rem) {
  .featured-page.bottom .wp-block-heading:after {
    display: none;
  }
}
.featured-page.bottom button.wpcf7-submit:hover {
  background-color: #161616;
  border: 0.1875rem solid var(--c-background);
  color: var(--c-background);
}
.featured-page.bottom button.wpcf7-submit:hover i {
  color: var(--c-background);
}

.background-paper {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 3.75rem;
  width: 100%;
  left: 0;
  transition: 1s all;
  transform: 0;
  opacity: 0;
}
.background-paper.light {
  background-color: #dfdfdf;
  z-index: 1;
}
.background-paper.dark {
  transition: 1s transform;
  background-color: #b3b9be;
  z-index: 0;
}
@media only screen and (max-width: 1080px) {
  .background-paper {
    display: none;
  }
}

.site-content {
  margin-top: -6.25rem;
  top: 0;
  font-size: 1.625rem;
}
.site-content li {
  line-height: 2.375rem;
}
.site-content .content-area {
  opacity: 1;
  padding: 6.25rem 0 7.5rem;
  background: var(--c-background);
  border-radius: 3.75rem;
  z-index: 2;
}

html .site-branding .menu-btn:checked ~ .main-navigation {
  overflow-y: hidden;
  width: calc(100% - 10px);
}

@media screen and (max-width: 1500px) {
  body:not(.has-scrolled) .main-navigation {
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border-radius: 1.25rem;
    box-sizing: border-box;
    padding: 0 1.25rem;
    width: calc(100% - 10px);
  }
  body:not(.has-scrolled) .main-navigation a {
    color: var(--c-primary);
  }
  body:not(.has-scrolled) .main-navigation a:hover {
    color: var(--c-secondary);
  }
  body:not(.has-scrolled) .main-navigation .submenu-expand svg {
    fill: unset;
  }
}

.has-scrolled .site-branding .menu-icon .navicon, .has-scrolled .site-branding .menu-icon .navicon:before, .has-scrolled .site-branding .menu-icon .navicon:after {
  background-color: var(--c-primary);
}
.has-scrolled label.menu-icon {
  padding-right: 0;
}
.has-scrolled .site-branding {
  transition: top 0.5s;
  top: 0;
  position: fixed;
  z-index: 5;
  margin-top: 0;
  min-height: 3.75rem;
  padding: 0.625rem 1.875rem;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.has-scrolled .site-branding .site-logo {
  max-width: 25rem;
  float: left;
}
.has-scrolled .site-branding .submenu-expand svg {
  fill: var(--c-primary);
  width: 1.0625rem;
  height: 1.25rem;
}
.has-scrolled .site-branding .navigation-container {
  margin: 0;
  max-width: unset;
}
.has-scrolled .site-branding .main-navigation {
  float: right;
  line-height: 2.5rem;
}
.has-scrolled .site-branding .main-navigation li {
  padding-right: 0;
}
.has-scrolled .site-branding .main-navigation a {
  text-shadow: none;
  color: var(--c-primary);
  font-size: 1.0625rem;
}
.has-scrolled .site-branding .main-navigation a:hover {
  color: var(--c-secondary);
}
.has-scrolled .site-content .content-area, .has-scrolled .background-paper {
  opacity: 1;
}
.has-scrolled .background-paper.light {
  transform: rotate(-2.5deg);
}
.has-scrolled .background-paper.dark {
  transform: rotate(-5deg);
}
@media only screen and (max-width: 1080px) {
  .has-scrolled .main-menu > li > .sub-wrapper {
    box-shadow: none;
  }
}

@media screen and (max-width: 1500px) {
  .main-navigation .main-menu > li:hover > .sub-wrapper {
    display: inline-block;
  }
  .main-navigation .main-menu > li:hover > .sub-wrapper li {
    padding: 0 2.1875rem;
  }
  .main-navigation .main-menu > li > .sub-wrapper {
    position: unset;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  .main-navigation .main-menu > li > .sub-wrapper li {
    padding: 0;
  }
  .main-navigation .main-menu > li > .sub-wrapper a {
    text-shadow: none;
  }
  .main-navigation .main-menu > li > .sub-wrapper .sub-menu {
    text-align: right;
    padding: 0.625rem 0;
  }
}
body:not(.home) .featured-page.top article {
  background-image: url("./images/background_sky.webp") !important;
  min-height: unset;
}
body:not(.home) .featured-page.top .entry-content {
  display: none;
}

.wp-block-post-template h2.wp-block-post-title {
  float: left;
  margin: 0;
  font-size: unset;
  font-family: unset;
}
.wp-block-post-template h2.wp-block-post-title:after {
  content: ": ";
}
.wp-block-post-template .wp-block-post-content {
  display: inline;
}
.wp-block-post-template .wp-block-post-content p {
  font-size: 1.625rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  display: inline;
}

.home .wp-block-list, .home .callout, .home .wp-block-post-template {
  background-color: var(--c-accent);
}
.home .alignfull {
  margin: 9.375rem 0;
  padding: 6.25rem 0;
  box-shadow: 0 0 3.125rem 0 rgba(0, 0, 0, 0.1);
}
.home figure.wp-block-media-text__media {
  text-align: center;
}
@media only screen and (max-width: 899px) {
  .home figure.wp-block-media-text__media {
    margin-bottom: 2.5rem;
  }
}
.home .books {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.75rem;
}
.home .books figure {
  min-width: 14.0625rem;
  max-width: 14.0625rem;
  margin: 2.5rem 1.25rem;
}
.home .books img {
  transform: skew(-3deg, 0deg) rotateY(-5deg);
  box-shadow: 0.625rem 0.625rem 0 0 #161616;
  position: relative;
}
.home .books img:hover {
  transform: scale(1.2);
  z-index: 5;
}

.wp-block-media-text__media img {
  border-radius: 100%;
  max-width: 18.75rem;
}

footer#colophon {
  background-color: var(--c-secondary);
  padding: 0.9375rem 0;
}
footer#colophon a {
  color: var(--c-background);
}
footer#colophon .copyright-info {
  float: unset;
  text-align: unset;
}
footer#colophon .site-info {
  margin: 0 1.25rem;
  max-width: unset;
  font-size: 1.375rem;
}
footer#colophon .site-logo {
  display: none;
}
footer#colophon .footer-menu {
  float: right;
}
footer#colophon .footer-menu li {
  text-transform: unset;
  margin-right: 0.625rem;
}
footer#colophon .footer-menu li:last-child {
  margin-right: 0;
}
footer#colophon .footer-menu li:not(:last-child):after {
  color: var(--c-background);
  margin-left: 0.9375rem;
}
@media only screen and (max-width: 79.9375rem) {
  footer#colophon .footer-menu {
    float: none;
    text-align: center;
    margin-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 79.9375rem) {
  footer#colophon {
    line-height: 1.5rem;
  }
}

form p {
  line-height: 0;
}
form button {
  max-width: 100%;
  width: 100%;
  margin-top: 4.375rem;
}

.site-content button, button.wpcf7-submit, .wp-block-button a, .site-content .wp-block-button__link {
  color: var(--c-background);
  background-color: var(--c-secondary);
  border-radius: 1.5625rem;
  font-size: 1.75rem;
  outline: 0;
  width: 37.5rem;
  max-width: 100%;
  letter-spacing: 0.01em;
  border: 0.1875rem solid var(--c-secondary);
  padding: 0.75rem 0.625rem;
}
.site-content button i, button.wpcf7-submit i, .wp-block-button a i, .site-content .wp-block-button__link i {
  color: var(--c-accent);
}
.site-content button:hover, button.wpcf7-submit:hover, .wp-block-button a:hover, .site-content .wp-block-button__link:hover {
  background-color: var(--c-background);
  color: var(--c-secondary);
  transform: scale(1.1);
}
.site-content button:hover i, button.wpcf7-submit:hover i, .wp-block-button a:hover i, .site-content .wp-block-button__link:hover i {
  color: var(--c-secondary);
}

.wp-block-buttons > .wp-block-button {
  max-width: 100%;
}

.is-layout-flex > .callout p, .is-layout-flex > .callout h3 {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 899px) {
  .is-layout-flex > .callout {
    margin-bottom: 2.5rem;
  }
}

.wp-block-list, .callout, .wp-block-post-template {
  border-radius: 1.5625rem;
  padding: 2.1875rem;
  margin: 3.125rem 0;
}
.wp-block-list li, .callout li, .wp-block-post-template li {
  margin: 2.5rem 0;
  padding-left: 3.75rem;
  position: relative;
}
.wp-block-list li .entry-content > *, .callout li .entry-content > *, .wp-block-post-template li .entry-content > * {
  margin-inline: 0;
}
.wp-block-list li > h1, .wp-block-list li > h2, .wp-block-list li > h3, .callout li > h1, .callout li > h2, .callout li > h3, .wp-block-post-template li > h1, .wp-block-post-template li > h2, .wp-block-post-template li > h3 {
  margin-top: -1.25rem;
  display: inline-block;
}
.wp-block-list li:before, .callout li:before, .wp-block-post-template li:before {
  content: url("./images/bullet.png");
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 899px) {
  .wp-block-list, body:not(.home) .wp-block-query .wp-block-post-template {
    padding: 0;
  }
}

.blurb {
  border: 0.1875rem solid var(--c-primary);
  padding: 1.5rem 3.75rem;
  position: relative;
}
.blurb a {
  font-weight: 900;
  border: 0;
}
.blurb:after {
  content: url("./images/triangle.png");
  position: absolute;
  top: -0.1875rem;
  right: -0.1875rem;
}

#secondary.sidebar {
  z-index: 3;
}
#secondary.sidebar .sidebar-content {
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
  background-color: transparent;
}

.edit-link {
  display: none;
}

.entry-content p {
  margin-bottom: 1.25rem;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: var(--c-background);
}

.wpcf7-not-valid-tip {
  margin-bottom: 2.5rem;
}

body:not(.home) h2:not(.wp-block-post-title) {
  font-size: 3.5rem;
  line-height: 4.375rem;
}
@media only screen and (max-width: 899px) {
  body:not(.home) h2:not(.wp-block-post-title) {
    font-size: 1.75rem;
    line-height: 2rem;
    /*
    &.wp-block-post-title
    {
    	margin-bottom: 0
    }
    	*/
  }
}
body:not(.home) h3 {
  font-family: "Playfair Display";
  font-size: 2.875rem;
}
body:not(.home) p {
  font-size: 1.25rem;
  line-height: 2rem;
}
body:not(.home) .wp-block-list {
  padding: 0 1.25rem;
}
body:not(.home) .wp-block-list .wp-block-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
body:not(.home) .wp-block-list li {
  margin: 1.25rem 0;
  font-size: 1.25rem;
  line-height: 2rem;
}
body:not(.home) hr.wp-block-separator {
  margin: 2.5rem auto;
  border-top: 0.1875rem solid;
}

@media only screen and (min-width: 80rem) {
  body:not(.page-template-default):not(.page-template-page-full-width) .site-main > *, li.mega > .sub-wrapper .sub-menu, .body-width, .entry-header, .entry-content > *:not(.alignfull), .entry-summary > *:not(.alignfull), article > .post-thumbnail, article.post .entry-footer, .entry .entry-footer, .navigation-container, .site-logo.below, #colophon .site-info, .entry .entry-content > *.alignwide, .entry .entry-summary > *.alignwide, .entry-content section > * {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  /* With sidebar */
  .sidebar.left + #primary body:not(.page-template-default):not(.page-template-page-full-width) .site-main > *, .sidebar.left + #primary li.mega > .sub-wrapper .sub-menu, .sidebar.left + #primary .body-width, .sidebar.left + #primary .entry-header, .sidebar.left + #primary .entry-content > *:not(.alignfull), .sidebar.left + #primary .entry-summary > *:not(.alignfull), .sidebar.left + #primary article > .post-thumbnail, .sidebar.left + #primary article.post .entry-footer {
    padding-left: 18.75rem;
    box-sizing: border-box;
  }
  .sidebar.left + #primary .entry .entry-content > *.alignwide, .sidebar.left + #primary .entry .entry-summary > *.alignwide, .sidebar.left + #primary .entry-content section > * {
    padding-left: 0;
  }
  .sidebar.right + #primary body:not(.page-template-default):not(.page-template-page-full-width) .site-main > *, .sidebar.right + #primary li.mega > .sub-wrapper .sub-menu, .sidebar.right + #primary .body-width, .sidebar.right + #primary .entry-header, .sidebar.right + #primary .entry-content > *:not(.alignfull), .sidebar.right + #primary .entry-summary > *:not(.alignfull), .sidebar.right + #primary article > .post-thumbnail, .sidebar.right + #primary article.post .entry-footer {
    padding-right: 18.75rem;
    box-sizing: border-box;
  }
  .sidebar.right + #primary .entry .entry-content > *.alignwide, .sidebar.right + #primary .entry .entry-summary > *.alignwide, .sidebar.right + #primary .entry-content section > * {
    padding-right: 0;
  }
  .sidebar {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    width: 15.625rem;
    margin: auto;
  }
  .sidebar.left {
    right: 61.25rem;
  }
  .sidebar.right {
    left: 61.25rem;
  }
  #primary.content-area {
    min-height: var(--sidebar_height);
  }
  #primary.content-area .alignfull:first-of-type {
    margin-top: var(--alignfull_offset);
  }
}
@media only screen and (max-width: 79.9375rem) {
  #secondary, body:not(.page-template-default):not(.page-template-page-full-width) .site-main > *, li.mega > .sub-wrapper .sub-menu, .body-width, .entry-header, .entry-content > *:not(.alignfull), .entry-summary > *:not(.alignfull), article > .post-thumbnail, article.post .entry-footer, .entry .entry-footer, .navigation-container, .site-logo.below, #colophon .site-info, .entry .entry-content > *.alignwide, .entry .entry-summary > *.alignwide, .entry-content section > * {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media only screen and (max-width: 1080px) {
  .site-logo.below {
    position: relative;
    height: 0;
    top: 0;
  }
  .site-logo.below + .featured-page.top {
    padding-top: 0;
  }
  .site-branding {
    text-align: center;
  }
  .site-branding .navigation-container {
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
  }
  .site-branding .menu-btn:checked ~ .main-navigation {
    max-height: 100vh;
    overflow-y: scroll;
    width: 100vw;
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  .site-branding .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  .site-branding .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .site-branding .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  .site-branding .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .site-branding .menu-icon .navicon {
    display: block;
    height: 0.125rem;
    position: relative;
    transition: background 0.2s ease-out;
    width: 32px;
  }
  .site-branding .menu-icon .navicon:before, .site-branding .menu-icon .navicon:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
  }
  .site-branding .menu-icon .navicon:before {
    top: 5px;
  }
  .site-branding .menu-icon .navicon:after {
    top: -5px;
  }
  .site-branding .main-navigation {
    clear: both;
    max-height: 0;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
  }
  .site-branding .main-navigation li {
    display: block;
    margin-right: 0;
  }
}/*# sourceMappingURL=style.css.map */