/*
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.   ***************/

.transparent .header-main {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.24693627450980393) 0%, rgba(226, 221, 218, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.24693627450980393) 0%, rgba(226, 221, 218, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.24693627450980393) 0%, rgba(226, 221, 218, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#e2ddda", GradientType=1);
}

.shadowed {
    box-shadow: 1px 5px 10px 0px #CCC;
}

.portfelj-produktov .flickity-prev-next-button {
    box-shadow: none;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.header-nav.nav-box > li.header-search > a:hover {
    background-color: #FFF;
}

.storitve-boxes {
    margin-top: -50px;
}

.storitve-boxes .col-inner:hover {
    background-color: rgb(189 32 42) !important;
}

.pb-0 {
    padding-bottom: 0;
}

.absolute-footer {
    display: none;
}

.header-ikona {
    margin-top: -75px !important;
}

.header-ikona .col {
    padding-bottom: 0;
}

.header-ikona .ikona img {
    max-width: 140px;
    background: #E30613;
    padding: 20px;
    border: 5px solid #e6e6e6;
    border-radius: 10px;
}

.enovice-forma input[type='submit']:not(.is-form) {
    background-color: #191919;
    opacity: 1;
}

.dark .enovice-forma .form-flat input:not([type="submit"]) {
    background-color: #FFF !important;
    color: #000 !important;
}

.dark .enovice-forma .form-flat input:not([type="submit"])::placeholder {
    color: #6f6f6f !important;
}

.enovice-forma .acceptance-369 label {
    font-weight: normal;
}

.secondmenu {

    z-index: 2;
}

.secondmenu ul {
    margin-bottom: 0;
    text-align: right;
}

.secondmenu ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0.3em;
}

.secondmenu ul li a {
    color: #191919;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 15px;
}

.secondmenu ul li.active a, .secondmenu ul li a:hover {
    background: #E30613;
    color: #FFF;
}

.text-hbox, .text-hbox > div, .text-box-square.text-hbox .text {
    height: 100%;
}

.under-menu {
    margin-top: -56px;
}

.link-nakup, .link-nakup:active {
    background: #0187d3;
    color: #FFF;
    padding: 8px 15px;
    display: block;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 20px;
}

.link-nakup:hover {
    background: #00689e;
    color: #FFF;
}

.portfolio-inner .icon-box ul ul {
    margin: 0.5em 0 0.5em 0.5em;
}

table.odmerki {
    font-size: 14px;
}

.produkti-section .icon-box .icon-box-img {
    margin: 0 auto;
}

.blp-portfolio-archive {

    background-color: rgba(251, 251, 251, 0.8);
    border: none;
}

.blp-portfolio-archive .breadcrumbs {
    color: #191919;
    font-weight: bold;
    font-size: 14px;
}

.blp-portfolio-archive .breadcrumbs a, .blp-portfolio-archive .breadcrumbs span.active {
    color: #191919;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 15px;
}

.blp-portfolio-archive .breadcrumbs a:hover, .blp-portfolio-archive .breadcrumbs span.active {
    background: #E30613;
    color: #FFF;
}

.blp-portfolio-archive .breadcrumbs .divider {
    display: none;
}

.portfolio-cat-wrapper {
    margin-top: -40px;
    margin-bottom: 60px;
}

.portfolio-title-archive {
    margin-top: 200px;
    margin-bottom: 50px;
}

/* kategorije-produktov */
#section_1688462906 {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 400px;
    background-color: rgb(200, 35, 51);
}

#section_1688462906 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

#section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2020/10/belupo-tovarna.jpg');
}

#section_1688462906 .section-bg {
    background-position: 41% 30%;
}

.featured-item-category-zdravila-brez-recepta #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2021/01/201221-BANNER-BELUPO__Zdravila-brez-recepta_1920-x-500-px.png');
}

.featured-item-category-zdravila-brez-recepta #section_1688462906 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.273);
}

.featured-item-category-medicinski-pripomocki #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2021/01/201221-BANNER-BELUPO__Medicinski-pripomocki_1920-x-500-px.png');
}

.featured-item-category-medicinski-pripomocki #section_1688462906 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.07);
}

.featured-item-category-medicinski-pripomocki #section_1688462906 .section-bg {
    background-position: 0% 31%;
}

.term-kozmetika #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2021/01/201221-BANNER-BELUPO__Kozmetika_1920-x-500-px.png');
}
.term-zascita-in-regeneracija-suhe-obcutljive-in-razdrazene-koze #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2021/01/201221-BANNER-BELUPO__Kozmetika_1920-x-500-px.png');
}
.term-belodex #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2021/01/201221-BANNER-BELUPO__Kozmetika_1920-x-500-px.png');
}
/*.featured-item-category-belodex #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2025/03/belodex-krema-roke.jpg');
    background-color: rgb(0 0 0 / 25%);
    background-position: 50% 70%;
}*/
.term-belobaza #section_1688462906 .section-bg.bg-loaded {
    background-image: url('/wp-content/uploads/2025/03/belobaza-krema-roke.jpg');
    background-color: rgb(0 0 0 / 25%);
    background-position: 50% 70%;
}
.featured-item-category-kozmetika #section_1688462906 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.07);
}


.featured-item-category-kozmetika #section_1688462906 .section-bg {
    background-position: 48% 2%;
}

.featured-item-category-nutribel-basic #section_1688462906 .section-bg.bg-loaded {
    background-position: 50% 100%;
    height: 100% !important;
    transform: none !important;
    background-image: url('https://www.belupo.si/wp-content/uploads/2021/06/210523-BANNER-BELUPO__Nutribel_1920-x-500px-sized.jpg');
}

.featured-item-category-nutribel-basic #section_1688462906 .section-bg-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

/* end kategorije-produktov */
.portfolio-cat-wrapper .row {
    justify-content: center;
    align-items: center;
    min-height: 250px;
    background-color: #FFF;
    position: relative;
}

.portfolio-cat-wrapper .row .col {
    flex: 1;
    padding: 25px;
    height: 250px;
}

.portfolio-cat-wrapper .row > .col:first-child {
    background: #E30613;
}

.portfolio-cat-wrapper .row > .col:last-child {
    background: #FFF;
    justify-content: center;
    align-items: center;
    display: flex;
}

.portfolio-cat-wrapper h2 {
    color: #fff;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 200px;
    text-align: center;
}

.portfolio-cat-wrapper p {
    margin-bottom: 0;
    font-size: 1.1em;
}

.uppercase.portfolio-box-title {
    text-transform: initial;
}

.portfolio-single-page .page-title {
    min-height: 400px;
    padding-bottom: 0 !important;
}

.portfolio-single-page .page-title .page-title-inner {
    margin-top: 115px;
}

.portfolio-single-page .page-title h1 {
    font-size: 2em !important;
}

.header-main .nav > li > a {
    text-transform: uppercase;
}

.header-title {
    margin-bottom: 0;
    font-size: 2em;
}

.tabs-zdravila-recept > ul {
    margin-bottom: 25px;
}

.uppercase.portfolio-box-title {
    font-size: 16px;
}

.portfolio-single-page .page-title {
    background: #E30613;
    padding: 60px 0;
    border: none;
}

.portfolio-single-page .page-title h1 {
    color: #FFF;
    font-size: 1.6em;
}

.portfolio-single-page .breadcrumbs a {
    color: rgb(255 255 255 / 40%);
    font-weight: normal;
    font-size: 12px;
}

.portfolio-single-page .breadcrumbs a:hover {
    color: #FFF;
}

.portfolio-single-page .breadcrumbs .divider, .portfolio-single-page .breadcrumbs .separator {
    color: #FFFFFF;
    opacity: .4;

}

.portfolio-single-page .portfolio-inner > section {
    padding-left: 0;
    padding-right: 0;
}

.simptomi-portfolio-boxes h6 {
    min-height: 41px;
}

.justified .col-inner p, .justified .col-inner li {
    font-size: 1.2em;
}

.justified > ul > li {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.justified > ul > li a {
    width: 100%;
    justify-content: center;
}

/*RUBISEPT*/
.featured-item-category-bolece-grlo-in-razjede-v-ustih .portfolio-single-page > .page-title {
    background: #B0CE62;
}

/*IBUBEL PRODUKTI*/
.featured-item-category-bolecina-in-vrocina .portfolio-single-page > .page-title {
    background: #D81D2F;
}

/*KASELJ acibel*/
.featured-item-category-kaselj .portfolio-single-page > .page-title {
    background: #1DA9AF;
}

/*PORTALAK*/
.featured-item-category-zaprtje-zdravila-brez-recepta .portfolio-single-page > .page-title {
    background: #D26629;
}

/*METIDA*/
.featured-item-category-piki-alergije-in-opekline .portfolio-single-page > .page-title {
    background: #D875A4;
}

/*RINIL*/
.featured-item-category-vnetje-nosne-sluznice-in-sinusov .portfolio-single-page > .page-title {
    background: #05669E;
}

/*belodex*/
.featured-item-category-belodex .portfolio-single-page > .page-title {
    background: rgb(163, 217, 243);
}

/*Belobaza*/
.featured-item-category-belobaza .portfolio-single-page > .page-title {
    background: #FFC19C;
}
/*BelVi*/
.featured-item-category-belvi-by-belupo .portfolio-single-page > .page-title {
    background: #DDD0E6;
}
.featured-item-category-glivicne-okuzbe-nohtov .portfolio-single-page > .page-title {
    background: #D21242;
}
/*Belupo Skin Solutions*/
.featured-item-category-belupo-skin-solutions .portfolio-single-page > .page-title {
    background: #C8E5EA;
}
.portofilo-transparent h6.uppercase.portfolio-box-title {
    min-height: 100px;
}
.center-align-ogled-vseh-izdelkov > .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-wrapper {
    padding-top: initial;
    padding-bottom: initial;
}

.ibubel-slider .text-inner .text {
    background-color: transparent !important;
}

.portfolio-cat-wrapper .dolg-opis .col {
    height: 300px;
}

.portfolio-cat-wrapper .dolg-opis h2 {
    min-height: 250px;
}

.dolg-opis p {
    margin-bottom: 10px;
}

.dolg-opis p:last-child {
    margin-bottom: 0;
}

.portfolio-cat-wrapper .dolg-opis > .col:last-child {
    display: block;
}

.noUi-connect {
    background: #E30613 !important;
}

.dnevni-odmerek {
    text-align: center;
    margin-top: 30px;
}

.dnevni-odmerek img {
}

.dnevni-odmerek h5 {
}

.dnevni-odmerek #odmerek {
    margin-top: 25px;
}

.dnevni-odmerek #odmerek p:last-child {
    margin-bottom: 0;
}

.dnevni-odmerek span {
    display: block;
}

.noUi-tooltip {
    color: #E30613 !important;
    padding: 4px !important;
}

#starost, #telesna_masa {
    opacity: 0.3;
}

#starost.active, #telesna_masa.active, #starost:hover, #telesna_masa:hover {
    opacity: 1;
}

#starost:hover, #telesna_masa:hover {
    opacity: 1 !important;
}

.row-5-columns .large-3, .row-5-columns .medium-3 {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.tbl-sestavine {

}

.tbl-sestavine tbody > tr:first-child {
    background: #ebebeb;
    margin-bottom: 0;
}

.tbl-sestavine td, .tbl-sestavine th {
    color: #666;
    border: 1px solid #e2e2e2;
    padding: 10px !important;
}

.dd-tabela .accordion-title {
    border: 1px solid #dedede;
}

.dd-tabela .accordion-inner {
    padding: 0;
}

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

    .portfolio-cat-wrapper .dolg-opis .col {
        flex: 1 100%;
        height: auto;
        text-align: center;
    }

}

@media only screen and (max-width: 1090px) {
    .simptomi-portfolio-boxes h6 {
        min-height: 61px;
    }
}

@media only screen and (max-width: 850px) {
    .row-5-columns .large-3 {
        max-width: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 767px) {
    .secondmenu ul {
        display: none;
    }

    .portfolio-cat-wrapper .row .col {
        flex: 1 100%;
        height: auto;
        text-align: center;
    }

    .portfolio-cat-wrapper {
        padding: 20px;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 550px) {
    .header-ikona {
        display: none;
    }

    .row-5-columns .large-3 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 400px) {
    .row-5-columns .large-3 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}