.menu {
    font-size: 0.7em;
}

.logo:not(.subpage)+.menu {
    font-size: 0.7em;
}

.menu {
    position: absolute;
    top: 0;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100vw;
    align-items: center;
    margin: 2.2em 0;
}

@media screen and (min-width: 1150px) {
    .menu {
        max-width: 100em;
    }
}

*:checked~maincontent,
*:checked~.about.info,
*:checked~.logo.subpage,
*:checked~.comments,
*:checked~.gap_holder {
    overflow: hidden;
    display: none;
}

*:checked~.menu .sidebar {
    visibility: visible;
    /* max-width: 1000px; */
    margin: 0 auto;
    position: relative;
    animation: 0.35s fadeIn;
    animation-fill-mode: forwards;
}

#loginShowHide:checked~.menu .sidebar {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    /* margin: 0; */
    padding: 0;
}

*:checked~.menu .left {
    position: fixed;
    z-index: 10;
    /* width: 100vw; */
    /* height: 100vh; */
    top: 0;
    left: 0;
    /* background-image: linear-gradient(to bottom, var(--pastel_yellow), white); */
    background: var(--pastel_yellow);
}

.howto_menu {
    position: fixed;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    left: 0;
    z-index: 6;
    padding: 1em 0;
    background: rgba(255, 255, 255, 0.85);
    top: 0;
    border-bottom-right-radius: 0.5em;
}

#menuShowHide:checked~.menu #menuLabel {
    border-color: transparent;
    visibility: hidden;
    position: fixed;
    top: 1.4em;
    z-index: 99;
    cursor: pointer;
    top: 0;
}

#menuLabel {
    width: 1.8em;
    height: 1.7em;
    margin: 0.65em 0;
    margin-left: 1em;
    /* position: fixed; */
    cursor: pointer;
    z-index: 33;
    left: 0;
    display: flex;
    background: transparent url(/img/hamburger.svg) no-repeat center;
}

.sidebar {
    font-family: "concourse_sc";
    color: black;
    text-decoration: none;
    font-size: 2.7em;
    display: none;
    visibility: hidden;
    position: fixed;
    top: 0;
    /* height: 100vh; */
    /* min-height: 50vh; */
    /* width: 100vw; */
    flex-flow: column;
    z-index: 9;
    justify-content: flex-start;
    align-items: center;
    /* box-shadow: 2px 3px 8px 1px rgba(100, 100, 100, 0.68);
  background-image: linear-gradient(to bottom, var(--pastel_yellow), white); */
    left: 0;
    /* overflow-y: scroll; */
    /* padding: 2em 0; */
    /* gap: 2em; */
    padding-top: 2em;
}

.sidebar .image.landing {
    background: transparent url(/img/landing_logo.svg) no-repeat center;
    background-size: contain;
    position: fixed;
    width: 35.6em;
    height: 50em;
    bottom: -1.3em;
    right: 0;
    font-size: 1em;
    opacity: 0.1;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
}

.sidebar .container {
    display: flex;
    flex-flow: column;
    z-index: 99;
    position: relative;
    /* gap: 3em; */
    /* padding-bottom: 4em; */
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    /* left: 0; */
    max-width: 44em;
    margin: 0 auto;
}

.container .menu_pages {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2em;
    overflow-y: auto;
    margin-bottom: 2em;
    font-size: 0.8em;
}

.item label {
    cursor: pointer;
}

#menu_contact,
#menu_contact+.contact {
    display: none;
}

#menu_contact:checked+.contact {
    display: flex;
    padding: 0 0.4em;
    max-width: 450px;
}

#menu_contact:checked+.contact #contact {
    padding: 0;
}

.sidebar .container .current.page {
    /* padding-right: 2em; */
    /* border-right: 2px solid black; */
    /* margin-right: 2em; */
    /* gap: 3em; */
    margin-left: 0.5em;
    /* font-size: 1em; */
    padding-bottom: 0.5em;
}

.other_pages {
    margin-left: 0.5em;
    padding-bottom: 0.5em;
}

.sidebar .other.pages {
    display: flex;
    /* padding: 3em 0; */
    flex-flow: column;
    max-width: 1000px;
    gap: 3em;
    /* border-left: 2px solid black; */
    /* padding-left: 2em; */
    width: 100%;
    position: relative;
}

.container .search_bar,
.container .login,
.container .posts_area {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    font-size: 0.8em;
    height: auto;
    /* gap: 2em; */
    position: relative;
    width: 100%;
}

.container .login {
    /* background: white; */
    /* align-items: center; */
    /* justify-content: center; */
    /* position: relative; */
    /* left: 0; */
    /* max-width: 22em; */
    width: auto;
    align-self: center;
    justify-self: center;
    /* transform: translate(50%, 50%); */
    /* height: 19em; */
    /* box-shadow: var(--raised_button); */
    margin-bottom: 1em;
}

.login .login_message {
    font-size: 1.9em;
    font-feature-settings: 'c2sc';
    padding-bottom: 0.3em;
}

.container .login .bg_banner {
    display: none;
}

.login #login {
    /* display: flex; */
    /* flex-flow: column; */
    /* height: 40em; */
    /* z-index: 99; */
    /* align-items: center; */
    /* justify-content: center; */
    /* gap: 0.5em; */
}

#search {
    /* position: relative; */
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0 auto;
    /* max-width: 500px; */
    max-width: calc(100% - 3em);
    position: sticky;
    top: 0;
    z-index: 7;
    background: var(--pastel_yellow);
    font-family: 'concourse_sc';
}

#search_results {
    display: flex;
    flex-flow: column;
    justify-content: left;
    align-items: flex-start;
    font-family: "equity_text";
    padding: 0 2em;
    font-size: 0.9em;
    font-weight: 200;
    /* background-color: var(--pastel_yellow); */
    /* opacity: 0.95; */
    margin: 0 auto;
    margin-top: 1.8em;
    max-width: calc(100% - 0em);
    position: relative;
    /* overflow: auto; */
    /* overflow-x: hidden; */
    background-color: rgba(251, 251, 239, 0.8);
    overflow-y: auto;
    height: calc(100vh - 14em);
}

#search_results:before {
    content: "";
    /* background-color: blue; */
    /* height: 400px; */
    /* width: 400px; */
    display: flex;
    position: relative;
    z-index: -1;
}

.other_pages .subscribe #subscribe {
    font-size: 1em;
    gap: 0.5em 0.8em;
    flex-flow: row wrap;
}

.other_pages .subscribe button {
    margin: 0;
}

#search_results .highlight.content {
    height: auto;
    /* max-height: calc(100vh - 26em); */
    /* overflow: auto; */
    /* overflow-x: hidden; */
    /* background-color: white; */
    /* padding-bottom: 2em; */
}

#search_results .highlight.content a+a {
    border-top: 1px black dashed;
    padding-top: 0.5em;
}

#search_results .highlight.content a .title {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 1.2em;
}

#search_results .highlight.content a .found {
    font-size: 1.1em;
    line-height: 1.3;
}

p.highlights em {
    background-color: var(--highlighter_blue);
    padding: 0.05em 0.3em;
}

#search_results .highlight.content a .date {
    font-style: italic;
}

#search_results .highlight.content a .hlt1 {
    background: aqua;
    font-style: normal;
}

.highlight.content:before {
    content: "articles and lessons";
    font-family: "concourse_sc";
    font-size: 2.4em;
    /* text-align: center; */
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
    text-transform: lowercase;
    font-weight: 400;
    box-shadow: 0px 0.04em 0px 0px var(--black);
}

.highlight.content:after {
    /* content: ""; */
    /* background-color: rgba(251, 251, 239, 1); */
    /* height: 400px; */
    /* width: 400px; */
    display: flex;
    position: absolute;
    z-index: -1;
    height: 105%;
    width: 105%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.95;
    /* background-image: linear-gradient(to bottom, var(--pastel_yellow), white); */
}

.highlight.category span {
    background-color: var(--pastel_blue);
    font-family: 'concourse';
    font-weight: 500;
    font-size: 1em;
    padding: 0.5em 0.8em;
    text-transform: capitalize;
    border: 3px solid var(--highlighter_blue);
    border-radius: 0.2em;
    cursor: pointer;
}

.highlight.category span:hover {
    background-color: var(--highlighter_blue);
}

.search_bar input {
    /* width: 30em; */
}

.search_bar label:before {
    content: "think";
    margin-left: 3.5em;
}

.search_bar label:after {
    content: "heaven";
    margin-left: 5.95em;
    color: #666666;
}

.search_bar label {
    display: flex;
    flex-flow: column wrap;
    font-size: 2.3em;
    font-weight: 200;
    max-width: calc(100vw - 4em);
}

.search_bar label:before,
.search_bar label:after {
    display: block;
    position: absolute;
    letter-spacing: -0.05em;
    font-weight: 400;
}

.search_bar input {
    /* width: 100%; */
    /* max-width: calc(100vw - 4em); */
    height: 2.2em;
    font-family: "concourse";
    font-size: 1.3em;
    padding: 0.3em;
    color: var(--black);
    background-color: rgba(255, 255, 255, 0.7);
    /* z-index: 4; */
    box-shadow: 0px 5px 10px -5px rgb(1 1 1 / 20%);
    /* background: transparent url(/img/search.svg) no-repeat; */
    background-size: 8%;
    background-position-x: 98%;
    background-position-y: center;
    border: 1px solid #ababab;
    /* outline: none; */
    border-radius: 7px;
    /* text-transform: capitalize; */
}

.search_bar input+input {
    margin-top: 0.9em;
}

.search_bar input:focus {
    outline: 2px solid #ababab;
    /* border: 2px solid #ababab!important; */
    /* border-radius: 7px; */
}

.search_bar button {
    border: 0;
    width: 2.6em;
    height: 1.7em;
    font-size: 1.1em;
    position: absolute;
    right: 0.1em;
    bottom: -0.15em;
    cursor: pointer;
    padding: 0.4em;
}

.sidebar .tree {
    display: flex;
    /* padding-top: 0.05em; */
    /* font-size: 1.5em; */
    /* padding-bottom: 0.5em; */
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    /* margin-left: 0.5em; */
    gap: 1.3em;
}

.sidebar .section {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 0.3em;
    /* width: 25%; */
    /* border-bottom: 2px solid black; */
    box-shadow: 0px 0.05em 0px 0px var(--black);
}

.items {
    /* margin-left: 0.8em; */
    font-feature-settings: "onum", "c2sc";
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.85em;
    font-size: 1em;
    /* font-family: concourse; */
}

.items .item_parent a {
    content: var(--parent);
    font-size: 1.3em;
    font-weight: 600;
    /* margin-bottom: 0.3em; */
    /* width: 25%; */
    /* border-bottom: 2px solid black; */
    box-shadow: 0px 0.05em 0px 0px var(--black);
    font-family: "concourse_sc";
}

.items .item_parent {}

.items a {
    font-family: 'equity_text';
    text-transform: capitalize;
    margin-left: 0.2em;
    font-weight: 300;
    /* background: url(/img/link_indicator.svg) no-repeat 100% 0; */
    background-size: 0.6em 0.6em;
    /* padding-right: 1em; */
    /* padding-top: 0.8em; */
    background-position-y: center;
    background-position-x: 100%;
    flex-flow: row;
    line-height: 0.85;
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* display: inline; */
    /* max-width: calc(95% - 5em); */
}

.items+.items {
    margin-top: 1.6em;
}

.items:before {
    content: var(--parent);
    font-size: 1.5em;
    font-weight: 600;
    /* margin-bottom: 0.3em; */
    /* width: 25%; */
    /* border-bottom: 2px solid black; */
    box-shadow: 0px 0.05em 0px 0px var(--black);
    font-family: "concourse_sc";
    line-height: 0.9;
}

.tree a+a:before {
    content: "";
    /* text-decoration: none; */
    border: none !important;
}

.tree>a {
    flex-flow: row;
    /* text-decoration: underline; */
}

.tree>a:not(.node_home):after,
.items a:after {
    content: '';
    background: url(/img/link_indicator.svg) no-repeat 100% center;
    background-size: 0.4em 0.4em;
    /* background-position-y: center; */
    /* background-position-x: 100%; */
    flex-flow: row nowrap;
    padding-right: 0.6em;
    height: 0.6em;
    align-self: center;
    opacity: 0.3;
    margin-top: 0.1em;
}

.items a:after {
    background-size: 0.6em 0.6em;
    margin-left: 0.2em;
}

.node_home~a {
    /* text-transform: lowercase; */
    /* margin-left: 0.5em; */
    /* margin-top: 0.4em; */
    font-size: 1.6em;
    font-weight: 500;
    font-feature-settings: 'c2sc';
    line-height: 0.85;
}

.tree a:hover,
.items a:hover {
    box-shadow: 0px 0.07em 0px 0px var(--highlighter_blue);
}

.tree a.node_home {
    letter-spacing: -0.05em;
    font-size: 2.2em;
    line-height: 0.85;
}

.tree a.node_home:before {
    content: "think";
}

.tree a.node_home:after {
    content: "heaven";
    color: #666666;
}

.step_menu {
    font-family: "concourse_sc";
    color: black;
    text-decoration: none;
    font-size: 1.4em;
    display: flex;
    visibility: hidden;
    position: fixed;
    background-color: white;
    z-index: 9;
    top: 0;
    width: auto;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 3px 7px -5px rgb(0 0 0 / 68%);
    left: 0;
    min-height: 2.4em;
    flex-flow: row wrap;
    /* border-top-right-radius: 26em; */
    /* border-bottom-right-radius: 26em; */
    border-bottom-right-radius: 0.5em;
    /* margin-left: 3em; */
    max-width: 50vw;
    background-color: #fbfbef;
    /* margin-top: 3.5em; */
    background-image: linear-gradient(to right, white, var(--pastel_blue));
}

.home:after {
    content: "";
}

.home,
.back,
.cart,
.user_login,
.search {
    width: 2.7em;
    height: 1.7em;
    background-size: contain;
    margin: 0.65em 0;
    cursor: pointer;
}

.cart {
    margin-right: 1.2em;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-flow: row;
    /* font-size: 1.1em; */
}

.cart:after {
    counter-reset: num_items var(--num_items);
    content: counter(num_items);
    font-family: concourse-t3-index;
    font-size: 0.9em;
    color: black;
    position: absolute;
    align-items: center;
    justify-content: center;
    right: 0.7em;
    /* transform: translateX(-50%); */
    top: 0.15em;
    /* right: 0; */
    font-feature-settings: "ss02";
    /* background-color: rgba(255,255,255,0.5); */
    text-transform: uppercase;
}

.left,
.right {
    font-size: 1.6em;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 1.3em;
}

.right {
    flex-flow: row;
    padding-right: 0.4em;
}

.home:hover,
.back:hover,
.cart:hover,
.search:not(#searchLabel):hover,
.user_login:hover {
    /* filter: invert(24%) sepia(13%) saturate(1225%) hue-rotate(208deg) brightness(95%) contrast(88%); */
    filter: invert(24%) sepia(65%) saturate(2104%) hue-rotate(228deg) brightness(91%) contrast(98%);
}

.home {
    background: transparent url(/img/home.svg) no-repeat center;
}

.cart {
    background: transparent url(/img/cart.svg) no-repeat center;
}

.user_login {
    background: transparent url(/img/right_arrow.svg) no-repeat center;
}

.search {
    background: transparent url(/img/search.svg) no-repeat center;
}

.login_button, .posts_button, .new_post {
    font-family: 'concourse_sc';
    font-feature-settings: 'c2sc';
    padding: 0.5em;
    /* border: 0.1em solid black; */
    font-size: 1.3em;
    /* margin-left: 0.7em; */
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
}

#loginShowHide:not(:checked)~.menu .login_button:hover,
#postsShowHide:not(:checked)~.menu .posts_button:hover,
.new_post:hover{
    background-color: gray;
    color: white;
    outline: 0.06em solid white;
    clip-path: circle(69.5%);
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.back {
    background: transparent url(/img/back.svg) no-repeat center;
}