/*
Theme Name: Morvana Crystals
Description: This is a custom child theme for Divi
Theme URI: https://www.elegantthemes.com/gallery/divi/
Author: Morvana Crystals
Author URI:  https://www.morvana.sk/
Template: Divi
Version: 10/2025
*/

/* /////////////////////////////////////////////// */
/* =============================================== */
/* General Settings              */
/* =============================================== */

/* ========================================== */
/* a, h1, h2, h3, h4, p, span */

/* Line shopping bag cart icon in menu */
.et-cart-info span:before {
    content: "\e013" !important;
} /* shopping cart icon */

a.et-cart-info {
    position: relative;
    display: inline-block;
}

a.et-cart-info .morvana-cart-badge {
    position: absolute;
    top: -11px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    background: #b95353;
    color: #fff;
    z-index: 99;
}

.nav li ul {
    width: 330px; 
}

#top-menu li li {
    position: relative;
    display: block;
}

#top-menu li li a {
    padding: 6px 20px;
    width: 290px;
}

/* ========================================== */
/* TOP CONTACT NAV */

nav.ma-top-nav-contact {
    left: 50%;
    transform: translateX(-50%);
    display: inline;
    position: absolute;
}

nav.ma-top-nav-contact strong {
    color: #debb6e;
}

nav.ma-top-nav-contact ul {
    text-align: center;
    border-bottom: 1px solid #c4beb9;
}

nav.ma-top-nav-contact ul li {
    display: inline-block;
    border-right: 1px solid #c3cfd6;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    color: #494640;
}

nav.ma-top-nav-contact ul li:last-child {
    border-right: none;
}

nav.ma-top-nav-contact ul li a {
    color: #494640;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

nav.ma-top-nav-contact ul li a:hover {
    opacity: 0.7;
}

li.ma-fb a:before {
    content: "\e093";
    font-family: ETmodules;
} /* Facebook icon */

li.ma-insta a:before {
    content: "\e09a";
    font-family: ETmodules;
} /* Facebook icon */

nav.ma-top-nav-contact ul li span.ma-span-1{
    display: none !important;
}

/* ========================================== */
/* MAIN NAV */

body.admin-bar.et_fixed_nav #main-header {
    border-bottom: 1px solid #ffffff;
}

/* ========================================== */
/* FOOTER */

#main-footer .footer-widget h4 {
    color: #494640 !important;
}

#main-footer .footer-widget a:hover {
    text-decoration: underline;
}

div#text-2 .textwidget ul {
    margin-top: 20px;
}

div#text-2 .textwidget ul li {
    display: inline-block;
    border-right: 1px solid #c3cfd6;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    color: #494640;
}

div#text-2 .textwidget ul li:before {
    display: none;
}

div#text-2 .textwidget ul li span.ma-span-1 {
    display: none;
}

div#text-3 .textwidget a,
div#text-4 .textwidget a {
    position: relative;
    padding-left: 25px;
}

div#text-3 .textwidget a:before,
div#text-4 .textwidget a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #c4beb9;
    display: block;
    top: 8px;
    left: 7px;
}

div#text-4 .textwidget img {
    max-width: 170px;
    border-radius: 10px;
    margin-top: 20px;
}

/* ========================================== */
/* FOOTER BOTTOM BAR INFO */

div#footer-info {
    width: 100%;
}

div#footer-info .ma-footer-btm-left {
    float: left;
}

div#footer-info .ma-footer-btm-right {
    /* float: right; */
    text-align: right;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* VITAJTE Page              */
/* =============================================== */

body #page-container .et_pb_section .et_pb_button,
body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1,
body #page-container .et_pb_section .et_pb_button_2,
body #page-container .et_pb_section .et_pb_button_3,
body #page-container .et_pb_section .et_pb_button_4 {
    border-radius: 5px !important;
}

div#ma-home-sec-6 .et_pb_shop_0 .et_overlay:before {
    color: #00755d !important;
}

div#ma-home-sec-2 .ma-row-1 .ma-col-2-inner,
div#ma-home-sec-3 .ma-row-2 .ma-col-1-inner,
div#ma-home-sec-3 .ma-row-2 .ma-col-3-inner,
div#ma-home-sec-3 .ma-row-2 .ma-col-5-inner,
div#ma-home-sec-5 .ma-row-1 .ma-col-2-inner,
div#ma-home-sec-6 .ma-row-2 .ma-col-1-inner p,
div#ma-home-sec-7 .ma-row-2 .ma-col-1-inner,
div#ma-home-sec-7 .ma-row-2 .ma-col-2-inner,
div#ma-home-sec-7 .ma-row-2 .ma-col-3-inner,
div#ma-about-sec-3 .ma-row-1 .ma-col-1-inner,
div#ma-about-sec-3 .ma-row-1 .ma-col-2-inner {
    font-size: 16px;
    font-weight: 300;
}

div#ma-home-sec-6 .ma-row-2 .ma-col-2-inner h2.woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 300;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* SHOP Page              */
/* =============================================== */

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    border-radius: 30px;
    margin: 0 5px;
    width: 30px;
    border: 1px solid #cfc8d8;
}

.woocommerce .woocommerce-pagination ul.page-numbers li a,
.woocommerce-page .woocommerce-pagination ul.page-numbers li a {
    color: #00755d;
}

.woocommerce ul.products li.product a img {
    border-radius: 15px;
}

.et_overlay:before {
    color: #00755d;
    content: "\E050";
} /* plus icon for showing the product */

h2.woocommerce-loop-product__title {
    line-height: 24px;
} /* product title */

.orderby, .woocommerce div.product form.cart .variations td select {
    padding: 11px 14px;
    border-radius: 5px;
}

/* /////////////////////////////////////////////// */
/* =============================================== */
/* KATEGORIA Page              */
/* =============================================== */

nav.woocommerce-pagination {
    margin-bottom: 48px;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* SINGLE Product Page              */
/* =============================================== */

.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
    border-radius: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 15px;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background: #00755d;
}

.et-db #et-boc .et-l .et_overlay:before {
    color: #00755d;
}

.ma-row-1-woo .ma-col-3-inner h2 {
    font-size: 17px !important;
}

.et-db #et-boc .et-l .et_overlay {
    background: hsla(0, 0%, 100%, .3);
}

.et-db #et-boc .et-l .et_pb_row {
  width: 100% !important;
}




/* /////////////////////////////////////////////// */
/* =============================================== */
/* O ZNACKE Page              */
/* =============================================== */

div#ma-about-sec-3 {
    padding: 0 0;
}

div#ma-about-sec-3 .ma-row-1 .ma-col-1-inner,
div#ma-about-sec-3 .ma-row-1 .ma-col-2-inner {
    padding: 25px;
    border: 1px solid #c4beb9;
    border-radius: 15px;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* FAQ Page              */
/* =============================================== */

/* ========================================== */
/*  SECTION 5 - Toggle */

div#ma-faq-sec-2 {
    padding-top: 35px;
    padding-bottom: 0;
}

div#ma-faq-sec-2 .ma-row-1 {
    max-width: 1200px;
    padding-bottom: 0;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-2 h5.et_pb_toggle_title:before {
    font-size: 22px;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-2 .et_pb_toggle_content {
    max-width: 80%;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-2 h5:after {
    content: "";
    background-color: #debb6e;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: block;
    position: absolute;
    left: -80px;
    top: 0;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-2 {
    margin-bottom: 20px;
    padding: 40px 40px 40px 80px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dddddd;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-2:last-child {
    border-bottom: 0;
    margin-bottom: 100px;
}

div#ma-faq-sec-2 .ma-row-1 h5 {
    font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #4a4a4a;
    padding-bottom: 5px;
    margin-bottom: 0;
}

div#ma-faq-sec-2 .ma-row-1 .ma-col-inner-3 {
    max-width: 300px;
    margin-top: 50px;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* KONTAKT Page              */
/* =============================================== */

div#ma-kontakt-sec-3 .ma-row-1 .ma-col-2-inner {
    font-weight: 300;
}

/*--------- Here starts HOME CONTACT US FORM - Section 7  --------*/

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-half p {
    font-size: 14px;
    padding-bottom: 6px;
    line-height: 20px;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-half {
    margin-bottom: 30px;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-full p {
    font-size: 14px;
    padding-bottom: 6px;
    line-height: 20px;
} /* comments box */

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-full {
    margin-bottom: 10px;
    float: left;
    width: 100%;
} /* comments box */

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-form-checkbox {
    display: block;
    width: 100%;
    float: left;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner input.text,
div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner input[type=text],
div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner input[type=email],
div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner textarea,
div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-cf-main select {
    padding: 14px 10px;
    border: none;
    border-bottom: 1px solid #496572;
    background-color: #fff;
    width: 100%;
    border-radius: 3px;
}

select.wpcf7-form-control.wpcf7-select {
    padding: 13px 8px !important;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-half {
    width: 48.5%;
    float: left;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-form-options.ma-half.half-option select {
    width: 100%;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .half-name,
div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .half-phone {
    margin-right: 3%;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .one-captcha-col input.wpcf7-form-control.wpcf7-captchar {
    width: 100%;
    max-width: 278px;
    float: left;
    margin-right: 15px;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .column.one.one-captcha-col input[type=text] {
    margin-bottom: 25px;
}

div#ma-kontakt-sec-2 .ma-form-checkbox span.wpcf7-list-item-label {
    display: inline;
    color: rgba(29,29,53,0.8) !important;
    font-weight: bold;
    text-shadow: none !important;
    font-size: 14px;
    line-height: 1.4em;
}

span.wpcf7-list-item {
    line-height: 15px;
    margin-bottom: 40px;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .submit-form-button {
    clear: both;
    position: relative;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .submit-form-button input[type=submit] {
    color: #595353 !important;
    border: 3px solid #c4beb9;
    border-radius: 5px;
    letter-spacing: 4px;
    font-size: 14px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 14px;
    padding-right: 14px;
}

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .submit-form-button input[type=submit]:hover {
    transition: all 300ms ease-in-out 0ms;
    color: #ffffff !important;
    background-color: #c4beb9;

}

/*--------- Here ENDs HOME CONTACT US FORM - Section 7  --------*/

div#ma-kontakt-sec-2 .ma-row-1 .ma-col-3-inner a:hover {
    text-decoration: underline;
} /* link */

div#ma-home-sec-3 {
    padding-bottom: 0;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* KOSIK Page              */
/* =============================================== */

.woocommerce a.button.alt, .woocommerce-page a.button.alt {
    border-color: #debb6e;
}

.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled,
.woocommerce input.button.alt, .woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt,
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button,
.woocommerce-page button.button, .woocommerce input.button,
.woocommerce-page input.button, .woocommerce #respond input#submit,
.woocommerce-page #respond input#submit, .woocommerce #content input.button,
.woocommerce-page #content input.button, .woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover,
.woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover,
.woocommerce-page a.button:hover, .woocommerce button.button,
.woocommerce-page button.button:hover, .woocommerce input.button:hover,
.woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover {
    color: #debb6e;,
    border-color: #debb6e;
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* ORDER Received Page              */
/* =============================================== */

.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info {
    background-color: #f3efe7;
    border-radius: 15px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #00755d;
    margin-bottom: 35px;
    font-size: 20px;
}

.woocommerce ul.products li.product .et_shop_image {
  position: relative;
  display: block;
/*  overflow: hidden;*/
}

.woocommerce ul.products li.product .et_shop_image>img {
    border-width: 0 !important;
}

.woocommerce ul.products li.product .et_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/*  border: 1px solid #e5e5e5;*/
  opacity: 0;
  transition: all .3s ease;
  background: rgba(255,255,255,0.45);
}

.woocommerce ul.products li.product .et_shop_image:hover .et_overlay {
  opacity: 1;
}

.woocommerce ul.products li.product .et_overlay:before {
  content: "\E050";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  line-height: 1;
}

.woocommerce ul.products li.product .et_shop_image img {
  display: block;
  width: 100%;
  transition: all .3s ease;
}

.woocommerce ul.products li.product .et_shop_image:hover img {
  transform: scale(1.05);
}


/* /////////////////////////////////////////////// */
/* =============================================== */
/* RESPONSIVE DESIGN */
/* =============================================== */

/*--------- Here starts code for Media Screen max-width:1730px  --------*/
@media only screen and (max-width: 1730px) {

    div#top-header .container, 
    .et_pb_row, footer#main-footer .container, 
    .et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, 
    .et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row {
        width: 90%;
    }

    header#main-header .container {
        width: 98%;
    }
}

/*--------- Here starts code for Media Screen max-width:1426px  --------*/
@media only screen and (max-width: 1426px) {
    #logo {
        max-height: 44% !important;
    }

    nav.ma-top-nav-contact {
        position: relative;
        display: block;
    }

    .et_header_style_left #et-top-navigation,
    .et_header_style_split #et-top-navigation {
        padding: 22px 0 0 0 !important;
    }
}

/*--------- Here starts code for Media Screen max-width:1195px  --------*/
@media only screen and (max-width: 1195px) {
    #top-menu > li:last-child {
        margin-left: 0px;
    }

    #top-menu li {
        font-size: 10px !important;
        padding-right: 22px;
    }

    #et_mobile_nav_menu {
        display: block;
    } /* mobile menu activated */
 
    #top-menu {
        display: none;
    } /* mobile menu activated */

    .et_header_style_left .logo_container {
        margin-top: 11px;
    }
}

/*--------- Here starts code for Media Screen min-width: 981px  --------*/

@media (min-width: 981px) {
    #main-header { transition: transform 0.3s ease-in-out; }
    #main-header.hide-header { transform: translateY(-100%); }
    #main-header.show-header { transform: translateY(0); }
}

/*--------- Here starts code for Media Screen max-width:980px  --------*/

@media only screen and (max-width: 980px) {

    .et_fullwidth_nav #main-header .container {
        width: 100%;
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    div#footer-info .ma-footer-btm-right {
        text-align: center;
    }

    #ma-home-sec-3 .ma-row-2 .et_pb_column_3,
    #ma-home-sec-3 .ma-row-2 .et_pb_column_4,
    #ma-home-sec-3 .ma-row-2 .et_pb_column_5,
    #ma-home-sec-3 .ma-row-2 .et_pb_column_6,
    #ma-home-sec-3 .ma-row-2 .et_pb_column_7 {
        margin-bottom: 80px;
    }   

    #ma-home-sec-5 .ma-row-1 .et_pb_column_7,
    #ma-home-sec-5 .ma-row-1 .et_pb_column_1 {
        padding-top: 80px;
    } 

    #ma-home-sec-5 {
        padding-bottom: 20px;
    }

    #ma-home-sec-7 {
        padding-top: 0;
    }

    #ma-home-sec-7 .ma-row-2 .ma-col-1-inner,
    #ma-home-sec-7 .ma-row-2 .ma-col-2-inner,
    #ma-home-sec-7 .ma-row-2 .ma-col-3-inner {
        margin-bottom: 60px;
    }

    #ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner {
        padding-bottom: 60px;
    }
}

/*--------- Here starts code for Media Screen max-width:785px  --------*/

@media only screen and (max-width: 785px) {
    nav.ma-top-nav-contact ul li.ma-fb,
    nav.ma-top-nav-contact ul li.ma-insta  {
        display: none;
    }

    nav.ma-top-nav-contact ul li {
        border-right: none;
        padding: 5px 15px;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 20px;
    } /* menu item */

    .et_header_style_left .logo_container {
        margin-top: 16px;
    } /* logo */

    #et_top_search {
        display: none;
    }

    #et-top-navigation .et-cart-info {
        margin-right: 18px;
    }
}

/*--------- Here starts code for Media Screen max-width:480px  --------*/

@media only screen and (max-width: 480px) {
    div#ma-kontakt-sec-2 .ma-row-1 .ma-col-1-inner .ma-half {
        width: 100%;
    }
}




