body {color: #000; font-size: 16px; line-height: 1.6em; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}
p {color: #000; font-size: 16px; line-height: 1.6em;  margin: 0 0 0.8em 0; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}

ul, ol {margin-left:2em; margin-bottom:1em;}
ul li, ol li {line-height: 1.4em; padding:0 5px;}
ul li p, ol li p {margin:0; padding:0;}
ul.glightbox-gallary {margin-left:0; margin-bottom:0;}
ul.nav {margin-left:0; margin-bottom:0;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height:1.2em;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

h2 {font-family: "Roboto Slab", serif !important;}
h3 {margin-bottom:20px;}

b, strong {font-weight: 600;}
.font-weight-extra-bold {font-weight: 600 !important;}

.clear {clear:both !important; height:0px !important;}
.clear10 {clear:both !important; height:10px !important;}
.clear15 {clear:both !important; height:15px !important;}
.clear20 {clear:both !important; height:20px !important;}
.clear30 {clear:both !important; height:30px !important;}
.clear40 {clear:both !important; height:40px !important;}
.clear60 {clear:both !important; height:60px !important;}
.clear75 {clear:both !important; height:75px !important;}
.clear90 {clear:both !important; height:90px !important;}

figure {height: auto;}
figure.image {margin: 10px auto 20px auto !important; width: auto; max-width: 100%; height: auto;}
.img-responsive {width: auto; max-width: 100%; height: auto;}

.relative {position:relative;}

section.section {border: 0 !important;}
section.section.section-height-3 {padding: 30px 0 !important;}

#header .header-body {background: #000;}

.social-icons li {border: 1px solid #000;box-shadow: none;}
.social-icons li:hover a {background: #f5f5f5 !important; color: #333 !important;}
.social-icons li a {height: 28px !important; line-height: 28px !important; width: 28px !important;}
.header__wrapper-social {padding:8px 20px 8px 0; justify-content: space-between; align-items: center;}
.header__wrapper-social.container-xl.pt-1.social-block {padding-top:8px !important;}
.header-nav .icon-social a {color:#fff !important;}
.hamburguer-btn.humberger-customize.hamburguer-btn-light.hamburguer-btn-sticky-dark.text-color-primary {color:#fff !important;}
#header .simple-search .input-group-append .btn {background: #fff !important; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
#header .simple-search .fas {font-weight: 400; font-size: 18px;}
#header .simple-search .form-control:not(.form-control-sm):not(.form-control-lg) {line-height: 2.6;}
#header .header-nav-top .nav > li > span {color:#fff !important;}
#header .header-row.container-xl.header-bg-bottom-color {height:50px !important; max-height:50px !important; background: #393939; width:100% !important; min-width:100% !important; padding-left:0 !important; padding-right:0 !important;}

.heading.heading-middle-border-center h1, .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3, .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 {
    width: 100% !important;
    display: block !important;
    white-space: normal !important;
    font-family: "Roboto Slab", serif !important;
}
.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
    background: transparent !important;
    white-space: normal !important;
    font-family: "Roboto Slab", serif !important;
}

.toggle > .toggle-content {padding: 20px;}
.podlogaforme {padding:30px; background:#f5f5f5; max-width: 1600px !important; border-radius: 5px;}

.glightbox-gallary img, .glightbox-gallary .embed-responsive, .glightbox-gallary video {
    width: 100%;
    max-width: 100%;
    transition: opacity .35s;
    transform: none;
}

.glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    aspect-ratio: 2 / 3;
}
.glightbox-gallary li a {
    aspect-ratio: 2 / 3;
}

.glightbox-gallary .embed-responsive {max-height: 100%; min-height: 100%;}

.slike-horizontalne .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
.slike-horizontalne .glightbox-gallary li a {
    aspect-ratio: 4 / 3;
}

.slike-kvadratne .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.slike-kvadratne .glightbox-gallary li a {
    aspect-ratio: 1 / 1;
}

.slike-panoramske .glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 192 / 60;
}
.slike-panoramske .glightbox-gallary li a {
    aspect-ratio: 192 / 60;
}


#footer {margin-top:60px !important; border-top:none !important;}
#footer img {margin-bottom:15px; width:auto; max-width:100%; height:auto;}

#footer p {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color:#fff !important;
}

#footer .text-4 {font-size: 14px !important;}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {font-family: "Roboto Slab", serif !important; font-size: 24px !important; font-weight:700 !important; color:#fff !important; margin: 0 0 15px 0 !important; padding: 0 !important;}

#footer a:not(.btn) {color:#fff !important;}
#footer a:not(.btn):hover {color:#bbb !important;}
#footer .row.py-5 {padding-bottom:0 !important;}
#footer .col-lg-6.col-md-6.foot-lijevo.footer-block-z.d-flex.align-items-center.justify-content-center.mb-4.mb-lg-0 {display:block !important; text-align:left !important; margin-left: 0 !important; padding-left: 0 !important;}

#footer .footer-copyright {border-top: 1px solid rgba(255,255,255,.15) !important;}
.crtafoot {width:100%; height:1px; background: rgba(255,255,255,.15); margin:30px 0; padding:0;}

/* sidebar */
.sidebar-settings .sidebar h5 {border-radius: 5px; font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px;}
.sidebar-block{display:flex; justify-content: space-between; max-width:1600px; margin:auto;}
.sidebar h2 {font-size: 22px; margin-bottom: 0; font-weight: 500; color: #000;}
.sidebar h4 {font-size: 16px; font-weight: 500;}
.sidebar p, .sidebar ul li, .sidebar ol li {font-size: 14px; font-weight: 300;}
.sidebar .simple-post-list li:hover {background: #f7f4f1;}
.sidebar .simple-post-list li a {color:#000; padding-left: 15px !important;}
.sidebar .fui-legend {display: none;}
.sidebar .custom-form {}
.sidebar .post-info span {font-size:14px !important;}
.btn-sidebar-form {padding-top: 0 !important;}
.btn-sidebar-form button {background: #bda58a; border: 0; transition: 0.3s; padding: 0.8rem 1rem !important; width: 100%;}
.btn-sidebar-form button:hover {background: #917f6a;}


.carousel-default .owl-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border:0 !important;
}

.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 250px !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; border: 0 !important;}
.card-reference .img-fluid {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 4 / 3 !important; border: 0 !important;}
.card-reference h4.mb-3.text-4.text-uppercase {font-family: "Roboto Slab", serif !important; text-transform:none !important; text-align:center !important; font-size:40px !important; margin-bottom:20px !important; letter-spacing:-0.5px !important;}
.card-reference .portfolio-item h4 {font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px; padding-top:20px !important;}
.card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em;}
.card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; border: 0 !important;}
.card-reference .font-mono.text-xs.text-gray-500 {display:none !important;}
.card-reference .variant-image-selector {display:none;}
.card-reference .portfolio-item .badge-prod {left: 20px;}

.owelvertikalnaslika .card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {aspect-ratio: 2 / 3 !important; background: #f4f4f4;}
.owelvertikalnaslika .card-reference .img-fluid {aspect-ratio: 2 / 3 !important; width: auto !important; min-width: auto !important; max-width: 50% !important; height: auto !important; min-height: auto !important; max-height: auto !important; float: left !important; margin-right: 15px !important; object-fit: contain !important;}
.owelvertikalnaslika .card-reference h4.mb-3.text-4.text-uppercase {}
.owelvertikalnaslika .card-reference .portfolio-item h4 {text-transform: none !important; letter-spacing:-0.5px !important;}
.owelvertikalnaslika .card-reference .portfolio-item p.uslugeboxtext ~ p.uslugeboxtext {display: none !important;}
.owelvertikalnaslika .card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em; display:none;}
.owelvertikalnaslika .card-reference .portfolio-item .remote-field {font-size:15px; padding:0; margin:0; line-height:1.5em;}
.owelvertikalnaslika .card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {aspect-ratio: 2 / 3 !important; width: auto !important; min-width: auto !important; max-width: 50% !important; height: auto !important; min-height: auto !important; max-height: auto !important; float: left !important; margin-right: 15px !important; object-fit: contain !important;}
.owelvertikalnaslika .card-reference .portfolio-item span.thumb-info-action {display:none;}
.owelvertikalnaslika .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.owelvertikalnaslika .owl-carousel .owl-nav button.owl-next {right: -15px;}
.owelvertikalnaslika .owl-carousel .owl-item {border: 1px solid #eee !important; background: #fff !important;}
.owelvertikalnaslika .my-2 {font-size:14px !important;}
.owelvertikalnaslika .owl-carousel .detqtygrid {display:none !important;}

.owelvertikalnaslika .toggle-content .card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 250px !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; border: 0 !important;}
.owelvertikalnaslika .toggle-content .card-reference .img-fluid {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 4 / 3 !important; border: 0 !important;}
.owelvertikalnaslika .toggle-content .card-reference h4.mb-3.text-4.text-uppercase {font-family: "Roboto Slab", serif !important; text-transform:none !important; text-align:center !important; font-size:40px !important; margin-bottom:20px !important; letter-spacing:-0.5px !important;}
.owelvertikalnaslika .toggle-content .card-reference .portfolio-item h4 {font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px; padding-top:20px !important;}
.owelvertikalnaslika .toggle-content .card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em;}
.owelvertikalnaslika .toggle-content .card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {min-width: 100% !important; max-width: 100% !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; border: 0 !important;}
.owelvertikalnaslika .toggle-content .card-reference .font-mono.text-xs.text-gray-500 {display:none !important;}
.owelvertikalnaslika .toggle-content .card-reference .variant-image-selector {display:none;}
.owelvertikalnaslika .toggle-content .container-xl.py-4.card-reference {padding-top: 0 !important; padding-bottom: 0 !important;}
.owelvertikalnaslika .toggle-content .container-xl.py-4.card-reference .col-12.col-sm-6.col-lg-3.mb-4 {margin-bottom: 0 !important;}
.owelvertikalnaslika .toggle-content .section.section.section-height-3 {padding: 30px 0 0 0 !important;}

.gdjekupitikategorija h4 {display:none;}
.gdjekupitikategorija article.post-large {border-top: 1px solid #ddd !important;}
.gdjekupitikategorija .post-content span a {color: #f88806 !important; text-transform:uppercase; font-weight:600; letter-spacing:1px;}

.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {border-radius: 0 !important;}
.thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.4);}

.main .button-tag .btn {font-size: 1rem;}
.main .btn-outline {border-width: 1px; padding: .8rem 1.6rem;}

.table td, .table th {border-color: rgba(242,206,162,.1);}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f5f5f5 !important;}

.main .page-header h1 {font-weight: 600 !important; letter-spacing: 0 !important; font-size:42px !important; font-family: "Roboto Slab", serif !important;}

section.page-header .page-header-title-border {background-color: #000 !important; max-height:0 !important; height:0 !important; border:0 !important; color:#000 !important; display:none !important;}
.podigni30 {margin-top: -65px !important; background: #f4f4f4 !important; position: relative !important;}

.main .page-header .breadcrumb {color:#000; letter-spacing:1px !important;}
.main .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#000 !important;}
.main .breadcrumb a:hover {color:#000 !important; text-decoration:underline}

.page-header .breadcrumb > li {font-size: .7em !important;}
.crumb-font-size {font-size: .7em !important;}

.main .page-header .col-md-8, .main .page-header .col-md-4 {flex: 0 0 100% !important; max-width: 100% !important;}

.podlogasiva1 {background:#f4f4f4 !important;}
.podlogasiva2 {background:#393939 !important;}

.fui-submit {
    color: #fff;
    background-color: #000 !important;
    border:0 !important;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600 !important;
    padding:15px 40px !important;
    border-radius:50px !important;
}

.fui-submit:hover {
    color: #fff;
    background-color: #333333 !important;
}

.uvjetipopis .col-md-4 {display:none;}
.uvjetipopis .col-md-8 {flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px;}
.uvjetipopis h4 {font-family: "Roboto Slab", serif; font-size: 30px; font-weight:600;line-height: 1.2em; margin-bottom: 20px}
.slikaauto .blog-posts img {display: block; margin: 0; width: auto;}

.blogindexgrid .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.blogindexgrid .grid-media {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 1 / 1 !important;
    background: #1e2228 !important;
}
.blogindexgrid .blog-posts .img-responsive {
    border-radius: 0 !important;
    object-fit: cover !important;
    width:100% !important;
    height: auto !important;
    max-height: auto !important;
    min-height: auto !important;
}
.blogindexgrid h4 {font-size:20px !important; font-weight:600 !important; line-height: 1.2em !important; margin: 10px 0 10px 0 !important; padding: 0; color:#000 !important;}
.blogindexgrid h4 a {color: #000 !important;}
.blogindexgrid .post-content span a {color: #f88806 !important; text-transform:uppercase; font-weight:600; letter-spacing:0px; font-size: 14px; line-height: 1em;}
.blogindexgrid p {font-size:15px; line-height:1.5em; margin:0; padding:0;}

.preporukepodloga .grid-container-230978.col-xl-6 {}
.preporukepodloga .article-load.row.pb-2 {background:#fff !important; padding:0 !important; margin:0 0 30px 0 !important; border:0 !important;}
.preporukepodloga .article-load.row.pb-2 .col-md-4 {padding:0 !important; margin:0 !important;display: flex;align-items: center;}
.preporukepodloga .article-load.row.pb-2 .col-md-8 {padding-top:20px !important;}
.preporukepodloga .article-load.row.pb-2 .col-md-8 a {text-transform:uppercase; letter-spacing:1px;}
.preporukepodloga .article-load.row.pb-2 .col-md-8 h4 a {text-transform:none !important; letter-spacing:-0.5px !important;}
.preporukepodloga-visina533 .article-load.row.pb-2 .col-md-8 {height: 533px; overflow: hidden;}

.pocvijesti {font-size: 19px !important;}
.pocvijesti h4 {font-size: 24px !important;line-height: 1.4em;}

.pochenareviews .content {display: flex;flex-direction: column-reverse;margin-right: 80px;padding-top: 20px;}
.pochenareviews .content h4 {font-size: 18px;font-style: italic;}
.pochenareviews .owl-item img {width: auto;min-height: 1px;max-height: 20px;}
.pochenareviews .content::after {content: "\e14c";font-family: 'Font Awesome 6 Pro';font-size: 60px;font-weight: 400;color: #e2e2e2;position: absolute;top: 20px;right: 20px;}

.blog-posts.single-post h2 {letter-spacing:-0.5px; line-height:1.1em;}
.blog-posts.single-post .glightbox-inner {margin-bottom:20px;}
.blog-posts.single-post .post-meta span a {color: #f88806 !important; text-transform:uppercase; font-weight:600; letter-spacing:1px;}

.aktualnosmall ul.simple-post-list .left .post-image {max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left .img-thumbnail {padding: 0 !important; max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left img, .sidebar .left iframe, .aktualnosmall .left .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 1 / 1 !important;
}
.aktualnosmall ul.simple-post-list .post-info .post-meta {}

aside ul.nav-list > li > a {color: #000; font-size: 1em; font-weight:400;}

.simple-search.input-group.w-auto {border:0 !important;}
.simple-search .form-control {border:0 !important;}
.simple-search .input-group-append {border: 0 !important;}

.prednostiikone .carousel-default .owl-item img {min-height: 75px; max-height: 75px; min-width:75px; max-width:75px; object-fit: contain; float: left; margin-right: 10px; margin-bottom:25px;}
.prednostiikone h4 {font-size: 15px; font-weight: 700; line-height: 1.2em; margin: 0 0 10px 0; padding-top: 10px;}
.prednostiikone p {font-size: 15px; line-height: 1.2em; margin: 0;}
.prednostiikone .header-lists {display: none !important;} 

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {width: 40px; height: 40px; border-radius: 20px;}

.autoriowl .container-xl {padding-right: 0; padding-left: 0;}
.autoriowl .owl-item {background:#fff; padding:30px; display: flex; justify-content: center; align-items: center;}
.autoriowl .owl-item .content {display: flex; justify-content: center; flex-direction: column; min-height: 210px;}
.autoriowl .owl-item img {min-height: 210px; max-height: 210px; min-width:210px; max-width:210px; object-fit: cover; float: left; margin-right: 30px; margin-bottom:0; border-radius: 105px !important;}
.autoriowl h4 {font-size: 18px; font-weight: 600; line-height: 1.2em; margin: 0 0 10px 0; padding-top: 10px;}
.autoriowl p {font-size: 15px; line-height: 1.4em; margin: 0;}
.autoriowl .header-lists {display: none !important;}
.autoriowl .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.autoriowl .owl-carousel .owl-nav button.owl-next {right: -15px;}

/*.autoripopis-generacije {}*/
/*.autoripopis-generacije .img-responsive.grid-media {min-height: 100% !important; max-height: 100% !important; height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important;}*/

.autoripopis-generacije .thumb-info .thumb-info-wrapper {aspect-ratio: 1 / 1 !important;}
.autoripopis-generacije .grid-media {min-height: 100% !important; max-height: 100% !important; height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important;}
.autoripopis-generacije .img-responsive.grid-media {object-fit: cover !important; width:100% !important; height: auto !important; max-height: auto !important; min-height: auto !important;}
.autoripopis-generacije span.mb-xl.bigtar div {height:100px; max-height:100px; overflow:hidden; font-size:15px !important; margin-bottom:30px;}
.autoripopis-generacije p {font-size:15px !important;}
.autoripopis-generacije h4 {font-size: 20px; line-height: 1.2em; margin: 15px 0 10px 0;}

.autoripopis-generacije2 .thumb-info .thumb-info-wrapper {aspect-ratio: 1 / 1 !important;}
.autoripopis-generacije2 .grid-media {min-height: 100% !important; max-height: 100% !important; height: 100% !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important;}
.autoripopis-generacije2 .img-responsive.grid-media {object-fit: cover !important; width:100% !important; height: auto !important; max-height: auto !important; min-height: auto !important;}
.autoripopis-generacije2 span.mb-xl.bigtar div {font-size:15px !important;}
.autoripopis-generacije2 p {font-size:15px !important;}
.autoripopis-generacije2 h4 {font-size: 20px; line-height: 1.2em; margin: 0 0 10px 0;}
.autoripopis-generacije2 .article-load {padding-bottom:30px !important; border-bottom:1px solid #ddd; margin-bottom:30px;}

.card .card-body.p-0 {padding: 8px 10px !important;}
.card {margin-bottom: 10px !important;}
.card-filters .card-header {background-color: #393939; border: 0; color:#fff;}
.card-filters .card-header a {color:#fff;}
.card-filters .card-header a::before {color:#fff;}

.knjigeshoppopis .font-mono.text-xs.text-gray-500 {display:none;}
.knjigeshoppopis .variant-image-selector {display:none;}
.knjigeshoppopis .grid-types-center-product {padding: 15px !important; background: #fff !important;}
.knjigeshoppopis h4 {font-size: 18px !important; margin-top: 15px; margin-bottom:5px; text-transform: none !important;}
.knjigeshoppopis h4.price-visible {margin-top: 0 !important; margin-bottom:10px !important;}
.knjigeshoppopis span a {font-size: 14px; text-transform: none;}
.knjigeshoppopis .text-sm.text-gray-500.price-visible {margin-top:10px;}

.grid-types-center-product .grid-media {min-height: auto !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 2 / 3 !important;}
.grid-types-center-product img {min-height: auto !important; max-height: 100% !important; object-fit: cover !important; aspect-ratio: 2 / 3 !important;}
.grid-types-center-product .img-responsive {width: 100% !important;}


.knjigeshoppopis-slikalijevo .img-responsive {width: auto; max-width: 50%; height: auto; float: left !important; margin-right: 15px; aspect-ratio: 2 / 3 !important;}
.knjigeshoppopis-slikalijevo h4 {margin-top: 50px !important;}
.sakrijgumbkolicine .detqtygrid {display:none !important;}




.knjigeshoppopisowl {padding:0 !important; margin-bottom:0;}
.knjigeshoppopisowl .container-xl {padding:0 !important;}
.knjigeshoppopisowl .owl-stage {display: flex;}
.knjigeshoppopisowl .header-lists {display: none !important;}
.knjigeshoppopisowl .carousel-default .owl-item {background:#fff; padding:15px; border: 1px solid #E8E9EA; margin-top:0; margin-bottom:0; border-radius: 0 !important;}
.knjigeshoppopisowl .carousel-default .owl-item:hover {box-shadow: 0 10px 30px rgba(32,35,49,.2); z-index: 2;}
.knjigeshoppopisowl .carousel-default .owl-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 2 / 3 !important;
  border: 0 !important;
}
.knjigeshoppopisowl .font-mono.text-xs.text-gray-500 {display:none;}
.knjigeshoppopisowl .variant-image-selector {display:none;}
.knjigeshoppopisowl p.uslugeboxtext {display:none;}
.knjigeshoppopisowl h4 {font-size: 18px !important;}
.knjigeshoppopisowl a h4 {margin-top: 15px; margin-bottom: 5px; text-transform: none !important;}
.knjigeshoppopisowl .remote-field {font-size: 15px !important;}
.knjigeshoppopisowl .owl-dots {margin-top:15px;}
.knjigeshoppopisowl .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.knjigeshoppopisowl .owl-carousel .owl-nav button.owl-next {right: -15px;}



.istaknutaknjiga .sprig-component {position:relative;}
.istaknutaknjiga .productinfo {position:absolute; width:100%; left:0; bottom:0; z-index:999; background:rgba(0, 0, 0, 0.75); padding-left:20px; padding-right:20px;}
.istaknutaknjiga .productinfo p,
.istaknutaknjiga .productinfo span,
.istaknutaknjiga .productinfo h4, 
.istaknutaknjiga .productinfo a {color:#fff !important;}
.istaknutaknjiga .productinfo .d-block.text-sm.text-gray-500.price-visible {color:#ddd !important;}

.istaknutaknjiga .productinfo .wishcompgrid div[id^='compare-button-'],
.istaknutaknjiga .productinfo .atcff-wishcompare div[id^='compare-list-button-footer-'],
.istaknutaknjiga .productinfo #compare-list-button {display:none;}

.istaknutaknjiga .productinfo .btn.btn-primary.py-2.mr-2 {color: #000 !important; background:#fff !important; border-color: #fff !important;}
.istaknutaknjiga .productinfo .btn.btn-primary.py-2.mr-2:hover {color: #000 !important; background:#ddd !important; border-color: #ddd !important;}

.istaknutaknjiga .productinfo .wishcompgrid .btn-outline.btn-success,
.istaknutaknjiga .productinfo .wishcompare .btn-outline.btn-success,
.istaknutaknjiga .productinfo .atcff-wishcompare .btn-outline.btn-success {color: #fff; border-color: #fff;}
.istaknutaknjiga .productinfo .wishcompgrid .btn-outline.btn-success:hover,
.istaknutaknjiga .productinfo .wishcompare .btn-outline.btn-success:hover,
.istaknutaknjiga .productinfo .atcff-wishcompare .btn-outline.btn-success:hover {color: #fff; background-color: #333; border-color: #fff;}


.sakrijprvuknjigu .grid-container-226528:first-child {display: none;}

.badge-prod {padding: 0; top: 5px; left: 5px; right: auto; font-size: 12px; width: 50px; height: 50px; line-height: 50px;}
.badge-prod ~ .badge-prod {top: 5px;left: 60px;}

.wishcompgrid div[id^='compare-button-'], .atcff-wishcompare div[id^='compare-list-button-footer-'], #compare-list-button {display:none;}
.wishcompgrid .btn-outline.btn-success,
.wishcompare .btn-outline.btn-success,
.atcff-wishcompare .btn-outline.btn-success {color: #000; border-color: #000;}
.wishcompgrid .btn-outline.btn-success:hover,
.wishcompare .btn-outline.btn-success:hover,
.atcff-wishcompare .btn-outline.btn-success:hover {color: #000; background-color: #e9e9ed; border-color: #000;}

#cart-info-sidebar .text-center a.btn.btn-lg.btn-outline.mb-1 {color: #000 !important; background:#f4f4f4 !important; width: 100%;}

.irs--flat .irs-bar {background-color: #000 !important;}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {background-color: #000 !important;}
.irs--flat .irs-handle > i:first-child {background-color: #000 !important;}
.irs--flat .irs-handle:hover > i:first-child {background-color: #000 !important;}
.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before {border-top-color: #000 !important;}

.knjigeshopdetaljna .col-lg-6.pb-5.prod1 {background:#fff; padding-top:20px; padding-bottom:20px !important; height: 10%;}
.knjigeshopdetaljna .prod1 {font-size: 20px;}
.knjigeshopdetaljna .prod1 #add-to-cart-button {margin-bottom: 30px;}
.knjigeshopdetaljna .prod1 .price-visible {margin: 30px 0 20px 0;}
.knjigeshopdetaljna .sakrij {display:none !important;}
.knjigeshopdetaljna .glightbox-inner {display:none !important;}
.knjigeshopdetaljna #add-to-cart-button .col-md-12.mb-4 {min-width: 100%; display: inline-block !important; text-align: left !important;}
.knjigeshopdetaljna .post-meta.detbrandcat {}
.knjigeshopdetaljna .post-meta.detbrandcat .fa {display:none;}
.knjigeshopdetaljna .post-meta.detbrandcat a img {min-height: 65px; max-height: 65px; min-width:65px; max-width:65px; object-fit: cover; float:right; margin-left:5px; margin-top:10px; aspect-ratio:1/1;}

.pocetna-trakazanaslov {width:100% !important; min-width:100% !important; max-width:100% !important; padding:30px 0!important; margin: 0 auto !important; background:#393939;}
.pocetna-trakazanaslov .heading {max-width: 1630px !important; margin:0 auto; padding:0 15px; display: flex; justify-content: space-between; align-items:center;}
.pocetna-trakazanaslov .heading-wrapper {width:65%;}
.pocetna-trakazanaslov .mb-4.w-full.heading-text-below {width:35%;}
.pocetna-trakazanaslov h1, .pocetna-trakazanaslov h2, .pocetna-trakazanaslov h3, .pocetna-trakazanaslov h4, .pocetna-trakazanaslov h5, .pocetna-trakazanaslov h6 {font-family: "Roboto Slab", serif !important; font-size: 30px !important; font-weight:700 !important; color:#fff !important; margin:0 !important; padding:0 !important;}
.pocetna-trakazanaslov p {display:none;}
.pocetna-trakazanaslov .btn {margin:0 !important; background:#fff !important; color:#000 !important;text-transform:uppercase !important; border:0 !important;}
.pocetna-trakazanaslov .btn:hover {background:#eee !important;}
.pocetna-trakazanaslov .container-xl.button-tag {padding:0 !important;}

.vecitekst p {font-size:20px; line-height:1.6em;}
.vecitekst ul li, .vecitekst ol li {font-size:20px;}
.vecitekst ul li p, .vecitekst ol li p {font-size:20px;}

.imgmb30 img {margin-bottom:30px;}

.autori-box {margin-bottom:30px;}
.autori-box span.slovo {font-family: "Roboto Slab", serif; font-size: 30px; font-weight:700;}

.gumbieuropa .container-xl.button-tag {margin-top: -25px !important;}
.gumbieuropa .container-xl.button-tag .col-sm-12 {display: block !important;}
.gumbieuropa .container-xl.button-tag .col-sm-12 .btn {width:100% !important;}
.gumbieuropa .row.align-items-center .col-sm-12 .btn {margin: 0;}

.paybadges figure.image.image-style-align-left, .paybadges img.image-style-align-left {margin: 0 10px 10px 0 !important; min-width: auto;}
.paybadges figure.image.image-style-align-left img {margin-bottom: 0 !important;}

.footersoc .raw-html-embed a {float: left;color: #fff;}
.footersoc .raw-html-embed a:first-child {margin-left: 0 !important;}

.banneriowl {padding:0 !important; margin-bottom:30px;}
.banneriowl .header-lists {display: none !important;}
.banneriowl .carousel-default .owl-item {background:transparent; padding:0; margin-top:0; margin-bottom:0; border-radius: 0 !important; border:0 !important;}
.banneriowl .carousel-default .owl-item img,
.banneriowl .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: auto !important;
    max-height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 192 / 60 !important;
}
.banneriowl .owl-dots {margin-top: -10px !important;}

.shoptoggle .toggle {border-bottom: 0 !important; margin: 0 0 8px 0 !important;}

.shoptoggle .toggle.toggle-minimal .toggle-title {background:#393939 !important; color:#fff !important; border-radius:0 !important; border: 0 !important; font-family: "Roboto Slab", serif !important;}
.shoptoggle .toggle.toggle-minimal a.toggle-title {background:#393939 !important; color:#fff !important; border-radius:0 !important; border: 0 !important;}
.shoptoggle .toggle.toggle-minimal a.toggle-title:hover {background:#000 !important; color:#fff !important;}
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title {background:#000 !important; color:#fff !important;}

.shoptoggle .toggle.toggle-minimal .toggle-title::before,
.shoptoggle .toggle.toggle-minimal .toggle-title::after {color: #fff !important;}
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title::before,
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title::after {color:#fff !important;}

.shoptoggle .toggle.toggle-minimal .toggle-content {padding:20px !important;}
.shoptoggle .toggle.toggle-minimal .toggle-content ul,
.shoptoggle .toggle.toggle-minimal .toggle-content ol {margin-left:20px !important; margin-bottom:20px !important;}


/*table#additional_content_podaciOKnjizi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
border: 0;
}
table#additional_content_podaciOKnjizi tbody {
display: flex;
flex-direction: row;
}
table#additional_content_podaciOKnjizi tr {
display: flex;
flex-direction: column;
}

.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}*/

.onestepcheck .link-primary {cursor: pointer;}
.onestepcheck label {line-height: 1.2em;margin-bottom: 4px;}
.onestepcheck #addresses .card-body:hover {background: #F3F4F6;}
.onestepcheck #address-form .form-control:disabled, #address-form .form-control[readonly] {background: transparent;}
.onestepcheck .bg-dark {background-color: #6c757d !important;}
.onestepcheck p.small {font-size: 80%;}
.onestepcheck img {max-height: 40px;width: auto !important;}
.onestepcheck .form-check {min-height: 40px;display: flex;align-items: center;}
.onestepcheck .form-check div {align-items: center;}
.onestepcheck #shipping .form-check label {font-weight: 700;}
.onestepcheck .form-check-input {margin-top: -0.3rem;}
.onestepcheck label {color: #6C757D;}

.filtersdm .card.card-filters .card-body.catfilter {max-height: 460px;}
.resgrad > a > .text-sm {display: none;}
#header .search-default.sn div[id^=results-] ul li a {color: #000 !important;}
.atcff {bottom: -200px;}
.sticky-header-active .atcff {
    transform: translateY(-200px);
    -webkit-transform: translate(0,-200px);
    -ms-transform: translate(0,-200px);
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}
.buy-together-wishcomp .btn-outline {padding: 5px 10px;}
.buy-together-product-image .badge-prod {padding: 0 !important;}
.atcff-price .col-md-12.mb-4 strong, .atcff-price .col-md-12.mb-4 p {font-size: .9em;line-height: 1rem;font-weight: 300;}


.badge-promo {
    background-color: black;
}
.pocprva .row .col-xl-3 {padding-right: 0;}
.pocprva .row .col-xl-9 {padding-left: 0;}
.pocprva .knjigeshoppopis {margin-bottom: 0 !important;}
.pocprva {margin-bottom: 3rem;}
.pocprva .curun {font-size: 14px;line-height: 1.3em;}
.pocprva .badge-prod {right: auto;left: 5px;top: 5px;}
.pocprva .istaknutaknjiga .badge-prod {right: auto;left: -10px;top: -10px;}
.pocprva .badge-prod ~ .badge-prod {left: 60px;}
.pocprva .istaknutaknjiga .badge-prod ~ .badge-prod {left: 45px;}
.pocprva .istaknutaknjiga, 
.pocprva .istaknutaknjiga > .row, 
.pocprva .istaknutaknjiga > .row > .col-lg-12 > .sprig-component, 
.pocprva .istaknutaknjiga > .row > .col-lg-12 > .sprig-component > div, 
.pocprva .istaknutaknjiga > .row > .col-lg-12 > .sprig-component .row, 
.pocprva .istaknutaknjiga > .row > .col-lg-12 > .sprig-component .row > .grid-types-center-product > .sprig-component {height: 100%;}

.pocprva .knjigeshoppopis.istaknutaknjiga .grid-content-wrapper {
    height: 100%;
    min-height: 100%;
    display: flex;
}

#additional_content_podaciOKnjizi {font-size: 20px;line-height: 1.6em;}
#additional_content_podaciOKnjizi tbody tr:nth-child(5), 
#additional_content_podaciOKnjizi tbody tr:nth-child(8), 
#additional_content_podaciOKnjizi tbody tr:nth-child(9) {
    display: none;
}
#additional_content_podaciOKnjizi.table-striped tbody tr:nth-child(6) {background-color: rgba(0,0,0,.05);}
#additional_content_podaciOKnjizi.table-striped tbody tr:nth-child(7), 
#additional_content_podaciOKnjizi.table-striped tbody tr:nth-child(7) td {
    background-color: transparent !important;
}

#additional_content_productsBrandCategories ul {list-style: none;margin-left: 0 !important;}
#additional_content_productsBrandCategories ul > li {padding-left: 0;}
#additional_content_productsBrandCategories ul > li > a:has(img) {float: left;margin: 0 20px 20px 0;}
#additional_content_productsBrandCategories ul > li > a > img {max-width: 250px;}
#additional_content_productsBrandCategories ul > li > div > h4 {margin: 0 0 20px 0 !important;}


.disc-labels {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50%;
}
.disc-label {
    display: flex;
    margin: 0 0 5px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    width: auto;
    max-width: 100%;
    height: 30px;
    max-height: 30px;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.disc-label span {
    display: flex;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    width: auto;
    height: 30px;
    max-height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem;
}

.label--pink span   {background: #ec4899;}
.label--blue span   {background: #3b82f6;}
.label--green span  {background: #22c55e;}
.label--orange span {background: #f97316;}
.label--purple span {background: #8b5cf6;}


.badge-group {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: -5px 0 0 -5px;
    right: auto;
}
.badge-group .badge {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    width: auto;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: left;
    margin-bottom: 5px;
}
.badge-group .badge.badge-prod {
    position: static;
    margin: 0 0 5px;
    height: auto;
}
.badge-group .badge.rounded-pill {
    border-radius: .25rem!important;
}
.badge-group .badge-group-discount, .badge-group .badge-group-custom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.badge-group .badge-group-discount > .badge-discount, .badge-group .badge-group-custom > .badge-custom {
    padding: 5px 10px;
}
.badge-group .badge-title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}
.badge-group .badge-description {
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.badge-group-discount > .badge:first-child {background: #f97316;}
.badge-group-discount > .badge:nth-child(2) {background: #8b5cf6;}
.badge-group-discount > .badge:nth-child(3) {background: #3b82f6;}
.badge-group-discount > .badge:nth-child(3) {background: #ec4899;}

.badge-group-discount > .badge:nth-child(4n+1),
.badge-group-custom  > .badge:nth-child(4n+1){ background:#000; }

.badge-group-discount > .badge:nth-child(4n+2),
.badge-group-custom  > .badge:nth-child(4n+2){ background:#000; }

.badge-group-discount > .badge:nth-child(4n+3),
.badge-group-custom  > .badge:nth-child(4n+3){ background:#000; }

.badge-group-discount > .badge:nth-child(4n+4),
.badge-group-custom  > .badge:nth-child(4n+4){ background:#000; }

.buy-together-quantity-container .detqty {padding: 20px 10px !important;}

.sidebar-cart-items ul.nav.nav-pills li a, .sidebar-cart-items #added-to-cart-sidebar ul.nav.nav-pills li a {color: #000 !important;}
.sidebar-cart-items #added-to-cart-sidebar .btn.btn-outline {color: #000 !important;border: 1px solid #000;width: 100%;}

.badge-group.badge-group-index {
    gap: 5px;
    margin: -5px 0 0 -5px;
    width: 49%;
}
.badge-group.badge-group-index .badge-group-discount, .badge-group.badge-group-index .badge-group-custom {
    gap: 5px;
}
.badge-group.badge-group-index .badge-group-discount>.badge-discount, .badge-group.badge-group-index .badge-group-custom>.badge-custom {
    padding: 6px 10px;
}
.badge-group.badge-group-index .badge, .badge-group.badge-group-index .badge.badge-prod {
    margin-bottom: 0;
}
.badge-group.badge-group-index .badge-title {
    font-size: 14px;
    line-height: 1.1em;
}
.badge-group.badge-group-index .badge-big .badge-title {
    font-size: 17px;
    line-height: 1.2em;
}
.badge-group.badge-group-index .badge-group-discount>.badge-big, .badge-group.badge-group-index .badge-group-custom>.badge-big {
    padding: 10px;
}

.owl-carousel .badge-group.badge-group-index {
    margin: 5px -1px 0;
}
.knjigeshoppopisowl .owl-carousel .badge-group.badge-group-index {
    width: 90%;
}


#mc_embed_signup form {padding: 0 0 10px 0 !important;}
#mc_embed_signup .mc-field-group {padding-bottom: 0 !important;min-height: 46px !important;display: flex !important;width: 70% !important;}
#mc_embed_signup .mc-field-group label {display: none !important;}
#mc_embed_signup .mc-field-group input {color: #000;}
#mc_embed_signup .button {background-color: #777 !important;}
#mc_embed_signup .button:hover {background-color: #999 !important;}
#mc_embed_signup div#mce-responses {overflow: visible !important;width: 100% !important;text-align: right !important;}
#mc_embed_signup div.response {margin: 0 0 1em 0 !important;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {color: #ff5252 !important;background: transparent !important;padding: 5px 0 !important;}
#mc_embed_signup input#mce-EMAIL {line-height: 34px !important;padding: 0 10px !important;max-width: 70% !important;height: 34px !important;}
#mc_embed_signup input#mc-embedded-subscribe, 
#mc_embed_signup input#mc-embedded-subscribe:focus {line-height: 34px !important;max-width: 30% !important;border-radius: 0 !important;height: 34px !important;padding: 0 20px !important;}

.chaddress #addresses .d-flex.justify-content-end.align-items-center.mb-4 {
    justify-content: flex-start!important;
    margin-top: 10px;
}


/* RESPONSIVE */


@media (min-width: 576px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (max-width: 1440px) {.main .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}


@media (min-width: 1440px) {

    .simple-search.input-group.w-auto {min-width: 350px;}

}


@media (min-width: 1200px) {

    .smanjenasirinateksta p {max-width:85%; margin-left:auto; margin-right:auto;}
    .smanjenasirinateksta ol, .smanjenasirinateksta ul {max-width:85%; margin-left:auto; margin-right:auto;}
    .smanjenasirinateksta ol li, .smanjenasirinateksta ul li {margin-left:2em;}
    .smanjenasirinateksta h1, .smanjenasirinateksta h2, .smanjenasirinateksta h3, .smanjenasirinateksta h4, .smanjenasirinateksta h5, .smanjenasirinateksta h6 {max-width:85%; margin-left:auto; margin-right:auto;}

    #header .header-nav-main nav > ul > li > a {font-size: 22px !important; font-weight: 600 !important; letter-spacing:1px !important;}
}


@media (min-width: 1024px) {

}


@media (min-width: 992px) {

    #header .header-logo img {top: 48px !important;}
    #header .header-nav-top .nav > li > a.nav-link {border-right: 1px solid #000; border-radius: 0; text-transform: uppercase;}
    #header .header-nav {padding-left:280px; justify-content: space-between;}
    #header .header-nav-top .nav > li > span {font-size:20px; font-weight:500;}
    #header .header-row.container-xl.header-bg-bottom-color .header-nav {justify-content: flex-start; padding-left:0; max-width: 1600px !important; margin: -1px auto 0 auto !important;}
    #header .header-nav-main nav > ul > li > a {font-size: 18px; color: #fff; padding: 14px 20px; letter-spacing: 0; font-weight: 600;}
    #header .header-nav-main nav > ul > li > a:hover {background-color: #6c6c6c;}
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {background-color: #6c6c6c;}
    #header .header-nav-features {min-height: 92px !important;}
    #header .header-nav.down-menu {min-height: 51px;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #000; font-size: 1em; letter-spacing:0;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a::after {opacity: 1; right: 5px;}

    /*#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:nth-child(1) {border-bottom:1px solid #000 !important;}*/
    /*#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:nth-child(9) {border-bottom:1px solid #000 !important;}*/
    /*#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:nth-child(10) {border-bottom:1px solid #000 !important;}*/
    .meni-bordergore {border-top:1px solid #000 !important;}
    .meni-borderdolje {border-bottom:1px solid #000 !important;}
    .meni-sivapozadina {background:#f4f4f4 !important;}
    .meni-sivapozadina:hover {background:#e6e6e6 !important;}
    .meni-naglaseno {padding-top: 15px !important; padding-bottom: 15px !important; font-weight: 700 !important; border-top: 1px solid #000 !important; text-transform: uppercase !important; font-size:14px !important;}

    .blog-posts.single-post h2 {font-size:36px; margin-bottom:20px;}
    .main .page-header {margin-bottom:60px;}

    .col-lg-3.media-order.knjigeshoppopis {flex: 0 0 20%; max-width: 20%;}
    .knjigeshoppopis .col-lg-9 {flex: 0 0 80%; max-width: 80%;}

    .knjigeshopdetaljna .col-lg-6 {flex: 0 0 35%; max-width: 35%;}
    .knjigeshopdetaljna .col-lg-6.pb-5.prod1 {flex: 0 0 65%; max-width: 65%;}

    .autoripopis-generacije2 .col-md-4 {flex: 0 0 20%; max-width: 20%;}
    .autoripopis-generacije2 .col-md-8 {flex: 0 0 80%; max-width: 80%;}

    ul#mainNav {margin-left: -10px;}

}

@media (min-width: 1632px) {
    ul#mainNav {margin-left: -25px;}
}


@media (min-width: 769px) {

    .swiper {height: auto !important; aspect-ratio: 192/60 !important; margin-bottom:0 !important; margin-top:0 !important;}	
    .foot-sredina, .foot-sredina p {text-align:center !important;}
    .foot-desno, .foot-desno p {text-align:right !important;}
    .foot-lijevo, .foot-lijevo p {text-align:left !important;}

}


@media (min-width: 480px) {

}







@media (max-width: 1680px) {
    .knjigeshoppopis-slikalijevo h4 {margin-top: 35px !important;}

}

@media (max-width: 1439px) {

    .container-xl {max-width: 100% !important;}
    .knjigeshoppopis-slikalijevo h4 {margin-top: 0 !important;}

}


@media (max-width: 1199px) {

    .knjigeshoppopis .col-xl-4.grid-types-center-product,
    .knjigeshoppopis .col-xl-3.grid-types-center-product {
        flex: 0 0 50%;
        max-width: 50%;
    }
	
	.knjigeshoppopis .col-xl-2 {flex: 0 0 33.3% !important; width: 33.3% !important; max-width: 33.3% !important;}

}


@media (max-width: 1023px){

    #header .header-column .header-row {background: #000;}

}


@media (max-width: 991px){

    #header .header-logo img {top: 44px !important; width:200px; height:auto;}
    #header .header-nav-top .nav > li > a.nav-link {border-right: 1px solid #000; border-radius: 0; font-size:20px; padding-left:10px !important; padding-right:10px !important;}
    #header .header-nav-top .nav > li > span {font-size:20px; font-weight:500; padding-left:0 !important; padding-right:0 !important; margin-left: -15px;}
    #header .header-row.container-xl.header-bg-bottom-color .header-nav {justify-content: space-between; padding-left:15px !important; padding-right:20px !important; width: 100%;}
    #header .header-nav-main {background: #000; z-index: 999;}
    #header .header-nav-main nav > ul li {border-bottom: 1px solid #333;}
    #header .header-nav-main nav > ul > li > a {color: #bbb !important; font-weight:500; font-size: 15px !important;}
    #header .header-nav-main nav > ul li a {font-size: 15px !important;}

    .dropdown-item {color: #bbb;}
    .dropdown-item:hover {color: #fff; background-color: transparent;}
    .dropdown-item:focus {color: #fff; background-color: transparent;}
    .open {background: transparent;}

    .mob-lijevocentriranje h2, .mob-lijevocentriranje p {text-align:left !important;}

    .sprig-component {margin-bottom:15px;}
    #header .header-nav-features .header-nav-features-cart {z-index: 1;}

    .buy-together-wishcomp .sprig-component, #add-to-cart-button-ff.sprig-component {margin-bottom: 0;}
    .newsletter-signup-form .fui-page {}
    .newsletter-signup-form .fui-btn-wrapper {}
}





@media (max-width: 768px) {
    .swiper {height: auto !important; aspect-ratio: 1/1 !important; margin-bottom:0 !important; margin-top:0 !important;}
    #header .header-logo img {top: 47px !important; width:130px !important; height:auto;}
    #header .header-nav-features-search-reveal-container .fas  {font-weight: 300;font-size: 18px;}
    #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon {margin: 10px 0 0 28px !important;}

    .prednostiikone {margin-top:-15px !important; margin-bottom:0 !important;}
    .prednostiikone .owl-dots {margin-top: 0 !important;}

    .fa-2xl {font-size: 1.4em;}
    .page-header .breadcrumb {margin: 15px 0 0 0;}

    .pocetna-trakazanaslov .heading {display: block !important;}
    .pocetna-trakazanaslov .heading-wrapper {width:100% !important;}
    .pocetna-trakazanaslov .mb-4.w-full.heading-text-below {width:100% !important;}
    .pocetna-trakazanaslov .button-tag .col-sm-12 {display: block !important; margin-top:15px !important;}

    .knjigeshoppopis .col-xl-4.grid-types-center-product,
    .knjigeshoppopis .col-xl-3.grid-types-center-product {flex: 0 0 100%; max-width: 100%;}
	
	.knjigeshoppopis .col-xl-2 {flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important;}

    .autoripopis-generacije2 h4 {margin-top: 30px !important;}

    #additional_content_productsBrandCategories ul > li > a:has(img) {float: none;margin: 0 0 20px 0 !important;}
    #additional_content_productsBrandCategories ul > li > a > img {margin-bottom: 25px;}
}





@media (max-width: 640px) {
    .glightbox-gallary {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
    .videogalerija .glightbox-gallary {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
}




@media (max-width: 575px) {
    #header .header-nav-top .nav > li > span {margin-left: 0 !important;}

    .autoriowl .owl-item {background:#fff; padding:30px; display: block !important;}
    .autoriowl .owl-item .content {display: block !important; min-height: 90px !important;}
    .autoriowl .owl-item img {min-height: 150px; max-height: 150px; min-width:150px; max-width:150px; border-radius: 75px !important; float:none !important; clear:both !important;}
    .autoriowl h4 {font-size: 18px; font-weight: 600; line-height: 1.2em; margin: 0 0 10px 0; padding-top: 10px;}
    .autoriowl p {font-size: 15px; line-height: 1.4em; margin: 0;}
    .autoriowl .header-lists {display: none !important;}

    .buy-together-quantity-container {align-content: flex-start !important;flex-direction: column;}
    .buy-together-product-rest {align-items: flex-start !important;flex-direction: column;}

    #mc_embed_signup .mc-field-group {width: 100% !important;}

    .atcff-inner {justify-content: end;}
    .atcff-title {max-width: 80%;}
}




@media (max-width: 400px) {
    .atcff-title {max-width: 70%;}
}




blockquote {
    border-left: 6px solid transparent;
    border-image: linear-gradient(
        to bottom,
        #ffb74d,
        #ff9800,
        #f57c00
    ) 1;
    padding: 0.75rem 1rem;
    background: #fff8f0;
}





/* Invert "Podaci za dostavu" header: light background, black text */
.onestepcheck .bg-dark.text-white.px-4.py-2.border.rounded-top {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #dee2e6 !important;
}
.onestepcheck .bg-dark.text-white.px-4.py-2.border.rounded-top,
.onestepcheck .bg-dark.text-white.px-4.py-2.border.rounded-top * {
    color: #000 !important;
}

/* Remove borders from main section boxes only */
.onestepcheck .rounded-top.border,
.onestepcheck .rounded-bottom.border {
    border: none !important;
}

/* Hide only "Adresa dodatak" / Address Line 2 field in one-page checkout */
.onestepcheck div:has(> #shippingAddress-addressLine2),
.onestepcheck div:has(> #billingAddress-addressLine2) {
    display: none !important;
}

.onestepcheck .bg-dark.text-white.px-4.py-2.border.rounded-top {
    padding: 0 !important;
    margin-top: 1rem !important;
}

/* Remove padding from form field containers on the left (one-page checkout) */
.onestepcheck .col-md-8 .border.rounded-bottom {
    padding: 0 !important;
}

/* Same as other headers: no padding, space from top – Dostava & Plaćanje */
.onestepcheck #shipping-method,
.onestepcheck #payment-method div.px-4.py-2.border.rounded-top {
    padding: 0 !important;
    margin-top: 1rem !important;
}


/* Make registration form wider - use more horizontal space */
.onestepcheck #contact .col-md-6 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.onestepcheck #contact .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove padding from order summary (right sidebar) */
.onestepcheck .col-md-4 .border.rounded-bottom.p-4 {
    padding: 0 !important;
}

/* Make free shipping section black/white/grey */
.free-shipping-bar {background-color: #e9ecef !important;}
.free-shipping-bar .text-success {color: #000 !important;}
.free-shipping-bar .progress-bar.bg-success {background-color: #000 !important;}

/* Make "Završi narudžbu" button wider, bigger font, and black */
.onestepcheck #paymentForm button[type="submit"].btn-success, #cart-line-items #checkout-btn.btn-success {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    font-size: 1.15rem !important;
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* Remove left padding from "Podaci za narudžbu" header bar */
.onestepcheck #addresses .bg-light.px-4.py-2.border.rounded-top {
    padding-left: 0 !important;
}

@media (min-width: 768px) {
    .onestepcheck .row .chmain.col-md-8 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .onestepcheck .row .chside.col-md-4 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

/* Hide only the 3 fields (their label + input wrapper), not whole rows */
.mb-2:has(#addressLine2) {
    display: none !important;
}
.mb-2:has(#administrativeArea) {
    display: none !important;
}
.mb-2:has(#datetime) {
    display: none !important;
}
/*
* Blog: citati udesno (pull quote) + naslovi knjiga u formatu
* Zalijepi u public_html/css/custom.css
*/

/* Blockquote u post-content – float desno (boje ostaju iz postojećeg tema) */
.post-content.pc-text blockquote,
.post-content.iframe-in-redactor-check.pc-text blockquote {
    float: right;
    width: 35%;
    max-width: 420px;
    margin: 0.5em 0 1em 1.5em;
    padding: 1em 1.25em;
    font-size: 1.05em;
    line-height: 1.5;
    box-sizing: border-box;
}

.post-content.pc-text blockquote p,
.post-content.iframe-in-redactor-check.pc-text blockquote p {
    margin: 0 0 0.5em;
    margin-left: 0;
    font-size: 1.2em;
    color: #F57D00;
    font-weight: 400;
}

.post-content.pc-text blockquote p:last-child,
.post-content.iframe-in-redactor-check.pc-text blockquote p:last-child {
    margin-bottom: 0;
}

/* Naslovi knjiga u citatima i u tekstu: bold + italic */
.post-content.pc-text blockquote i strong,
.post-content.pc-text blockquote strong i,
.post-content.pc-text blockquote i,
.post-content.iframe-in-redactor-check.pc-text blockquote i strong,
.post-content.iframe-in-redactor-check.pc-text blockquote strong i,
.post-content.iframe-in-redactor-check.pc-text blockquote i {
    font-style: italic;
    font-weight: bold;
}

.post-content.pc-text p i strong,
.post-content.pc-text p strong i,
.post-content.iframe-in-redactor-check.pc-text p i strong,
.post-content.iframe-in-redactor-check.pc-text p strong i {
    font-style: italic;
    font-weight: bold;
}

/* Nakon blockquotea osiguraj da sljedeći sadržaj ne zalijepi uz float */
.post-content.pc-text blockquote + p,
.post-content.iframe-in-redactor-check.pc-text blockquote + p {
    clear: none;
}

.article-load.bigtar a:has(h4),
.grid-types-center-entry .bigtar a:has(h4) {
    visibility: hidden;
    display: block;
    pointer-events: none;
}

/* Opcionalno: na uskim ekranima citat ispod teksta, puna širina */
@media (max-width: 768px) {
    .post-content.pc-text blockquote,
    .post-content.iframe-in-redactor-check.pc-text blockquote {
        float: none;
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
/* Razmak prije karusela (iznad bannera) */
.banneriowl,
.by-clear-carousel-full-width {
    margin-top: 2rem;
}

.onestepcheck .row > .col-md-8.order-2.order-md-1 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.onestepcheck .row > .col-md-4.order-1.order-md-2 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}


.knjigeakcijebanner img.img-responsive.grid-media {
    aspect-ratio: auto;
}


.ShippingAddress .my-2, #billing-addresses .my-2 {
    margin-top: 0.3rem!important;
    margin-bottom: 0.3rem!important;
}
.ShippingAddress .leading-tight.py-2, #billing-addresses .leading-tight.py-2 {
    line-height: 1;
    padding-top: 0.3rem!important;
    padding-bottom: 0.3rem!important;
}

/* --- Hide Compare button (Usporedi) --- */
[id^="compare-button-buy-together"],
[id^="compare-list-button-"] {
    display: none !important;
}

/* Force exact same height everywhere in that row */
.buy-together-product-rest:has(.buy-together-not-available) .buy-together-not-available .notifyform .form-control,
.buy-together-product-rest:has(.buy-together-not-available) .buy-together-not-available .notifyform button[type="submit"],
.buy-together-product-rest:has(.buy-together-not-available) .buy-together-wishcomp .btn {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px;
    box-sizing: border-box;
}

/* Hide Županija and Poštanski broj in DOSTAVA (shipping estimate) */
.js-estimate-fields > .lg\:flex > .lg\:w-1\/2 {
    display: none !important;
}

/* Zvjezdice u formi za recenziju (input) – samo na tom mjestu */
.cc-f .sr-stars-container .sr-star .fa {
    font-size: 1.9em !important;
}

@media (max-width: 768px) {
    .onestepcheck.payment-in-sidebar .row > .col-md-8.order-2.order-md-1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .onestepcheck.payment-in-sidebar .row > .col-md-4.order-1.order-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }
    .onestepcheck.payment-in-sidebar .col-md-8.order-2 {
        order: 1;
    }
    .onestepcheck.payment-in-sidebar .col-md-4.order-1 {
        order: 2;
    }
    /* placanje prije kosarice */
    .onestepcheck.payment-in-sidebar .col-md-4 .bg-dark.text-white.px-4.py-2.border.rounded-top {order: 2;}
    .onestepcheck.payment-in-sidebar .col-md-4 .border.rounded-bottom.p-4 {order: 3;}
    .onestepcheck.payment-in-sidebar .col-md-4 .mt-4 {order: 4;}
    .onestepcheck.payment-in-sidebar .col-md-4 .mt-2 {order: 5;}
    .onestepcheck.payment-in-sidebar .col-md-4.order-1 .checkout-payment-block.mt-4 {order: 1;margin-top: 0 !important;}
}

@media (max-width: 478px) {
    ul.revsumstars {margin-left: 0;}
}