/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.custom-category-breadcrumb-wrap {
  padding: 20px 0;
}

.custom-breadcrumb,
.custom-breadcrumb a {
  color: #fff;
}

.custom-breadcrumb {
  font-size: 0.85rem;
  text-transform: uppercase;
  opacity: 0.9;
}

.custom-breadcrumb .divider {
  margin: 0 6px;
  opacity: 0.6;
}

.custom-breadcrumb .current {
  font-weight: 600;
}

/* HERO AREA */
.custom-category-hero {
  background: transparent; /* uses your page background */
  padding: 60px 0 40px;
}

.custom-category-hero.dark {
  color: #fff;
}

/* BREADCRUMB */
.custom-breadcrumb,
.custom-breadcrumb a {
  color: #ffffff;
}

.custom-breadcrumb {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.85;
  margin-bottom: 12px;
}

.custom-breadcrumb a:hover {
  opacity: 1;
  text-decoration: underline;
}

.custom-breadcrumb .divider {
  margin: 0 6px;
  opacity: 0.5;
}

.custom-breadcrumb .current {
  font-weight: 600;
}

/* TITLE */
.category-title {
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .custom-category-hero {
    padding: 40px 0 30px;
  }

  .category-title {
    font-size: 1.6rem;
  }
}



.button.white {
    border-bottom-right-radius: 25px!important;
    //border-top-left-radius: 25px !important;
    font-weight: 400 !important;
}
.box-text-blog a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {
    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .5em;
}

.flex-row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    margin-left: -15px !important;
}
.bringup.button.white {z-index: 999 !important;}
.bringup. img {z-index: 500 !important;}
.behind {z-index: 0 !important;
}

.column-bordering {
    border-top: 1px solid #2e3133 !important;
    border-right: 1px solid #2e3133 !important;
    border-bottom: 1px solid #2e3133 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    z-index: 500;
}
.rounded-image-corner img{
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
.column-bordering-steps {
    border-top: 1px solid #2e3133 !important;
    border-right: 1px solid #2e3133 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    z-index: 500;
}
.column-bordering-blog {
    border-top: 1px solid #2e3133 !important;
    border-right: 1px solid #2e3133 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    z-index: 500;
}
.column-bordering-work {
    border-top: 1px solid #2e3133 !important;
    border-right: 1px solid #2e3133 !important;
    //border-bottom: 1px solid #2e3133 !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    z-index: 500;
}
.column-bordering-prod {
    border-top: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    z-index: 500;
}
p.in-stock {
    display: none;
}
.column-bordering-works img{
    border-top-right-radius: 50px !important;
    z-index: 500;
}
.column-bordering-works-down img{
    border-bottom-right-radius: 50px !important;
    z-index: 500;
}
.woocommerce-billing-fields {
    border-top: 2px solid #2e3133 !important;
    padding-top: 15px;
}
.woocommerce-breadcrumb {
    padding-left: 2%;
}
/* Make product category layout match Shop page */
body.tax-product_cat .shop-page-title {
  display: none;
}

body.tax-product_cat #main {
  padding-top: 8%;
  background-color: #2e3133;
  color: #fff;
}
/*span.amount {
    color: #ffffff !important;
    font-weight: 700;
    white-space: nowrap;
}*/
/* Csak a CPL termékoldali, sötét hátterű ár legyen fehér */
.price-wrapper span.amount {
    font-weight: 700;
    white-space: nowrap;
    color: #fff !important;
}
.box-text .product-title  a:not(.button) {
    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;
    color: #fff !important;
}

.absolute-footer {display: none !important;}

.badge {
    backface-visibility: hidden;
    display: table;
    height: 2.2em;
    pointer-events:none;
    width: 6em;
    z-index: 20;
    }
    .badge.post-date {top:55%;
        margin-left: 46.5%;
    }
        .is-large {
            font-size: 1.15em;
            color: #857a40;
            font-weight:500;
        }
        .badge-inner {
            background-color: #2e3133;
            color: #fff;
            display: table-cell;
            font-weight: bolder;
            height: 100%;
            line-height: .85;
            padding: 2px;
            text-align: center;
            transition: background-color .3s, color .3s, border .3s;
            vertical-align: middle;
            white-space: nowrap;
            width:100%;
            border-top-left-radius: 25px !important;
            border-bottom-right-radius: 25px !important;
            border-color: #2e3133;       
        }
        .badge-frame .badge-inner, .badge-outline .badge-inner {
            background-color: #2e3133;
            border: none;
            color:var(--fs-color-primary);
        }
        .has-hover:hover .badge-outline .badge-inner {
            background-color: var(--fs-color-primary);
            border-color: var(--fs-color-primary);
            color:#fff
        }
        //.badge-inner-hide {display: none !important;}

        .blog-box-image img {
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
            border-bottom-right-radius: 25px;
            }

.munkaink-white-button.white.button.is-outline {
    border-bottom-right-radius: 25px!important;
    font-weight: 400 !important;

}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.category-page-row {
padding-top: 60px;
}

}