:root {
  --border-1: #363636;
  --border-2: #e6e8ea;
  --black: #000;
  --white: #fff;
  --dark-blue: #0f172a;
  --light-brown: #ebe9d9;
  --yellow: #fffbd9;  
  --yellow2: #edf1a3;
  --yellow3: #f8f4e9;
  --green: #daffd9;
  --green2: #d9fff8;
  --blue: #d9e8ff;
  --blue2: #cbd1ff;
  --lavender: #f5cbff;
  --lavender-2: #cbbfda;
  --pink: #ffdbee;
  --gray: #c8c8c9;
  --gray2: #e2e2e2;
  --gray3: #141726;
  --gray4: #ccc;
  --gray5: #262627;
  --gray6: #58585c;
  --gray7: #aba9a9;
  --gray8: #555558;
  --gray9: #eeefe7;
  --gray10: #eeeeee;
  --gray11: #353333;
  --gray12: #505051;
  --red: #f52727;
  --font-size-18: 18px;
  --font-size-24: 24px;
  --font-family-libre-caslon-text: "Libre Caslon Text", serif;
  --font-family-oswald-cws: "Oswald", sans-serif;
  --font-family-source-sans-pro-cws: "Source Sans Pro", sans-serif;
  --font-family-source-serif-pro-cws: "Source Serif Pro", serif;


}
/* Fontovi */
body {
  font-family: var(--font-family-serif-cws) !important;
}
.container-80 {
    max-width: 80%;
    margin: 0 auto;
}
h1 {
  font-family: var(--font-family-oswald-cws) !important;
}
.single-post h1{
  font-family: var(--font-family-libre-caslon-text) !important;
  font-size: 40px;
  line-height: 46px;
  font-weight: 700;
}
h2,
h3 {
  font-family: var(--font-family-libre-caslon-text) !important;
}
p, ul, li, ol {
  font-family: var(--font-family-source-sans-pro-cws) !important;
  margin-bottom: 0 !important;  
}
p{
  padding: 15px 0 !important;
}
a{
  color: #000;
  text-decoration: none;
}
/* all images */
img{
  max-width: 100%;
  height: auto;
}
/* blogs */
.category-cws {
  color: var(--red) !important;
  font-family: var(--font-family-source-sans-pro-cws) !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0;
}
.custom-article, 
.single-dezinformacija, 
.single-analiza{
  padding: 0 10px;
}
.custom-article h3 {
  padding-bottom: 15px !important;
}
.custom-article p {
  margin-bottom: 0 !important;
}
.post-date {
  font-size: 18px;
  color: var(--gray6);
  font-family: var(--font-family-source-sans-pro-cws) !important;
}
.post-author,
.post-author a,
.autor, 
.autor a {
  color: var(--red);
  font-size: 14px;
  font-family: var(--font-family-source-sans-pro-cws);
  text-transform: uppercase;
  padding-bottom: 10px;
}
.post-border-top{
  border-top: 1px solid #eaeaea;
}
.news-header {
  margin-top: 15px;
}
.news-header h3 {
  font-family: var(--font-family-oswald-cws) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.article-top {
  padding-top: 30px !important;
}
.article-bottom {
  padding-bottom: 30px !important;
}
.entry-meta{
  margin-top: 15px !important;
}
.category .post-date {
  margin-top: 5px !important;
}
.row.collapse {
  display: inherit !important;
}
.separator-1 {
  margin-top: 50px;
}
.separator-2 {
  margin-top: 70px;
}
/* background */
.bg-gray {
  background-color: var(--gray9);
}
.bg-gray2 {
  background-color: var(--gray10);
}
.bg-dark-blue {
  background-color: var(--dark-blue);
}
.bg-dark-yellow {
  background-color: var(--yellow);
}
.bg-yellow {
  background-color: var(--yellow2);
}
.bg-light-brown {
  background-color: var(--light-brown);
}
.bg-dark-green {
  background-color: var(--green);
}
.bg-dark-green2 {
  background-color: var(--green2);
}
.bg-dark-blue {
  background-color: var(--blue);
}
.bg-dark-blue2 {
  background-color: var(--blue2);
}
.bg-dark-lavender {
  background-color: var(--lavender);
}
.bg-dark-lavender2 {
  background-color: var(--lavender2);
}
.bg-dark-pink {
  background-color: var(--pink);
}
.bg-dark-gray {
  background-color: var(--gray);
}
.bg-dark-gray2 {
  background-color: var(--gray2);
}
.bg-dark-gray3 {
  background-color: var(--gray3);
}
/* images */
.img-wraper img {
  width: 100%;
  height: auto;
}
/* borders */
.corner-border {
  position: relative;
  padding-top: 5px;
}
.corner-border::after {
  content: "";
  position: absolute;
  background-color: var(--gray8);
  width: 1px;
  bottom: -10px;
  right: -5px;  
  height: calc(100% + 5px);
}
.corner-border::before {
  content: "";
  position: absolute;
  background-color: var(--gray8);
  height: 1px;
  right: -5px;  
  bottom: -10px;
  width: calc(100% + 5px);
}
.corner-border.same-height::before,
.corner-border.same-height::after {
  right: 0;
  bottom: 0;
}
/*Full border*/
.full-border {
  position: relative;
}

.full-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--gray8);
  pointer-events: none; /* Allows clicks to pass through */
}
.no-side-lines::before {
    border-left: 0;
    border-right: 0;  
}
/* /border*/
/* Paginacija */
.pagination {
  display: flex;
  justify-content: end;
  margin-top: 30px;
}

.pagination ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;
}

.pagination li {
  font-weight: bold;
}

.pagination li a,
.pagination li span {
  font-family: var(--font-family-oswald-cws);
  text-decoration: none;
  color: var(--gray3);
  font-size: 20px;
  padding: 4px 8px;
}

.pagination li span.current {
  border-bottom: 2px solid var(--gray3);
}

.pagination li a:hover {
  opacity: 0.7;
}
/* Lines */
#line-section .row,
#line-section-menu .row {
  border-bottom: 1px solid var(--border-2);
  max-width: unset !important;
}

/* Link arrow */
.link-arrow-icon {
  font-weight: 500;
  font-family: var(--font-family-source-sans-pro-cws);
  text-decoration: none;
  color: var(--gray3);
  transition: color 0.2s ease;
}

.link-arrow-icon i {
  transition: transform 0.2s ease;
}

.link-arrow-icon:hover i {
  transform: translateX(4px);
}
/* category */

.category .latest-posts h3{
  font-size: 22px;
}
.news-header h3{
  height: unset;
}
.category .post-thumbnail{
  margin-bottom: 10px;
}
.category .post-date {
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.category .h1-title{
  font-size: 48px !important;  
  margin: 0 0 30px !important;
}
.category-page .najnovij{
  margin-bottom: 20px;
}
.category-page h2{
  color: var(--gray3);
  font-family: var(--font-family-oswald-cws) !important;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;  
}
.category-page .najnovije .politika-content h3{
  color: var(--gray3);
  font-family: var(--font-family-libre-caslon-text) !important;  
  line-height: 30px;
  font-size: 22px;
}
.category-page p{
  padding: 0 !important;
}
.category-page .autor,
.category-page .date{
  padding: 0 !important;
  font-size: 18px;
  font-family: var(--font-family-source-sans-pro-cws) !important;
  text-transform: uppercase;
  margin-bottom: 15px !important;
}
.category-page .autor{
  color: var(--red);
  padding: 5px 0 !important;
}
.category-page .corner-border.same-height::before,
.category-page .corner-border.same-height::after {
  bottom: -15px;
}
.category-page .izdvojene h3{
  color: var(--gray3);
  font-family: var(--font-family-libre-caslon-text) !important;  
  line-height: 30px;
  font-size: 20px;
}
.category-page .izdvojene .date{
  padding: 0 !important;
  font-size: 18px;
  font-family: var(--font-family-source-sans-pro-cws) !important;
  text-transform: uppercase;
}
.category-page .corner-border.izdvojene:before {
  width: 90%;
  left: 5%;
}
.category-page .corner-border.izdvojene::after{
  display: none;
}
.category-page .glavna-naslov{
  font-family: var(--font-family-libre-caslon-text) !important;  
  line-height: 32px;
  font-size: 30px;
  color: var(--gray3);
}
#subcategory h2{
  font-size: 30px;
}
#subcategory h3{
  font-family: var(--font-family-libre-caslon-text) !important;  
  line-height: 34px;
  font-size: 24px;
  color: var(--gray3);
}
#subcategory .right-line::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--gray8);
}
.cat-section-02 .right-line::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--gray8);
}
/* Nova visina slika */
#section03 .img-wraper {
    margin-bottom: 15px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    /* height: unset; */
}

#section03 .img-wraper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.section03 .dezinformacije:before{
  border-left: 0;
  border-right: 0;
}
#category-kvazinauka .kvazinauka-content{
  text-align: center;
}
.sidebar .glavna-naslov{
  font-family: var(--font-family-libre-caslon-text) !important;  
  line-height: 26px;
  font-size: 24px;
  color: var(--gray3);
}
.sidebar p{
  font-size: 18px;
  color: var(--gray5);
}
.sidebar .section02 h3{
  font-size: 22px;
  color: var(--gray5);
  line-height: 30px;
}
.sidebar .autor,
.sidebar .autor a{
  color: var(--red) !important;
}
.sidebar .section02.corner-border::before {
  bottom: -15px;  
}
.sidebar .section02.corner-border::after {
  bottom: -15px;
}
/* Single post */
.single-post{
  background-color: var(--yellow3);
}
.single-post .footer_wrapper{
  background-color: var(--yellow3);
}
.side-post-date p{
  padding: 0 !important;
  font-size: 18px;
  font-family: var(--font-family-source-sans-pro-cws);
}
.single-post .vezani-clanci h3{
  font-family: var(--font-family-oswald-cws) !important;
  font-size: 32px;  
}
.single-post .vezani-clanci a{
  font-family: var(--font-family-libre-caslon-text) !important;
  font-size: 22px;
  color: var(--gray3);
  padding-right: 30px;
}
.single-post .lines{
  position: relative;
}
.single-post .lines::before {
  content: "";
  position: absolute;
  background-color: var(--gray7);
  width: 95%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);  
}
.single-post .lines::after {
  content: "";
  position: absolute;
  background-color: var(--gray8);
  width: 1px;
  height: 100%;
  bottom: 0;
  right: 0;
}
.single-post .lines:nth-last-child(-n+3)::before {
  display: none;
}

.post-header .post-title{
  font-size: 40px;
  line-height: 46px;
}
.post-header .post-excerpt{
  font-size: 18px;
  line-height: 26px;
}
.post-header .post-excerpt{
  font-size: 18px;
}
.post-header p{
  padding: 5px !important;
}
.post-header  .podeli{
  bottom: 0;
}
.article-header .link-arrow-icon{
  padding: 0 5px;
}
.article-content p{
  padding: unset !important;  
  padding-bottom: 30px !important;
}

.has-vivid-red-background-color.has-background,
.has-vivid-green-cyan-background-color.has-background{
  margin: 5px 0 !important;
  background-color: transparent !important;
  border: 2px solid var(--gray8);
  padding: 15px !important;
}
.najnoviji-kategorija h3{
  margin-top: 5px;
  height: 62px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.najnoviji-kategorija .post-date{
  margin: 5px 0 15px !important;
}
.slika-16-9 .post-thumbnail img{
  max-height: 310px;
}
/* Da strelica ne ide u drugi red  */
.link-arrow-icon{
  min-width: 100px;
}
/* Dva autora */
/* .multiple-authors,
.multiple-authors a{
  font-size: 14px;
} */

/* Responsive */
@media (max-width: 992px) {    
  /* boja menija */
   .single-post .logo-section,.single-post #mobile-menu,.single-post .search-form input  { 
      background-color: var(--yellow3) !important; 
   }
   /*/ boja menija*/
  .row.mw-100{
    width: 100%; 
   }
  .same-height{
    height: unset !important;
  }
  .separator-1{
    margin-top: 10px;
  }
  .separator-2 {
    margin-top: 20px;
  }
  .separator-8 {
    margin-top: 30px;
  }
  #line-section-menu,
  #line-section-footer{
    display: none;
  }
  .corner-border {
    padding-bottom: 10px;
  }
  .corner-border::after {
    display: none;
  }
  .corner-border::before {
    bottom: 5px;
  }  
  /*Kategorije*/
  .category .h1-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /* Blog */
  .category-page .glavna-naslov {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .single-post .custom-post-box{
    padding-bottom: 30px;
  }   
  .single-post .vezani-clanci a{  
    padding-right: 0;
  } 
  .single-post .lines::before {
    display: none;
  }
  /* lines */
  .no-side-lines::before {
    border: 0;
  }
  .cat-section-02 .right-line::after {
    display: none;
  }
  .category-page .corner-border{
    margin-bottom: 10px;
  }
  .category-page .corner-border::before{
    bottom: 0 !important;
    width: 90% !important;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .category-page .corner-border.izdvojene::before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .category h3 {
    height: unset !important;
    -webkit-line-clamp: unset !important;
  }
  #subcategory .right-line::after {
    display: none;
  }
  .full-border::before {
    border-left: 0;
    border-right: 0;    
  }
}