::-moz-selection {
	background: #3367D1;
	color: white
}

::selection {
	background: #3367D1;
	color: white
}

.GumbMO {
    cursor:default;}

.vemcover {
		max-height: 60vh !important;
}

/* Used for buttons on pages that are always visible and stuck to bottom */
.sticky-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	background: #F3F5F5;
	padding: 18px;
	border-top: 1px solid black;
}

/* Used for buttons on pages that should have no padding. Normally used in combination with .sticky-bottom on the button parent element. */
.button-no-padding.button-no-padding > div {
	margin-bottom: 0;
}

/* Reform the ast-menu to make the whole text clickable */
.ast-menu-toggle.ast-menu-toggle.ast-menu-toggle.ast-menu-toggle {
	width: 100%;
	box-sizing: border-box;
	padding-left: 100%;
}

/* Restyle the ast scroll to top button */
.ast-scroll-to-top-right {
	right: 16px;
	bottom: 17px;
	width: 40px;
	height: 40px;
}

#ast-scroll-top {
	font-size: 21px;
	background-color: var(--ast-global-color-0);
}

#ast-scroll-top:hover {
	background-color: color-mix(in srgb, var(--ast-global-color-0), #ddd 15%)
}

.ast-scroll-to-top-icon:before {
	font-size: 20px;
}

/* refactors the accept button in a way that link is part of the checkbox label text */
.accept-reform {
	display: flex;
	flex-direction: row-reverse;
	width: fit-content;
	flex-wrap: wrap-reverse;
}

@media only screen and (max-width: 460px) {
	.accept-reform {
		flex-direction: row;
	}
}

.accept-reform > .uagb-forms-accept-label.uagb-forms-accept-label:after {
	content: "";
}

.accept-reform > .uagb-forms-accept-privacy-link {
	margin-left: 6px;
}

.accept-reform > .uagb-forms-accept-privacy-link:after {
	color: red;
	content: " *";
}

.uagb-forms-checkbox {
	width: 1px;
}

/* Custom styling of the newsletter plugin forms */
.tnp-subscription-minimal.tnp-subscription-minimal form {
	display: flex;
}

.tnp-subscription-minimal.tnp-subscription-minimal input {
	max-width: none;
	width: -webkit-fill-available;
	border-radius: 5px;
}

.tnp-subscription-minimal .tnp-email.tnp-email {
	border-color: black;
}

.tnp-subscription-minimal .tnp-submit.tnp-submit {
	width: 120px;
}

/* Move the IzaQ image on mobile to the left */
.izaq-image-mobile {
	width: fit-content !important;
}

.invisible {
	display: none;	
}


/* Promo banners for Homepage and Šola Djotiša - courtesy of ChatGPT */
:root{
  --attn-bg: #fff8d6;        
  --attn-border: #ffe39a;      
  --attn-text: #222;          
  --attn-shadow: rgba(0,0,0,.06);
  --attn-accent: #7a4d00;    
}

.attention-block{
  display:flex;
  gap: clamp(.5rem, 1.2vw, .9rem);
  align-items:flex-start;
  padding: clamp(.9rem, 1.6vw, 1.4rem);
  background: var(--attn-bg);
  border: 1px solid var(--attn-border);
  border-radius: 14px;
  box-shadow: 0 6px 18px var(--attn-shadow);
  color: var(--attn-text);
  line-height: 1.55;
}

.attention-block .attention-icon{
  flex: 0 0 auto;
  inline-size: clamp(2rem, 6vw, 2.6rem);
  block-size:  clamp(2rem, 6vw, 2.6rem);
  border-radius: 50%;
  border: 2px solid var(--attn-border);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: clamp(.95rem, 2.5vw, 1.1rem);
  background: color-mix(in srgb, var(--attn-bg) 70%, white);
  user-select: none;
}

.attention-block .attention-content{ min-width: 0; }
.attention-block p{ margin: 0; font-size: clamp(.98rem, .6vw + .85rem, 1.125rem); }
.attention-block p + p{ margin-top: .5rem; }

.attention-block a{
  color: var(--attn-accent);
  text-decoration-thickness: .12em;
  text-underline-offset: .2em;
}

.attention-block strong{ font-weight: 800; }



/* Blog posts page styling - courtesy of ChatGPT */

/* Container width */
.blog-grid-12{
  width: 100%;
  max-width: 1900px;      /* adjust later */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 3-column grid */
.blog-grid-12 .wp-block-post-template{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

/* KEY: make each list item stretch and allow the card to fill it */
.blog-grid-12 .wp-block-post-template > li{
  margin: 0;
  max-width: none;
  width: 100%;
  display: flex;          /* <-- important for equal-height cards */
}

/* Card wrapper fills the li */
.blog-grid-12 .post-card{
  flex: 1;                /* <-- makes card fill the li height */
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* FULL-BLEED FEATURED IMAGE (kill Astra/Gutenberg figure spacing) */
.blog-grid-12 .post-card .wp-block-post-featured-image,
.blog-grid-12 .post-card .wp-block-post-featured-image figure{
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

.blog-grid-12 .post-card .wp-block-post-featured-image a{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-grid-12 .post-card .wp-block-post-featured-image img{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 240px;          /* tweak */
  object-fit: cover;
}

/* Content area (controls spacing) */
.blog-grid-12 .post-card__body{
  flex: 1;                /* <-- creates vertical space */
  min-height: 0;
  padding: 22px 22px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;              /* <-- replaces random margins with controlled spacing */
  box-sizing: border-box;
}

/* Remove default Gutenberg margins (they cause the big empty gaps) */
.blog-grid-12 .post-card__body .wp-block-post-title,
.blog-grid-12 .post-card__body .wp-block-post-date,
.blog-grid-12 .post-card__body .wp-block-post-excerpt,
.blog-grid-12 .post-card__body .wp-block-post-read-more{
  margin: 0 !important;
}

/* Pin Read More to the bottom of the card */
.blog-grid-12 .post-card__body .preberi-vec,
.blog-grid-12 .post-card__body .wp-block-post-read-more{
  margin-top: auto !important;
  padding-top: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/* If the Excerpt still outputs its own "more" link, hide it */
.wp-block-post-excerpt__more-text{
  display: none !important;
}

/* Responsive */
@media (max-width: 980px){
  .blog-grid-12 .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .blog-grid-12 .wp-block-post-template{
    grid-template-columns: 1fr;
  }
}

/* --- Make layout math consistent so Read More truly pins --- */
.blog-grid-12 .post-card__body{
  min-height: 0 !important;
}

/* Allow excerpt to shrink so the 'auto' margin can push Read More down */
.blog-grid-12 .post-card__body .wp-block-post-excerpt{
  flex: 0 1 auto !important;
  min-height: 0 !important;
}

/* Ensure Read More is the last thing and can push down */
.blog-grid-12 .post-card__body .preberi-vec{
  margin-top: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Delete the “more link” (you still have one showing) */
.blog-grid-12 .post-card__body .wp-block-post-excerpt__more-link,
.blog-grid-12 .post-card__body .wp-block-post-excerpt a.more-link,
.blog-grid-12 .post-card__body .wp-block-post-excerpt .more-link{
  display: none !important;
}

.entry-meta {
display: none;
} 

.aligncenter{
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.page-numbers.current{
  color: #C81A1A !important;
}

.sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-loaded {
display: none;
}

.loading {
display: none;
}

.sd-title {
display: none !important;
}

.likes-widget-placeholder post-likes-widget-placeholder {
display: none !important;
max-height: 0px !important;
}