@font-face {
font-family: 'Social';
src: url(//ideje.hr/wp-content/themes/ideje/font/social.eot);
src: url(//ideje.hr/wp-content/themes/ideje/font/social.eot#iefix) format('embedded-opentype'),
url(//ideje.hr/wp-content/themes/ideje/font/social.woff2) format('woff2'),
url(//ideje.hr/wp-content/themes/ideje/font/social.woff) format('woff'),
url(//ideje.hr/wp-content/themes/ideje/font/social.ttf) format('truetype'),
url(//ideje.hr/wp-content/themes/ideje/font/social.svg#social) format('svg');
font-weight: normal;
font-style: normal;
}
* { box-sizing: border-box; font-family: "Raleway"; text-decoration: none !important; }
html, body { margin: 0px; padding: 0px; }
a, .transition, .transition img, .transition svg, .transition > a, footer .newsletter-submit {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
}
.article a { color: #96ab01; }
.toggle, .toggle-closer { display: none; }
h1 { font-weight: 900; color: #666; }
s, del { text-decoration: line-through !important; }
header { height: 300px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9999; background: white; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
header .logo { display: inline-block; }
header .logo svg { width: 700px; height: 295px; } header nav { position: absolute; top: 0; right: 0; }
header ul { list-style: none; position: relative; top: 30px; right: 120px; }
header ul li { margin: 0.9em 0px; }
header ul li a { color: #666; font-size: 1.2em; font-weight: bold; }
header ul li a:hover { color: #C2D72E; }
header ul li a.current { color: #C2D72E; }
header ul li a.current:hover { cursor: default; }
header .search-button { position: absolute; top: 46px; right: 15px; }
header .social { position: absolute; top: 220px; right: 15px; }
header .social a { margin: 0px 4px; }
header svg { width: 20px; height: 20px; fill: #c5c5c5; }
header a:hover svg { fill: #C2D72E; }
header a.mobile-nav { font-size: 4em; position: absolute; opacity: 0; top: -100px; right: 180px; line-height: 1.8em; color: #333; }
header.small-header { height: 105px; }
header.small-header .logo svg { width: 170px; height: 60px; margin: 22px 0px; }
header.small-header nav ul { top: -250px; }
header.small-header nav .social { top: 46px; right: 45px; }
header.small-header a.mobile-nav { top: 0; opacity: 1; }
body { margin-top: 300px; }
body.header-offset { margin-top: 110px; }
section { margin: 30px 0; }
section:nth-child(even) .vijest > a { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
section:nth-child(even) .vijest .content { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.extrapadded { padding-top: 40px; padding-bottom: 40px; }
.main-article { display: block; position: relative; padding: 80px 20px; background: #000; }
.main-article .image { opacity: 0.5; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.main-article h1 { font-size: 3em; margin-top: 10px; color: white; font-weight: bold; letter-spacing: -1px; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); }
.main-article h2 { font-size: 1.3em; margin-bottom: 0px; font-weight: bold; color: white; text-transform: uppercase; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); }
.main-article h1 + p { font-size: 1.3em; margin: 10px 0; color: white; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); }
.autor { font-weight: 300; }
.autor img { width: 48px !important; height: 48px !important; border-radius: 50%; margin-right: 10px; }
.autor p { display: inline-block; color: white; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); }
.autor:hover img { transform: scale(1.1); }
.main-article.home:hover { padding: 140px 20px; }
.main-article.home:hover .image { opacity: 0.6; }
.main-article .main-image { margin-top: 40px; }
.main-image + .wp-caption-text,
.article .wp-caption-text { font: 11px/11px sans-serif; background-color: rgba(0,0,0,0.5); padding: 4px; color: rgba(255,255,255,0.5) !important; }
.main-image + .wp-caption-text { margin: -24px 5px 0 0; position: relative; float: right; }
.article .wp-caption { margin: 30px 0; position: relative; max-width: 100% !important; }
.article .wp-caption-text { position: absolute; bottom: 5px; right: 5px; margin: 0; }
.article h6 { margin: -20px 0 40px 0; color: #666; font-size: 14px; line-height: 18px; }
.main-article.single { background: transparent; padding: 40px 15px 0px 15px; }
.main-article.single h1 { font-size: 5em; font-weight: 900; }
.main-article.single h1,
.main-article.single h2,
.main-article.single p,
.main-article.single p a { color: #666; text-shadow: none; }
.main-article.single img { width: 100%; }
.vijest { margin-top: 30px; margin-bottom: 30px; justify-content: flex-start; -js-display: flex; display: flex; align-items: center; flex-direction: row; }
.vijest .image { border: 1px solid #c4c4c4; margin-top: -15px; }
.vijest .image img { width: 100%; }
.vijest .image-background { overflow: hidden; background: #000; position: relative; top: 15px; right: 15px; width: 100%; }
.vijest p { font-size: 1.2em; color: #999; font-family: "Roboto"; font-weight: 300; }
.important-vijest .vijest p, .important-vijest .vijest p.datum a { color: #666; }
.vijest p.datum { font-size: 1em; }
.article h5 { margin: 10px 0 0 0; }
.article p.datum { font-size: 13px; color: #999; margin-bottom: 10px; line-height: 16px !important; margin-top: 5px; }
.article p.datum a,
.vijest p.datum a { font-weight: normal; color: #999; }
.vijest .content { padding-left: 15px; padding-right: 15px; width: 58.33333333%; }
.vijest .content a { color: #666; display: inline-block; margin-bottom: 10px; font-weight: bold; }
.vijest .content a:hover { color: #C2D72E; }
.vijest > a { padding-left: 15px; padding-right: 15px; width: 41.66666667%; }
.vijest > a:hover + .content h2 a { color: #C2D72E; }
.vijest > a:not(.podcast-link):hover .image img { opacity: 0.8; transform: rotate(4deg) scale(1.1); }
.vijest > a:not(.podcast-link):hover .image { transform: rotate(-2deg); }
.vijest > a:not(.podcast-link):hover .image-background { transform: rotate(2deg); }
.important-vijest { background: #ebebeb; }
.important-vijest .vijest .content { width: 70%; }
.important-vijest .vijest > a { width: 30%; }
.important-vijest .vijest .image-background { z-index: 1; }
.important-vijest2, .important-podcast, .top-podcast { background-size: cover !important; background-position: center center !important; }
.important-vijest2 .overlay, .important-podcast .overlay { width: 100%; background: rgba(0, 0, 0, 0.5); }
.important-vijest2 .vijest, .important-podcast .vijest { margin-top: 70px; margin-bottom: 70px; }
.important-vijest2 .vijest h2, .important-podcast .vijest h2, .top-podcast .vijest h1 { margin-top: 0px; }
.important-vijest2 .vijest p, .important-podcast .vijest p, .top-podcast .vijest p { color: #fff; }
.important-vijest2 .vijest .content { width: 100%; }
.top-podcast .vijest > a { width: 100% !important; }
.top-podcast { padding-top: 70px; padding-bottom: 70px; }
.top-podcast h1 { color: #fff; }
.important-vijest2 .vijest .content a, .important-podcast .vijest .content a { color: #fff; }
.important-vijest2 .vijest .content a:hover, .important-podcast .vijest .content a:hover { color: #C2D72E; }
.important-vijest2 .vijest .content .datum { font-size: 1.4em; font-weight: bold; width: 30%; float: left; padding-left: 18px; padding-right: 18px; text-align: right; }
.important-vijest2 .vijest .content .datum .oprema { display: block; font-size: 0.8em !important; font-weight: 100 !important; }
.important-vijest2 .vijest .content .datum .oprema > span:first-of-type { display: none; }
.important-vijest2 .vijest .content > div { width: 70%; float: left; padding-left: 18px; padding-right: 18px; }
.categories { position: relative; }
.categories .vijest .content { margin-top: 0px; }
.categories .vijest .col-sm-5 { float: left; }
.categories h3 { font-size: 18px; margin: 0; line-height: 18px; }
.sidebar-wrapper { height: 0px; }
.sidebar-wrapper.fixed { position: absolute; }
.sidebar { margin-top: 30px; }
.sidebar p { color: #999; }
.sidebar ul { list-style: none; padding: 0px; margin-bottom: 20px; }
.sidebar ul li { margin-bottom: 8px; }
.sidebar ul li a { font-weight: bold; color: #666; font-size: 1.3em; }
.sidebar ul li a:hover { color: #C2D72E; }
.load-more { font-size: 1.2em; color: #C2D72E; font-weight: 900; margin: 40px 0px 60px 0px; display: inline-block; }
.load-more:hover { color: #C2D72E; }
.article { margin-top: 40px; margin-bottom: 60px; }
.article .content { margin-right: 8.33333333%; margin-bottom: 60px; }
.article .excerpt { margin-bottom: 60px; }
.article h2,
.article h3,
.article h4 { font-weight: bold; margin: 40px 0px 30px 0px; }
.article h2 { font-size: 2.4em; }
.article h3 { font-size: 2em; }
.article h4 { font-size: 1.6em; }
.article p { margin: 30px 0; font-size: 1.3em; line-height: 1.6em; }
.article li,
.article td { font-size: 1.3em; line-height: 1.6em; }
.article blockquote { position: relative; margin-left: -40px; margin-bottom: 50px; font-size: 0.9em; font-style: italic; margin-right: -40px; padding: 40px; border: 1px solid #c4c4c4; }
.article 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%); }
.article blockquote p { margin: 0; }
.article .single-quote { border-left: 1px solid #c4c4c4; }
.article .single-quote p:first-child { margin-top: 0px; }
.article .single-quote p:last-child { margin-bottom: 0px; }
.article .social { margin-bottom: 10px; }
.article .social .social-links { margin-bottom: 15px; }
.article .social .social-links a { display: inline-block; margin: 0px 4px; width: 44px; height: 44px; color: #fff; line-height: 44px; font-size: 20px; font-family: 'Social'; text-align: center; border-radius: 50%; }
.article .social .social-links a:nth-child(1) { background: #3b5997; }
.article .social .social-links a:nth-child(2) { background: #54ACED; }
.article .social .social-links a:nth-child(3) { background: #0079b8; }
.article .social .social-links a:hover { background: #999; }
.article .social p { margin-top: 0; }
.goto-top { display: none; width: 40px; height: 40px; background: #aeaeae; position: fixed; bottom: 30px; right: 30px; border-radius: 50%; }
.goto-top svg { fill: white; position: absolute; left: 50%; top: 50%; margin: -10px 0px 0px -12px; transform: rotate(-90deg); }
.goto-top:hover { background-color: #666; }
.article .diskusije { font-size: 0.8em; line-height: 0.8em; }
.article .diskusije h2 { padding: 10px 20px; background: #C2D72E; }
.article .row.diskusije h2 { margin-top: -60px; }
header .social a, footer .social > a:nth-child(1), footer .social > a:nth-child(2) { font-family: 'Social'; color: #999; font-size: 20px; }
header .social a:nth-child(1):hover,
footer .social a:nth-child(1):hover { color: #3b5997; }
header .social a:nth-child(2):hover,
footer .social a:nth-child(2):hover { color: #54ACED; }
.article .social h4 { margin: 40px 0 20px 0; }
.tags { line-height: 1.2em!important; }
.tags a { font-size: 0.7em; line-height: 1em; display: inline-block; margin-bottom: 0px; text-transform: uppercase; font-weight: bold; color: #666; }
.tags a:before { content: '#'; color: #C2D72E; }
.prev-next a { position: relative; color: #666; display: inline-block; font-size: 1.6em; font-weight: bold; }
.prev-next a span { text-transform: uppercase; font-size: 0.5em; display: block; color: #c2c2c2; }
.prev-next a svg { fill: #666; position: absolute; left: -50px; top: 50%; transform: translateY(-50%) rotate(180deg); }
.prev-next .text-right svg { right: -50px; 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:hover svg { margin-left: -30px; }
.next:hover svg { margin-right: -30px; }
footer { background: #f5f5f5; padding: 40px 0px; }
footer p { color: #aeaeae; margin-bottom: 0px; }
footer .logo { display: inline-block; }
footer .logo svg { display: inline-block; width: 80px; height: 26px; }
footer .social a { margin: 0px 4px; color: #aeaeae; }
footer svg { width: 20px; height: 20px; fill: #c5c5c5; }
footer a:hover svg { fill: #C2D72E; }
footer .social p a { border-bottom: 1px dashed transparent; }
footer .social p a:hover { border-bottom: 1px dashed #aeaeae; }
footer form { float: left; width: 100%; margin-top: 16px; }
footer .newsletter-email { height: 38px; border-radius: 0px; padding: 18px 14px; width: calc(100% - 180px); float: left; }
footer .newsletter-submit { height: 38px; text-transform: uppercase; border-radius: 0px; border: 1px solid #C2D72E; margin-left: 10px; background: #C2D72E; float: left; width: 170px; }
footer .newsletter-submit:hover { background: #666; border: 1px solid #666; }
footer h3 { color: #666; font-weight: bold; font-size: 1.5em; margin-top: 22px; }
footer hr { border-top: 1px solid #ccc; }
.footnote:focus { outline: none; border-bottom: 1px solid #f00; color: #666; }
.footnote * { color: #666; }
.searchform { padding: 40px 60px; background: #eee; }
.searchform input { margin: 10px 0; }
.issuuembed { width: 100%!important; }
.article a[href$=".PDF"],
.article a[href$=".pdf"] { background: url(//ideje.hr/wp-content/themes/ideje/images/icons/pdf.png) no-repeat 0 5px !important; padding-left: 14px; }
.article a[href$=".htm"],
.article a[href$=".html"],
.article a[href$=".HTM"],
.article a[href$=".HTML"] { background: url(//ideje.hr/wp-content/themes/ideje/images/icons/html.png) no-repeat 0 5px !important; padding-left: 14px; }
.article a[href$=".doc"],
.article a[href$=".docx"],
.article a[href$=".DOC"],
.article a[href$=".DOCX"] { background: url(//ideje.hr/wp-content/themes/ideje/images/icons/doc.png) no-repeat 0 5px !important; padding-left: 14px; }
.article a[href$=".xls"],
.article a[href$=".xlsx"],
.article a[href$=".XLS"],
.article a[href$=".XLSX"] { background: url(//ideje.hr/wp-content/themes/ideje/images/icons/xls.png) no-repeat 0 5px !important; padding-left: 14px; }
.article table { width: 100%; max-width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.article table>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; }
.article table td, 
.article table th { padding: 4px 6px; line-height: 1.35; vertical-align: top; border-top: 1px solid #ddd; }
.vijesti-list h3 { text-transform: uppercase; font-size: 18px; margin: 0; }
.protiv { margin-top: -60px; padding: 10px 20px; background: #d90000; color: #fff; }
.vezani h4 { margin-bottom: 10px; }
.vezani .article { margin-top: 0; margin-bottom: 0; }
.wp-paginate { margin: 40px 0px 20px 0px; padding: 0px; text-align: center; list-style: none; }
.wp-paginate li { font-size: 1.6em; display: inline-block; margin: 0px 5px; }
.wp-paginate li a { color: #666; }
.wp-paginate li .current { color: #C2D72E; font-weight: bold; }
.wp-paginate li:first-child { display: none; }
.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); }
.rve,
.rve iframe { aspect-ratio: 16 / 9 !important; width: 100% !important; height: auto; display: block; }
@media screen and (max-width: 1199px) {
.main-article.single h1 { font-size: 4em; }
}
@media screen and (max-width: 991px) {
section { margin: 10px 0px; }
header .logo svg { width: 480px; }
.vijest { align-items: flex-start; margin-top: 15px; margin-bottom: 15px; }
.vijest .image { margin-top: 0px; }
.vijest .content { margin-top: 0px; }
.vijest h2 { font-size: 1.8em; }
.main-article.single h1 { font-size: 3em; }
}
@media screen and (max-width: 767px) {
#nav-icon { display: inline-block; width: 28px; height: 25px; position: relative; margin: 26px 15px 0px 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #666; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 7px; }
#nav-icon span:nth-child(4) { top: 14px; }
#nav-icon.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; }
body { margin-top: 70px; }
body.header-offset { margin-top: 70px; }
header { z-index: 9999; height: 70px; }
header .logo svg,
header.small-header .logo svg { width: 120px; height: 42px; margin: 15px 0px; }
header nav { height: 100%; }
header nav ul,
header.small-header nav ul { position: fixed; padding: 0px; width: 100%; left: 100%; right: 0px; bottom: 0px; top: 70px; margin: 0px; background: #fff; }
header nav ul.menu-open,
header.small-header nav ul.menu-open { left: 0px; }
header ul li { margin: 0px; }
header ul li a { padding: 10px 15px; width: 100%; display: inline-block; }
header nav .social { display: none; }
header .search-button { right: 60px; top: 24px; }
header a.mobile-nav { display: none; }
header.small-header { height: 70px; }
.main-article { margin-top: 70px; padding-top: 50px; padding-bottom: 50px; }
.main-article .main-image { margin-top: 10px; }
.main-article.single { padding-top: 0px; }
.main-article h1,
.main-article.single h1 { font-size: 2em; }
.vijest { margin-top: 30px; margin-bottom: 0px; display: block; }
.vijest a { display: inline-block; width: 100%; }
.vijest .image { margin-right: -15px; }
.vijest .content,
.categories .vijest .content { margin-top: 24px; width: 100%; }
.vijest .content .datum a { width: auto; margin-bottom: 0px; }
.vijest h2 { margin-top: 10px; font-size: 1.4em; }
.categories > .extrapadded { padding-top: 0px; }
.important-vijest { padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; }
.important-vijest .vijest a { width: 100%; }
.important-vijest .vijest .content { width: 100%; }
.important-vijest2 .vijest .content .datum { width: 100%; text-align: left; }
.important-vijest2 .vijest .content > div { width: 100%; }
.article { margin-top: 15px; margin-bottom: 15px; }
.article .excerpt { margin-top: 10px; margin-bottom: 10px; }
.article .content { margin-right: 0px; margin-bottom: 0px; }
.article p { margin-bottom: 20px; }
.article .quote { margin-left: 0px; margin-right: 0px; padding: 20px 30px; }
.article .wp-caption img { max-width: 100%; height: auto; }
.vezani h4 { margin-top: 15px; }
.prev-next .text-right { text-align: left; }
.prev-next a { font-size: 1.3em; display: inline-block; margin-top: 15px; }
.prev-next a svg { display: none; }
footer { text-align: center; }
footer h3 { margin-top: 0px; }
footer .pull-left,
footer .pull-right { width: 100%; }
footer .social { text-align: center; margin-top: 15px; }
footer .social > a { padding: 5px 10px; height: auto; }
footer .social p a { display: block; margin: 4px 0px; }
footer .social p span { display: none; }
}
@media screen and (max-width: 500px) {
footer .newsletter-email { width: 100%; }
footer .newsletter-submit { width: 100%; margin: 10px 0px 0px 0px; }
}