*,
*::before,
*::after { box-sizing: border-box; padding: 0; margin: 0; }
*:focus { outline: 0; }
* { scrollbar-width: thin; text-decoration: none; -webkit-tap-highlight-color: transparent; }
:root { overscroll-behavior: none; overflow-x: hidden; }
html { scroll-behavior: smooth; }                
body { margin: 0;  padding: 0; font-size: clamp(16px, 1.1vw, 18px); color: #000; font-family: "Red Hat Display", sans-serif; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; font-weight: 700; }
p, li { line-height: 1.5; }
ul, ol { margin: 0; }
a, a:link, a:hover, a:focus, a:active { text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; }
.container { max-width: 1920px; padding-inline: 60px; margin: 0 auto; }
.wrapper { max-width: 1200px; margin: 0 auto; }
section { margin: 70px 0; }
section.grey { background: #EBEBEB; padding: 70px 0; }
header { position: fixed; width: 100%; padding: 30px 0; z-index: 10; transition: all .3s; }
header .logo img { display: block; transition: all .3s; }
header nav { display: flex; align-items: center; gap: 40px; }
header nav ul { list-style: none; }
header nav ul li { display: inline-block; }
header nav ul li:not(:last-child) { margin-right: 40px; }
header nav ul li a { font-size: clamp(16px, 1.2vw, 20px); color: #fff; font-weight: 700; }
header nav .search-toggle { display: inline-block; font-size: clamp(26px, 2vw, 32px); color: #fff; cursor: pointer; }
header .socials { display: flex; gap: 25px; }
header .socials a { font-size: clamp(26px, 2vw, 32px); color: #fff; }
header form { display: none; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); margin: 0; height: 40px; gap: 0; border-radius: 20px; overflow: hidden; }
header form input { font-family: "Red Hat Display", sans-serif; font-size: clamp(16px, 1.1vw, 18px); color: #000; padding: 0 15px; border: 0; }
header form button { font-size: clamp(24px, 1.8vw, 28px); border: 0; padding: 0 15px; background: #C2D72E; color: #000; cursor: pointer; }
.nav-toggle { position: relative; width: 32px; height: 26px; }
.nav-toggle .bar { position: absolute; left: 50%; width: 100%; height: 2px; background: #fff; border-radius: 10px; transition: all 0.3s;}
.nav-toggle .bar.bar2 { top: 50%; transform: translate(-50%, -50%); }
.nav-toggle .bar.bar3 { bottom: 0; transform: translateX(-50%); }
.nav-toggle .bar.bar1 { top: 0; transform: translateX(-50%); }
.mob-nav-active .nav-toggle .bar1 { top: 50%; transform: translate(-50%, 0) rotate(45deg); }
.mob-nav-active .nav-toggle .bar2 { opacity: 0; }
.mob-nav-active .nav-toggle .bar3 { top: 50%; bottom: auto; transform: translate(-50%, 0) rotate(-45deg); }
.search-active header form { display: flex; }
.scroll-top header { transform: translate(0%, 0%); background: rgba(0, 0, 0, .5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.scroll-bottom header { transform: translate(0%, -100%); }
@media only screen and (min-width: 992px) {
.scroll-top header { padding: 20px 0; }
.scroll-top .logo img, .scroll-bottom .logo img { width: 150px; }
}
.hero { position: relative; width: 100%; height: 80svh; color: #fff; padding: 70px 0; margin: 0; overflow: hidden; }
.hero .video-wrapper { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; filter: brightness(0.5); }
.hero .video-wrapper iframe { aspect-ratio: 16 / 9; width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hero.hero-small { height: 50svh; }
.hero .wrapper { display: flex; flex-direction: column; justify-content: center; }
.hero .wrapper > div { margin-top: auto; }
.hero .date-author { color: #C7C7C7; margin-bottom: 30px; }
.hero .suptitle { font-size: clamp(16px, 1.2vw, 18px); color: #C6C6C6; text-transform: uppercase; margin-bottom: 15px; }
.hero h1, .home .hero h2 { font-size: clamp(32px, 4vw, 60px); line-height: 1.1; text-transform: uppercase; margin-bottom: 0; }
.home .hero h2 a { color: #fff; text-decoration: none; }
.home .hero .excerpt { margin-bottom: 0; }
.hero .excerpt { max-width: 900px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 25px 0 20px 0; }
body:not(.home) .hero .excerpt { margin-bottom: 0; }
.hero a { color: #C2D72E; text-decoration: underline; }
.hero .cover-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; filter: brightness(0.4); object-fit: cover; z-index: -1; }
.hero .vertical-only { display: none; }
.play { text-align: center; margin-bottom: 50px;  }
.play .if { font-size: clamp(60px, 6vw, 90px); color: #C2D72E; cursor: pointer; }
.modal { display: flex; position: absolute; left: 0; top: -80svh; width: 100%; height: 80svh; background: rgba(0,0,0, .5); align-items: center; justify-content: center; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 10; }
.modal-video { position: relative; padding: 0 60px; }
.modal iframe { aspect-ratio: 16 / 9; width: 100%; height: 60svh; }
.close-modal { position: absolute; top: -20px; right: 40px; color: #000; font-size: 26px; background: #C2D72E; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; }
.modal-active .modal { display: flex; top: 0; }
.date-author { display: flex; justify-content: space-between; padding-bottom: 6px; border-bottom: 2px solid #C2D72E; position: relative; }
.date-author a { color: #898989; z-index: 2; position: absolute; right: 0; bottom: 6px; max-width: 46%; text-align: right; }
.single-post .date-author a { color: #fff; text-decoration: none; }
.date-author img { width: 60px; aspect-ratio: 1 / 1; position: absolute; right: 0; bottom: 30px; overflow: hidden; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,.5); }
.date-author p { margin: 0; }
.date-author p span { display: none; }
.article-author { position: relative; }
.article-author a { color: #777; }
.single-post .hero .wrapper:has(> div + div) { max-width: 100%; flex-direction: row; align-items: flex-end; gap: 100px; }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
.single-post .hero .wrapper:has(> div + div) { gap: 60px; }
}
.single-post .hero .wrapper:has(> div + div) > div { width: 50%; }
.single-post iframe { display: block; }
.single-post .hero:has(iframe) .cover-img { filter: brightness(0.4) blur(10px); transform: scale(1.05); }
.clanci .title,
.cat-clanci h1 { font-family: "EB Garamond", serif !important; font-weight: 600 !important; text-transform: none !important; } 
.category-clanci .title { font-family: "EB Garamond", serif !important; font-weight: 600 !important; text-transform: none !important; font-size: 150% !important; }
.articles .row { row-gap: 60px; }
.articles .wrapper:has(.article.flex) { display: flex; flex-direction: column; gap: 80px; }
.articles .wrapper:has(.article.flex) .article.flex:nth-child(even) { flex-direction: row-reverse; }
.article { position: relative; }
.article.flex { display: flex; align-items: flex-start; align-items: center; gap: 40px; }
.article.flex .content { width: 60%; }
.article.flex .date-author { color: #696969; margin-bottom: 20px; }
.article .suptitle { font-size: clamp(16px, 1.2vw, 18px); color: #666666; text-transform: uppercase; margin-bottom: 15px; }
.article .suptitle a { color: #696969; }
.article .date { margin-bottom: 15px; }
.date-dimmed { opacity: .7; padding-bottom: 6px; border-bottom: 2px solid #a6b923; }
.article .title { font-size: clamp(24px, 2vw, 28px); line-height: 1.25; margin-bottom: 10px; }
.article.flex .title { font-size: clamp(20px, 2vw, 24px); font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
.povezani-clanci .article .title { font-size: clamp(20px, 2vw, 24px); }
.article .title a { color: #000; font-weight: 700;  transition: all 0.3s; }
.article .title a.card:after, .article h5 a.card:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.article .excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 10px; }
.article.flex .excerpt { -webkit-line-clamp: 4; color: #696969; margin: 0; }
.article .content > *:last-child { margin-bottom: 0; }
.article .image { overflow: hidden; margin-bottom: 15px;  }
.article.flex .image { width: 40%; margin-bottom: 0; }
.article .image img { display: block; aspect-ratio: 16 / 9; width: 100%; object-fit: cover;  }
.article.flex .video-container { margin: 0; }
.article:has(.video-container) .content { position: relative; }
@media only screen and (min-width: 992px) {
.article .image img { transition: all 0.5s ease-in-out; }
.article:hover .image img { transform: scale(1.1); }
.article .title a:hover, .grey .article .title a:hover { color: #97a81f; }
}
.grey .article .title a { color: #000; }
.grey .article p { color: #383838; }
.button { display: inline-block; padding: 14px 60px; text-decoration: unset!important; border: 1px solid #C2D72E; border-radius: 30px; transition: all 0.4s ease-in-out; }
.button:hover { background: #C2D72E; color: #000; }
.button.prev:before { content: "<"; margin-right: 10px; }
.button.next:after { content: ">"; margin-left: 10px; }
.video-container { width: 100%; aspect-ratio: 16 / 9; }
.video-container iframe { display: block; height: 100%; width: 100%; }
aside h4 { font-size: clamp(16px, 1.1vw, 18px); color: #666666; line-height: 1.1; text-transform: uppercase; font-weight: 700; margin-top: 40px; margin-bottom: 10px; }
aside h4:first-child { margin-top: 0; }
aside .tags a { display: inline-block; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #666; }
aside .tags a:before { content: "#"; color: #C2D72E; }
aside .article + .article { margin-top: 40px; }
aside .article .image { margin-bottom: 10px; }
aside .article .date-author { margin-bottom: 10px; }
aside .article .date-author p { font-size: 14px; color: #898989; }
aside .article .date-author p a { color: #898989; }
aside .article .date-author a { position: unset; }
aside .article .title { font-family: "Red Hat Display", sans-serif;  font-size: clamp(14px, 1vw, 16px); font-weight: 700; text-transform: uppercase; line-height: 1.3; }
aside .article .title a { color: #484848; }
aside .post-ratings { display: flex; align-items: center; gap: 5px; font-size: 16px; }
aside .post-ratings strong { margin-left: 10px; }
.social-links { display: flex; gap: 15px; }
.social-links a { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; background: #C2D72E; font-size: 28px; color: #000; border-radius: 50%; }
.single-post .hero .excerpt { -webkit-line-clamp: unset; overflow: unset; -webkit-box-orient: unset; }
.style-text { color: #2B2B2B; padding-left: 30px; }
.style-text > *:first-child { margin-top: 0; }
.style-text > *:last-child { margin-bottom: 0; }
.style-text h2 { font-size: clamp(30px, 2vw, 32px); line-height: 1.3; margin: 52px 0 38px 0; }
.style-text h3 { font-size: clamp(24px, 1.6vw, 26px); line-height: 1.3; margin: 44px 0 36px 0;}
.style-text h4 { font-size: clamp(20px, 1.4vw, 22px); line-height: 1.35; margin: 38px 0 34px 0;}
.style-text h5 { font-size: clamp(18px, 1.2vw, 20px); line-height: 1.4; margin: 34px 0 32px 0; }
.style-text h6 { font-size: clamp(16px, 1.1vw, 18px); line-height: 1.4; margin: 30px 0; }
.style-text p, .style-text ul, .style-text ol { margin: 30px 0; }
.style-text a { color: #96ab01; overflow-wrap: break-word; word-break: break-all; }
.style-text ul, .style-text ol { padding-left: 26px; }
.style-text p:has(img) { margin: 10px 0; }
.style-text p:has(img) + h6, .style-text div:has(iframe) + h6 { margin-top: 0; }
.style-text p:has(img) + h6, .style-text div:has(iframe) + h6, .style-text ul li:has(h6) h6 { font-size: 14px; color: #666;  }
.style-text ul li:has(h6) h6 { margin: 10px 0; }
.style-text div:has(iframe) + h6 br { display: none; }
.style-text .single-quote { border-left: 1px solid #c4c4c4; display: block; padding: 10px 20px; }
.style-text .single-quote p { margin: 0; }
.style-text blockquote { position: relative; margin-bottom: 50px; padding: 40px; border: 1px solid #c4c4c4; }
.style-text blockquote:after { content: url(//ideje.hr/wp-content/themes/ideje/images/quotes.png); background: white; padding: 0px 15px; position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); }
.style-text blockquote p { margin: 0; }
.style-text p img { display: block; }
.style-text p iframe { width: 100%; }
.related-title { font-size: clamp(18px, 1.8vw, 20px); font-weight: 700; text-transform: uppercase; margin-bottom: 25px;}
.prev-next a { position: relative; color: #666; display: inline-block; font-weight: bold; }
.prev-next a span { text-transform: uppercase; font-size: 14px; display: block; color: #c2c2c2; }
.prev-next a svg { fill: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(180deg); transition: all .3s linear; }
.prev-next .text-right svg { right: 0; left: inherit; transform: translateY(-50%) rotate(0deg); }
.prev-next a:hover, .prev-next a:hover span { color: #C2D72E; }
.prev-next a:hover svg { fill: #C2D72E; }
.prev-next .prev { padding-left: 50px; }
.prev-next .next { padding-right: 50px; }
.prev-next .prev:hover svg { margin-left: -15px; }
.prev-next .next:hover svg { margin-right: -15px; }
.wp-paginate { display: flex; justify-content: center; align-items: center; gap: 10px; list-style: none; padding: 0 0 40px 0; }
.wp-paginate li:has(.title) { display: none; }
.wp-paginate li .page, .wp-paginate .prev, .wp-paginate .next { display: inline-flex; justify-content: center; align-items: center; color: #000; width: 30px; height: 30px; }
.wp-paginate li .page { border: 1px solid #000; border-radius: 50%; }
.wp-paginate .page.current { background: #C2D72E; }
.wp-paginate .prev, .wp-paginate .next { font-size: 28px; padding: 0; }
.newsletter { position: relative; padding: 60px 0; color: #C8C8C8; }
.newsletter * { font-size: clamp(16px, 1.1vw, 18px); }
.newsletter h4 { color: #C2D72E; text-transform: uppercase; margin-bottom: 15px; }
.newsletter label { display: block; margin-top: 5px; }
.newsletter .newsletter-email { background: none; width: 100%; color: #fff; padding: 0 0 5px 0; border: 0; border-radius: 0; border-bottom: 1px solid #fff; }
.newsletter .newsletter-email:focus { box-shadow: unset; }
.newsletter .button { background: none; color: #C2D72E; padding: 8px 40px; cursor: pointer; }
.newsletter .button:hover, .newsletter .button:active { background: #C2D72E; color: #000; border-color: #C2D72E; }
.newsletter .cover-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.4); z-index: -1; }
footer a { color: #000; }
footer .social-links { justify-content: center; margin-bottom: 20px; }
.footer-bottom { padding: 40px 0 }
.footer-bottom p { margin: 16px 0; }
.go-to-top { opacity: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; position: fixed; bottom: 20px; right: 20px; z-index: 10; border: none; outline: none; background-color: #C2D72E; color: #000; width: 50px; height: 50px; border-radius: 50%; font-size: 22px; cursor: pointer; transition: opacity 0.3s; }
.go-to-top.active { opacity: 1; opacity: 1; pointer-events: auto; }
.podcast-player { height: 56px; background: #302c2d; }
.podcast-player.green-audio-player { width: 100%; min-width: 100%; border-radius: 0; background-color: #302c2d; color: #c3d91e; border-top: 4px solid #c2d72e; }
.podcast-player.green-audio-player:before { content: 'Audio Podcast '; display: block; margin-right: 20px; color: #fff; }
.podcast-player.green-audio-player img, .green-audio-player svg { width: 10px; height: 15px; }
.podcast-player svg > * { fill: #c2d72e; }
.podcast-player.green-audio-player .slider .gap-progress .pin { background-color: #c2d72e; }
.podcast-player.green-audio-player .slider { background-color: rgba(194, 215, 46, .3); }
.podcast-player.green-audio-player .slider .gap-progress { background-color: rgba(194, 215, 46, .4);  }
.podcast-player.green-audio-player .controls { color: rgba(255,255,255,0.3); }
.force-hyphenate { word-break: break-word; }
@media only screen and (max-width: 1399px) {
.excerpt-mob { margin-bottom: 30px!important; }
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
header .logo img { width: 150px; }
header nav ul li:not(:last-child) { margin-right: 20px; }
header nav { gap: 20px; }
.hero .date-author { margin-bottom: 25px; }
.hero h1 { font-size: clamp(30px, 3.5vw, 60px); }
.home .hero .excerpt { -webkit-line-clamp: 2; }
.hero .excerpt { margin: 15px 0; }
} 
@media only screen and (max-width: 991px) {
header { padding: 0; overflow: hidden; }
header nav { width: 100%; flex-direction: column; gap: 30px; height: calc(100svh - 60px); justify-content: center; margin-top: -30px; }
header nav ul li { display: block; text-align: center; }
header nav ul li:not(:last-child) { margin: 0 0 12px 0; }
header nav ul li a { text-transform: uppercase; }
header .header-wrapper { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; }
header .search-toggle { font-size: 34px; color: #fff; margin-right: 25px; }
header form { right: -5px; }
.mob-nav-active header { height: 100svh; background: rgba(0, 0, 0, .5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.hero { height: 80svh; }
.hero h1, .home .hero h2 { font-size: clamp(32px, 5vw, 60px); }
aside { margin-top: 30px; }
aside h4 { margin-top: 30px; }
.style-text { padding-left: 0; }
.single-post .hero .wrapper:has(> div + div) { flex-direction: column; justify-content: flex-end; gap: 40px; }
.single-post .hero .wrapper:has(> div + div) > div:first-child { order: 1; }
.single-post .hero .wrapper:has(> div + div) > div:first-child { order: 2; }
.single-post .hero .wrapper:has(> div + div) > div { width: 100%; }
.single-post .hero .wrapper > div { margin-top: unset; }
.prev-next .prev:hover svg { margin-left: 0; }
.prev-next .next:hover svg { margin-right: 0; }
.go-to-top { width: 40px; height: 40px; font-size: 18px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container { padding-inline: 40px; }
header, header .header-wrapper { height: 70px; }
header .logo img { width: 150px; }
header nav { height: calc(100svh - 70px); }
header nav ul li a { font-size: 28px; }
header .socials a { font-size: 32px; }
.article.flex { gap: 40px; }
.article.flex .image, .article.flex .content { width: 50%; }
}
@media only screen and (max-width: 767px) {
.container { padding-inline: 20px; }
header, header .header-wrapper { height: 60px; }
header .logo img { width: 120px; }
header nav { height: calc(100svh - 60px); }
header nav ul li a { font-size: 24px; }
header .socials a { font-size: 28px; }
header form { height: 36px; }
header form input { width: 130px; }
.hero { padding: 40px 0; }
.hero .wrapper { justify-content: flex-end; }
.hero .date-author { margin-bottom: 15px; }
.hero .date-author > p:first-child { max-width: 130px; }
.hero .suptitle { margin-bottom: 10px; }
.hero .excerpt { -webkit-line-clamp: 3; margin: 10px 0; }
.date-author { font-size: 14px; align-items: flex-end; }
.articles .row { row-gap: 40px; }
.row .col-style:not(:last-child) { margin-bottom: 40px; }
.article.flex { flex-direction: column; gap: 0; }
.articles .wrapper:has(.article.flex) .article.flex:nth-child(even) { flex-direction: column; }
.articles .wrapper:has(.article.flex) { gap: 40px; }
.article.flex .date-author p { max-width: 46%; }
.article .title { line-height: 1.15; }
.article.flex .image, .article.flex .content { width: 100%; }
.article .image, .article.flex .image { margin-bottom: 10px; }
.article .image img { aspect-ratio: 2 / 1; }
.article.flex .date-author { margin-bottom: 15px; }
.article .date.date-dimmed { font-size: 14px; margin-bottom: 15px; }
.article .suptitle { margin-bottom: 10px; }
.article.flex .title, .article.flex .suptitle { margin-bottom: 10px; }
section { margin: 40px 0; }
section.grey { padding: 40px 0; }
.date-author img { width: 40px; }
.style-text blockquote { padding: 30px; }
.button { padding: 8px 30px; }
.green-audio-player { padding-left: 12px; padding-right: 12px; }
.play { margin-bottom: 25px; }
.modal-video { padding: 0 20px; }
.close-modal { right: 10px; }
.wp-paginate { gap: 8px; }
.wp-paginate li .page, .wp-paginate .prev, .wp-paginate .next { width: 25px; height: 25px; font-size: 14px; }
.newsletter form { margin-top: 15px; }
.prev-next .prev { margin-bottom: 20px; }
.clanci-col:nth-of-type(n + 4) { display: none; }
} @media screen and (max-aspect-ratio: 128 / 90) { 
.hero .video-wrapper iframe { height: 100%; width: auto; }
}
@media screen and (max-aspect-ratio: 1 / 1) {
.hero { padding-top: 70px; height: auto; }
.hero .vertical-only { display: block; }
.hero:has(.video-container) .vertical-only { display: none; }
.hero .h-100 { height: auto; margin-top: 30px; }
.category .hero .h-100 { height: 100%; margin-top: unset; }
.hero .cover-img, .single-post .hero:has(iframe) .cover-img { filter: brightness(0.4) blur(10px); transform: scale(1.25); }
} .row { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.row > * { padding: 0 20px; }
[class*="col-"] { width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-12 { flex: 0 0 auto; width: 100%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-9 { flex: 0 0 auto; width: 75%;}
.col-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-6 { flex: 0 0 auto; width: 50%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-3 { flex: 0 0 auto; width: 25%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-1 { flex: 0 0 auto; width: 8.33333333%;}
@media (min-width: 768px) {
.col-md-auto { flex: 0 0 auto; width: auto; }
.col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; }
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; }
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
.col-lg-auto { flex: 0 0 auto; width: auto; }
.col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; }
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; }
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1200px) {
.col-xl-auto { flex: 0 0 auto; width: auto; }
.col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; }
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; }
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1400px) {
.col-xxl-auto { flex: 0 0 auto; width: auto; }
.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; }
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; }
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
} .d-none { display: none!important; }
.d-block { display: block!important; }
.d-inline-block { display: inline-block!important; }
.d-flex { display: flex!important; }
.d-inline-flex { display: inline-flex!important; }
.justify-content-start { justify-content: start!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-between { justify-content: space-between!important; }
.justify-content-end { justify-content: flex-end!important; } 
.align-items-start { align-items: flex-start!important; }
.align-items-center { align-items: center!important; }
.align-items-end { align-items: flex-end!important; }
.flex-wrap { flex-wrap: wrap; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.relative { position: relative; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.uppercase { text-decoration: uppercase; }
.mb-0 { margin-bottom: 0px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-50 { margin-bottom: 50px!important; }
.rubrika-horizonti { width: 100%; height: auto; max-width: 360px; margin-inline: auto; display: block; }
@media (min-width: 768px) { 
.d-md-none { display: none!important; }
.d-md-block { display: block!important; }
.d-md-inline-block { display: inline-block!important; }
.d-md-flex { display: flex!important; }
.d-md-inline-flex { display: inline-flex!important; }
.justify-md-content-start { justify-content: start!important; }
.justify-md-content-center { justify-content: center!important; }
.justify-md-content-between { justify-content: space-between!important; }
.justify-md-content-end {  justify-content: flex-end!important; } 
.align-md-items-start { align-items: flex-start!important; }
.align-md-items-center { align-items: center!important; }
.align-md-items-end { align-items: flex-end!important; }
.order-md-1 { order: 1; }
.order-md-2 { order: 2; }
.order-md-3 { order: 3; }
.order-md-4 { order: 4; }
.order-md-5 { order: 5; }
}
@media (min-width: 992px) {
.d-lg-none { display: none!important; }
.d-lg-block { display: block!important; }
.d-lg-inline-block { display: inline-block!important; }
.d-lg-flex { display: flex!important; }
.d-lg-inline-flex { display: inline-flex!important; }
.justify-lg-content-start { justify-content: start!important; }
.justify-lg-content-center { justify-content: center!important; }
.justify-lg-content-between { justify-content: space-between!important; }
.justify-lg-content-end {  justify-content: flex-end!important; } 
.align-lg-items-start { align-items: flex-start!important; }
.align-lg-items-center { align-items: center!important; }
.align-lg-items-end { align-items: flex-end!important; }
.order-lg-1 { order: 1; }
.order-lg-2 { order: 2; }
.order-lg-3 { order: 3; }
.order-lg-4 { order: 4; }
.order-lg-5 { order: 5; }
}
@media (min-width: 1200px) { 
.d-xl-none { display: none!important; }
.d-xl-block { display: block!important; }
.d-xl-inline-block { display: inline-block!important; }
.d-xl-flex { display: flex!important; }
.d-xl-inline-flex { display: inline-flex!important; }
.justify-xl-content-start { justify-content: start!important; }
.justify-xl-content-center { justify-content: center!important; }
.justify-xl-content-between { justify-content: space-between!important; }
.justify-xl-content-end {  justify-content: flex-end!important; } 
.align-xl-items-start { align-items: flex-start!important; }
.align-xl-items-center { align-items: center!important; }
.align-xl-items-end { align-items: flex-end!important; }
.order-xl-1 { order: 1; }
.order-xl-2 { order: 2; }
.order-xl-3 { order: 3; }
.order-xl-4 { order: 4; }
.order-xl-5 { order: 5; }
}
@media (min-width: 1400px) { 
.d-xxl-none { display: none!important; }
.d-xxl-block { display: block!important; }
.d-xxl-inline-block { display: inline-block!important; }
.d-xxl-flex { display: flex!important; }
.d-xxl-inline-flex { display: inline-flex!important; }
.justify-xxl-content-start { justify-content: start!important; }
.justify-xxl-content-center { justify-content: center!important; }
.justify-xxl-content-between { justify-content: space-between!important; }
.justify-xxl-content-end {  justify-content: flex-end!important; } 
.align-xxl-items-start { align-items: flex-start!important; }
.align-xxl-items-center { align-items: center!important; }
.align-xxl-items-end { align-items: flex-end!important; }
.order-xxl-1 { order: 1; }
.order-xxl-2 { order: 2; }
.order-xxl-3 { order: 3; }
.order-xxl-4 { order: 4; }
.order-xxl-5 { order: 5; }
} .if { font-family: "icons"; }
@font-face {
font-display: swap; 
font-family: 'icons';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/icons.woff2?49712607) format('woff2');
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-regular.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: normal;
font-weight: 600;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-600.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'EB Garamond';
font-style: italic;
font-weight: 600;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/eb-garamond-v32-latin_latin-ext-600italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-regular.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 400;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-italic.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 700;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-700.woff2) format('woff2'); 
}
@font-face {
font-display: swap; 
font-family: 'Red Hat Display';
font-style: italic;
font-weight: 700;
src: url(//ideje.hr/wp-content/themes/ideje/fonts/red-hat-display-v21-latin_latin-ext-700italic.woff2) format('woff2'); 
}