/*
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.   ***************/
@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Book.eot');
    src: url('fonts/Campton-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/Campton-Book.woff2') format('woff2'),
    url('fonts/Campton-Book.woff') format('woff'),
    url('fonts/Campton-Book.ttf') format('truetype'),
    url('fonts/Campton-Book.svg#Campton-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-ExtraLight.eot');
    src: url('fonts/Campton-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('fonts/Campton-ExtraLight.woff2') format('woff2'),
    url('fonts/Campton-ExtraLight.woff') format('woff'),
    url('fonts/Campton-ExtraLight.ttf') format('truetype'),
    url('fonts/Campton-ExtraLight.svg#Campton-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Bold.eot');
    src: url('fonts/Campton-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Campton-Bold.woff2') format('woff2'),
    url('fonts/Campton-Bold.woff') format('woff'),
    url('fonts/Campton-Bold.ttf') format('truetype'),
    url('fonts/Campton-Bold.svg#Campton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: Campton, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: Campton, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Campton, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.alt-font {
    font-family: Campton, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.absolute-footer{
    display: none !important;
}
.product-small .box .box-text {
    padding-left: 15px;
    padding-right: 15px;
}
.product-small .col-inner {
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    margin-bottom: 16px;
    transition: 0.3s all;
    border-left: 12px solid #ef404a;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100%;
}
.product-small .col-inner:hover {
    border-left: 12px solid #f3f3f3;
}
.product-small .price-wrapper .price {
    font-size: 18px;
}
.product-small .box-text .product-cat {
    font-size: 14px;
}
.product-small .box-text .product-title {
    font-size: 20px;
}
.center-mobile .text-right, .center-mobile > .text-left{
    text-align: center !important;
}
.nav-pagination>li>a, .nav-pagination>li>span {
    border-color: transparent;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
    background-color: #FFF;
}
.off-canvas .nav-vertical>li>a {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
}
.nav.nav-vertical li.wpml-ls-item{
    width: auto;
}
.off-canvas .nav-vertical li li.wpml-ls-item>a:first-child {
    padding-left: 0;
}
.off-canvas .nav-vertical .wpml-ls-legacy-list-horizontal {
    padding-left: 0 !important;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #c0c0c0;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #ef404a;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 25px;
    box-shadow: none;
}
aside .searchform .button.icon{
    background: none;
    color: #ef404a;
    border: none;
    margin-left: -40px;
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: none;

}
.category-page-title{
    margin-top: 30px;
}
.category-page-title .woocommerce-breadcrumb{
    display: none !important;
}
.shop-category-section .woocommerce-breadcrumb{
    font-weight: bold;
    font-size: 1.8em;
}
.crnobela-galerija img{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    align-items: flex-start !important;
}
/*Pozicioniranje slike na strani produkta na center*/
.product-main .product-gallery-slider .woocommerce-product-gallery__image{
    text-align: center;
}
.product-main .product-gallery-slider img{
    width: auto;
    max-height: 700px;
}
.custom-product-page .product-gallery-slider .woocommerce-product-gallery__image{
    text-align: center;
}
.custom-product-page .product-gallery-slider img{
    width: auto;
    max-height: 700px;
}
/*END Pozicioniranje slike na strani produkta na center*/

.sticky-add-to-cart--active{
    background-color: white;
}
.slider-nav-reveal button, .slider-nav-reveal button:not(.icon){
    border-radius: 0 !important;
}
@media only screen and (min-width: 550px) {
    .eq-img-sizes .product-small .box-image {
        position: relative;
        width: 100%;
        height: 320px;
        background: #FFF;
    }

   /* .eq-img-sizes .product-small .box-image {
        position: relative;
        width: 100%;
        height: 100%;
        background: #FFF;
    }*/

    .eq-img-sizes .product-small .box-image::before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .eq-img-sizes .product-small .box-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 320px;
        object-fit: contain;
    }

    /*.eq-img-sizes .product-small .box-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }*/

}
@media only screen and (max-width: 550px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    .center-mobile .text-right .is-divider, .center-mobile  .text-right .is-star-rating, .center-mobile .text-right .star-rating, .center-mobile .text-right>div, .center-mobile .text-right>div>div{
        margin-left: auto;
        margin-right: auto;
    }
    .center-mobile .text-left .is-divider, .center-mobile  .text-left .is-star-rating, .center-mobile .text-left .star-rating, .center-mobile .text-left>div, .center-mobile .text-left>div>div{
        margin-left: auto;
        margin-right: auto;
    }
    .product-small .box-text .product-cat {
        font-size: 12px;
    }
    .product-small .box-text .product-title {
        font-size: 18px;
    }
}