/*
Theme Name: Hair Nails
Theme URI: https://hair-nails.at
Description: Hair Nails Theme
Author: SiteVibe
Author URI: https://sitevibe.net/
Version: 1.1.1
Text Domain: hair-nails
Template: curly
*/

html {
    --vibe-color-geenish-dark: #151916;      /* slightly greenish dark */
    --vibe-color-green-accent: #919a79;      /* highlights - replacing #c59d5f gold, usually on dark backgrounds, not good in light bg */
    --vibe-color-accent: #6a6944;            /* highlights - replacing #c59d5f gold, ok for light bg */
}

::selection {
    background: var(--vibe-color-accent);
}

html a:hover,
html p a:hover {
    color: var(--vibe-color-accent);
}
html #mkdf-back-to-top:hover {
    background: var(--vibe-color-accent);
}
html .mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-color):not(.mkdf-blog-list-button):hover {
    color: var(--vibe-color-accent) !important;
}

html #mkdf-back-to-top {
    border-color: var(--vibe-color-accent);
    color: var(--vibe-color-accent);
}

html .mkdf-btn.mkdf-btn-simple {
    color: var(--vibe-color-accent);
}

/* Menu in sidebar */
html .mkdf-side-menu .widget ul li {
    margin: 3px 0;
}
html .mkdf-side-menu .widget ul .sub-menu {
    padding-left: 10px;
}


/* Price lists aka Services - start */
.e-con.hair-nails-services h2,
.e-con.hair-nails-services h3 {
    text-transform: none;
}
.e-con.hair-nails-services .mkdf-bsl-title {
    text-transform: none !important;
    font-size: 18px !important;
    padding-right: 1rem;
}
.e-con.hair-nails-services .mkdf-bsl-item-title {
    text-transform: capitalize !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}
.e-con.e-flex.hair-nails-services > .e-con-inner {
    gap: 1.5rem;
    flex-direction: row;
    flex-wrap: wrap;
}

.e-con.hair-nails-services .elementor-widget {
    flex: 0 1 calc(50% - 0.75rem);
}
.e-con.hair-nails-services .elementor-widget.elementor-widget-heading {
    flex-basis: 100%;
}

@media only screen and (max-width: 680px) {
    .e-con.hair-nails-services .mkdf-bsl-item {
        border-top: 1px dotted var(--vibe-color-geenish-dark);
        padding-top: 0.5rem;
    }
    .e-con.hair-nails-services .elementor-widget {
        flex-basis: 100%;
    }
    .e-con.hair-nails-services .mkdf-bsl-holder .mkdf-bsl-item-label-holder {
        width: 100%;
        text-align: right;
        top: auto;
    }
}

/* Gallery/Portfolio */
html .mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay .mkdf-pli-text-holder {
    border-color: var(--vibe-color-green-accent);
}

html .mkdf-portfolio-list-holder.mkdf-pl-masonry.mkdf-masonry-images-fixed article .mkdf-pli-image img {
    object-fit: cover;
}

/* Price lists - default */
html .mkdf-bsl-item-top-holder {
    display: flex;
    justify-content: space-between;
}
html .mkdf-bsl-holder .mkdf-bsl-item-title-holder {
    flex: 0 1 auto;
    display: block;
    white-space: normal;
    width: auto;
}
html .mkdf-bsl-holder .mkdf-bsl-item-line {
    display: block;
    flex: 1 1 auto;
    height: auto;
    width: auto;
    border-style: dotted;
}
html .mkdf-bsl-holder .mkdf-bsl-item-price-holder {
    display: block;
    width: auto;
}
@media only screen and (max-width: 680px) {
    html .mkdf-bsl-holder .mkdf-bsl-item-line {
        display: none;
    }
}

html .mkdf-bsl-holder .mkdf-bsl-item-description-holder {
    color: var(--vibe-color-accent);
}
html .mkdf-bsl-holder .mkdf-bsl-item-label-holder {
    margin-top: -3px;
}
html .mkdf-bsl-holder .mkdf-bsl-item-label-holder .mkdf-bsl-item-label {
    background-color: var(--vibe-color-green-accent);
    padding: 3px 9px;
}

/* Price list - crossed out price if there is a label (added from JS) */
html .mkdf-bsl-holder .mkdf-bsl-item.with-label .mkdf-bsl-price {
    text-decoration: line-through;
}
/* Price list - dark */
html .mkdf-bsl-holder.mkdf-bsl-dark .mkdf-bsl-item-label-holder .mkdf-bsl-item-label {
    background-color: var(--vibe-color-geenish-dark);
}
/* Price list - light */
html .mkdf-bsl-holder.mkdf-bsl-light .mkdf-bsl-title {
    color: #fff;
}
html .mkdf-bsl-holder.mkdf-bsl-light .mkdf-bsl-item-label-holder .mkdf-bsl-item-label {
    color: #fff;
    background-color: var(--vibe-color-accent);
}
/* Price lists aka Services - end */



/* Big script-like text as detail in background - original price list and about->history */
html .mkdf-section-title-holder .mkdf-st-background-text {
    color: var(--vibe-color-green-accent);
}
/* Big script-like text as detail in background - testimonials  */
html .mkdf-testimonials-holder .mkdf-testimonials-background-text {
    color: var(--vibe-color-green-accent);
}
/* Big script-like text as detail in background - home->zig-zag services, about->gallery  */
html .mkdf-info-section .mkdf-is-background-text {
    color: var(--vibe-color-green-accent);
}
@media only screen and (max-width: 480px) {
    html .mkdf-info-section .mkdf-is-background-text {
        display: block !important;
        font-size: 130px !important;
        padding-top: 65px !important;
    }
}

.mkdf-light-header .mkdf-page-header>div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener.opened,
.mkdf-light-header .mkdf-page-header>div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener:hover,
.mkdf-light-header .mkdf-top-bar .mkdf-side-menu-button-opener.opened,
.mkdf-light-header .mkdf-top-bar .mkdf-side-menu-button-opener:hover {
    color: var(--vibe-color-green-accent) !important;
}
html .mkdf-side-menu a.mkdf-close-side-menu:hover,
html .mkdf-side-menu .widget a:hover {
    color: var(--vibe-color-green-accent);
}
html footer .widget a:hover {
    color: var(--vibe-color-green-accent);
}

/* Logo in footer */
html footer .widget.mkdf-footer-column-1.widget_media_image {
    max-width: 10rem;
}

html footer .mkdf-footer-top-holder .widget.widget_text a {
    display: inline-block;
    line-height: 1;
    padding: 15px 0;
    margin: 2px 0;
}

section.elementor-section.mkdf-parallax-row-holder {
    background-size: cover;
}

/* Product */
.hair-nails-product.mkdf-image-with-text-holder .mkdf-iwt-text-holder {
    text-align: center;
}
.hair-nails-product.mkdf-image-with-text-holder.mkdf-image-behavior-lightbox .mkdf-iwt-image a:hover:after {
    /* disable background color on hover */
    opacity: 0;
}


/* Fix portfolio list slider */
html body .pp_pic_holder .pp_details {
    /* go in front of .pp_hoverContainer */
    z-index: 2001;
}


/* Forms */
html .wpcf7-not-valid-tip {
    margin-bottom: 1rem;
}
html .wpcf7 form .wpcf7-response-output {
    line-height: normal;
    padding: 0.5rem 1rem;
    margin-left: 0;
    margin-right: 0;
}

html .wpcf7 form.invalid .wpcf7-response-output,
html .wpcf7 form.unaccepted .wpcf7-response-output,
html .wpcf7 form.payment-required .wpcf7-response-output {
    color: #dc3232;
    border-color: #dc3232;
}

html #submit_comment:hover,
html .post-password-form input[type=submit]:hover,
html input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: var(--vibe-color-accent);
}

/*
Instagram feed button
.LoadMoreButton {
  font-size: 14px;
  text-transform: uppercase;
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  padding: 18px 70px;
  margin-top: 2rem !important;
}
.LoadMoreButton:hover {
    color: #000!important;
    background-color: #fff!important;
    border-color: #fff!important;
}
}
*/