/*
Theme Name: akciovyguru
Version: 1.0
Description: A child theme of Twenty Twenty
Template: twentytwenty
Author: Administrator
*/
@import url("../twentytwenty/style.css");
@import url("../akciovyguru/assets/css/akciovyguru.css");

:root {
    --admin-bar: 32px;
    --header-part: 536px;
    --header: 64px;
}

/*--------------------------------------------------ANIMACE*/

#top a,
#top a::after,
#top a::before,
#top h2,
#top button,
#top button::after,
#top button:before,
#top span,
#top span::after,
#top span::before,
#top img,
#top:not(.showing-modal) ul,
#top:not(.showing-modal) li,
#top:not(.showing-modal) li::after,
#top:not(.showing-modal) li::before,
.modal-member-wrapper,
.modal-member,
.login-form,
input#wp-submit,
.sidebar-content {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s -webkit-filter ease-in-out;
    -moz-transition: all 0.3s -moz-filter ease-in-out;
    -ms-transition: all 0.3s -ms-filter ease-in-out;
    -o-transition: all 0.3s -o-filter ease-in-out;
}

#top .social-share-inner .dashicons {
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s -webkit-filter ease-in-out;
    -moz-transition: all 0.1s -moz-filter ease-in-out;
    -ms-transition: all 0.1s -ms-filter ease-in-out;
    -o-transition: all 0.1s -o-filter ease-in-out;
}

/*----------------------------------------------------------------------------------------------------TYPOGRAFIE*/

#top * {
    letter-spacing: unset;
}

body#top,
.entry-content,
.price,
.onsale,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.woocommerce table.shop_table tbody tr,
.woocommerce-page table.shop_table tbody tr,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message.woocommerce-message,
#site-content .woocommerce-error,
#site-content .woocommerce-info,
.entry-content p,
.entry-content li,
.entry-header p,
button {
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--n100);
}

#top .header-footer-group .color-accent {
    color: var(--p100);
}

#top .has-large-font-size {
    font-size: 20px !important;
}

.entry-content p {
    margin-bottom: 16px;
}

.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
body a {
    color: var(--p100);
    text-decoration: none;
}

/*--------------------------------------------------NADPISY*/
#top .wp-block-heading:first-child {
    margin-top: 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font);
    color: var(--black);
    line-height: normal;
    font-weight: 700;
    text-transform: none;
    margin: 40px auto 20px auto;
}

h1,
.heading-size-1 {
    font-size: 32px;
}

h2,
.heading-size-2 {
    font-size: 28px;
}

h3,
.heading-size-3 {
    font-size: 24px;
}

h4,
.heading-size-4 {
    font-size: 20px;
}

h5,
.heading-size-5 {
    font-size: 18px;
}

h6,
.heading-size-6 {
    font-size: 16px;
}

/*--------------------------------------------------IKONY*/

#top .icon:not(.wp-block-button):not(p):not(li):not(span),
#top .wp-block-button.icon a,
#top p.icon a,
#top li.icon a {
    display: inline-block;
    position: relative;
    color: var(--n100);
    text-decoration: none;
}

.icon:not(.wp-block-button):not(p):not(li):not(.login)::before,
#top li.icon a::before,
#top .login a::before,
#top .wp-block-button.icon a::before,
#top p.icon a::before,
#top .post-more-link::before,
.wpulike-heart .wp_ulike_put_image:after,
.wp-block-search__inside-wrapper::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-family: 'dashicons';
    font-weight: 400;
    margin-right: 6px;
    font-size: 20px;
    line-height: 20px;
    background: url(/wp-content/themes/akciovyguru/assets/img/akciovyguru_ikony.svg);
    background-size: 60px;
    transition: unset !important;
}

.logged-out .wpulike-heart .wp_ulike_put_image:after,
#top .logged-out .icon a:not(.wp-block-button__link)::before,
#top .logged-out .icon::before {
    background-position-x: 0px !important;
    color: var(--n100) !important;
}

.wpulike-heart .wp_ulike_put_image:after {
    left: unset;
    top: unset;
    transform: none;
    background-position-y: 240px !important;
    filter: none !important;
    background-position-x: 40px !important;
    position: relative;
}
#top .portfolio a::before {
    background-position-y: 20px !important;
}
#top .filter::before {
    background-position-y: 40px !important;
}

#top .about a::before {
    background-position-y: 80px !important;
}

#top .membership a::before {
    background-position-y: 80px !important;
}

#top .posts a::before {
    background-position-y: 100px !important;
}




#top .share a::before,
#top .social-share-title::before {
    background-position-y: 160px !important;
}

.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    background-position-y: 180px !important;
}

#top .cal a::before,
#top .post-details .cal::before {
    background-position-y: 200px !important;
    top: -1px;
}



#top .mail .wp-block-button__link::before,
#top .mail a::before {
    background-position-y: 240px !important;
}

#top .phone .wp-block-button__link::before,
#top .phone a::before {
    background-position-y: 260px !important;
}

#top .login .wp-block-button__link::before,
#top .login a::before,
#top .login::before,
#top .member .wp-block-button__link::before,
#top .member a::before,
#top a.member::before {
    background-position-y: 280px !important;
}

#top .home span {
    display: block;
}

/*dashicons*/
#top .icon.dash a::before {
    background: none !important;
}

#top .icon.copy a::before {
    content: "\f103";
}

#top .icon.fb a::before {
    content: "\f304";
    top: -2px;
}

#top .icon.tw a::before {
    content: "\f304";
}

/*barvy*/
#top .icon.neutral:not(.wp-block-button):not(p):not(li)::before,
#top .icon.neutral a::before,
.icon.black::before {
    color: var(--n-100);
    background-position-x: 0px;
}

#top .icon.white:not(.wp-block-button):not(p):not(li),
#top .icon.white a {
    color: white;
}

#top .icon.white:not(.wp-block-button):not(p):not(li)::before,
#top .icon.white a::before {
    color: white;
    background-position-x: 20px;
}

#top .wp-block-button a.has-p-100-color {
    color: var(--p-100);
}

#top .icon.primary:not(.wp-block-button):not(p):not(li)::before,
#top .icon.primary a::before,
.wp-block-search__inside-wrapper::after {
    color: var(--p-100);
    background-position-x: 40px;
}

/*----------------------------------------------------------------------------------------------------GENERAL*/
#top .wp-block-cover__background {
    mix-blend-mode: multiply;
}

/*--------------------------------------------------HIDE*/

.site-description,
p.powered-by-wordpress,
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after,
.post-meta-wrapper.post-meta-edit-link-wrapper,
.toggle svg.svg-icon,
.home div#breadcrumbs,
nav.pagination-single hr,
div#comments h2,
.primary-menu .icon::before,
.primary-menu .icon::after,
p.logged-in-as,
.bypostauthor .comment-footer-meta .by-post-author,
div#comments+hr.styled-separator,
p.comment-form-comment label,
label.wp-block-search__label,
.site-logo img,
.mepr-price-box:not(:last-child) .mepr-most-popular,
.pagination-separator,li.cat-item.cat-item-22 {
    display: none;
}


/*--------------------------------------------------ZÁKLADNÍ HTML*/




/*--------------------------------------------------LAYOUT*/
#top {
    min-height: 100vh;
}

#top .section-inner,
.entry-content>.alignwide,
.wp-block-cover.alignfull .alignwide,
.wp-block-group.alignfull .alignwide,
#site-content>.content-wrapper,
body .is-layout-constrained>.alignwide {
    width: calc(100% - 40px);
    max-width: 1440px;
    margin: 0 auto;
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
#top .comments-inner.section-inner,
div#respond .section-inner,
.comment-respond p:not(.comment-notes) {
    max-width: unset;
    width: 100%;
}

#top .content-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    padding-top: 40px;
    gap: 40px;
}

#top.home:not(.logged-in) .content-wrapper {
    padding-top: 50px;
}

#top .pricing {
    max-width: unset;
    width: 100%;
}

/*margins*/
.primary-menu>li,
ul.primary-menu,
.header-titles .site-logo,
.header-titles,
.comment-footer-meta>*,
.header-titles-wrapper,
.footer-menu,
.footer-menu li,
#top .wp-block-categories-list,
li.cat-item,
ul.wp-block-archives-list li,
ul.wp-block-list,
.twitter p,
.sidebar p {
    margin: 0;
}

#top .wp-block-image {
    margin: 20px auto;
}

#top .entry-content>.alignwide:first-child,
.wp-block-columns.alignfull+.wp-block-columns.alignfull,
#top .wp-block-heading:first-child,
#top .footer-widgets .wp-block-group,
#top .footer-widgets .wp-block-columns {
    margin-top: 0;
}

.footer-top-hidden #site-footer {
    margin-top: 40px;
}
.excerpt {
    margin-bottom: 10px;
}
.financial-news-item {
    margin-bottom: 20px;
}
/*paddings*/
#top .af-submit,
.wpulike-heart button.wp_ulike_btn,
.wpulike,
.singular .entry-header,
.header-inner,
.comments .comment-respond {
    padding: 0;
}

main#site-content {
    padding-bottom: 80px;
}

/*--------------------------------------------------CLASSY*/
.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

/*toggler*/
.toggler-wrapper {
    background: var(--n05);
}
.toggler-wrapper:not(.active) .toggler-content,
.inner-toggler-wrapper:not(.active) .inner-toggler-content {
    display: none;
}

.toggler-content {
    padding: 20px;
    border: 1px solid var(--n10);
    max-height: 500px;
    overflow: auto;
}

.sidebar {
    border-top: 1px solid var(--n10);
}

#top .toggler {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--n10);
    margin: 0;
    cursor: pointer;
}

.toggler::after {
    content: "\f543";
    font-family: 'dashicons';
    color: var(--p100);
}

.toggler-wrapper.active .toggler::after {
    content: "\f460";
}


/*inner-toggler*/

#top .inner-toggler-content {
    margin-bottom: 20px !important;
    margin-top: 0;
}

#top .inner-toggler {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.inner-toggler::after {
    content: "\f347";
    font-family: 'dashicons';
}

.inner-toggler-wrapper.active .inner-toggler::after {
    content: "\f343";
}

/*--------------------------------------------------HOVERY*/
#top a:hover {
    text-decoration: none !important;
}

#top .post-details .entry-title:hover a,
#top a.share-toggler:hover,
#top .active a.share-toggler,
#top .share-links a:hover,
#top p.icon a:hover,
#site-footer a:hover,
#site-footer .current-menu-item a,
span.close-modal-member:hover::after {
    color: var(--p120);
}

#top .primary-menu>li:hover>a,
.sidebar .wp-block-heading:hover a {
    color: var(--p100);
}

body button:focus,
body button:hover,
body .button:focus,
body .button:hover,
body .faux-button:focus,
body .faux-button:hover,
body .wp-block-button .wp-block-button__link:focus,
body .wp-block-button .wp-block-button__link:hover,
body .wp-block-file .wp-block-file__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body input[type="button"]:focus,
body#top input[type="button"]:hover,
body#top input[type="reset"]:focus,
body#top input[type="reset"]:hover,
#top span.login-close:hover::before,
body#top input[type="submit"]:hover {
    background: var(--p120);
    border-color: var(--p120);
    text-decoration: none !important;
}

#top .wp-block-button.is-style-outline a:hover {
    background: white;
    color: var(--n100);
    border-color: white;
}

.social-share-inner .dashicons:hover {
    transform: scale(1.1);
}

#top .toggler:hover,
#top .toggler-wrapper.active .toggler {
    background: var(--n10);
}

/*----------------------------------------------------------------------------------------------------DEFAULT BLOCKS*/
/*--------------------------------------------------SEPARATOR*/
.wp-block-separator.white-space {
    background: none !important;
    color: transparent;
    margin: 30px auto;
}

/*--------------------------------------------------BUTTONS*/
body button,
body .button,
body .faux-button,
body .wp-block-button__link,
body .wp-block-file .wp-block-file__button,
body#top input[type="button"],
body#top input[type="reset"],
body#top input[type="submit"],
body .bg-accent,
body .bg-accent-hover:hover,
body .bg-accent-hover:focus,
:root .has-accent-background-color,
.single-product#top .woocommerce-variation-add-to-cart .button,
#top .mepr-price-box-button a {
    font-family: var(--font);
    background: var(--p100);
    border: 1px solid var(--p100);
    color: white;
    text-transform: none;
    font-weight: 700;
    line-height: normal;
    padding: 10px 30px;
    border-radius: 60px;
    font-size: 16px;
}

input[type="submit"] {
    margin: 0 auto;
    position: relative;
    display: block;
}

.wp-block-buttons {
    margin: 20px auto;
}

#top .wp-block-button.is-style-outline a {
    padding: 10px 30px;
    color: white;
    background: none;
}
#top .sidebar .wp-block-button.is-style-outline a {
    color: var(--p100);
    border-color: var(--p100);
}
/*--------------------------------------------------FORMY*/
#top .acf-fields>.acf-field {
    padding: 0;
    border: none;
}

::placeholder {
    color: var(--n60);
}

#top input,
#top textarea,
#top select {
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid var(--n20);
    line-height: 150%;
    color: var(--n100);
    background: var(--n10);
    border-radius: 50px;
}

input[type="search"]:focus,
#top input:focus,
#top textarea:focus,
#top select:focus {
    outline: 1px solid var(--p100);
    outline-offset: 2px;
}

#top .wp-block-search__input {
    padding-left: 40px;
}

.login-form label {
    text-align: center;
}

#top input[type="checkbox"] {
    padding: 0;
    border-radius: 0;
}

p.login-submit {
    text-align: center;
}

input#wp-submit {
    width: 100%;
}

#top .form-submit #submit {
    margin: 0 auto;
}

/*--------------------------------------------------TABULKY*/

/*----------------------------------------------------------------------------------------------------CUSTOM BLOCKS*/
#top .loader {
    width: 50px;
    height: 50px;
    margin: 100px auto;
    background: url(/wp-content/themes/sweet-pain/assets/css/ajax-loader.gif)no-repeat;
}

#top .slider {
    transform: none;
    z-index: 1;
}

#top .slider:not(.slick-initialized) {
    transform: translateY(-200%);
    transform-origin: top;
}

/*----------------------------------------------------------------------------------------------------HEADER*/
/*header-banner*/
div#site-header-banner .wp-block-buttons {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}

/*header*/

header#site-header {
    z-index: 5;
}

#top.home:not(.logged-in) header#site-header {
    position: absolute;
    width: 100%;
    z-index: 4;
    top: var(--header-part);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

#top.home:not(.logged-in).scrolled header#site-header,
#top header#site-header {
    position: fixed;
    top: 0;
    background: white;
    width: 100%;
}

#top.home:not(.logged-in).admin-bar header#site-header {
    top: calc(var(--admin-bar) + var(--header-part));
}

#top.home:not(.logged-in).scrolled.admin-bar header#site-header,
#top.admin-bar header#site-header {
    top: var(--admin-bar);
}

#top .header-inner,
#top #site-footer .section-inner {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    align-items: center;
}

#top .header-navigation-wrapper {
    align-items: center;
    display: flex;
}

#top .primary-menu-wrapper {
    display: block;
    width: 100%;
}

div#comments {
    border-top: 1px solid var(--n20);
    padding-top: 40px;
    margin-top: 40px;
}

#top div.comment {
    margin-top: 0;
}

#top .comment-meta {
    min-height: unset;
}

.comment .comment {
    margin-left: 50px;
    border-left: 1px solid var(--n10);
    padding-left: 20px;
}

.comment-meta .avatar {
    width: 40px;
    height: 40px;
}

#top .comment-author {
    font-size: 16px;
}

#top .comment-meta a {
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
}

#top .comment-metadata a {
    color: var(--n50);
    font-size: 12px;
}

#top .comment-metadata {
    margin-top: 0;
}

.comment-content.entry-content {
    margin-left: 50px;
}

.comment-footer-meta {
    margin-left: 50px;
    margin-bottom: 40px;
}

body .comment-reply-link {
    color: var(--p100);
    background: none;
    padding: 0;
    text-transform: none;
    font-size: 16px;
}

h2#reply-title {
    font-size: 36px;
    border-top: 1px solid var(--n10);
    padding-top: 40px;
    margin-bottom: 20px;
}

/*-------------------------------------------------LOGINFORM*/
.header-login {
    display: flex;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}

.header-login a {
    color: white;
}

#top .header-login>span {
    position: relative;
}

#top .header-login a {
    color: var(--n100);
}

/*
.login-form {
    position: absolute;
    background: white;
    padding: 30px;
    z-index: 3;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    transform: scale(0);
    transform-origin: top right;
    right: 0;
    top: 100%;
    cursor: auto;
}

.header-login.active .login-form {
    transform: scale(1);
}

span.login-close::before {
    content: "\f335";
    font-family: 'dashicons';
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background: var(--p100);
    border-radius: 100px;
}
*/
/*--------------------------------------------------MODAL SIDEBAR*/
.modal-sidebar-wrapper:not(.active) .modal-sidebar-content-wrapper {
    display: none;
}

.modal-sidebar-toggler {
    position: fixed;
    top: calc(var(--header) + 20px);
    z-index: 2;
    background: white;
    right: 0;
    font-size: 0;
    padding: 10px 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}

.admin-bar .modal-sidebar-toggler {
    top: calc(var(--header) + var(--admin-bar) + 20px);
}

.modal-sidebar-toggler::After {
    content: "\f349";
    font-size: 20px;
    font-family: 'dashicons';
}

.modal-sidebar-content-wrapper {
    position: fixed;
    z-index: 2;
    background: #0000008c;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
}

.modal-sidebar-content {
    position: absolute;
    right: 0;
    background: white;
    max-width: 500px;
    min-width: 500px;
    padding: 20px;
}

/*--------------------------------------------------TOPBAR*/


/*--------------------------------------------------LOGO*/

.site-logo a,
#top.home:not(.logged-in).scrolled .site-logo a {
    height: 40px;

    background: url(/wp-content/themes/akciovyguru/assets/img/logo.svg);
    width: 150px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#top.home:not(.logged-in) .site-logo a {
    width: 40px;
    background: url(/wp-content/themes/akciovyguru/assets/img/znak-white.svg);
}

/*--------------------------------------------------MENU*/
ul.primary-menu {
    justify-content: center;
}

#top .primary-menu .icon {
    transform: none;
    height: unset;
    position: relative;
    width: unset;
    pointer-events: auto;
}

#top .primary-menu>li>a,
.header-login a {
    font-size: 16px;
    padding: 20px 40px;
    text-decoration: none;
    color: var(--n100);
}

#top .primary-menu>li.current-menu-item a,
#top.page-id-8 .header-login a,
.archive#top:not(.category) .primary-menu>li.posts a,
.archive#top.category-portfolio .primary-menu>li.portfolio a,
#top.page-id-9 .header-login a {
    color: var(--p100) !important;
}

#top.home:not(.logged-in):not(.scrolled) .primary-menu>li>a,
#top.home:not(.logged-in):not(.scrolled) .header-login>span,
#top.home:not(.logged-in):not(.scrolled) .header-login a {
    color: white;
}

#top header#site-header .icon a::before,
#top header#site-header .icon::before {
    background-position-x: 0 !important;
}

#top.home:not(.logged-in):not(.scrolled) header#site-header li:not(.current-menu-item).icon a::before,
#top.home:not(.logged-in):not(.scrolled) header#site-header .login.icon a::before,
#top.home:not(.logged-in):not(.scrolled) header#site-header .icon::before {
    background-position-x: 20px !important;
}

#top header#site-header .icon.current-menu-item a::before,
#top.page-id-8 header#site-header .login.icon a::before,
.archive#top .primary-menu>li.posts a::before,
#top.page-id-9 header#site-header .header-login a::before {
    background-position-x: 40px !important;
}

.primary-menu>li a::after,
#top .header-login a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background: var(--n05);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-top: -2px;
    margin-bottom: -2px;
}

.primary-menu>li.current-menu-item a::after,
#top.page-id-8 .header-login a::after,
.archive:not(.category) .primary-menu>li.posts a::after,
.archive.category-portfolio .primary-menu>li.portfolio a::after,
#top.page-id-9 .header-login a::after {
    height: calc(100% + 4px);
}

/*--------------------SUBMENU*/
/*--------------------------------------------------MODAL MEMBER*/
span.close-modal-member {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 0;
    cursor: pointer;
}

span.close-modal-member::After {
    content: "\f335";
    font-family: 'dashicons';
    color: var(--p100);
    font-size: 40px;
}

.modal-member-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(22, 22, 23, 0.50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    z-index: -4444;
    overflow-y: scroll;
}

.modal-member-wrapper.active {
    opacity: 1;
    z-index: 99999;
}

.modal-member {
    max-width: 1000px;
    background: var(--n05);
    border-radius: 20px;
    padding: 100px;
    margin: 0 auto;
    transform: scale(0);
    transform-origin: center;
}

.modal-member-wrapper.active .modal-member {
    transform: scale(1);
}

#top .pricing {
    gap: 20px;
}

.pricing .wp-block-column {
    border-radius: 20px;
    background: white;
    padding: 20px;
    position: relative;
}

#top .pricing h3 {
    padding: 20px;
    margin: -20px -20px 20px -20px !important;
    font-size: 24px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.pricing .tag {
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    background: var(--p100);
    color: white;
    font-size: 12px;
    font-weight: 700;
}



/* plány*/
#top .mepr-price-menu {
    max-width: unset;
}


#top .mepr-price-boxes {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: flex-start;
}


.mepr-price-box {
    background: white;
    padding: 0 20px 20px;
    border-radius: 20px;
    position: relative;
    flex-basis: 250px;
    text-align: center;
}


.mepr-price-box-title {
    padding: 20px;
    margin: -20px -20px 20px -20px !important;
    font-size: 24px;
    font-weight: 700;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: var(--n20);
}

.mepr-price-box-price {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4px;
}

.mepr-price-box-heading {
    color: var(--n50);
    margin-bottom: 4px;
}

.mepr-price-box-benefits-item {
    color: var(--p100);
    font-weight: 700;
}

.mepr-price-box-benefits-list,
.mepr-price-box-footer {
    margin-bottom: 20px;
}

#top .mepr-price-box-button a {
    display: block;
    width: max-content;
    margin: 0 auto;
}

.highlighted .mepr-price-box-title {
    background: #6be4ff;
}

/*most popular*/


.mepr-most-popular {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -30px;
    right: -10px;
}

.mepr-most-popular::before,
.mepr-most-popular::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 6px solid var(--p110);
}

.mepr-most-popular span {
    position: absolute;
    display: block;
    width: 160px;
    background-color: var(--p100);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    left: -20px;
    top: 30px;
    transform: rotate(45deg);
    padding: 5px;
}

/* top right*/
.mepr-most-popular::before,
.mepr-most-popular::after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.mepr-most-popular::before {
    top: -2px;
    left: 0px;
}

.mepr-most-popular::after {
    bottom: 0px;
    right: -2px;
}


/*--------------------------------------------------BURGERMENU*/
body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: space-between;
    padding: 0;
}

.header-inner .toggle {
    position: relative;
}

button.toggle.close-nav-toggle.fill-children-current-color {
    outline: none !important;
}

span.toggle-icon {
    background: var(--white);
}

span.toggle-icon svg.svg-icon path,
span.toggle-text {
    display: none;
}

span.toggle-icon::before,
span.toggle-icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    display: block;
    background: var(--white);
    position: absolute;
}

span.toggle-icon::before {
    top: -3px;
}

span.toggle-icon::after {
    bottom: 0px;
    right: 0;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
    height: 3px;
    width: 4rem;
}


/*modal*/

.menu-modal-inner.modal-inner,
.menu-modal.active {
    background: none;
}

#top .toggle.active span.toggle-icon {
    background: transparent;
}

.toggle.active span.toggle-icon::before {
    transform: rotate(-45deg) translate(-7px, 10px);
}

.toggle.active span.toggle-icon::after {
    transform: rotate(45deg) translate(-6px, -10px);
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - ACCOUNT*/
div#mepr-account-nav {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.mepr-nav-item a {
    color: var(--n100);
    background: var(--n05);
    padding: 8px 20px;
    border-radius: 100px;
    display: block;
}

.mepr-nav-item a#mepr-account-logout {
    font-weight: 700;
}

.mepr-active-nav-tab a,
.mepr-nav-item:hover a {
    font-weight: 400;
    color: white;
    background: var(--p100);
}



/*form*/

.mp_wrapper .mp-form-row label {
    font-weight: 700;
    font-size: 14px;
}

span.mepr-account-change-password {
    text-align: center;
    display: block;
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - POSTS*/
/*--------------------------------------------------INDEX*/
button#load-more {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
header.archive-header {
    background: none;
    padding: 0 0 20px 0;
}

.wp-post-image {
    width: 100%;
}

.entry-content-wrapper {
    background: white;
    padding: 30px;
}

.content-wrapper .type-post {
    margin-bottom: 50px;
    position: relative;
}

.content-wrapper .type-post img.wp-post-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    object-fit: cover;
    width: 100%;
}

.content-wrapper .type-post .entry-content-wrapper {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.type-post .restricted {
    position: absolute;
    width: 100%;
    height: 300px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-align: center;
    color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000000ab;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.restricted h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: white;
}

.type-post .restricted p {
    max-width: 420px;
}

.logged-out>img {
    height: 300px;
}

.logged-out button,
.logged-out a:not(.wp-block-button__link) {
    pointer-events: none;
}

#top .post-date {
    color: var(--n50);
}

.post-details .entry-title {
    font-size: 32px;
    margin-bottom: 20px;
}

#top .entry-content p {
    max-width: unset;
    width: 100%;
    margin-bottom: 20px;
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
    padding: 0;
}

footer.entry-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.likes-share-comments {
    display: flex;
    align-items: center;
    gap: 20px;
}

ul.share {
    position: relative;
}

a.share-toggler,
ul.share-links a {
    cursor: pointer;
}

ul.share-links {
    position: absolute;
    background: white;
    padding: 20px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    left: -20px;
    top: 40px;
    width: max-content;
    transform: scaleY(0);
    transform-origin: top;
}

.share.active ul.share-links {
    transform: none;
    z-index: 2;
}

ul.share-links li:not(:last-child) {
    margin-bottom: 8px;
}

.tags {
    display: flex;
}

#top .icon.hash a::before {
    content: "#";
    font-weight: 700;
    color: var(--p100) !important;
    text-align: center;
    top: -5px;
    margin-right: 0;
    background: none;
    margin-left: 8px;
}

.pagination .nav-links {
    font-size: 20px;
}

/*--------------------------------------------------SINGLE POST*/
.single-post .entry-content-wrapper {
    border-radius: 20px;
} 
#top main#site-content {
    margin-top: var(--header);
}

#top.home:not(.logged-in) main#site-content {
    margin-top: 0;
}

.page .post-details .entry-title {
    text-align: center;
}

.comment-meta .avatar {
    left: unset;
    float: left;
    position: relative;
    margin-right: 10px;
}

#top .pagination-single {
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    border-top: 1px solid var(--neutral-10);
    margin-top: 40px;
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - PAGE*/


/*--------------------------------------------------TITLE*/


/*--------------------BREADCRUMBY*/

div#breadcrumbs {
    padding: 8px 0 0 0;
    font-size: 12px;
    color: var(--neutral-70);
    z-index: 4;
    position: relative;
}

#top div#breadcrumbs {
    top: var(--header);
}

.breadcrumbs-inner {
    display: flex;
    gap: 4px;
}

div#breadcrumbs a {
    color: var(--n100);
    font-weight: 700;
}

/*--------------------------------------------------SIDEBAR*/

.logged-in .sidebar.fixed .sidebar-wrapper {
    position: fixed;
    top: 124px;
}

a.reset-filters {
    font-weight: 700;
    margin-top: 20px;
    display: block;
}

.wp-block-search,
.search-form {
    position: relative;
    margin: 20px 0 0;
}

.sidebar .wp-block-search {
    margin-top: 20px;

}

.wp-block-search__inside-wrapper::after,
.search-form::after {
    position: absolute;
    left: 10px;
    bottom: 13px;
    background-position-y: 200px;
}

#top .wp-block-search__button,
#top .search-submit {
    position: absolute;
    right: 10px;
    color: var(--p100);
    background: none;
    border: none;
    padding: 10px 4px;
    font-size: 0;
}

#top .wp-block-search__button::after,
#top .search-submit::after {
    content: "\f344";
    font-family: 'dashicons';
    font-size: 16px;
    line-height: 150%;
}

.sidebar h3.wp-block-heading {
    font-size: 20px;
    margin-bottom: 10px;
}
.sidebar .wp-block-heading a {
    color: var(--n100);
}
.sidebar h5.wp-block-heading {
    font-size: 16px;
    margin-bottom: 10px;
}

.sidebar ul,
.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

li.cat-item,
ul.wp-block-archives-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    background: white;
    border-radius: 50px;
    padding-right: 12px;
    color: var(--n50);
}

li.cat-item a,
p.wp-block-tag-cloud a,
ul.wp-block-archives-list li a {
    padding: 8px 0 8px 12px;
    color: var(--n100);
    font-weight: 400;
    line-height: 1;
}

p.wp-block-tag-cloud a {
    background: white;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 50px;
    margin: 0;
}

span.tag-link-count {
    color: var(--n50);
}

/*social share*/
.logged-in .social-share {
    margin-top: 40px;
}

.social-share-inner {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.social-share-inner .dashicons {
    width: 24px;
    height: 24px;
}

.social-share-inner .dashicons::before {
    font-size: 30px;
}

/*-----------------------------------------TWITTER*/
#ctf .ctf-item {
    padding: 8px 0;
}

#ctf .ctf-item:first-child {
    padding-top: 0;
}

/*-----------------------------------------DISCORD*/
.discord-channel {
    margin-bottom: 20px;
}

.discord-channel-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.discord-message {
    display: flex !important;
    visibility: visible !important;
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.discord-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.discord-message-content {
    display: flex;
    flex-direction: column;
}

.discord-message-author {
    font-weight: bold;
    margin-bottom: 5px;
}

.discord-message-text {
    white-space: pre-wrap;
}

/*----------------------------------------------------------------------------------------------------FOOTER*/
#site-footer {
    padding: 50px 0;
    background: var(--n10);
    border-top: 1px solid var(--n30);
}

#site-footer a {
    color: var(--n100);
    font-weight: 400;
    font-size: 16px;
}

#site-footer .site-logo a {
    background: url(/wp-content/themes/akciovyguru/assets/img/logo.svg);
    width: 160px;
}

.footer-menu {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.footer-copyright {
    text-align: right;
}

#site-footer a.to-the-top {
    position: fixed;
    right: calc((100% - 1440px) / 2);
    font-size: 0;
    bottom: 10px;
    opacity: 0;
}

#site-footer a.to-the-top.visible {
    opacity: 1;
}

#site-footer a.to-the-top::after {
    content: "\f342";
    font-family: 'dashicons';
    font-size: 36px;
    color: var(--p100);
}


/*----------------------------------------------------------------------------------------------------RESPONZE*/
@media (max-width: 1480px) {
    #site-footer a.to-the-top {
        right: 20px;
    }
}

@media (max-width: 1200px) {

    #top .primary-menu>li>a,
    .header-login a {
        padding: 20px;
    }
}

@media (min-width: 1000px) {
    .modal-sidebar-wrapper {
        display: none;
    }
}

/*malé notebooky*/
@media (max-width: 1000px) {
    .sidebar {
        display: none;
    }

    /*menu v respopnzi*/
    #top .primary-menu>li a,
    #top .header-login a {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        padding: 10px 20px;
    }

    #top .primary-menu>li a::before,
    #top header#site-header .icon a::before {
        margin: 0;
    }

    .sidebar-content {
        position: fixed;
        top: 0;
        left: 0;
        max-width: 400px;
        height: 100vh;
        background: white;
        z-index: 444;
        padding: 60px 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        transform: translateX(-400px);
    }

    .active .sidebar-content {
        transform: none;
    }

    #top .content-wrapper {
        display: block;
    }

    #top #site-footer .section-inner {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
}

/*tablety*/
@media (max-width: 782px) {
    :root {
        --admin-bar: 46px;
        --header: 58px;
    }



    h1,
    .heading-size-1,
    .woocommerce-products-header__title.page-title {
        font-size: 30px;
    }

    #top h2,
    #top .heading-size-2 {
        font-size: 26px;
    }

    h3,
    .heading-size-3 {
        font-size: 24px;
    }

    h4,
    .heading-size-4 {
        font-size: 22px;
    }

    h5,
    .heading-size-5,
    #top .woocommerce-loop-product__title,
    .cart_item .product-name a,
    #top .sidebar .wp-block-heading,
    #top h2.tab-title,
    #top h3.item-title {
        font-size: 20px;
    }

    h6,
    .heading-size-6,
    #top .tab-content h3 {
        font-size: 18px;
    }

    #top .content-wrapper {
        padding-top: 20px;
    }

    #top .primary-menu>li a,
    #top .header-login a {
        padding: 10px;
    }

    .site-logo a,
    #top.home:not(.logged-in).scrolled .site-logo a {
        height: 30px;
        width: 110px;
    }


}

/*mobily*/
@media (max-width: 500px) {
    :root {
        --header: 45px;
    }

    .header-titles-wrapper {
        display: none;
    }

    #top .header-inner {
        grid-template-columns: 3fr 1fr;
        width: 100%;
    }

    #top .primary-menu>li a,
    #top .header-login a {
        padding: 5px 8px;
    }

    .entry-content-wrapper {
        padding: 20px;
    }

    ul.primary-menu.reset-list-style {
        justify-content: flex-start;
    }

    #top .primary-menu>li a,
    #top .header-login a {
        font-size: 10px;
    }

    .footer-menu {
        flex-direction: column;
        align-items: center;
    }

    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 20px auto 10px auto;
    }
}

@media (max-width: 330px) {}