/* Mystic */

#site-wrapper::after {
    content: "";
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    opacity: 0;
}

#site-wrapper.is-active::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

@media (min-width: 800px) {
    .site-header-top {
        max-width: 420px;
    }
}

/* Header */
#site-title a {
    -webkit-padding-end: 0.5em;
    -moz-padding-end: 0.5em;
    padding-inline-end: 0.5em;
    letter-spacing: 0;
}

#access > div > ul > li > ul::before {
    left: 50px;
}

.rtl #access > div > ul > li > ul::before {
    right: 50px;
}

#access > div > ul > li > a > span::before,
#access .sub-menu,
#access .children {
    border-radius: 2px;
}

#access .sub-menu li:first-child > a,
#access .children li:first-child > a {
    border-radius: 2px 2px 0 0;
}

#access .sub-menu li:last-child > a,
#access .children li:last-child > a {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#access ul.sub-menu li ,
#access ul.children li a {
    -webkit-transition: 1.2s ease all;
    transition: 1.2s ease all;
}

.header-image,
#header-overlay {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 50% 100%, 0 calc(100% - 4vw), 0 0);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3vw), 50% 100%, 0 calc(100% - 3vw), 0 0);
    margin-bottom: -3vw;
}

#mobile-menu > div {
    margin-top: 4em;
}

#mobile-menu .menu-main-search {
    position: relative;
    z-index: 1;
    top: 0;
    padding-top: 0;
    border-radius: 4px;
}

body.admin-bar #mobile-menu .menu-main-search,
body.admin-bar #mobile-menu .menu-main-search {
    padding-top: 0;
}

nav#mobile-menu #bmobile #site-text {
    display: none;
}

#footer {
    position: relative;
}

#colophon::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3vw;
    left: 0;
    right: 0;
    width: 100%;
    height: 3vw;
    margin: 0 auto;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 50% 100%, 0 calc(100% - 4vw), 0 0);
    clip-path: polygon(0 3vw, 0 100%, 100% 100%, 100% 3vw, 50% 0, 0 3vw);
}

@media (max-width: 1024px) {
    #container:not(.esotera-landing-page) + #colophon {
        padding-top: 4em;
        margin-top: -4em;
    }
}

#container:not(.esotera-landing-page) + #colophon .widget-container {
    padding-top: 1em;
    padding-bottom: 1em;
}

.site-header-top .site-header-inside {
    padding-top: 3em;
}

.topmenu ul li {
    display: block;
    text-align: center;
    font-size: 1em;
}

.topmenu ul li a {
    text-transform: none;
    letter-spacing: 0;
    font-weight: bold;
}

.topmenu ul li span.sep {
    display: none;
}

.top-section-close {
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* Articles */
#container:not(.esotera-landing-page) .main {
    -webkit-box-shadow: 0 50px 120px rgba(0,0,0,.25);
    box-shadow: 0 50px 120px rgba(0,0,0,.25);
}

article.hentry .post-thumbnail-container {
    border-radius: 6px 6px 0 0;
}

.main #content-masonry .post-thumbnail-container + .entry-after-image {
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0px 16px 10px -11px rgba(0,0,0,.1) inset;
    box-shadow: 0px 16px 10px -11px rgba(0,0,0,.1) inset;
}

body:not(.single) .entry-meta > span {
    letter-spacing: 0;
}

body .main #content-masonry .post-thumbnail-container span.bl_categ {
    letter-spacing: 1px;
}

.main .entry-title,
.main #content-masonry .format-image .entry-title,
.main #content-masonry .format-audio .entry-title,
.main #content-masonry .format-video .entry-title,
.main #content-masonry [class*="post_format-"]:not(.format-gallery) .entry-title {
    background-size: 200%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
}

.main .entry-title:hover {
    background-position: 100% 0;
}

a.continue-reading-link {
    overflow: visible;
    font-size: 0.9em;
}

.cryout .continue-reading-link span {
    position: relative;
    font-weight: bold;
    text-transform: none;
    padding: 0;
}

.continue-reading-link span::before,
.continue-reading-link span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: 0.15;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
}

.continue-reading-link span::after {
    opacity: 0;
    width: 0;
}

.continue-reading-link:hover span::after {
    opacity: .5;
    width: 100%;
}

i.icon-continue-reading {
    display: none;
}

.single .author-info {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 6px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 10px 6px rgba(0,0,0,.1) inset;
}

.single .entry-meta.aftertitle-meta {
    display: inline-block;
    border-radius: 100px;
    padding-right: 10px;
}

.rtl.single .entry-meta.aftertitle-meta {
    padding-left: 10px;
    padding-right: 0;
}

.single .entry-meta .avatar {
    width: 44px;
    height: 44px;
}

.single .main .entry-title {
    padding: .5em 0 .75em 0;
}

.author-info .author-avatar {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 100px;
}

.author-description .author-text {
    margin: 0 auto 5px;
}

.main .page-title {
    font-size: 1.2em;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea,
.commentlist .comment-body,
#access .menu-search-animated .s,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
    border-radius: 2px;
}

.comment .reply {
    text-transform: none;
}

.comment .reply a {
    letter-spacing: 0;
    font-weight: 400;
}

.rtl button,
.rtl input[type="button"],
.rtl input[type="submit"],
.rtl input[type="reset"] {
    background-position: 100% 50%;
}

.cryout #breadcrumbs-container {
    text-align: center;
    left: 0;
    right: 0;
}

.rtl #breadcrumbs-container {
    left: 0;
    right: 0;
}

.main .article-inner > header {
    text-align: center;
}

.pagination span,
.pagination a {
    border-radius: 4px;
}

/* Widgets */
.widget-title,
#comments-title,
#reply-title,
.related-posts .related-main-title,
#colophon .widget-title {
    display: table;
    padding-bottom: 0;
    margin-bottom: 1em;
}

.widget-title::after,
#comments-title::after,
#reply-title::after,
.related-posts .related-main-title::after {
    width: 100%;
    height: 3px;
    border-radius: 2px;
}

.esotera-normalizedtags #content .tagcloud a {
    border-radius: 2px;
}

.sidey .widget-container ul li:not(:last-child) {
    border: none;
    padding-bottom: 0;
}

nav.sidebarmenu li a {
    text-transform: none;
    font-size: 1.1em;
}

/* Landing Page */
.lp-staticslider .staticslider-caption-title,
.seriousslider-theme .seriousslider-caption-title {
    font-weight: bold;
    letter-spacing: 0;
    font-size: 3.6em;
}

.lp-staticslider .staticslider-caption-inside,
.seriousslider-theme .seriousslider-caption-inside {
    text-align: center;
}

a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button,
.lp-box-readmore,
#cryout_ajax_more_trigger,
#cryout_ajax_more_trigger::before,
.lp-port-readmore,
.lp-box-readmore::before {
    border-radius: 4px;
}

a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
    margin-top: 3em;
}

a.staticslider-button + a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button {
    margin-left: 1em;
}

.lp-text-card {
    max-width: 75%;
}

.lp-boxes-static .lp-box-content::before {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(.6);
    transform: rotate(45deg) scale(.6);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
}

.lp-boxes-static .lp-box:hover .lp-box-content::before {
    -webkit-transform: rotate(45deg) scale(.75);
    transform: rotate(45deg) scale(.75);
}

.rtl .lp-box-readmore::before {
    background-position: 100% 50%;
}

.lp-section-header .lp-section-title {
    padding-bottom: 0;
}

.main .lp-text-title {
    display: table;
    margin: 0 auto 1em;
    padding-bottom: 0;
}

.lp-section-header .lp-section-title::after,
.main .lp-text-title::after {
    bottom: 10px;
    border-radius: 2px;
    width: 100%;
    height: 10px;
    opacity: 0.2;
}

@-webkit-keyframes animation-slideDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-150%) rotateY(90deg);
        transform: translateY(-150%) rotateY(90deg);
    }
}

@keyframes animation-slideDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-150%) rotateY(90deg);
        transform: translateY(-150%) rotateY(90deg);
    }
}

/* WooCommerce */
.woocommerce-page #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 4px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 4px 4px 0 0;
}

/* FIN */