/* ########################### */
/* ## BLOG
/* ########################### */

/* Blog header */
.blog-header {
  margin-bottom: 40px;
}
.blog-header h1 {
  font-size: 50px;
  text-align: center;
}
.blog-heading.hide-title {
  display: none;
}

/* Listing category view */
.blog-post-item {
  display: flex;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #000;
}
.blog-post-item .item-image {
  width: 40%;
}
.blog-post-item .item-image img {
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 7 / 5;
}
.blog-post-item .item-content {
  width: 60%;
  padding-left: 30px;
}
.blog-post-item .post-date {
  color: #666;
  text-transform: lowercase;
}
.blog-post-item .item-title {
  font-size: calc(1rem + 1.2vw);
  margin: 20px 0 20px;
}
.blog-post-item .item-title a {
  color: #000;
}
.blog-post-item .post-summary {
  margin-bottom: 20px;
}
.blog-post-item .read-more {
  text-align: right;
}
.blog-post-item .read-more a {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.blog-post-item .read-more a:hover {
  color: #ef7d00;
  text-decoration: none;
}

/* Pagination blog */
.custom-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.custom-pagination ul li {
  margin: 0 5px;
  white-space: nowrap;
}
.custom-pagination ul li a {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 3px;
  white-space: nowrap;
}
.custom-pagination ul li a.current {
  background: #000;
  color: #fff;
}
.custom-pagination ul li a:hover {
  background: #efefef;
}
/*.custom-pagination ul span,
.custom-pagination ul li:last-child {
	display: none;
}*/
@media (max-width: 575px) {
  .custom-pagination ul {
    margin-bottom: 60px;
  }
  .custom-pagination ul li a {
    padding: 5px 10px;
  }
}

/* Blocks sidebar */
.search .viewAll {
  margin-top: 15px;
}
.search .viewAll button {
  font-size: 14px !important;
  font-family: inherit !important;
  padding: 0.5rem 1rem !important;
  border: 0 none !important;
  letter-spacing: 0 !important;
}
.search .viewAll button:hover,
.search .viewAll button:focus {
  color: #fff !important;
  background-color: #353535 !important;
}

.fmm_blog_ps17 .widget-tags a:hover {
  border-color: #000;
  color: #fff;
  text-decoration: none;
}

.randomposts .viewAll a {
  font-size: 14px;
  font-family: inherit;
  padding: 0.5rem 1rem;
  border: 0 none;
  letter-spacing: 0;
  border-radius: 3px;
}
.randomposts .viewAll a:hover,
.randomposts .viewAll a:focus {
  color: #fff;
  background: #353535 !important;
  text-decoration: none;
}
.randomposts .custom_widget .rcp_title a {
  border-bottom: 0 none;
}

/* Blog details (single post page) */
.eventviewDIV h1 {
  font-size: calc(1rem + 1.2vw);
}
#mainBlogpostImg {
  position: relative;
  width: 100%;
  height: 21.875rem;
  overflow: hidden;
}
#mainBlogpostImg img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogSubInfo {
  padding: 10px 0;
  /*border-bottom: 1px solid #efefef;
    margin-bottom: 20px;*/
  font-size: 14px;
  color: #999;
}
.fmmBlogdetContent img {
  max-width: 100%;
  height: auto;
}
.fmmBlogdetContent p {
  margin-bottom: 10px;
}
.fmmBlogdetContent table {
  margin-bottom: 20px;
}
.fmmBlogdetContent table td {
  border: 1px solid #ddd;
  padding: 10px 15px;
}
.fmmBlogdetContent ul {
  list-style: disc;
  padding-left: 30px;
}
.wp-block-gallery-is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 7.5px;
}
.wp-block-gallery-is-layout-flex .wp-block-image {
  width: calc(50% - 7.5px);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .wp-block-gallery-is-layout-flex .wp-block-image {
    width: calc(33.33333% - 7.5px);
  }
}

/* ########################### */
/* ## PAGES
/* ########################### */

body {
  overflow-x: clip; /* fix horizontal scroller for .full-width-section */
}

.google-map {
  height: 400px;
}

.page-cms .page-header {
  padding: 30px 0;
}

.page-cms h1,
.page-cms h2 {
  font-size: calc(1rem + 1.5vw);
  font-weight: 700;
  text-transform: uppercase;
}

.cms-content a {
  color: #212529;
  text-decoration: underline;
}
.cms-content a:hover,
.cms-content a:focus {
  color: #ef7d00;
  text-decoration: none;
}

.full-width-section--content {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #000;
  color: #fff;
  margin-bottom: 30px;
}
.full-width-section--content:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
  width: 100vw;
  height: 100%;
  background-color: #000;
  z-index: -1;
}
.full-width-section--content h1,
.full-width-section--content h2,
.full-width-section--content h3,
.full-width-section--content h4,
.full-width-section--content h5 {
  color: #fff;
}
@media (min-width: 768px) {
  .full-width-section--content {
    padding-top: 4vw;
    padding-bottom: 4vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
  }
}

/* Page: O nama */
.cms-id-6 .page-header {
  display: none;
}
.cms-id-6 .page-content h2 {
  font-size: calc(1rem + 1.5vw);
  font-weight: 700;
  text-transform: uppercase;
  margin: 40px 0;
}
.cms-id-6 .full-width-section--content h5 {
  font-size: calc(1rem + 1vw);
  font-weight: 900;
  color: #fff;
}
.cms-id-6 .full-width-section--content h5:last-of-type {
  margin-bottom: 0;
}
.matis-contact {
  font-weight: 500;
}
@media (min-width: 576px) {
  .matis-contact > div img {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  .cms-id-6 .full-width-section--content * {
    max-width: 75%;
  }
}

/* Page: Opci uvjeti poslovanja */
.cms-id-10 .page-content .row {
  text-align: center;
}
.cms-id-10 .page-content .row .col-sm-6 {
  background: #eee;
  padding-top: 20px;
}
.payment-logos.terms-page {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
.payment-logos.terms-page li img {
  height: 30px;
}

/* Page: Servis bicikla */
.cms-id-7 .page-header {
  display: none;
}
.cms-id-7 .google-map {
  width: 90%;
}
.tablepress {
  width: 100%;
  margin-bottom: 40px;
}
.tablepress.cjenik th {
  background: #f78000;
  color: #fff;
}
.tablepress.cjenik .column-1,
.tablepress.cjenik .column-3 {
  text-align: center;
}
.tablepress > :not(caption) > * > * {
  padding: 0.5rem;
}
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(odd of :where(:not(.child, .dtrg-group)))
  + :where(.child)
  > *,
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(odd of :where(:not(.child, .dtrg-group)))
  > * {
  background-color: #fff;
}
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  + :where(.child)
  > *,
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  > * {
  background-color: #f9f9f9;
}
.tablepress > :where(thead) + tbody > :where(:not(.child)) > *,
.tablepress > tbody > * ~ :where(:not(.child)) > *,
.tablepress > tfoot > :where(:first-child) > * {
  border-top: 1px solid #ddd;
}

/* Page: Bosch eBike servis */
.cms-id-8 .google-map {
  margin-top: 14px;
}

/* Page: Trgovine */
.cms-id-9 .page-content table {
  margin-bottom: 20px;
}

/* Page: Kontakt .page-contact*/
.page-contact .page-header {
  padding: 30px 0;
}
.page-contact .page-header h1 {
  /* font-size: calc(1rem + 1.5vw); */
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
.page-contact .cms-content h2 {
  font-size: 1.25rem;
  background: #000;
  color: #fff;
  padding: 8px 15px;
}
.page-contact .cms-content .row .col-sm-6 {
  margin-bottom: 40px;
}
.page-contact .full-width-section--content {
  margin-bottom: 40px;
}
.page-contact .full-width-section--content,
.page-contact .full-width-section--content .h4,
.page-contact .full-width-section--content .label,
.page-contact .full-width-section--content label {
  color: #fff;
}
.page-contact .full-width-section--content .h4 {
  font-size: 2rem;
  text-transform: uppercase;
}
.page-contact .full-width-section--content .btn-primary {
  background: #000;
  border-color: #ef7d00;
}
.page-contact .full-width-section--content .btn-primary:hover {
  background: #ef7d00;
  border-color: #ef7d00;
}
/* --------------------------------------- */
/* Home page */
/* --------------------------------------- */

/* Homeslider */
.seus-homeslider .homeslider__image {
  position: relative;
}
.seus-homeslider .homeslider__image:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.seus-homeslider .homeslider__arrow {
  top: auto;
  bottom: 0;
  padding: 30px 40px;
  color: #000;
  background: #fff;
}
.seus-homeslider .homeslider__arrow--prev {
  padding-right: 20px;
  left: auto;
  /*right: 84.5px;*/
  right: 84px;
  border-top-left-radius: 40px;
}
.seus-homeslider .homeslider__arrow--next {
  padding-left: 20px;
}
.seus-homeslider .homeslider__arrow .fa-solid {
  font-size: 1.75rem;
}
.seus-homeslider .homeslider__arrow:hover .fa-solid {
  color: #ef7d00;
  transition: all 0.3s ease;
}
/* btn readmore */
.homeslider__readmore {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  padding: 5px 5px 5px 30px;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #000;
  border-radius: 50px;
  margin: 40px 0 0;
  transition: all 0.3s ease;
}
.homeslider__readmore:hover {
  background-color: #ef7d00;
  text-decoration: none;
  color: #fff;
}
.homeslider__readmore .icon {
  width: 55px;
  height: 55px;
  font-size: 1.5rem;
  margin-left: 15px;
  padding: 15px;
  background: #000;
  color: #fff;
  border-radius: 50%;
}
/* slider circle */
.circle-sign {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 45%;
  right: 20%;
  transform: translate(0%, -50%);
  z-index: 2;
}
.circle-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-sign .fa-solid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.5rem;
  padding: 20px;
}
.circle-sign .circle-text {
  position: relative;
  width: 100%;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 700;
  color: #fff;
  animation: spin 15s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1400px) {
  .seus-homeslider .homeslider__arrow {
    padding: 20px 30px;
  }
  .seus-homeslider .homeslider__arrow .fa-solid {
    font-size: 1.5rem;
  }
  .seus-homeslider .homeslider__arrow--prev {
    right: 66px;
    padding-right: 15px;
  }
  .seus-homeslider .homeslider__arrow--next {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .header-headline {
    font-size: 11px;
  }
  .homeslider__title {
    max-width: 100%;
  }
  .homeslider__caption .caption-row {
    grid-template-columns: 1fr;
  }
  .circle-sign {
    display: none;
  }
}
@media (max-width: 575px) {
  .homeslider__title {
    font-size: 2.5rem;
  }
  .header-top__icon {
    font-size: 2rem;
  }
  .homeslider__readmore {
    margin: 20px 0 0;
  }
  .header-top__block--logo img {
    max-width: 115px;
  }
}
@media (max-width: 495px) {
  .homeslider__caption {
    width: 86%;
  }
  .headline-msg {
    text-align: left;
    padding-right: 40px;
  }
  .homeslider__title {
    font-size: 2rem;
  }
  .user-login a .fa-regular {
    font-size: 1rem;
  }
  .page-index .featured-products__title {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .homeslider__title {
    font-size: 4rem;
  }
}

/* Categories-list at Homeslider */
.seus-homeslider .categories-list {
  display: none;
  padding: 12px 0;
}
.seus-homeslider .categories-list ul {
  justify-content: center;
  gap: 5px;
  padding-right: 132px;
}
.seus-homeslider .categories-list ul li {
  padding: 0;
  border-radius: 50px;
}
.seus-homeslider .categories-list ul li a {
  display: inline-block;
  font-size: 11px;
  padding: 10px 10px;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.seus-homeslider .categories-list ul li a:hover {
  background: #fff;
  border-radius: 50px;
  text-decoration: none;
  color: #000;
}
@media (min-width: 992px) {
  .seus-homeslider .categories-list {
    display: block;
  }
  .seus-homeslider .categories-list ul li a {
    /*font-size: 12px;*/
    font-size: calc(0.48rem + 0.4vw);
  }
}
@media (min-width: 1200px) {
  .seus-homeslider .categories-list ul li a {
    /*font-size: 13px;*/
    padding: 10px 20px;
  }
}
@media (min-width: 1400px) {
  .seus-homeslider .categories-list {
    padding: 23px 0;
  }
  .seus-homeslider .categories-list ul {
    padding-right: 170px;
  }
}
@media (min-width: 1650px) {
  .seus-homeslider .categories-list ul {
    padding-right: 0;
  }
  .seus-homeslider .categories-list ul li a {
    /*font-size: 14px;*/
    font-size: calc(0.45rem + 0.4vw);
    padding: 10px 30px;
  }
}

/* ------- PROIZVODI PO KATEGORIJAMA -------- */

/* hover istaknutih proizvoda */
.featured-products .product-miniature__thumb {
  overflow: hidden;
}
.featured-products .product-miniature__thumb img {
  transition: transform 0.4s ease;
}
.featured-products .product-miniature__thumb img:hover {
  transform: scale(1.1);
}
/* navigation of featured products */
.featured-products__header {
  position: relative;
  z-index: 1;
}
.featured-products__navigation {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: auto;
  transform: none;
}
.featured-products .swiper-button-custom {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.featured-products .swiper-button-next {
  right: 0;
}
.featured-products .featured-products__header .featured-products__title {
  font-size: 2rem;
}
@media (min-width: 1500px) {
  .featured-products .swiper-button-next {
    right: -80px;
  }
  .featured-products .swiper-button-prev {
    left: -80px;
  }
}
/* --------------------------------------- */
/* All products page */
/* --------------------------------------- */
@media (max-width: 767px) {
  #js-product-list .up {
    text-align: center;
    margin-top: 30px;
  }
  #js-product-list .up .btn {
    font-size: 14px;
  }
}
/* --------------------------------------- */
/* Single product page */
/* --------------------------------------- */

/* submenu */
@media (min-width: 768px) {
  .main-menu__sub {
    border-radius: 5px;
    overflow: hidden;
  }
  .main-menu__sub .main-menu__item-link {
    text-transform: uppercase;
  }
}
/* b2b login */
.user-form {
  margin: 0;
}
/* btn */
.btn-black,
.btn-orange {
  background-color: #fff;
  border-color: #bbb;
  color: #000;
}
.btn-black:focus,
.btn-black:hover,
.btn-orange:focus,
.btn-orange:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.cart-items .bootstrap-touchspin .btn {
  background: #efefef;
}
.cart-items .bootstrap-touchspin {
  border-radius: 0;
}
/* headings on desktop */
@media (min-width: 1200px) {
  .page-contact .page-header h1,
  .category-header h1,
  .blog-header h1,
  .h1,
  h1 {
    font-size: 4rem;
  }
  .page-product .product-container h1 {
    font-size: 3rem;
  }
}

/*** LAST NEW CSS styles ***/

/* Admin Product inactive */
.admin-inactive-product {
  display: none;
}
.inactive .admin-inactive-product {
  display: inline-block;
}
.category-neaktivni .product-miniature.inactive .product-miniature__thumb,
.category-neaktivni .product-miniature.inactive .datas,
.category-neaktivni .product-miniature.inactive .listing-stock-status,
.category-neaktivni .product-miniature.inactive .flex-column {
	opacity: 1;
}

/* Category page - subcategories images in the header */
@media(min-width: 576px) {
  .header-subcategories-col-3 .count-items-2 .slick-track {
    width:100% !important;
  }
  .header-subcategories-col-3 .count-items-2 .slick-slide {
    width: calc(50% - 20px)!important
  }
  .header-subcategories-col-3 .count-items-2 .slick-slide img {
    aspect-ratio: 3;
    width: 100%!important
  }
}

/* 4th level Category tree */
.category-tree .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .list-group-item {
  padding: 5px 0 5px 60px;
  border-bottom: 0 none;
}
.category-tree .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .list-group-item-action,
.category-tree .list-group-collapse .list-group-collapse .list-group-collapse .list-group-collapse .list-group-item-action-dropdown {
  font-weight: 300;
}

/* Product page - select variations */
.attribute-radio__text {
  border-radius: 3px;
}
.attribute-radio__label .attribute-radio__input:checked ~ .attribute-radio__text {
  background: #ef7d00;
  border-color: #ef7d00;
  color: #fff;
}
.attribute-radio__text:hover {
  background: #ef7d00;
  border-color: #ef7d00;
  color: #fff;
}
.attribute-radio__input:checked ~ .attribute-radio__text:hover {
  background: #ef7d00;
  border-color: #ef7d00;
  color: #fff;
}

/* Variation names in Variation stock availabilty */
.combination-name {
  text-transform: none;
}

/* Product page - Specifikacija (Features) */
.product-features dt,
#wk_cmp_table .wk-cmp-title {
  text-transform: uppercase;
}

/* Brands page */
.page-manufacturer h1 {
  text-transform: uppercase;
  margin: 20px 0 40px;
}
body[class*="manufacturer-id"] h1 {
  text-transform: none;
  margin: 0;
}
.page-manufacturer ul li .card {
  border-radius: 0;
}
.page-manufacturer ul li .card img {
  border: 1px solid #000;
  height: auto;
  border-radius: 10px;
  padding: 15px;
}
.page-manufacturer ul li .card .card-body {
  padding: 10px 10px 0;
}
.page-manufacturer ul li .card .card-footer {
  font-size: 14px;
  padding: 0 10px;
  border: 0;
  background: none;
}
@media (min-width: 1200px) {
  body[class*="manufacturer-id"] h1 {
    font-size: 3rem;
  }
}

/* Category - Product listing remove badge % discount */
.b2b-area .flag--discount-percentage {
  display: none;
}

/* Forms - adds * to required fields (Checkout) */
.form-label.required:before {
  content: "*";
  font-weight: bold;
}

/* Cookie consent banner from PrestaHero */
body .ets_cookie_banner_content {
	font-size: 15px;
	color: #fff;
}
body .ets_cookie_banner_content p {
	margin: 0;
}
body a.btn.ets-cb-btn-ok {
	border-radius: 6px;
	font-weight: 800;
}
body .ets_cookie_banber_block.bottom {
	text-align: left;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
body .ets_cookie_banner_footer {
	margin-top: 0;
}