/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');


/* ---------------------- CSS Memberpress Registration form --------------------------- */

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

.mp_wrapper label {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}

.e-con-inner .elementor-element[data-element_type="container"]:has(form[name="mepr_signup_form"]) {
    background-color: whitesmoke !important;
}

.elementor-element[data-element_type="container"]:has(form[name="mepr_signup_form"]) h3, .elementor-element[data-element_type="container"]:has(form[name="mepr_signup_form"]) h4 {
    color: #333333 !important;
}

form[name="mepr_signup_form"] h3,form[name="mepr_signup_form"] label, form[name="mepr_signup_form"] .mp-form-label label, form[name="mepr_signup_form"] .mepr-form-radios-label, .form[name="mepr_signup_form"] .mepr-form-checkbox-label, form[name="mepr_signup_form"] .mepr-payment-method-label-text {
    color: #333333 !important;
}

form[name="mepr_signup_form"] .mepr_price_cell, form[name="mepr_signup_form"] a {
    color: #333333;
}

form[name="mepr_signup_form"] a:hover {
    color: #FF7800 !important;
}

input[type="submit"] {
    width: auto;
    font-style: normal;
    border-radius: var(--bb-button-radius);
    font-weight: 700;
}

.mp_wrapper input[type="text"],
.mp_wrapper input[type="url"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="tel"],
.mp_wrapper input[type="number"],
.mp_wrapper input[type="password"] {
    position: relative;
    background-color: #fff;
    border: 1px solid #e7e9ec;
    box-shadow: none;
    border-radius: 5px;
    font-size: 16px;
    height: 40px;
    padding: 10;
}

.mp-form-row.mepr_bold.mepr_price {
    background: none;
    border: none;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center;
    padding: 0px 0px;
    justify-content: center;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: -1em;
}

.mp_wrapper .mepr_price .mepr_price_cell_label {
    display: inline !important;
    visibility: hidden;
}

.bb-mp-checkout-details {
    background: none;
    border: none;
}

.mepr-payment-methods-wrapper h3 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}

.mepr-signup-form .have-coupon-link {
    display: none;
}

.mepr-signup-form .mepr_coupon {
    display: block;
}
.mepr-signup-form .mepr_coupon .mepr-coupon-code {
    color: black !important;
}

/* ------------------------- MemberPress account style ---------------------------- */
.mp_wrapper .mp-form-row label {
    color: black;
}

/* ------------------------- Learndash style ---------------------------- */
.single-sfwd-courses .sfwd-courses {
    max-width: 72%;
    margin: 0 auto;
    padding: 2.5em 1em;
}

.single-sfwd-courses .sfwd-courses .learndash_post_sfwd-courses {
    max-width: 72%;
    margin: 0 auto;
    padding: 2.5em 1em;
}

.learndash-content-body {
    position: relative;
    min-width: 72%;
}

.learndash-content-body {
    position: relative;
    min-width: 72%;
}

.single #learndash-course-header {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.learndash_content_wrap {
    width: 100%;
    max-width: 2400px;
    margin-left: auto;
    margin-right: auto;
}

.learndash .fluid-width-video-wrapper {
    max-width: 2000px;
    margin-top: 0;
}

#learndash-content .grid {
    display: flex;
}

/* ----------------------- Vzory Navigace --------------------------- */
.vzor_active .elementor-button {
    background-color: #ef7b10 !important;
    color: white !important;
}

.vzor_nav {
    cursor: pointer;
}

/* ------------------------- CSS Judikáty ----------------------- */
.jud_active .elementor-button {
    background-color: #ef7b10 !important;
    color: white !important;
}

.jud_nav {
    cursor: pointer;
}

/* ------------------------ CSS Main Adds ----------------------- */
.container {
    padding-top: 0px;
}

#activity-groups-li.bp-groups-tab,
#members-groups-li.bp-groups-tab,
#photos-groups-li.bp-groups-tab,
#albums-groups-li.bp-groups-tab,
#documents-groups-li.bp-groups-tab {
    display: none;
}

#buddypress #item-header-cover-image #item-header-avatar {
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 5px;
    padding: 0;
}

.single .entry-img {
    padding-top: 0;
    margin: 0 0 32px;
}

.sby_lb-dataContainer {
    visibility: hidden;
}

.single-post .entry-content p,
.single-post .entry-content li,
.single-attachment .entry-content p,
.single-attachment .entry-content li {
    font-size: 18px;
    line-height: 1.5;
}

._df_thumb {
    width: 360px;
    height: 540px;
}

.is-form-style label {
    display: inline-block !important;
    padding: 25px;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    line-height: 1;
}

.is-form-style input.is-search-input {
    background: #ef7b10;
    background-image: none !important;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    outline: 0 !important;
    font-size: 20px !important;
    height: 50px;
    min-height: 0;
    line-height: 1;
    border-radius: 10px;
    border: solid 0px #ef7b10 !important;
    font-family: arial;
    width: 95%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 10px;
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 480px;
}

.single-post .fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 439px;
}

._df_button {
    background: #ef7b10;
    border-radius: 10px;
    padding: 16px 22px;
    border: none;
    font-size: 16px;
}
._df_button:hover {
    background: #444;
}

.primary-menu a {
    font-size: 18px;
}

.bb-course-points {
    margin-bottom: 35px;
    visibility: hidden;
}

.header-aside .button.signup {
    margin-left: 0.3125rem;
    min-width: initial;
    padding-top: 5px;
    padding-bottom: 5px;
}

.no-border {
    border: none;
}

.elementor-element.widget.bp-latest-activities ul li a,
ul.wp-block-latest-posts li a {
    color: var(--bb-headings-color);
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}

.widget {
    border: none;
}

#bbpress-forums#bbpress-forums .bs-forums-items .item-title a {
    font-size: 22px;
    font-weight: bold;
}

@media screen {
    .groups-header
        #cover-image-container
        #item-header-content
        .group-description
        p {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 300;
        color: black;
    }
}

body #buddypress div#item-header-cover-image h2,
body #buddypress div#item-header-cover-image h2 a {
    font-size: 2.8rem;
}

#bbpress-forums .item-description {
    font-size: 16px;
}

.fluid-width-video-wrapper {
    position: unset !important;
}

.fluid-width-video-wrapper iframe {
    max-height: unset;
}

.search-form {
    padding-right: 0 !important;
}

#bbp-search-form {
    padding: 20px 0 0 0 !important;
    margin-bottom: 0 !important;
}

.search-results:not(body) {
    border: 1px solid #ddd;
    margin-top: 10px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;

    font-size: 14px;
    font-family: inherit;
}

.search-resultsv:not(body)  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results:not(body) ul li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.search-results:not(body) ul li a {
    font-size: 14px;
    font-family: inherit;
    color: var(--bb-body-text-color);
}

.search-results:not(body) ul li:last-child {
    border-bottom: none;
}

.search-results:not(body) ul li:hover {
    background-color: #f9f9f9;
}

.search-results:not(body) ul li:hover a {
    color: #ef7b10;
}

#search-results-info {
    margin-top: 10px;
    background-color: #ef7b10;
    color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
}

.search-button {
    padding: 7px 12px !important;
}

#bbp-search-form #bbp_search {
    min-width: 0;
}

@media only screen and (max-width: 365px) {
    .search-button {
        margin-top: 0.5rem;
    }
}

.hero-shadow {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.hero-shadow video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    z-index: 2;
}

#toggleVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Zvýšený z-index */
    cursor: pointer;
    width: 80px;
    height: 80px;
    background: transparent;
    border: none;
    padding: 0;
    pointer-events: auto; /* Zajistí, že tlačítko bude reagovat na kliknutí */
}

@media (min-width: 1024px) {
    .hero-shadow {
        position: relative;
    }
    
    #toggleVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 2000px) {
    .hero-shadow {
        max-width: 100%;
        margin: 0 auto;
    }
    
    #toggleVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Nové pravidlo pro 4K rozlišení */
@media (min-width: 3840px) {
    .hero-shadow {
        max-width: 1920px; /* Omezení maximální šířky */
        margin: 0 auto;
    }
    
    #toggleVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120px; /* Zvětšení tlačítka pro lepší viditelnost na 4K */
        height: 120px;
    }
}

.mepr_coupon .mp-form-label span.cc-error {
    color: #eb1c26 !important;
}

.mepr_coupon .mp-form-label span.cc-success {
    color: #14c146 !important;
}