/* Simex child v1.3.0 — blog.css */
/* Single blog - Vineso inspired bottom blocks */
#top .singlebmine {
  max-width: 100%;
}

#top .singlebfeatured,
#top .singlebcontent,
#top .singlebtags,
#top .singlebposts,
#top .singlebrelated {
  width: 100%;
}

/* Single blog featured image: one stable ratio, responsive srcset, no hover movement. */
#top .singlebfeatured {
  position: relative;
  width: 100%;
  aspect-ratio: 1390 / 809;
  margin: 36px 0 34px;
  overflow: hidden;
  background: #f6f4ed;
}

#top .singlebfeatured img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: none !important;
  transition: none !important;
}

@media only screen and (max-width: 767px) {
  #top .singlebfeatured {
    margin: 28px 0;
  }
}

#top .singlebtags {
  margin: 34px 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.7;
}

#top .singlebtags .singlebtag {
  color: #6a7854;
  text-decoration: none;
  font-weight: 500;
}

#top .singlebtags .singlebtag:hover {
  color: #222;
}

#top .singlebtags .singlebtag-separator {
  display: inline-block;
  margin: 0 7px 0 2px;
  color: #888;
}

#top .singlebposts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 30px;
  margin: 100px 0 0;
  padding: 34px 0;
  border-top: 1px solid rgba(0,0,0,.12);
}

#top .singlebposts--single {
  grid-template-columns: minmax(0, 1fr);
}

#top .singlebposts--single .singlebpostnav-item {
  width: min(100%, 620px);
}

#top .singlebposts--next-only .singlebpostnav-item {
  justify-self: end;
}

#top .singlebpostnav-item {
  min-width: 0;
  height: 100%;
}

#top .singlebpostnav-next {
  text-align: right;
}

#top .singlebpostnav-link {
  text-decoration: none;
  color: inherit;
}

#top .singlebpostnav-label {
  display: block;
  margin-bottom: 8px;
  color: #6a7854;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

#top .singlebpostnav-title {
  display: -webkit-box;
  overflow: hidden;
  color: #181818;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  transition: color .2s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#top .singlebpostnav-link:hover .singlebpostnav-title {
  color: #6a7854;
}

#top .singlebrelated {
  margin: 100px 0 0;
}

#top .singlebrelated-title {
  margin: 0 0 28px;
  color: #181818;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 500;
  text-align: center;
}

#top .singlebrelated-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

#top .singlebrelated-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

#top .singlebrelated-image {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #f6f4ed;
  text-decoration: none;
}

#top .singlebrelated-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

#top .singlebrelated-card:hover .singlebrelated-image img {
  transform: scale(1.04);
}

#top .singlebrelated-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: #f6f4ed;
}

#top .singlebrelated-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 18px 0 8px;
  color: #777;
  font-size: 13px;
  line-height: 1.3;
}

#top .singlebrelated-category {
  color: #6a7854;
  font-weight: 600;
  text-decoration: none;
}

#top .singlebrelated-category:hover {
  color: #181818;
}

#top .singlebrelated-date {
  color: #777;
}

#top .singlebrelated-card-title {
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

#top .singlebrelated-card-title a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #181818;
  text-decoration: none;
  transition: color .2s ease;
}

#top .singlebrelated-card-title a:hover {
  color: #6a7854;
}

@media only screen and (max-width: 989px) {
  #top .singlebrelated-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767px) {
  #top .singlebposts {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 34px;
    padding: 28px 0;
  }

  #top .singlebpostnav-next {
    text-align: left;
  }

  #top .singlebpostnav-title {
    font-size: 18px;
  }

  #top .singlebrelated {
    margin-top: 42px;
  }

  #top .singlebrelated-title {
    font-size: 28px;
  }

  #top .singlebrelated-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* Enfold social share on custom single template - koristi Enfold Theme Options stil */
#top .singlebshare {
  margin: 70px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid rgba(0,0,0,.08);
  text-align: center;
}

/* Ne gazimo Enfold stil iz Theme Options */
#top .singlebshare .av-share-box {
  margin: 0;
  text-align: center;
}

/* Naslov: "Podelite ovaj unos" */
#top .singlebshare .av-share-link-description {
  margin: 0 0 14px;
  color: inherit;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}

/* Share ikonice centrirane */
#top .singlebshare .av-share-box ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

/* Reset koji ne kvari Enfold ikonice */
#top .singlebshare .av-share-box li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
}

/* Dimenzija ikonice/linka */
#top .singlebshare .av-share-box li a {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Popravka za Enfold icon font / pseudo element */
#top .singlebshare .av-share-box li a:before,
#top .singlebshare .av-share-box li a .avia-font-entypo-fontello {
  display: block;
  line-height: 1;
  margin: 0;
  position: static;
}

/* Hover neka ostane iz Enfold-a, bez custom boja */
#top .singlebshare .av-share-box li a:hover {
  text-decoration: none;
}

/* Previous / Next with thumbnail */
#top .singlebpostnav-link {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 82px;
  align-items: center;
  gap: 16px;
  transform: none !important;
}

#top .singlebpostnav-next .singlebpostnav-link {
  justify-content: flex-end;
}

#top .singlebpostnav-thumb {
  position: relative;
  flex: 0 0 82px;
  width: 82px;
  height: 82px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f6f4ed;
}

#top .singlebpostnav-thumb img,
#top .singlebpostnav-placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transform: none !important;
  transition: none !important;
}

#top .singlebpostnav-placeholder {
  background: #f6f4ed;
}

#top .singlebpostnav-content {
  display: block;
  min-width: 0;
}

@media only screen and (max-width: 767px) {
  #top .singlebpostnav-next .singlebpostnav-link {
    justify-content: flex-start;
  }

  #top .singlebpostnav-next .singlebpostnav-content {
    order: 2;
  }

  #top .singlebpostnav-next .singlebpostnav-thumb {
    order: 1;
  }

  #top .singlebposts--single .singlebpostnav-item {
    width: 100%;
  }

  #top .singlebpostnav-link {
    min-height: 72px;
    gap: 14px;
  }

  #top .singlebpostnav-thumb {
    flex-basis: 72px;
    width: 72px;
    height: 72px;
  }
}










/** Desavanja header ***/
#top.page-template-arhive-blog .blog-hero-title,
#top.page-template-arhive-blog h1.blog-hero-title {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding-top: 80px;
  color: #fff;
  font-size: clamp(48px, 6vw, 80px);
  line-height: 0.95;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  text-align: center;
}

@media only screen and (max-width: 989px) {
  #top.page-template-arhive-blog .blog-hero-title,
  #top.page-template-arhive-blog h1.blog-hero-title {
    padding-top: 60px;
    font-size: clamp(44px, 8vw, 64px);
    line-height: 1;
    letter-spacing: -0.045em;
  }
}

@media only screen and (max-width: 767px) {
  #top.page-template-arhive-blog .blog-hero-title,
  #top.page-template-arhive-blog h1.blog-hero-title {
    padding-top: 45px;
    font-size: clamp(38px, 12vw, 52px);
    line-height: 1;
    letter-spacing: -0.04em;
  }
}

@media only screen and (max-width: 480px) {
  #top.page-template-arhive-blog .blog-hero-title,
  #top.page-template-arhive-blog h1.blog-hero-title {
    padding-top: 35px;
    font-size: clamp(34px, 13vw, 46px);
    letter-spacing: -0.035em;
  }
}





#top.page-template-arhive-blog .blog-hero{height: 480px;display: flex;align-items: center;background:url(../../images/Simex-Original-Desavanja.jpg)no-repeat center center;background-image:image-set(url("../../images/Simex-Original-Desavanja.webp") type("image/webp"),url("../../images/Simex-Original-Desavanja.jpg") type("image/jpeg"));background-size:cover;position: relative;}
#top.page-template-arhive-blog .blog-hero-overlay{background:#000000;opacity:0.4;position:absolute;width:100%;height:100%;top:0px;left:0px;}
/*#top.page-template-arhive-blog .blog-hero-title{margin:0px auto;color: #FFFFFF;font-size: 80px;font-weight: 400;text-transform: uppercase;letter-spacing: -0.05em;z-index: 1;}*/
#top.page-template-arhive-blog #header.av_header_transparency .header_bg{opacity: 0;}
#top.page-template-arhive-blog .container_wrap .container .content{max-width:1460px;padding-bottom: 140px;padding-top: 140px;margin: 0 auto;}
#top.page-template-arhive-blog .bloglisting{display: grid;grid-template-columns: repeat(3,1fr);row-gap: 50px;column-gap: 30px;}
#top.page-template-arhive-blog .bloglisting .blog-card a.blogcardlink{padding-top: 73.2%;position: relative;will-change: transform;display: block;width: 100%;overflow: hidden;}
#top.page-template-arhive-blog .bloglisting .blog-card a.blogcardlink img{display: table;object-fit: cover;transition: all 0.5s ease-out;transform: scale(1);will-change: transform;width: 100%;height: 100% !important;position: absolute;top: 0;}
#top.page-template-arhive-blog .bloglisting .blog-card a.blogcardlink:hover img{transition: all 0.5s ease-out;transform: scale(1.03);}
#top.page-template-arhive-blog .blog-card-content{padding-top:25px;}
#top.page-template-arhive-blog .blog-card-content .categories-link{display: table;line-height: 13.5px;float: left;}
#top.page-template-arhive-blog .blog-card-content .category{display: table;line-height: 10px;}
#top.page-template-arhive-blog .blog-card-content .category a{margin-right: 5px;transition: all 0.4s ease;color: #965B45;font-size: 10px;text-transform: uppercase;line-height: 13.5px;}
#top.page-template-arhive-blog .blog-card-content .category a:hover{color: rgb(106, 120, 84);}
#top.page-template-arhive-blog .blog-card-content .posted-on a:before{content: "";position: absolute;top: 50%;width: 2px;height: 2px;border-radius: 50%;background-color: #797C73;left: 0px;transform: translateY(-50%);}
#top.page-template-arhive-blog .blog-card-content .posted-on a{font-size:10px;text-transform: uppercase;padding-left:10px;position: relative;line-height: 13.5px;}
#top.page-template-arhive-blog .blog-card-content .posted-on{display: table;float: left;line-height: 8.5px;}
#top.page-template-arhive-blog .blog-card-content .entry-meta{display: table;width: 100%;margin-bottom: 14px;}
#top.page-template-arhive-blog .blog-card-content h3{margin: 0px;}
#top.page-template-arhive-blog .blog-card-content h3 a{transition: all 0.3s ease;font-size:24px;line-height:26.4px;letter-spacing:-0.96px;font-weight:400;text-transform:uppercase;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#top.page-template-arhive-blog .blog-card-content h3 a:hover{color:#6A7854;}




/* Simex blog arhiva - Load More dugme */
#top.page-template-arhive-blog .simex-load-more-wrap {
  width: 100%;
  margin: 60px 0 0;
  text-align: center;
}

#top.page-template-arhive-blog .simex-load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 48px;
  padding: 14px 28px;
  border: 1px solid #6a7854;
  background: transparent;
  color: #6a7854;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, opacity .2s ease;
}

#top.page-template-arhive-blog .simex-load-more:hover,
#top.page-template-arhive-blog .simex-load-more:focus {
  background: #6a7854;
  color: #fff;
}

#top.page-template-arhive-blog .simex-load-more:disabled {
  cursor: wait;
  opacity: .65;
}

@media only screen and (max-width: 767px) {
  #top.page-template-arhive-blog .simex-load-more-wrap {
    margin-top: 42px;
  }

  #top.page-template-arhive-blog .simex-load-more {
    width: 100%;
    min-height: 50px;
  }
}




#top.single-post #header.av_header_transparency{background:url(../../images/Simex-Original-Desavanja.jpg) no-repeat center center;background-image:image-set(url("../../images/Simex-Original-Desavanja.webp") type("image/webp"),url("../../images/Simex-Original-Desavanja.jpg") type("image/jpeg"));background-size:cover;position: relative;}
#top.single-post #header.av_header_transparency .header_bg{opacity:1;  background: #0006;}
#top.single-post #main .container_wrap_first .template-single-blog{padding-top:100px;padding-bottom: 130px;max-width: 1460px;margin:0 auto;}
#top.single-post .singlebheader{max-width: 1290px;margin: 0 auto 36px;}
#top.single-post .singlebheader .singlebbreadcrumb{display: table;margin: 0px auto;text-transform: uppercase;color: rgb(121, 124, 115);font-size: 12px;margin-bottom:14px;}
#top.single-post .singlebheader .singlebbreadcrumb a{color: rgb(121, 124, 115);}
#top.single-post .singlebheader .breadcrumb-separator{margin: 0 8px;}
#top.single-post .singlebheader h1{letter-spacing: -0.05em;text-transform: uppercase;font-size: 60px;text-align: center;max-width: 900px;margin: 0px auto;margin-bottom: 14px;}
#top.single-post .singlebheader .singlebmeta{display: table;margin: 0px auto;}
#top.single-post .singlebheader .singlebmeta .singlebcategory{margin-right: 5px;transition: all 0.4s ease;color:#965B45;font-size: 10px;text-transform: uppercase;line-height: 12px;}
#top.single-post .singlebheader .singlebmeta .singlebcategory:hover{color: rgb(106, 120, 84);}
#top.single-post .singlebheader .singlebmeta .singlebdate:before{content: "";position: absolute;top: 50%;width: 2px;height: 2px;border-radius: 50%;background-color: #797C73;left: 0px;transform: translateY(-50%);}
#top.single-post .singlebheader .singlebmeta .singlebdate{font-size:10px;text-transform: uppercase;line-height: 12px;padding-left:10px;position: relative;}
#top.single-post .singlebcontent{max-width: 1070px;margin: 1.6em auto 0;}
#top.single-post .singlebcontent p{color: rgb(47, 54, 36);font-size: 16px;margin: 0 0 1.5em;line-height: 24px;}
#top.single-post .singlebcontent h3{font-size: 24px;margin: 0 0 0.5407797364em;}
#top.single-post .singlebcontent .ds{margin-bottom: 1.41577975em;display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
#top.single-post .singlebcontent .ds .ds1{padding-left: 15px;padding-right: 15px;margin-bottom: 10px;}
#top.single-post .singlebcontent .ds .ds2{padding-left: 15px;padding-right: 15px;margin-bottom: 10px;}