/*
Theme Name: Heretica
Theme URI: https://heretica.com.hr/
Description: Tema portala Heretica, child tema za GutenVerse. Umjesto pluginova sadrži početnu stranicu, gost-autore, klasični editor, SEO oznake, brojač pregleda, obavijest o kolačićima i sitne prilagodbe teksta.
Author: Heretica
Template: gutenverse
Version: 1.0.4
Requires PHP: 8.0
Text Domain: heretica
*/

/* ------------------------------------------------------------------ Članci */

/* Potpis ispod glavne slike članka (iz Medija, "Opis slike") */
.entryhead_single .heretica-caption { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #6f6f6f; }

/* Od izgubljene naslovne slike ostala je samo manja verzija: prikaz u njezinoj veličini, ne razvučeno (inc/media.php) */
.has-post-thumbnail .entryhead_single img.heretica-image-small { display: block; width: auto; max-width: 100%; margin: 0 auto; }

/* Tekst članaka i stranica 1 px veći, citati 1 px manji */
.entry { font-size: calc(1em + 1px); }
.entry blockquote p { font-size: 23px; }

/* Gost-autor bez upisane adrese: ime nije poveznica */
a[rel="author"][href=""] { pointer-events: none; color: inherit; text-decoration: inherit; }

/* X umjesto stare Twitterove ptice. Oblik: Font Awesome Free 6 "x-twitter", CC BY 4.0 */
.fab.fa-twitter::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* X je crn; tema je ikoni Twittera u headeru i footeru kod prelaska mišem davala Twitterovu plavu (#00ABF0) */
ul.social-menu li.sprite-twitter a:hover { background-color: #000 !important; }

/* Slider i mreža članaka: slika uvijek ispuni okvir, bez obzira na veličinu originala */
.guten_slider .imgwrap img { aspect-ratio: 995 / 770; height: auto; object-fit: cover; }
/* Dok se slider ne pokrene, vidi se samo prvi članak (inače su sva tri na trenutak jedan ispod drugog) */
.guten_slider:not(.owl-loaded) > .item:not(:first-child) { display: none; }
/* Kutija s naslovom ima stalnu visinu; dugi naslov smanjuje home-slider.js, a ovo je osigurač da ništa ne izađe van */
.guten_slider .item_inn { overflow: hidden; }
.mag_block_1 .imgwrap img { aspect-ratio: 409 / 320; height: auto; object-fit: cover; }

/* ------------------------------------------------------------------ Početna (prije Elementor) */

.heretica-home,
.heretica-home *,
.heretica-home ::before,
.heretica-home ::after { box-sizing: border-box; }
.heretica-home img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; }
.heretica-home a { box-shadow: none; text-decoration: none; }

.hh-section { position: relative; }
.hh-container { position: relative; display: flex; margin: 0 auto; }
.hh-column { position: relative; display: flex; min-height: 1px; }
.hh-wrap { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; }
.hh-widget { position: relative; width: 100%; }
.hh-wrap > .hh-widget:not(:last-child) { margin-bottom: 20px; }
.hh-col-33 { width: 33.333%; }
.hh-col-66 { width: 66.666%; }
.hh-col-100 { width: 100%; }

/* Slider s tri najnovija članka */
.hh-slider { margin-top: 60px; padding-bottom: 15px; }
.hh-slider > .hh-container { max-width: 1550px; }
.hh-slider .hh-column { width: 100%; }
.hh-slider .hh-wrap { background-color: #2b2d30; }
.hh-slider .hh-widget { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }

/* Mreža od 18 članaka */
.hh-grid { padding-top: 80px; }
.hh-grid > .hh-container { max-width: 1380px; }
.hh-grid .hh-column { width: 100%; }

/* Uske sekcije (autori, crta, newsletter) */
.hh-boxed > .hh-container { max-width: 1140px; }
.hh-boxed .hh-wrap,
.hh-newsletter .hh-wrap { padding: 10px; }
.hh-newsletter > .hh-container { max-width: 742px; min-height: 171px; align-items: flex-start; }

.hh-divider { display: flex; padding: 15px 0; }
.hh-divider span { display: flex; width: 100%; margin: 0; border-top: 1px solid #000; }

.hh-image { text-align: center; }
.hh-image img { display: inline-block; vertical-align: middle; }

.heretica-home .hh-title { margin: 0; padding: 0; font-family: "Georgia", sans-serif; font-weight: 600; line-height: 1; color: #000; }
.heretica-home .hh-center { text-align: center; }

.hh-text { font-family: "Roboto", sans-serif; font-weight: 400; color: #7a7a7a; }
.hh-text p { margin: 0; }

.hh-social { display: flex; justify-content: center; gap: 5px; }
.hh-social a { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: #000; color: #fff; font-size: 25px; line-height: 25px; transition: all 0.3s; }
.hh-social a:hover { opacity: 0.9; color: #fff; }
.hh-social a i { color: #fff; }

.hh-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 1024px) {
	.hh-slider { margin-top: 0; }
	.hh-grid { padding-top: 40px; }
	.hh-boxed > .hh-container { max-width: 1024px; }
}

@media (max-width: 767px) {
	.hh-container { flex-wrap: wrap; }
	.hh-col-33,
	.hh-col-66 { width: 100%; }
	.hh-boxed > .hh-container { max-width: 767px; }
}

/* ------------------------------------------------------------------ Obavijest o kolačićima (prije Cookie Notice) */

#cookie-notice { position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; letter-spacing: 0; line-height: 20px; left: 0; text-align: center; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; }
#cookie-notice,
#cookie-notice * { box-sizing: border-box; }
#cookie-notice.cn-animated { animation-duration: 0.5s !important; animation-fill-mode: both; }
#cookie-notice .cookie-notice-container { display: block; }
#cookie-notice.cookie-notice-hidden .cookie-notice-container { display: none; }
.cn-position-bottom { bottom: 0; }
.cookie-notice-container { padding: 15px 30px; text-align: center; width: 100%; z-index: 2; }
.cn-close-icon { position: absolute; right: 15px; top: 50%; margin: -10px 0 0 0; width: 15px; height: 15px; opacity: 0.5; padding: 10px; border: none; outline: 0; background: 0 0; box-shadow: none; cursor: pointer; }
.cn-close-icon:focus,
.cn-close-icon:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.cn-close-icon:hover { opacity: 1; }
.cn-close-icon::after,
.cn-close-icon::before { position: absolute; content: " "; height: 15px; width: 2px; top: 3px; background-color: grey; }
.cn-close-icon::before { transform: rotate(45deg); }
.cn-close-icon::after { transform: rotate(-45deg); }
#cookie-notice .cn-button { margin: 0 0 0 10px; display: inline-block; }
.cn-text-container { margin: 0 0 6px 0; }
.cn-buttons-container,
.cn-text-container { display: inline-block; }
#cookie-notice.cookie-notice-visible.cn-effect-fade { animation-name: heretica-fade-in; }
#cookie-notice.cn-effect-fade { animation-name: heretica-fade-out; }
@keyframes heretica-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes heretica-fade-out { from { opacity: 1; } to { opacity: 0; } }
@media all and (max-width: 900px) {
	.cookie-notice-container #cn-notice-text { display: block; }
	.cookie-notice-container #cn-notice-buttons { display: block; }
	#cookie-notice .cn-button { margin: 0 5px 5px 5px; }
}
@media all and (max-width: 480px) {
	.cookie-notice-container { padding: 15px 25px; }
}