/*
Theme Name: Mystic
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/mystic
Description: Mystic is a fast and lightweight multi-purpose theme with a great level of customization. Use it for anything from blogs and portfolio sites to business, e-commerce shops and other professional sites. Mystic is responsive, optimized for speed, SEO and mobile friendly, RTL and translation ready and of course WooCommerce compatible. Built with design in mind, it will attract your users with great use of color, curves, lines and shadows while tasteful animations will enhance the browsing experience. And if you feel like it, it's all easily customizable. Have fun!
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 1.0.2
Tested up to: 5.6
Requires PHP: 5.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio
Template: esotera
Text Domain: mystic

Mystic WordPress Theme - Copyright 2021, Cryout Creations - http://www.cryoutcreations.eu
This theme, like WordPress, is licensed under the GPL.
*/

#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 */