:root {
	--primary-color: #D20A10;
	--padding-default: 1rem;

	--font-sans: "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-headings: var(--font-sans);

	--color-bg-hero: #0F172A;        /* ozadje heroja */
	--color-surface: #ffffff;        /* kartice/vsebina */
	--color-accent: #10B981;         /* akcent/badge, npr. "opravljeno" */
	--color-text: #0f172a;           /* besedilo na belem */
	--color-text-on-dark: #ffffff;   /* besedilo na temnem */
	--color-muted: #6b7280;          /* sekundarno besedilo */

	--radius-xl: 18px;
	--radius-lg: 14px;
	--radius-pill: 0px;

	--shadow-sm: 0 4px 16px rgba(0,0,0,.08);
	--shadow-md: 0 10px 30px rgba(0,0,0,.12);

	--font-regular: ProximaNova-Regular;
	--font-light: ProximaNova-Light;
	--font-bold: ProximaNova-Bold;
	--font-extrabold: ProximaNova-Extrabold;
	--font-black: ProximaNova-Black;
}

p, h3, body {
	font-family: ProximaNova-Regular !important;
}

h2, h4 {
	font-family: ProximaNova-Light !important;
/* 	font-family: ProximaNova-Bold !important; */
}

h1 {
	font-family: ProximaNova-Light !important;
}

#main-content {
	margin-bottom: 60px !important;
}

#main-footer {
	position: relative !important;
	padding: 0px !important;
}

.footer-social {
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.footer-social a {
	color: var(--primary-color) !important;
}

.footer-content, .footer-social, .footer-addition {
	width: 33.33%;
	float: left;
	margin-bottom: 0px;
}

.footer-addition img {
	float: right;
}

.copyright {
	width: 100%;
	float: left;
}

.copyright a {
	color: #777 !important;
}

.copyright a:hover {
	color: #2e373d !important;
}

.copyright a:hover::after {
	-webkit-animation: unset;
	animation: unset;
	height: 0 !important;
}

.footer-content img {
	margin-bottom: 0px !important;
}

.vc_btn3.vc_btn3-size-md {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	font-family: ProximaNova-Bold;
}

.ui-slider-tabs-list-wrapper {
	font-family: ProximaNova-Regular !important;
}

.ui-slider-tabs-content-container {
	border: none;
}

.contactForm .submit {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #ffffff;
	font-family: ProximaNova-Regular !important;
}

a {
	color: #2e373d;
}

.section-heading {
	color: var(--primary-color);
	font-size: 60px;
	line-height: 72px;
	max-width: 630px;
    margin: auto;
}

.attention-box h4 {
	margin-bottom: 5px;
	font-size: 24px;
	font-family: ProximaNova-Bold !important;
}

.attention-box p {
	margin-bottom: 20px;
	font-size: 20px;
	font-family: ProximaNova-Light !important;
}
.attention-box .contact-trigger, .cta-default {
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	color: #fff;
	border-radius: 0px;
	text-decoration: uppercase;
	font-size: 20px;
	font-family: ProximaNova-Bold !important;
	padding: 15px 40px;
}

.the-origin-header a.logo img {
    width: 272px !important;
}

.navbar-brand.logo {
	position: absolute;
    left: 15px;
    top: 20px;
}

.navbar-nav>li>a {
	text-align: center;
	font-family: ProximaNova-Bold !important;
	letter-spacing: 1.6px;
	color: #364B5C;
	text-transform: uppercase;
}

.navbar-nav > li > a:hover {
	color: var(--primary-color);
}

.profile li a {
	line-height: 15px;
}

.profile li a:hover {
	color: var(--primary-color);
}

@media (min-width: 1200px) {
    /* .container {
        width: 1460px;
    } */
}

/* enter page */

.hero-content a {
	color: #fff;
	text-decoration: underline;
}

.how-it-works-info h4 {
	display: none;
}

.how-it-works-info img {
	max-height: 80px;
}

.how-it-works-info {
	padding: 60px 8%;
}

.how-it-works-info h3 {
	color: white;
}


.how-it-works-info p {
	margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
}

#features-first .container {
	width: 900px;
}

#features-first .section-heading {
    max-width: unset;
    margin-left: -100px;
    margin-right: -100px;
	margin-bottom: 40px;
}

#features-first .section-heading .registracija-nasvet {
	font-family: var(--font-extrabold) !important;
}

#features-first a.cta {
	display: none;
}

#herohero2 {
/*     background: #FFF 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 0.27; */
}

#herohero2 .lead.zero-bottom {
	font-size: 18px;
	color: var(--primary-color);
	text-shadow: unset;
	font-family: var(--font-light) !important;
}

#herohero2 .text-shadow-medium {
	font-family: var(--font-light) !important;
	font-size: 72px;
	color: var(--primary-color);
	text-shadow: unset;
	line-height: 55px;
	margin-right: 100px;
	margin-top: 50px;
}

#herohero2 .text-shadow-medium {
    font-size: 0; /* skrije besedilo */
}

#herohero2 .text-shadow-medium::before {
	content: "7 izzivov";
    font-family: var(--font-extrabold) !important;
	font-size: 72px;
}

#herohero2 .text-shadow-medium::after {
    content: " do pametne rabe energije in nižjih stroškov";
    font-size: 72px;
}

#herohero2 .row.embed-responsive-container {
	margin-left: 0 !important;
	margin-right: 100px !important;
}

#herohero2 .row.embed-responsive-container .col-lg-10 {
	padding-left: 4px;
}

#herohero2 .embed-responsive-16by9 {
	padding-bottom: 0;
	height: auto;
}

#herohero2 .embed-responsive-16by9::before {
	content: "Vsak izziv vas približa pametnejšemu ravnanju z energijo in možnostim, da osvojite bogate nagrade.";
	color: #242424;
	font-size: 18px;
	font-family: var(--font-bold);
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}

#herohero2 .hero-split-right {
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
	opacity: 1;
}

.hero-content h4 {
	text-align: left;
	text-transform: unset;
	font-size: 0px;
}

.hero-content h4::before {
	content: "Pridružite se";
    font-family: var(--font-extrabold) !important;
	font-size: 30px;
}

.hero-content h4::after {
    content: " brezplačno";
    font-size: 30px;
}

#herohero2 .zero-bottom {
	text-align: left;
	font-family: var(--font-light) !important;
	font-size: 18px;
}

#register-form p {
	clear: both;
}

.um {
	margin-left: 0px !important;
}

.um-col-121,
.um-col-122,
#um_field_372_user_password,
#um_field_372_confirm_user_password {
	width: 50% !important;
	float: left !important;
}

.um-field {
	padding: 0px !important;
}

.um-col-121 {
	padding-right: 2%;
}

#um_field_372_user_password {
	padding-right: 2% !important;
}

.um-col-122 {
	padding-left: 2%;
}

#um_field_372_confirm_user_password {
	padding-left: 2% !important;
}

.um-field-text input {
	border-radius: 7px !important;
	height: 50px;
	line-height: 50px;
}

.um-field-block {
	color: #fff !important;
	font-size: 16px !important;
}

.um-field-radio-option {
	width: 30px !important;
}

.um-field-area .um-field-radio {
	width: 100px !important;
    float: left !important;
}

.um-field-checkbox, .um-col-alt {
	float: left !important;
	width: 100% !important;
}

.um-field-checkbox-option, .um-field-radio-option {
	color: #fff !important;	
	font-family: ProximaNova-Light !important;
	font-size: 14px !important;
}

.um-field-spacing {
	clear: both;
}

.um-faicon-info-circle {
	color: #FFF !important;
	cursor: pointer;
}

.um-col-alt .um-center {
	text-align: left;
}

.um-field-error {
	background: #364B5C !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
}

.um-field-arrow {
	color: #364B5C !important;
}

#um-submit-btn  {
	text-align: left;
	width: 268px;
	height: 63px;
	background: #fff 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	color: var(--primary-color);
	text-transform: uppercase;
	text-align: center;
    font-size: 20px;
	font-family: ProximaNova-Bold !important;
}

.reg-val-pass,
.reg-val-pass-confirm {
	margin-bottom: 0;
}

.reg-val-pass i.fa-regular,
.reg-val-pass-confirm i.fa-regular {
	opacity: 0.5;
}

.home .um-field-type_block {
	color: #FFFFFF !important;
}

.um-link-alt {
	color: #555 !important;
}

div[data-key="um_block_372_5_12"] {
	font-family: 'ProximaNova-Regular' !important;
	font-size: 14px !important;
}

div[data-key="um_block_372_5_12"] strong {
	color: #FFF !important;
	font-family: 'ProximaNova-Bold' !important;
	font-size: 16px !important;
}

.page-template-enterpage-page #register-form .um-col-1 {
	min-height: 40px;
	clear: both;
}

@media (max-width: 991px) {
	.page-template-enterpage-page #herohero2 .lead.zero-bottom {
		text-align: center;
	}

	.page-template-enterpage-page #herohero2 .row.embed-responsive-container {
		margin: 0 auto !important;
	}
}

.hero {
	/*background: url('sofa-bg.jpg') no-repeat center center/cover;*/
	text-align: center;
	padding: 50px 20px;
}

.hero h1 {
	color: #e60000;
	font-size: 28px;
	margin-bottom: 10px;
}

.hero p {
	font-size: 18px;
	color: #444;
}

.days {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 30px 0;
}

.days a {
	z-index: 1;
	opacity: 0.9;
}

.day {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #eee;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #333;
	border: 2px solid #ccc;
}

@media (min-width: 1200px) {
	#challenge-wrapper {
		position: relative;
		margin-top: 180px;
	}

	#challenge-wrapper::before {
		content: '';
		left: -220px;
		top: -320px;
		background: url('../../../../uploads/2026/01/rdec-kabel-scaled.webp') no-repeat top center;
		width: 100%;
		height: 100%;
		position: absolute;
		max-height: var(--rdec-kabel, 2690px);
	}

	#challenge-wrapper.unlocked-zero::before {
		display: none;
	}
}

.challenge {
	background: white;
	margin: 40px auto;
	width: 80%;
	max-width: 975px;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	overflow: hidden;
}

.challenge-header,
.challenge-header-mobile {
	background: var(--primary-color);
	color: white;
	padding: 15px 30px;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	display:flex;
	/* border-bottom: 1px solid #e5e7eb; */
	font-weight:700; 
	letter-spacing:.3px;
	position: relative;
	opacity: 0.9;
}

.challenge-header-mobile {
	display: none;
}

/*.challenge-header::before,
.challenge-header-mobile::before {
	background: var(--primary-color);
	mix-blend-mode: multiply;
}*/

.challenge-header span,
.challenge-header-mobile span {
	font-size: 40px;
    line-height: 46px;
    font-family: 'ProximaNova-Black' !important;
}

.challenge-content p.dan {
	color: var(--primary-color) !important;
	font-size: 18px;
    text-transform: uppercase;
}

.challenge-header-mobile .info {
	display: none;
}

.challenge-header .info {
	font: normal normal 300 16px/22px 'ProximaNova-Regular' !important;
}

.challenge-header .info img {
	max-width: 20px;
	max-height: 20px;
}

.challenge-content {
	padding: 20px;
}

.challenge-content h3 {
	margin: 0 0 10px;
	font-size: 20px;
}

.challenge-content p {
	font-size: 16px;
	line-height: 1.5;
	color: #555;
}

.challenge-content .button {
	margin-top: 15px;
	background: var(--primary-color);
	color: white;
	border: none;
	padding: 15px 40px;
	border-radius: 0px;
	font-size: 20px;
	cursor: pointer;
	float: right;
	position: absolute;
	margin-bottom: 20px;
	right: 30px;
	bottom: 5px;
	letter-spacing: 2px;
	font-family: ProximaNova-Bold;
}

/* alternative 1, 2, 3 */
/*.challenge-content .button {
	transition: .3s;
	transition-property: box-shadow;
}

.challenge-content .button:hover {
	box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 5px var(--primary-color);
}

.challenge-content .button {
	transition: .3s;
	transition-property: box-shadow;
}

.challenge-content .button:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.challenge-content .button::before {
	content: '';
	position: absolute;
	border: 2px solid var(--primary-color);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.challenge-content .button:hover::before {
	animation-name: hvr-ripple-out;
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}*/



.challenge.done {
	/* background: rgba(0,0,0,0.7); */
	color: white;
	text-align: left;
	/* position: relative; */
}

.challenge.done::after {
	content: "IZZIV OPRAVLJEN!";
	position: absolute;
	inset: 0;            /* top/right/bottom/left: 0 */
	display: grid;
	place-items: center; /* poravnava na sredino */
	color: #fff;
	font-size: 48px;
	font-family: var(--font-light);
	background: #364B5C 0% 0% no-repeat padding-box;
	opacity: 0.9;
}

.challenge.done button {
	margin: 10px;
	background: #004466;
}

.attention-box {
	background: unset;
	border-bottom: unset;
	border-top: unset;
}

.page-template-enterpage-page .attention-box {
	border: unset;
}

.feature-title {
	color: var(--primary-color);
}

.feature-title:hover {
	color: var(--primary-color);
}

.icon-nasvet-1 {
	content: url('../images/Ikona-nasvet-1.svg');
    display: block;
    width: auto;
    height: 60px;
}

.icon-nasvet-2 {
	content: url('../images/Ikona-nasvet-2.svg');
    display: block;
    width: auto;
    height: 60px;
}

.icon-nasvet-3 {
	content: url('../images/Ikona-nasvet-3.svg');
    display: block;
    width: auto;
    height: 60px;
}

.icon-nasvet-4 {
	content: url('../images/Ikona-nasvet-4.svg');
    display: block;
    width: auto;
    height: 60px;
}

.icon-nasvet-5 {
	content: url('../images/Ikona-nasvet-5.svg');
    display: block;
    width: auto;
    height: 60px;
}

.icon-nasvet-6 {
	content: url('../images/Ikona-nasvet-6.svg');
    display: block;
    width: auto;
    height: 60px;
}

#features-second h3, #features-third h3, #features-second .more, #features-third .more {
	color: var(--primary-color);
}

#features-second p, #features-third p {
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 15px;
	color: #242424;
}

#features-second h3::before {
	 content: "";
    background: url('../images/Ikona Moj plus.svg') no-repeat center center;
    display: block;
    width: 75px;
    height: 85px;
	margin-bottom: 20px;
}

#features-third h3::before {
	 content: "";
    background: url('../images/Ikona eStoritve.svg') no-repeat center center;
    display: block;
    width: 75px;
    height: 85px;
	margin-bottom: 20px;
}

#what-we-do-2::after {
	position: absolute;
    top: 152px !important;
    right: -132px !important;
    width: 500px !important;
    height: 500px !important;
    background: url() no-repeat !important;
    content: "";
	transform: matrix(0.54, -0.84, 0.84, 0.54, 0, 0);
}

#what-we-do-2::before {
	position: absolute;
    top: 10px !important;
    left: -61px !important;
    width: 600px !important;
    height: 600px !important;
    background: url() no-repeat !important;
    content: "";
}

#what-we-do-2 p {
	max-width: 566px;
	margin: 60px 0px;
}


/* ===== Global ===== */
#main-content { color: var(--color-text); }
#main-content h1, 
#main-content h2, 
#main-content h3 { font-family: var(--font-headings); }

/* ===== HERO z obvestilom ===== */
#hero{
  position:relative; isolation:isolate;
  background: radial-gradient(1100px 540px at 20% 15%, rgba(255,255,255,.08), transparent 55%),
              radial-gradient(900px 480px at 85% 10%, rgba(255,255,255,.06), transparent 60%),
              var(--color-bg-hero);
  padding: 72px 0 56px;
  overflow:hidden;
}
#hero .color-overlay{ background:transparent; }
#hero header{ color:var(--color-text-on-dark); font-weight:600; opacity:.95; }
#hero .blog-title{ color:var(--color-text-on-dark); text-shadow:0 6px 24px rgba(0,0,0,.35); }

section.hero h1 {
	font-size: 54px;
    line-height: 60px;
	font-weight: 700;
	color: var(--primary-color);
	font-family: ProximaNova-Bold !important;
}

section.hero p { 
	color: #242424; 
	margin: 0; 
	font-family: 'ProximaNova-Bold' !important;
	padding: 20px;
}

/* ===== Časovnica “dni” ===== */
.days {
  display:flex; gap:10px; flex-wrap:wrap;
  margin: 12px 0 24px;
}

.day {
	width: 150px;
	height: 220px;
	box-shadow: 0px 10px 20px #0000000A;
	border: 1px solid #FFFFFF;
	border-radius: 105px;
	opacity: 1;
	font-size: 60px;
	font-family: 'ProximaNova-Bold';
	color: #364B5C;
}

.day span {
	font-size: 16px;
	font-family: 'ProximaNova-Bold';
}

.day:hover{ 
	transform: translateY(-1px); 
}

.day.active {
	color:#fff;
	margin-top: -25px;
	width: 150px;
	height: 220px;
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 20px #0000000A;
	border: 1px solid #FFFFFF;
	border-radius: 105px;
	opacity: 0.85;
}

.day.done {
	color: var(--primary-color);
}

.day.done.active {
	color: #FFF;
}

.day.is-locked{ opacity:.45; }

/* ===== Kartice izzivov ===== */
.challenge{
  background: #EBEDEF;
  border-radius: 0px;
  overflow:hidden;
  margin-bottom: 18px;
  position: relative;
  min-height: 350px;
}


.challenge-header span:first-child { 
	/* color:#111827;  */
}

.challenge-header span:last-child{
	/* color: var(--color-muted); */
	font-weight:600;
	display:flex; gap:12px; align-items:center;
}
.challenge .image { 
	position: absolute;
	top: 0px;
	bottom: 2px;
	width: 30%;
	z-index: 0;
	height: 100%;
}

.challenge .image img { 
	height: 100%;
}

.challenge-content {
	margin-left: 30%;;
}

/* Vsebina kartice */
.challenge-content { 
	padding: 30px; 
}

.challenge-content h3 {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 6px;

}
.challenge-content p{ color: var(--color-muted); margin: 0 0 16px; }

.challenge-content img {
	position: absolute;
    top: 40px;
    z-index: 10000;
    width: 90px;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: auto;
}


.challenge.disabled{ opacity:.45; pointer-events:none; }

/* ===== Gumbi (CTA in ghost) ===== */
.button{
	display:block;
	align-items:center;
	justify-content:center;
	gap:8px;
	border-radius: var(--radius-pill);
	text-transform: uppercase;
	margin-top: 15px;
	background: var(--primary-color);
	color:#fff !important;
	border: none;
	padding: 15px 40px;
	border-radius: 0px;
	font-size: 20px;
	cursor: pointer;
	letter-spacing: 2px;
	font-family: ProximaNova-Bold;
}

.button:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(30,144,255,.32);
  background: var(--primary-color);
}
.button.ghost{
	background: #fff;
    border: 1px solid #e5e7eb;
    color: var(--primary-color) !important;
    box-shadow: none;
    position: absolute;
    bottom: 5px;
    right: 30px;
    z-index: 1;
}

.button.ghost.nagrade{
	right: 320px;
}

.button.ghost:hover{ border-color:#d1d5db; background:#f9fafb; }

/* Dodatni majhni elementi */
.badge{ display:inline-block; padding:.2rem .6rem; border-radius: var(--radius-pill); background:#E8F8EE; color:#0F766E; font-weight:700; font-size:.8rem; }
.hint.muted{ opacity:.7; }


header.the-origin-header {
	padding: 15px 0px;
}

header.the-origin-header .container{
    display: flex;
    align-items: center;
	position: relative;
}

header.the-origin-header .navbar-header{
     flex: 0 0 auto;           /* logo ostane levo */
}

header.the-origin-header #navbar{
     flex: 1 1 auto;           /* prostor za meni */
     display: flex !important; /* preglasi .collapse */
	 margin-top: 5px;
}

.header-clone {
	display: none;
}

header.the-origin-header #main-nav{
    float: none !important;   
    margin: 0 0 0 auto;
    display: flex;
    gap: 24px;
}
/* Prepreči float posameznih <li> */
header.the-origin-header #main-nav > li{ 
	float: none;
	display: flex;
}
/* Če je na UL še .pull-right iz teme, ga izniči */
header.the-header #main-nav.pull-right{ float: none !important; }

.banner {
	position: relative;
    top: 80px;
    /* background-color: #5C6D7A; */
    padding: 40px;
    color: #fff;
	text-align: center;
	background: #364B5C 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 30px #00000026;
	opacity: 0.8;
}

.banner p {
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-size: 20px;
    line-height: 24px;
	margin: 0;
}

.banner strong {
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-size: 20px;
    line-height: 24px;
	margin: 0;
	font-weight: bold;
}

#hero {
	height: 500px !important;
}

#blog {
	margin-top: -475px;
    z-index: 100;
    position: relative;
}

body:not(.page-id-420,.page-id-482,.page-id-486,.page-id-748,.page-id-781) .blog-layout #hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 1;
}

body.page-id-484 .blog-layout #hero::before {
	background: rgba(255, 255, 255, 0.3);
}

body.page-id-422 .blog-layout #hero::before,
body.page-id-501 .blog-layout #hero::before {
	background: rgba(255, 255, 255, 0.4);
}

.page-id-501 #blog {
	margin-top: -560px !important;
}

.blog-layout #hero {
	background: url('../../../../uploads/2025/08/naslovna-slika-1.webp') !important;
	background-size: cover !important;
	background-position: center center !important;
}

.um-page #hero {
	height: 100vh !important;
	max-height: 800px;
}

.page-id-420 #hero {
	max-height: 500px;
}

.challenge-page#hero {
	max-height: 500px;
}

.um-page .blog-title {
	text-align: center;
	color: var(--primary-color) !important;
    font-family: 'ProximaNova-Bold' !important;
    font-size: 54px;
    text-shadow: unset;
}

.um-373.um, .um-password {
	margin: 0px auto !important;
}
.um .um-form input[type=text], .um .um-form input[type=password] {
	padding: 0 12px !important;
    width: 100%;
    display: block !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px !important;
    outline: 0 !important;
    cursor: text !important;
    font-size: 13px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
}

.um-field-label {
    margin: 0px;
}

.um-field-label label {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}

.um-login .um-center, .um-password .um-center {
	text-align: center;
}

.um-login #um-submit-btn,  .um-password #um-submit-btn {
	background-color: var(--primary-color);
	color: var(--color-text-on-dark);
}

.um-link-alt, .um-field-block {
	font-family: var(--font-bold) !important;
	color: var(--color-bg-hero) !important;
}

.button:hover {
	background-color: var(--primary-color);
}

.page-id-422 .um-link-alt {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
	color: #555 !important;
}

	


.challenge-hero {
	padding-bottom: 0px;
	padding-top: 100px;
}

.challenge-hero-bottom {
	padding-top: 0;
}
  
.challenge-hero .challenge-meta{
	background: var(--primary-color);
	color:#fff;
	padding: 25px 35px 25px 20px;
	display:flex; align-items:center; justify-content:space-between;
	box-shadow: var(--shadow);
}

.challenge-hero-bottom .challenge-meta {
	padding: 25px;
}

.challenge-hero .badges span{
	display:inline-flex; align-items:center; gap:10px;
	padding: 8px 14px;
	background: rgba(255,255,255,.12);
	font-weight: 500;
}

.challenge-hero .badges img {
	max-height: 20px;
	max-width: 20px;

}
.challenge-hero .badges span {
	position: relative;
	top: 0px;

	background: none !important;
}

.challenge-hero .back a{
	display:inline-block;
	color: #fff;
	background: var(--primary-color);
	border: 1px solid #fff;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 2%;
	padding: 10px 20px;
}
.challenge-hero .back a:hover{ 
/* 	background: rgba(255,255,255,.12);  */
}

/* ===== Naslov/kicker ===== */
.kicker{
	margin: 28px 0 6px;
	color: var(--primary-color);
	text-transform: uppercase;
	font-family: var(--font-extrabold) !important;
	font-size: 60px;
	text-align: center;
}
.challenge-page h1{ 
	margin-top:0;
	color: var(--primary-color);
	text-align: center;
}

.challenge-detail {
	padding: 0px;
}

/* ===== Lead + badge “opravljeno” ===== */
.challenge-detail .lead{
	/* margin: 18px 0 8px; */
}
.challenge-detail .badge{
	display:inline-block;
	margin-left:10px;
	padding:6px 10px;
	background:#10B981; color:#fff; border-radius:999px; font-weight:600;
}

.challenge-detail {
	padding-top: 0px;
}

.page-id-420 #hero.challenge-page::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.4);
	z-index: 1;
}

.page-id-420 #hero.challenge-page > * {
  position: relative;
  z-index: 2;
}

.page-id-420 #hero.challenge-page {
	height: 500px;
}

.page-id-420 #blog.challenge-page {
	margin-top: -305px;
	padding-top: 0;
}

#blog.challenge-page > .container {
	max-width: 1200px;
}

section.hero h1,
section.hero p,
section.challenge-page h1,
section.challenge-page p {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}

.banner p {
	text-shadow: unset !important;
}

/* ===== Responsivno ===== */
@media (max-width: 991px){
	#hero { 
		padding: 56px 0 40px; 
	}
	section.hero { 
		margin-top:-28px; 
	}
	.day { 
		min-width: 92px; padding: 10px 10px; 
	}
	.challenge-header,
	.challenge-header-mobile { 
		padding:14px; 
	}
	.challenge-content{ 
		padding:14px; 
	}
}

@media (max-width: 575px){
	.days{ gap:8px; }
	.day{ min-width: 84px; border-radius: 12px; }
}

/* ===== Intro grid (tekst levo, slika desno) ===== */
.intro-grid{
	display:grid;
	grid-template-columns: 1fr 420px; /* besedilo | slika */
	gap: 32px;
  }
  
  .intro-text .leadline{
	margin: 60px 0 60px;
  }

.intro-text .leadline p {
	color: #242424;
	font-family: var(--font-light);
	font-size: 20px;
	line-height: 34px;
}

.intro-text .leadline p strong {
	color: #242424;
	font-family: var(--font-bold);
	font-size: 24px;
}
  
  .intro-media{
	margin: 0; /* odstrani default figure margin */
  }
  
  .intro-media img{
	width: 100%;
	height: 300px;
	display: block;
	object-fit: cover;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
  }
  
  /* ——— Responsivno (tablet & mobitel) ——— */
  @media (max-width: 1024px){
	.intro-grid{
	  grid-template-columns: 1fr 360px;
	  gap: 24px;
	}
  }
  
  @media (max-width: 768px){
	.intro-grid{
	  grid-template-columns: 1fr; /* stacked */
	}
	.intro-media{
	  order: 2;           /* slika pod besedilom */
	  margin-top: 12px;
	}
	.intro-text{
	  order: 1;
	}

	.intro-text .leadline{
		margin: 14px 0 14px;
	}
  }

  .challenge-work{
	background:#f3f5f7;
	padding:24px;
	/* border-radius:10px; */
	margin:80px 0 36px;
	display:none;        /* skrito do klika */
	position: relative;
  }
  .challenge-work.show{ display:block; }
  
  .challenge-notice{
	background:#fff;
	border-left:4px solid #23a559;
	padding:10px 12px;
	border-radius:6px;
	margin:14px 0 8px;
  }
  
  .challenge-work .form-group{ margin-bottom:14px; }
  .challenge-work .hint.muted{ color:#6b7280; }

#challengeWork .form-group label {
	color: #364B5C;
	font-size: 16px;
	font-family: var(--font-light);
	margin-bottom: 15px;
	margin-left: 45px;
}

#challengeWork .form-group label:nth-of-type(1) {
	margin-left: 0;
}

#challengeWork .form-group label strong {
	color: #364B5C;
	font-size: 24px;
	font-family: var(--font-bold);
}

#challengeWork .form-group label strong span {
	font-family: var(--font-black);
	font-size: 45px;
}

#challengeWork .form-group label small {
	font-family: 'ProximaNova-Light' !important;
	margin-left: 45px;
	font-style: italic;
}

.ch4-drugo {
	display: flex;
	max-width: 500px;
	gap: 10px;
	flex-direction: column;
}

.ch4-drugo span {
	white-space: nowrap;
}

.ch4-drugo input {
	margin-bottom: 0;
}

.izziv-odgovorite-na-vprasanja {
	position: absolute;
	top: -70px;
	font-family: 'ProximaNova-Light' !important;
	font-size: 40px;
	color: var(--primary-color);
	left: 0;
}

.challenge-complete-content h2 {
	font-family: var(--font-bold) !important;
	color: var(--primary-color) !important;
}

.challenge-complete-content .lead-complete {
	font-size: 20px !important;
}

.challenge-complete-content ul {
	margin-bottom: 20px;
}

.challenge-complete-content .signature {
	font-size: 20px !important;
}

@media (max-width: 991px) {
	.tretji-izziv-mobile {
		margin-top: 100px;
	}
}

@media (max-width: 576px) {
	.tretji-izziv-mobile {
		margin-top: 170px;
	}

	.izziv-odgovorite-na-vprasanja {
		top: -120px;
	}

	#challengeWork .form-group label {
		margin-left: 25px;
	}
}

/* Rezultat: tekst levo, merilnik desno */
.score-wrap{
	display:grid;
	grid-template-columns: 1fr 360px;
	gap: 28px;
	align-items: center;
	background: #f3f5f7;        /* če je že v sivem bloku, lahko to vrstico odstraniš */
	/* padding: 18px; */
	border-radius: 10px;
	margin-top: 12px;
  }
  .score-copy h4 { 
	margin:0 0 6px;
	color: var(--primary-color); 
	font-size: 28px;
}

.score-copy ul{ 
	margin:8px 0 10px 18px; 
}

.score-copy ul li { 
	list-style: disc;
}

  .score-big{
	font-size: 34px;
	font-weight: 800;
	margin: 6px 0 0;
  }

.score-visual {
	margin: 0;
	width: 300px;
}

  .score-visual img{
	width:100%;
	height:auto;
	display:block;
	border-radius:10px;
  }
  
@media (max-width: 768px) {
	.score-wrap {
		grid-template-columns:1fr;
	}

	.navbar-nav {
		margin-top: 40px;
	}
}

  .score-wrap{ position: relative; }          /* omogoči absolutno pozicioniranje */
.score-big.centered{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin:0;
  font-size:48px;           /* po želji */
  line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,.15); /* da je čitljivo nad slikco */
  z-index:2;
}

main#main-content {
	box-shadow: unset;
	border-bottom: 1px solid #707070;
}



/* Popravki vstopna stran */
.home #herohero2 h4 {
	line-height: 3rem;
}

/* ===== MOBILNA ODZIVNOST ===== */

@media (max-width: 767px) {
	.copyright p {
		padding: 0 15px;
	}
}

/* Tablice (do 1024px) */
@media (max-width: 1024px) {
	#herohero2 .text-shadow-medium::before,
	#herohero2 .text-shadow-medium::after {
		font-size: 56px;
	}
	
	#herohero2 .text-shadow-medium {
		margin-right: 50px;
	}
	
	.hero-content h4::before,
	.hero-content h4::after {
		font-size: 32px;
	}
	
	#features-first .container {
		width: 100%;
		padding: 0 20px;
	}
	
	#features-first .section-heading {
		margin-left: 0;
		margin-right: 0;
		font-size: 48px;
		line-height: 56px;
	}
	
	.footer-content, .footer-social, .footer-addition {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.footer-addition img {
		float: none;
	}
}

/* Manjše tablice in veliki telefoni (do 768px) */
@media (max-width: 768px) {
	
	.challenge.done .challenge-content h3, .challenge.done .challenge-content p,  .challenge.done .challenge-header {
		display: none;
	}

	.challenge-header-mobile {
		display: flex;
	}
	
	#navbar {
        background-color: #fff !important; 
		margin-top: 57px;
	}
	
	.header-stick {
		display: none !important;
	}
	
	/* Hero sekcija (podobno kot desktop) */
	#herohero2 .text-shadow-medium {
		margin-right: 0;
		margin-top: 30px;
		line-height: 1.1;
		color: var(--primary-color);
	}
	
	#herohero2 .text-shadow-medium::before {
		font-size: 52px;
		display: inline;
		color: var(--primary-color);
	}
	
	#herohero2 .text-shadow-medium::after {
		font-size: 52px;
		line-height: 1.1;
		color: var(--primary-color);
	}
	
	#herohero2 .lead.zero-bottom {
		font-size: 16px;
		color: var(--primary-color);
	}
	
	/* Hero obrazec - bela na rdečem */
	.hero-content h4 {
		line-height: 1.2;
		color: #fff;
	}
	
	.hero-content h4::before {
		font-size: 32px;
		display: inline;
		color: #fff;
	}
	
	.hero-content h4::after {
		font-size: 32px;
		color: #fff;
	}
	
	.hero-content p,
	.hero-content .zero-bottom {
		color: #fff;
	}
	
	.hero-split-right {
		display: none !important;
	}
	
	/* Obrazec - polja v stolpec */
	.um-col-121,
	.um-col-122,
	#um_field_372_user_password,
	#um_field_372_confirm_user_password {
		width: 100% !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.um-col-121,
	#um_field_372_user_password {
		margin-bottom: 10px;
	}
	
	#um-submit-btn {
		width: 100%;
	}
	
	/* Dnevi - časovnica */
	.days {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: -40px;
	}
	
	.day {
		width: 100px;
		height: 150px;
		font-size: 40px;
		border-radius: 70px;
	}
	
	.day.active {
		width: 100px;
		height: 150px;
		margin-top: -15px;
		border-radius: 70px;
	}
	
	/* Kartice izzivov */
	.challenge {
		min-height: auto;
	}
	
	.challenge .image {
		position: relative;
		width: 100%;
		height: 200px;
	}
	
	.challenge .image img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}

	#izziv4 .image img {
		object-position: 100% 20%;
	}
	
	.challenge-content {
		margin-left: 0;
	}
	
	.challenge-header,
	.challenge-header-mobile {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
	
	.challenge-header span,
	.challenge-header-mobile span {
		font-size: 28px;
		line-height: 34px;
	}
	
	.challenge-content .button {
		position: relative;
		float: none;
		right: auto;
		bottom: auto;
		margin: 0px 2%;
		margin-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.button.ghost {
		position: relative;
		bottom: auto;
		right: auto;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		margin-top: 5px;
	}
	
	.button.ghost.nagrade {
		right: auto;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	
	/* Sekcije */
	.section-heading {
		font-size: 36px;
		line-height: 44px;
	}

	#features-first {
		padding-top: 50px;
	}

	#features-first .section-heading {
		font-size: 36px;
		line-height: 44px;
	}

	#features-first .container {
		padding: 0;
	}

	#features-first .the-feature {
		margin-bottom: 20px;
	}

	/* Hero višina */
	#hero {
		height: auto !important;
		min-height: 500px;
	}
	
	.um-page #hero {
		height: auto !important;
		max-height: none;
	}
	
	.um-link-alt {
		color: red !important;
	}
	
	#blog {
		margin-top: -350px;
	}
	
	.um-page #blog {
		margin-top: -400px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	/* Banner */
	.banner {
		top: 60px;
		padding: 25px 15px;
	}
	
	.banner p {
		font-size: 16px;
		line-height: 20px;
	}
	
	/* Intro grid */
	.intro-grid {
		grid-template-columns: 1fr;
	}
	
	/* How it works - skrij podvojene naslove */
	.how-it-works-info {
		padding: 40px 5%;
	}
	
	.how-it-works-title {
		display: none;
	}
	
	.how-it-works-info h3 {
		color: var(--primary-color);
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	.how-it-works-info img {
		margin-bottom: 15px;
		filter: brightness(0) saturate(100%) invert(12%) sepia(97%) saturate(6000%) hue-rotate(357deg) brightness(95%) contrast(118%);
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.how-it-works-info p {
		color: #555;
	}
	
	/* Attention box */
	.attention-box h4 {
		font-size: 20px;
	}
	
	.attention-box p {
		font-size: 16px;
	}
	
	.attention-box .contact-trigger, .cta-default {
		font-size: 16px;
		padding: 12px 25px;
		text-align: center;
	}

	.hero-form-wrapper {
		background-color: rgba(210, 10, 16, 0.85) !important;
	}
	
	header.the-origin-header {
		padding: 15px 0px;
	}

	header.the-origin-header .container{
		display: block;
		align-items: unset;
		position: unset;
	}

	header.the-origin-header .navbar-header{
		 flex: unset;           /* logo ostane levo */
	}

	header.the-origin-header #navbar{
		 flex: unset;           /* prostor za meni */
		 display: none !important; /* preglasi .collapse */
	}
	
	.the-origin-header #main-nav {
		display: none !important;
	}

	.header-clone {
		display: block;
	}

	/* UL na sredino */
	/*header.the-origin-header #main-nav{
 		float: none !important;   
		margin: 0 auto;    
		display: flex;
		gap: 24px;
	}*/
	/* Prepreči float posameznih <li> */
	header.the-origin-header #main-nav > li{ 
		float: none; 
	}
	
	header.the-origin-header .profile {
		display: none;
	}
}

ul.profile {
	display: none;
}

/* Mobilni telefoni (do 576px) */
@media (max-width: 576px) {
	
	.challenge {
		width: 100%;
	}
	
	
	.navbar-toggle span {
		color: 	#242424;
		display: block;
		margin-top: -10px;
	}
	
	.header-clone .profile {
		position: absolute;
		right: 20px;
		top: 70px;
		font-size: 13px;
	}
	
	/* Hero sekcija - naslov (podobno kot desktop) */
	#herohero2 .text-shadow-medium {
		margin-right: 0;
		margin-top: 30px;
		line-height: 1.1;
		display: block;
		color: var(--primary-color);
	}
	
	#herohero2 .text-shadow-medium::before {
		font-size: 42px;
		display: inline;
		color: var(--primary-color);
	}
	
	#herohero2 .text-shadow-medium::after {
		font-size: 42px;
		line-height: 1.1;
		color: var(--primary-color);
	}
	
	#herohero2 .lead.zero-bottom {
		font-size: 14px;
		margin-bottom: 10px;
		color: var(--primary-color);
	}
	
	#herohero2 .zero-bottom {
		font-size: 14px;
	}
	
	#herohero2 {
		padding-bottom: 5px;
	}
	
	.hero-form-wrapper {
		display: flex;
    	flex-direction: column;
	}
	
	#what-we-do, .how-it-works-col, #what-we-do-2 {
		padding: 15px 0px;
	}
	
	.the-feature .feature-icon {
		margin: 0px auto;
	}
	
	.how-it-works-col li {
		margin-bottom: 0px !important;
	}
	
	#what-we-do-2 p {
		margin: 0px;
	}
	
	#main-footer {
		margin-top: 30px;
	}
	
	.expandable-gallery-nav li a {
		display: none;
	}
	
	
	/* Hero obrazec naslov - bela na rdečem ozadju */
	.hero-content h4 {
		line-height: 1.2;
		margin-bottom: 15px;
		color: #fff;
	}
	
	.hero-content h4::before {
		font-size: 28px;
		display: inline;
		color: #fff;
	}
	
	.hero-content h4::after {
		font-size: 28px;
		color: #fff;
	}
	
	.hero-content p,
	.hero-content .zero-bottom {
		color: #fff;
	}
	
	section.hero h1 {
		font-size: 36px;
		line-height: 42px;
		margin-left: -30px;
		margin-right: -30px;
	}
	
	section.hero p {
		font-size: 14px;
		padding: 15px;
	}
	
	.the-origin-header a.logo img {
		width: 160px !important;
	}
	
	.navbar-brand.logo {
		position: relative;
		left: auto;
		top: auto;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	
	header.the-header .container {
		justify-content: center;
	}
	
	header.the-header .navbar-header {
		width: 100%;
		text-align: center;
	}

	.days {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	/* Dnevi - časovnica */
	.day {
		width: 70px;
		height: 110px;
		font-size: 28px;
		border-radius: 50px;
	}
	
	.day span {
		font-size: 12px;
	}
	
	.day.active {
		width: 70px;
		height: 110px;
		margin-top: 0px;
		border-radius: 50px;
	}
	
	/* Kartice izzivov */
	.challenge-header span,
	.challenge-header-mobile span {
		font-size: 22px;
		line-height: 28px;
	}
	
	.challenge-content h3 {
		font-size: 18px;
		line-height: 22px;
	}
	
	.challenge-content p {
		font-size: 14px;
	}
	
	.challenge.done::after {
		font-size: 28px;
		top: -20px;
	}
	
	/* Sekcije */
	.section-heading {
		font-size: 28px;
		line-height: 34px;
	}
	
	#features-first .section-heading {
		font-size: 40px;
		line-height: 1.1;
	}
	
	/* Kicker */
	.kicker {
		font-size: 36px;
	}
	
	.challenge-page h1 {
		font-size: 28px;
	}
	
	/* Challenge detail */
	.score-copy h4 {
		font-size: 22px;
	}

	#challengeWork .form-group label:nth-of-type(1) {
		line-height: 1.15;
	}
	
	#challengeWork .form-group label strong {
		font-size: 20px;
	}

	#challengeWork .form-group label strong span {
		font-size: 35px;
	}
	
	/* Obrazec */
	.um-field-block {
		font-size: 14px !important;
	}
	
	.um-field-checkbox-option, .um-field-radio-option {
		font-size: 12px !important;
	}
	
	#um-submit-btn {
		font-size: 16px;
		height: 50px;
	}
	
	/* Banner */
	.banner {
		top: 50px;
		padding: 20px 10px;
	}
	
	.banner p {
		font-size: 14px;
		line-height: 18px;
	}
	
	/* Footer */
	.footer-content img {
		max-width: 200px;
	}
	
	/* Blog/izzivi stran */
	#blog {
		margin-top: -300px;
	}
	
	.page-id-420 #hero.challenge-page {
		height: 400px;
	}
	
	.page-id-420 #blog.challenge-page {
		margin-top: -280px;
	}
	
	.challenge-meta {
		display: block !important;
	}

	.challenge-hero-bottom .challenge-meta {
		display: flex !important;
		flex-direction: column;
		gap: 25px;
	}
	
	.challenge-meta .badges {
		display: block;
		width: 100%;
	}
	
	.challenge-meta .badges {
		display: block;
		width: 100%;
	}
	
	.challenge-meta .back {
		display: block;
		width: 100%;
	}
	
	.challenge-meta .back a { 
	    width: 100%;
    	text-align: center;
	}
	
	.um-page .blog-title {
		font-size: 28px !important;
	}
}

@media (max-width: 576px) {
	#hero {
		min-height: 450px;
	}

	.um-page #hero {
		height: 450px !important;
		min-height: unset;
		max-height: none;
	}

	body:not(.page-id-422,.page-id-501) #blog {
		padding-top: 0;
	}

	body.page-id-501 #blog {
		padding-top: 160px;
		padding-bottom: 100px;
	}

	.days {
		margin-top: 50px;
	}
}

@media (max-width: 398px) {
	.days {
		margin-top: -20px;
	}
}

@media (max-width: 767px) {
	body:not(.logged-in) .navbar-toggle {
		display: none;
	}
}

/* ===== IZZIV 1: Branje računa za elektriko ===== */
.challenge-intro-text p {
	color: #364B5C;
	font-size: 24px;
	font-family: var(--font-bold) !important;
}

.racun-image {
	margin: 20px 0 30px;
	text-align: center;
}

.racun-image img {
	max-width: 100%;
	height: auto;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.input-with-unit {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 300px;
	margin-top: 8px;
}

.input-with-unit input {
	flex: 1;
	padding: 10px 14px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 16px;
	outline: none;
	transition: border-color 0.2s;
}

.input-with-unit input:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(210, 10, 16, 0.1);
}

.input-with-unit .unit {
	font-weight: 600;
	color: #6b7280;
	font-size: 16px;
	min-width: 30px;
}

#challengeWork .form-group.correct {
	background: #ecfdf5;
	padding: 16px;
	border-radius: 8px;
	border-left: 4px solid #10b981;
	margin-bottom: 20px;
}

#challengeWork .form-group.wrong {
	background: #fef2f2;
	padding: 16px;
	border-radius: 8px;
	border-left: 4px solid #ef4444;
	margin-bottom: 20px;
}

#challengeWork .form-group .hint a {
	color: var(--primary-color);
	text-decoration: underline;
}

#challengeWork .form-group .hint a:hover {
	text-decoration: none;
}

/* Zavihki za položnico */
.racun-tabs {
	margin: 20px 0 30px;
}

.racun-tabs-nav {
	display: flex;
	gap: 0;
	margin-bottom: 0;
}

.racun-tab-btn {
	flex: 1;
	padding: 14px 24px;
	background: #e5e7eb;
	border: 1px solid #d1d5db;
	border-bottom: none;
	font-size: 16px;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
}

.racun-tab-btn:first-child {
	border-radius: 8px 0 0 0;
}

.racun-tab-btn:last-child {
	border-radius: 0 8px 0 0;
}

.racun-tab-btn:hover {
	background: #f3f4f6;
	color: #374151;
}

.racun-tab-btn.active {
	background: #fff;
	color: var(--primary-color);
	border-color: #d1d5db;
	border-bottom-color: #fff;
	position: relative;
	z-index: 1;
}

.racun-tabs-content {
	border: 1px solid #d1d5db;
	border-radius: 0 0 8px 8px;
	background: #fff;
	padding: 20px;
	margin-top: -1px;
	overflow: hidden;
}

.racun-tab-panel {
	display: none;
	margin: 0;
}

.racun-tab-panel.active {
	display: block;
}

.racun-tabs .racun-image {
	margin: 0;
}

.racun-tabs .racun-image img {
	border: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* ===== IZZIV 7: Igra Spomin ===== */
.spomin-intro {
	text-align: center;
	padding: 30px;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 20px;
}

.spomin-intro h3 {
	color: var(--primary-color);
	margin-bottom: 20px;
	font-size: 24px;
}

.spomin-intro ul {
	text-align: left;
	max-width: 500px;
	margin: 0 auto 24px;
	padding-left: 20px;
}

.spomin-intro ul li {
	margin-bottom: 10px;
	color: #364B5C;
}

.spomin-game {
	padding: 20px;
	background: #f3f5f7;
	border-radius: 12px;
}

.spomin-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-width: 450px;
	margin: 0 auto;
}

.spomin-card {
	aspect-ratio: 1;
	perspective: 1000px;
	cursor: pointer;
}

.spomin-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}

.spomin-card.flipped .spomin-card-inner,
.spomin-card.matched .spomin-card-inner {
	transform: rotateY(180deg);
}

.spomin-card-front,
.spomin-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.spomin-card-front {
	background: var(--primary-color);
}

.spomin-card-front img,
.spomin-card-back img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.spomin-card-back {
	transform: rotateY(180deg);
	background: #fff;
}

.spomin-card.matched {
	opacity: 0.7;
	cursor: default;
}

.spomin-card.matched .spomin-card-back {
	box-shadow: 0 0 0 3px #10b981;
}

.spomin-status {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	color: #364B5C;
}

.spomin-status strong {
	color: var(--primary-color);
	font-size: 24px;
}

.spomin-complete {
	text-align: center;
	padding: 30px;
	background: #fff;
	border-radius: 12px;
}

.spomin-congrats h3 {
	color: var(--primary-color);
	font-size: 28px;
	margin-bottom: 16px;
}

.spomin-congrats p {
	color: #364B5C;
	margin-bottom: 12px;
}

.spomin-congrats ul {
	text-align: left;
	max-width: 400px;
	margin: 16px auto 24px;
	padding-left: 20px;
}

.spomin-congrats ul li {
	margin-bottom: 8px;
	color: #364B5C;
}

.spomin-complete .contact-option {
	background: #f3f5f7;
	padding: 20px;
	border-radius: 8px;
	margin: 24px 0;
	text-align: left;
}

.spomin-complete .contact-option label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: 600;
	color: #364B5C;
}

.spomin-complete .contact-option input[type="text"] {
	margin-top: 12px;
	width: 100%;
	padding: 12px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 16px;
}

.spomin-complete .contact-option input[type="text"]:focus {
	border-color: var(--primary-color);
	outline: none;
	box-shadow: 0 0 0 3px rgba(210, 10, 16, 0.1);
}

.challenge-complete-content ul li {
	list-style: disc;
	margin-left: 20px;
}

/* Responsive za Spomin */
@media (max-width: 576px) {
	.spomin-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.spomin-intro h3 {
		font-size: 20px;
	}
	
	.spomin-congrats h3 {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.sedmi-izziv-mobile {
		background: #fff;
		padding: 0;
	}

	.spomin-game {
		background: #fff;
		padding: 0;
	}

	.spomin-grid {
		gap: 8px;
		max-width: 100%;
	}
}



/* Opravi energetsko misijo landing */
.opravi-energetsko-misijo {
	margin-top: 50px !important;
}

.opravi-energetsko-misijo,
.opravi-energetsko-misijo-tekst,
.opravi-energetsko-misijo-tekst2 {
	max-width: 990px;
	margin: 0 auto;
}

.opravi-energetsko-misijo p {
	color: var(--primary-color);
	font-family: var(--font-light) !important;
	font-size: 60px;
	line-height: 100%;
}

.opravi-energetsko-misijo strong {
	color: var(--primary-color);
	font-family: var(--font-extrabold);
	font-size: 60px;
}

.opravi-energetsko-misijo-tekst {
	margin-top: 60px;
	margin-bottom: 15px;
}

.opravi-energetsko-misijo-tekst p {
	font-family: var(--font-bold) !important;
	font-size: 20px;
}

.opravi-energetsko-misijo-tekst strong {
	font-family: var(--font-black);
	font-size: 20px;
	font-synthesis: none;
}

.opravi-energetsko-misijo-tekst2 {
	font-size: 20px;
}

.opravi-energetsko-misijo-tekst2 {
	margin-bottom: 80px;
}

@media (max-width: 576px) {
	.opravi-energetsko-misijo-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

	.opravi-energetsko-misijo {
		margin-top: 0 !important;
	}

	.opravi-energetsko-misijo strong,
	.opravi-energetsko-misijo p {
		font-size: 40px;
		line-height: 1.1;
	}
}

/* Nagrade - landing */
#nagrade {
	position: relative;
	width: 1146px;
	height: 520px;
	padding: 50px 30px 50px 30px;
	margin: 0 auto;
	zoom: 0.7;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

#nagrade::before {
	background: url('../../../../uploads/2026/01/bejba-levo.png');
	position: absolute;
	z-index: 999;
	width: 398px;
	height: 864px;
	left: -327px;
	top: 250px;
	zoom: 0.7;
}

#nagrade::after {
	background: url('../../../../uploads/2026/01/tip-desno.png');
	position: absolute;
	z-index: 999;
	width: 444px;
	height: 851px;
	right: -375px;
	top: 250px;
	zoom: 0.7;
}

#prva-nagrada {
	width: 1046px !important;
	height: 427px !important;
	padding: 0;
}

#prva-nagrada .wpb_column {
	height: 100%;
}

#prva-nagrada .vc_column-inner {
	padding: 0;
}

#prva-nagrada-napis p {
	position: absolute;
	top: -30px;
	color: #FFF;
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
}

#prva-nagrada-naslov {
	margin-top: 70px;
	margin-bottom: 45px;
}

#prva-nagrada-naslov p {
	font-family: 'ProximaNova-Black' !important;
	font-size: 60px;
	color: #FFF;
}

#prva-nagrada-naslov p:first-of-type {
	font-size: 90px;
	line-height: 70%;
}

#prva-nagrada-tekst {
	max-width: 680px;
	margin-left: 30px;
}

#prva-nagrada-tekst p {
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
}

#prva-nagrada-izvedi-vec p {
	position: absolute;
	bottom: 40px;
	right: 50px;
	color: #FFF;
	font-family: 'ProximaNova-Light' !important;
	font-size: 18px;
}

#druga-tretja-nagrada {
	width: 1146px;
	margin: 0 auto;
	zoom: 0.7;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	overflow: hidden;
	position: relative;
	z-index: -1;
}

#druga-tretja-nagrada .vc_col-sm-8 {
	width: 700px !important;
}

#druga-tretja-nagrada .vc_col-sm-4 {
	width: 446px !important;
}

#druga-nagrada-wrapper {
	width: 666px !important;
	height: 399px !important;
	padding: 10px 20px 40px 20px;
	margin: 0 !important;
}

.druga-nagrada .wpb_column {
	height: 100%;
}

.druga-nagrada .vc_column-inner {
	height: 356px !important;
	padding: 0;
}

#druga-nagrada-napis p {
	position: absolute;
	top: -30px;
	color: #FFF;
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
}

#druga-nagrada-naslov {
	margin-top: 50px;
}

#druga-nagrada-naslov p {
	font-family: 'ProximaNova-Black' !important;
	font-size: 42px;
	color: #FFF;
}

#druga-nagrada-naslov p:first-of-type {
	font-size: 60px;
	line-height: 70%;
}

.druga-nagrada-slika {
	margin-left: 30px;
}

#druga-nagrada-tekst {
	max-width: 680px;
	margin-left: 30px;
}

#druga-nagrada-tekst p {
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
}

#druga-nagrada-izvedi-vec p {
	position: absolute;
	bottom: 40px;
	right: 50px;
	color: #FFF;
	font-family: 'ProximaNova-Light' !important;
	font-size: 18px;
}

#tretja-nagrada-wrapper {
	width: 417px !important;
	height: 399px !important;
	padding: 10px 20px 40px 40px;
	margin: 0 !important;
}

.tretja-nagrada .vc_column-inner {
	height: 358px !important;
	padding: 0;
}

.tretja-nagrada .wpb_column {
	height: 100%;
}

#tretja-nagrada-napis p {
	position: absolute;
	top: -30px;
	color: var(--primary-color);
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
}

#tretja-nagrada-naslov {
	margin-top: 60px;
}

#tretja-nagrada-naslov p {
	font-family: 'ProximaNova-Black' !important;
	font-size: 42px;
	color: var(--primary-color);
}

#tretja-nagrada-naslov p:first-of-type {
	font-size: 62px;
	margin-bottom: 25px;
}

@media (min-width: 768px) {
	#tretja-nagrada-naslov p {
		font-size: 30px;
		margin-bottom: 20px;
	}
}

#tretja-nagrada-tekst {
	margin-left: 30px;
}

#tretja-nagrada-tekst p {
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
	line-height: 30px;
	color: #898989;
}

#tretja-nagrada-izvedi-vec p {
	position: absolute;
	bottom: 40px;
	right: 50px;
	color: #898989;
	font-family: 'ProximaNova-Light' !important;
	font-size: 18px;
}

#nagrade-gumb {
	width: 1146px;
	margin: 40px auto 100px auto !important;
	zoom: 0.7;
}

#nagrade-gumb .vc_column-inner {
	padding: 0;
}

#nagrade-gumb .wpb_wrapper {
	display: flex;
	justify-content: end;
}

#nagrade-gumb a {
	font-size: 30px;
	background: #364B5C;
	color: #FFF;
	text-transform: uppercase;
	padding: 30px 60px !important;
}

@media (max-width: 1169px) {
	#nagrade::before {
		display: none;
	}

	#nagrade::after {
		display: none;
	}
}

@media (max-width: 820px) {
	#nagrade,
	#druga-tretja-nagrada,
	#nagrade-gumb {
		zoom: 0.5;
	}

	#druga-tretja-nagrada {
		display: flex;
		flex-direction: column;
	}

	#druga-tretja-nagrada .vc_col-sm-8 {
		width: unset !important;
	}

	.vc_custom_1767787471770 {
		background-image: url('../../../../uploads/2026/01/Oblacek-glavna-nagrada.svg') !important;
		width: 1046px !important;
		height: 427px !important;
		padding: 0;
	}

	.vc_custom_1767789388521 {
		width: 1146px;
		height: 520px;
		padding: 50px 30px 50px 30px;
	}

	.druga-nagrada .vc_column-inner {
		height: 427px !important;
		margin: 0 auto;
	}

	#druga-nagrada-wrapper {
		width: 100% !important;
		height: unset !important;
	}

	.vc_custom_1767789409095 {
		background-image: url('../../../../uploads/2026/01/Oblacek-tretja-nagrada-mobile.svg') !important;
		width: 1046px !important;
		height: 427px !important;
		padding: 0;
	}

	#druga-tretja-nagrada .vc_col-sm-4 {
		width: unset !important;
	}

	#tretja-nagrada-wrapper {
		width: 100% !important;
		height: unset !important;
	}

	.tretja-nagrada .vc_column-inner {
		height: 427px !important;
	}

	.vc_custom_1767786697858 {
		padding-bottom: 40px;
	}
}

@media (max-width: 600px) {
	#nagrade,
	#druga-tretja-nagrada,
	#nagrade-gumb {
		zoom: 0.3;
	}

	#prva-nagrada-tekst p,
	#druga-nagrada-tekst p,
	#tretja-nagrada-tekst p {
		font-size: 36px;
	}

	#prva-nagrada-izvedi-vec p,
	#druga-nagrada-izvedi-vec p,
	#tretja-nagrada-izvedi-vec p {
		font-size: 30px;
	}

	#prva-nagrada-izvedi-vec p {
		right: 40px;
	}

	#nagrade-gumb a {
		font-size: 40px;
		padding: 40px 80px !important;
	}
}

@media (max-width: 450px) {
	.vc_custom_1767789409095 {
		width: 1045px !important;
	}
}



/* Konkretni nasveti - landing */
#konkretni-nasveti-wrapper {
	position: relative;
	width: 1146px;
	height: 520px;
	padding: 50px 30px 50px 30px;
	margin: 0 auto;
	zoom: 0.7;
	border-radius: 3px;
}

#konkretni-nasveti {
	width: 1046px !important;
	height: 427px !important;
	padding: 0;
}

#konkretni-nasveti .wpb_column {
	height: 100%;
}

#konkretni-nasveti .vc_column-inner {
	padding: 0;
}

#konkretni-nasveti-naslov {
	max-width: 700px;
	margin-top: 80px;
	margin-bottom: 25px;
}

#konkretni-nasveti-naslov p {
	font-family: 'ProximaNova-Black' !important;
	font-size: 60px;
	color: #FFF;
	line-height: 100%;
}

#konkretni-nasveti-tekst {
	margin-left: 30px;
	margin-bottom: 15px;
}

#konkretni-nasveti-tekst p {
	font-family: 'ProximaNova-Light' !important;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
}

#konkretni-nasveti-tekst2 {
	margin-left: 30px;
}

#konkretni-nasveti-tekst2 p {
	font-family: 'ProximaNova-Bold' !important;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
}

#konkretni-nasveti-gumb {
	width: 1146px;
	margin: 40px auto 100px auto !important;
	zoom: 0.7;
}

#konkretni-nasveti-gumb .vc_column-inner {
	padding: 0;
}

#konkretni-nasveti-gumb .wpb_wrapper {
	display: flex;
	justify-content: end;
}

#konkretni-nasveti-gumb a {
	font-size: 30px;
	background: #364B5C;
	color: #FFF;
	text-transform: uppercase;
	padding: 30px 60px !important;
}

@media (max-width: 820px) {
	#konkretni-nasveti-wrapper,
	#konkretni-nasveti-gumb {
		zoom: 0.5;
	}
}

@media (max-width: 600px) {
	#konkretni-nasveti-wrapper,
	#konkretni-nasveti-gumb {
		zoom: 0.3;
	}

	#konkretni-nasveti-tekst {
		margin-right: 30px;
	}

	#konkretni-nasveti-tekst p,
	#konkretni-nasveti-tekst2 p {
		font-size: 34px;
	}

	#konkretni-nasveti-gumb a {
		font-size: 40px;
		padding: 40px 80px !important;
	}
}

@media (max-width: 450px) {
	#konkretni-nasveti {
		height: 425px !important;
	}
}

/* Strani */
h1.blog-title {
	position: relative;
	z-index: 2;
}

/* Popravek za nogo na strani Izgubljeno geslo */
.page-id-501 #main-footer {
	padding-top: 120px !important;
}

@media (max-width: 576px) {
	.page-id-501 #main-footer {
		padding-top: 0 !important;
	}
}

/* Podstran Nagrade */
.page-id-482 .blog-layout #hero {
	background-image: url('../../../../uploads/2026/01/nagrade-naslovna2.webp') !important;
}

.page-id-482 section.hero {
	margin-bottom: 230px;
}

.page-id-482 .hero h1 {
	margin-bottom: 30px;
}

.page-id-482 .hero p {
	padding: 0;
}

.nagrade-opravljeni-izzivi {
	margin-bottom: 10px;
}

.nagrade-opravljeni-izzivi h2 {
	font-size: 52px;
	color: var(--primary-color);
}

.nagrade-stevec {
	background-image: url('../images/nagrade-stevec-oblak.svg');
	width: 161px;
	height: 72px;
	overflow: hidden;
	color: #FFF;
	font-family: 'ProximaNova-Black';
	font-size: 32px;
	display: flex;
	justify-content: center;
	padding-top: 7px;
	position: relative;
}

.nagrade-misija {
	display: flex;
	position: relative;
}

.nagrade-crta {
	background-color: var(--primary-color);
	height: var(--nc-h-desktop);
	width: var(--nc-w-desktop);
	position: absolute;
	top: 23px;
	z-index: 1;
	left: -20px;
	border-radius: 5px;
}

.nagrade-izzivi {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.nagrade-izziv {
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2;
}

.nagrade-izziv-krog-wrapper {
	width: 53px;
	height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nagrade-izziv-krog.izziv-opravljeno {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	background: var(--primary-color) url('../images/nagrade-izziv-opravljeno.svg') no-repeat center/24px 24px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.nagrade-izziv-krog.izziv-v-delu {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	border: 4px solid var(--primary-color);
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	font-family: 'ProximaNova-Bold';
	font-size: 18px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.nagrade-izziv-krog.izziv-zaklenjeno {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border: 4px solid #E5E7EB;
	background: #D1D5DC url('../images/nagrade-izziv-zaklenjeno.svg') no-repeat center/18px 18px;
}

.nagrade-izziv-tekst-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nagrade-izziv-status.izziv-opravljeno {
	color: var(--primary-color);
	font-family: 'ProximaNova-Regular' !important;
	font-size: 18px;
	margin: 10px 0 0 0;
}

.nagrade-izziv-status.izziv-v-delu {
	color: var(--primary-color);
	font-family: 'ProximaNova-Bold' !important;
	font-size: 18px;
	margin: 10px 0 0 0;
}

.nagrade-izziv-status.izziv-zaklenjeno {
	color: #99A1AF;
	font-family: 'ProximaNova-Regular' !important;
	font-size: 18px;
	margin: 10px 0 0 0;
}

.nagrade-izziv-tekst {
	font-family: 'ProximaNova-Regular' !important;
	font-size: 12px;
	color: #6A7282;
}

.nagrade-darilo-velika {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 60px;
	position: relative;
	top: -7px;
}

.nagrade-darilo-tekst-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nagrade-darilo-status {
	color: #99A1AF;
	font-family: 'ProximaNova-Bold' !important;
	font-size: 18px;
	margin: 0;
	text-transform: uppercase;
}

.nagrade-darilo-tekst {
	font-family: 'ProximaNova-Regular' !important;
	font-size: 12px;
	color: #6A7282;
}

.nagrade-darilo-status-koncano,
.nagrade-darilo-tekst-koncano {
	color: var(--primary-color);
}

.nagrade-cestitamo-napredek-wrapper {
	margin-top: 100px;
}

.nagrade-cestitamo {
	margin-bottom: 10px;
}

.nagrade-cestitamo {
	font-size: 32px;
}

.nagrade-opravljeni-izzivi-tekst {
	font-size: 18px;
	margin-bottom: 15px;
}

.nagrade-opravljeni-izzivi-tekst strong {
	font-family: var(--font-extrabold);
}

.nagrade-tekst p {
	font-size: 18px;
	margin-bottom: 15px;
}

.nagrade-tekst strong {
	font-family: var(--font-extrabold);
}

.nagrade-tekst a {
	color: var(--color-text);
	text-decoration: underline;
}

.nagrade-tekst a:hover {
	color: var(--primary-color);
}

.nagrade-tekst a::after {
	display: none;
}

.nagrade-odstotek-opravljen {
	font-size: 18px;
}

.nagrade-odstotek-opravljen strong {
	color: var(--primary-color);
	font-family: var(--font-black);
	font-size: 26px;
}

.nagrade-napredek-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.nagrade-napredek {
	width: 100%;
	height: 10px;
	position: relative;
}

.nagrade-opravljeno {
	background-color: var(--primary-color);
	height: 10px;
	z-index: 2;
	position: relative;
	border-radius: 5px;
}

.nagrade-opravljeno::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: var(--primary-color);
  border-radius: 50%;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}

.nagrade-preostalo {
	width: 100%;
	height: 4px;
	position: absolute;
	top: 3px;
	background: #898989;
	z-index: 1;
}

.nagrade-darilo-mala {
	margin-left: 20px;
}

.nagrade-preostalo-tekst {
	font-size: 18px;
}

.nagrade-preostalo-tekst strong {
	font-family: var(--font-black);
}

.nagrade-preostalo-tekst ul {
	margin-left: 50px;
}

.nagrade-preostalo-tekst ul li {
	list-style: disc;
}

.nagrade-preostalo-tekst input[type="number"]::-webkit-outer-spin-button,
.nagrade-preostalo-tekst input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.nagrade-preostalo-tekst input[type="number"] {
	-moz-appearance: textfield;
}

.nagrade-preostalo-tekst a {
	color: var(--color-text);
	text-decoration: underline;
}

.nagrade-preostalo-tekst a:hover {
	color: var(--primary-color);
}

.nagrade-preostalo-tekst a::after {
	display: none;
}

#stevilka-racuna {
	margin: 20px 0;
}

#stevilka-racuna form {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 10px 0;
}

#stevilka-racuna input {
	padding: 10px;
	width: 100%;
}

#stevilka-racuna button {
	display: block;
	text-transform: uppercase;
	background: var(--primary-color);
	color: #fff !important;
	border: none;
	padding: 15px 40px;
	border-radius: 0px;
	font-size: 20px;
	cursor: pointer;
	letter-spacing: 2px;
	font-family: 'ProximaNova-Bold';
}

.stevilka-vasega-pogodbenega-racuna {
	margin-bottom: 20px;
}

.nagrade-preostalo-tekst ul li label {
	margin-top: 10px;
}

.nagrade-opis {
	max-width: 570px;
	margin: 100px auto 50px auto;
}

@media (max-width: 767px) {
	.nagrade-opis {
		margin-top: 60px;
	}
}

.nagrade-opis p,
.nagrade-opis div {
	font-size: 18px !important;
}

#zrebanje-nagrad {
	font-size: 32px !important;
}

.nagrade-opis ul {
	margin-left: 50px;
	margin-bottom: 20px !important;
}

.nagrade-opis ul li {
	list-style: disc;
}

.nagrade-opis a {
	color: var(--color-text);
	text-decoration: underline;
}

.nagrade-opis a:hover {
	color: var(--primary-color);
}

.nagrade-opis a::after {
	display: none;
}

.nagrade-opis strong {
	font-family: var(--font-extrabold);
}

.tekst-datum {
	white-space: nowrap;
}

@media (max-width: 767px) {
	.page-id-482 section.hero {
		margin-bottom: 0;
		padding: 50px 0;
	}

	.page-id-482 section#blog {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nagrade-misija {
		display: none;
		flex-direction: column;
		align-items: center;
	}

	.nagrade-izzivi {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	.nagrade-crta {
		height: var(--nc-h-mobile);
		width: var(--nc-w-mobile);
		left: unset;
		top: -10px;
		margin-left: -105px;
	}

	.nagrade-izziv {
		flex-direction: row;
		min-width: 160px;
	}

	.nagrade-izziv-tekst-wrapper {
		margin-left: 15px;
	}

	.nagrade-izziv-status {
		margin-top: 0 !important;
	}

	.nagrade-darilo-velika {
		flex-direction: row;
		margin: 40px 0 0 -10px;
	}

	.nagrade-darilo-tekst-wrapper {
		margin-left: 10px;
	}

	.nagrade-cestitamo-napredek-wrapper {
		margin-top: 30px;
	}

	.nagrade-tekst {
		margin-bottom: 70px;
	}
}

@media (min-width: 768px) {
	.nagrade-stevec {
		margin-bottom: 60px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.nagrade-darilo-velika {
		margin-left: 30px;
	}
}

@media (max-width: 567px) {
	.nagrade-opravljeni-izzivi {
		margin-top: 120px;
	}

	.nagrade-opravljeni-izzivi h2 {
		font-size: 48px;
	}

	#stevilka-racuna form {
		flex-direction: column;
	}

	.vclanitev {
		max-width: 100%;
		text-align: center;
	}
}

/* Nasveti */
.page-id-484 .blog-layout #hero {
	background-image: url('../../../../uploads/2026/01/nasveti-naslovna2.webp') !important;
}

.page-id-484 section.hero {
	margin-bottom: 230px;
}

.page-id-484 .hero h1 {
	margin-bottom: 30px;
}

.page-id-484 .hero p {
	padding: 0;
}

.nasveti-nasvet {
	padding-top: 40px;
}

.nasveti-nasvet-slika {
	max-width: 449px;
}

.nasveti-nasvet-tekst h2 {
	font-family: var(--font-bold) !important;
	font-size: 38px;
	line-height: 100%;
}

.nasveti-nasvet-tekst p {
	font-size: 18px;
}

.nasveti-nasvet-vsebina a {
	font-size: 24px !important;
	background: #364B5C !important;
	color: #FFF !important;
	text-transform: uppercase;
	padding: 30px 60px !important;
}

@media (max-width: 567px) {
	.page-id-484 section.hero {
		margin-bottom: 80px;
	}

	.nasveti-nasvet {
		margin-left: 0;
		margin-right: 0;
		padding-top: 80px;
	}

	.nasveti-nasvet-slika {
		max-width: 100%;
	}
}

/* Kontakt */
.page-id-486 .blog-layout #hero {
	background-image: url('../../../../uploads/2026/01/kontakt-naslovna.webp') !important;
}

.page-id-486 section.hero {
	margin-bottom: 230px;
}

.page-id-486 .hero h1 {
	margin-bottom: 30px;
}

.page-id-486 .hero p {
	padding: 0;
}

.kontakt-wrapper {
	display: flex;
}

.kontakt-oblacek {
	min-width: 358px;
	height: 359px;
	margin-top: 50px;
}

.kontakt-oblacek .vc_custom_1768158720851 {
	height: 100%;
	padding: 0;
}

.kontakt-e-posta {
	margin: 60px 0 30px 0;
}

.kontakt-e-posta a {
	font-family: var(--font-extrabold);
	font-size: 28px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-e-posta a::before {
	background: url('../images/kontakt-e-posta.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 25px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon {
	margin: 0;
}

.kontakt-telefon p {
	font-family: var(--font-bold) !important;
	font-size: 20px;
	color: var(--primary-color);
	line-height: 20px;
	margin: 0;
}

.kontakt-telefon p strong {
	font-family: var(--font-black);
	font-size: 30px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-telefon p strong::before {
	background: url('../images/kontakt-telefon.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 30px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon p:nth-of-type(2) {
	margin-left: 58px;
}

.kontakt-telefon p a {
	color: var(--primary-color);
}

.kontakt-e-posta p a:hover::after,
.kontakt-telefon p a:hover::after {
	background: unset !important;
}

.kontakt-delovni-cas {
	margin: 20px 0 0 40px;
}

.kontakt-delovni-cas p {
	font-size: 18px;
	color: #000;
	margin: 0;
	line-height: 30px;
}

.kontakt-formular {
	width: unset;
	margin-left: 100px;
	margin-top: 50px;
}

.kontakt-izpolnite-obrazec {
	margin-bottom: 15px;
}

.kontakt-izpolnite-obrazec h2 {
	font-family: var(--font-black) !important;
	color: var(--primary-color);
	font-size: 30px;
}

.page-id-486 input[type="text"],
.page-id-486 input[type="email"],
.page-id-486 textarea {
	background-color: #E0E0E03D;
	border: 1px solid #707070;
	color: #707070;
	width: 100%;
	margin: 20px 0 0 0;
}

.page-id-486 input[type="text"] {
	margin-top: 0;
}

.page-id-486 textarea {
	padding: 10px;
}

.page-id-486 input[type="checkbox"] {
	background-color: #E0E0E03D;
	border: 1px solid #707070;
	color: #707070;
}

.page-id-486 .wpcf7-form p {
	margin: 20px 0 0 0;
	font-family: var(--font-light);
	font-size: 12px;
	line-height: 18px;
}

.page-id-486 .wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}

.page-id-486 .wpcf7-form p label {
	font-size: 14px;
	font-weight: normal;
}

.page-id-486 .wpcf7-list-item-label a {
	color: var(--color-text);
	text-decoration: underline;
}

.page-id-486 .wpcf7-list-item-label a:hover {
	color: var(--primary-color);
}

.page-id-486 .wpcf7-list-item-label a::after {
	display: none;
}

.page-id-486 .wpcf7-submit {
	background: #364B5C;
	color: #FFF;
	text-transform: uppercase;
	padding: 15px 30px;
	border: none;
	font-family: var(--font-bold);
	font-size: 20px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.page-id-486 section.hero {
		margin-bottom: 0;
	}

	.kontakt-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.kontakt-oblacek {
		margin-top: 0;
		width: 358px;
	}

	.kontakt-formular {
		width: unset;
		margin: 30px 10px 0 10px;
	}
}

@media (max-width: 567px) {
	.kontakt-wrapper {
		margin-top: 140px;
	}
}



/* Piškotki */
.page-id-748 .blog-layout #hero {
	background-image: url('../../../../uploads/2026/01/kontakt-naslovna.webp') !important;
}

.page-id-748 section.hero {
	margin-bottom: 230px;
}

.page-id-748 .hero h1 {
	margin-bottom: 30px;
}

.page-id-748 .hero p {
	padding: 0;
}

.kontakt-wrapper {
	display: flex;
}

.kontakt-oblacek {
	min-width: 358px;
	height: 359px;
	margin-top: 50px;
}

.kontakt-oblacek .vc_custom_1768158720851 {
	height: 100%;
	padding: 0;
}

.kontakt-e-posta {
	margin: 60px 0 30px 0;
}

.kontakt-e-posta a {
	font-family: var(--font-extrabold);
	font-size: 28px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-e-posta a::before {
	background: url('../images/kontakt-e-posta.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 25px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon {
	margin: 0;
}

.kontakt-telefon p {
	font-family: var(--font-bold) !important;
	font-size: 20px;
	color: var(--primary-color);
	line-height: 20px;
	margin: 0;
}

.kontakt-telefon p strong {
	font-family: var(--font-black);
	font-size: 30px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-telefon p strong::before {
	background: url('../images/kontakt-telefon.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 30px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon p:nth-of-type(2) {
	margin-left: 58px;
}

.kontakt-telefon p a {
	color: var(--primary-color);
}

.kontakt-e-posta p a:hover::after,
.kontakt-telefon p a:hover::after {
	background: unset !important;
}

.kontakt-delovni-cas {
	margin: 20px 0 0 40px;
}

.kontakt-delovni-cas p {
	font-size: 18px;
	color: #000;
	margin: 0;
	line-height: 30px;
}

.kontakt-formular {
	width: unset;
	margin-left: 100px;
	margin-top: 50px;
}

.kontakt-izpolnite-obrazec {
	margin-bottom: 15px;
}

.kontakt-izpolnite-obrazec h2 {
	font-family: var(--font-black) !important;
	color: var(--primary-color);
	font-size: 30px;
}

@media (max-width: 767px) {
	.page-id-748 section.hero {
		margin-bottom: 0;
	}

	.kontakt-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.kontakt-oblacek {
		margin-top: 0;
		width: 358px;
	}

	.kontakt-formular {
		width: unset;
		margin: 30px 10px 0 10px;
	}
}

@media (max-width: 567px) {
	.kontakt-wrapper {
		margin-top: 140px;
	}
}



/* Zahteva za izbris */
.page-id-781 .blog-layout #hero {
	background-image: url('../../../../uploads/2026/01/kontakt-naslovna.webp') !important;
}

.page-id-781 section.hero {
	margin-bottom: 230px;
}

.page-id-781 .hero h1 {
	margin-bottom: 30px;
}

.page-id-781 .hero p {
	padding: 0;
}

.kontakt-wrapper {
	display: flex;
}

.kontakt-oblacek {
	min-width: 358px;
	height: 359px;
	margin-top: 50px;
}

.kontakt-oblacek .vc_custom_1768158720851 {
	height: 100%;
	padding: 0;
}

.kontakt-e-posta {
	margin: 60px 0 30px 0;
}

.kontakt-e-posta a {
	font-family: var(--font-extrabold);
	font-size: 28px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-e-posta a::before {
	background: url('../images/kontakt-e-posta.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 25px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon {
	margin: 0;
}

.kontakt-telefon p {
	font-family: var(--font-bold) !important;
	font-size: 20px;
	color: var(--primary-color);
	line-height: 20px;
	margin: 0;
}

.kontakt-telefon p strong {
	font-family: var(--font-black);
	font-size: 30px;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
}

.kontakt-telefon p strong::before {
	background: url('../images/kontakt-telefon.svg') no-repeat center / contain;
	flex-shrink: 0;
	content: '';
	width: 30px;
	height: 30px;
	margin-right: 20px;
	margin-left: 5px;
}

.kontakt-telefon p:nth-of-type(2) {
	margin-left: 58px;
}

.kontakt-telefon p a {
	color: var(--primary-color);
}

.kontakt-e-posta p a:hover::after,
.kontakt-telefon p a:hover::after {
	background: unset !important;
}

.kontakt-delovni-cas {
	margin: 20px 0 0 40px;
}

.kontakt-delovni-cas p {
	font-size: 18px;
	color: #000;
	margin: 0;
	line-height: 30px;
}

.kontakt-formular {
	width: unset;
	margin-left: 100px;
	margin-top: 50px;
}

.kontakt-izpolnite-obrazec {
	margin-bottom: 15px;
}

.kontakt-izpolnite-obrazec h2 {
	font-family: var(--font-black) !important;
	color: var(--primary-color);
	font-size: 30px;
}

.page-id-781 input[type="text"],
.page-id-781 input[type="email"],
.page-id-781 textarea {
	background-color: #E0E0E03D;
	border: 1px solid #707070;
	color: #707070;
	width: 100%;
	margin: 20px 0 0 0;
}

.page-id-781 input[type="text"] {
	margin-top: 0;
}

.page-id-781 textarea {
	padding: 10px;
}

.page-id-781 input[type="checkbox"] {
	background-color: #E0E0E03D;
	border: 1px solid #707070;
	color: #707070;
}

.page-id-781 .wpcf7-form p {
	margin: 20px 0 0 0;
	font-family: var(--font-light);
	font-size: 12px;
	line-height: 18px;
}

.page-id-781 .wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}

.page-id-781 .wpcf7-form p label {
	font-size: 14px;
	font-weight: normal;
}

.page-id-781 .wpcf7-submit {
	background: #364B5C;
	color: #FFF;
	text-transform: uppercase;
	padding: 15px 30px;
	border: none;
	font-family: var(--font-bold);
	font-size: 20px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.page-id-781 section.hero {
		margin-bottom: 0;
	}

	.kontakt-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.kontakt-oblacek {
		margin-top: 0;
		width: 358px;
	}

	.kontakt-formular {
		width: unset;
		margin: 30px 10px 0 10px;
	}
}

@media (max-width: 567px) {
	.kontakt-wrapper {
		margin-top: 140px;
	}
}



/* Puščica do vrha */
#to-top:hover {
	background: var(--primary-color);
}

/* Igra za 6. izziv */
.igra-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 14px;
}

#igra {
	position: relative;
	width: 360px;
	height: 520px;
	background: #fff;
	border: 2px solid #333;
	overflow: hidden;
}

#tocke {
	position: absolute;
	top: 8px;
	left: 10px;
	font-size: 16px;
	font-weight: bold;
	z-index: 10;
}

#kosarica {
	position: absolute;
	bottom: 10px;
	width: 106px;
	height: 43px;
	left: 135px;
	background: url('../images/kosarica.svg') no-repeat center / contain;
}

.predmet {
	position: absolute;
	top: -40px;
	width: 40px;
	height: 40px;
}

.predmet img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

.tippy-box {
	background: #c74a4a;
	padding: 12px;
}

.tippy-box p {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

.tippy-box p a:after {
	height: 0 !important;
}

.tippy-arrow {
	color: #c74a4a;
}