/* Component: yootheme-zbornica/css/custom.css | Version: 1.0.0 | Created: 2026-09 | Base: +shared sample custom.css (2025-08) */
/*------------------------------------ CUSTOM */
/* primary      #00a044 (Zbornica green)   	
/* secondary    TBD (seasonal themes)       	
/* tertiary     #                 				
/* light        #fff
/* dark         #303030 (emphasis text, headings)
/* muted (medium)   #989B9F light text, meta text, disabled links and buttons 
/* muted            #f9f9f9 light backgrounds 
/*--------------------------------------------*/

/*################################################################# CUSTOMIZE INCLUDE */
/* @media (min-width: 960px) {
  html {
    background-color: #575757;
    background: 
		url(../assets/bg/gradient.svg) 50% 0 no-repeat fixed, 
		url(../assets/bg/chalkboard.jpg) 0 0 repeat fixed;
    background-size: 100% 130%, 1000px 1000px;
  }
  .tm-page {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
} */

/*--------------------------- LOGO, TOOLBAR, NAVBAR */
.uk-logo :where(img) { }
/* gradient header */
/* .uk-navbar-transparent.tm-header {
	background: rgba(0,0,0,0.1);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.1) 100%);
	background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.1) 100%); 
} */

/*--------------------------- CUSTOM COLOR BLOCKS */
/*----- dark */
.uk-section-dark,
.uk-tile-dark .uk-tile,
.uk-card-dark { 
    background: #303030; 
}
.uk-text-dark {
    color: #303030; 
}
.uk-text-bg-dark {
    background: #303030;
    box-shadow: 10px 0 0 #383838, -10px 0 0 #383838;
}
/*----- light */
.uk-section-light,
.uk-tile-light .uk-tile,
.uk-card-light { 
    background: #fff; 
}
.uk-text-light {
    color: #fff;
}
.uk-text-bg-light {
    background: #fff;
    box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

/*--------------------------- NAVIGATION, MENUS */
.tm-cookie-banner { }
.tm-cookie-banner .uk-button-secondary { }
/* .uk-light .uk-navbar-nav > li > a::before {
	background-color: #ace166;
	background-image: linear-gradient(45deg,#8fb750,#ace166);
}
.uk-navbar-right .uk-navbar-nav > li > a, 
.uk-navbar-toggle {
	margin-top: 20px;
} */

/*--------------------------- TYPOGRAPHY */

/*--------------------------- DECORATIVE EFFECTS */

/*--------------------------- DECORATIVE FILLS */

/*--------------------------- SECTION */

/*--------------------------- TILE */

/*--------------------------- CARD */

/*--------------------------- BUTTONS and LINKS */

/*################################################################# DECORATIVE SET */

/*--------------------------- GRADIENTS */
.gradient-top-dark {
    position: relative;
    overflow: hidden;
}
.gradient-top-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    pointer-events: none;
}
/*--------------------------- TRANSFORM */
.rotate180 {
 	-webkit-transform: rotate(-90deg); /* Safari */
 	-moz-transform: rotate(-90deg); /* Firefox */
 	-ms-transform: rotate(-90deg); /* IE */
 	-o-transform: rotate(-90deg); /* Opera */
	transform: rotate(-180deg);
}
/*--------------------------- FLOATING */
.floating-px {
  animation: floatUpDown 50s ease-in-out infinite;
}
@keyframes floatUpDown {
  0%, 100% { transform: translateY(-15px); }
  50%      { transform: translateY(35px); }
}
.floating-vh {
  animation: floatUpDown 25s ease-in-out infinite;
}
@keyframes floatUpDown {
  0%, 100% { transform: translateY(15vh); }
  50%      { transform: translateY(75vh); }
}

/*--------------------------- OTHER */
.offset-border-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 5%;
    right: 0;
    z-index: 2;
    height: 4px;
    background: #efc31a;
}
.border-frame {
	border: 2px solid currentColor;
}
.border-frame-gold {
	border: 2px solid #efc31a;
}
.border-top-gold > .uk-card {
	border-top: 2px solid #efc31a;
}
.border-top-blue > .uk-card {
	border-top: 2px solid #0062a5;
}

/* blur */
.svg-blur-2 {
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}
.svg-blur-5 {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.svg-blur-10 {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.blur-5 {
	filter: blur(5px);
}
.blur-10 {
	filter: blur(10px);
}

/* opacity */
.opacity1 { opacity: 0.1; }
.opacity2 { opacity: 0.2; }
.opacity3 { opacity: 0.3; }
.opacity4 { opacity: 0.4; }
.opacity5 { opacity: 0.5; }
.opacity6 { opacity: 0.6; }
.opacity7 { opacity: 0.7; }
.opacity8 { opacity: 0.8; }
.opacity9 { opacity: 0.9; }

/* SVG fill color */
.fill-light	  	{ fill: #ffffff; }
.fill-dark		{ fill: #231f20; }
.fill-primary	{ fill: #efc31a; }
.fill-secondary { fill: #0062a5; }

/* SVG stroke color */
.stroke-light { stroke: #ffffff; }
.stroke-dark  { stroke: #231f20; }
.stroke-primary { stroke: #efc31a; }
.stroke-secondary { stroke: #0062a5; }

/* SVG stroke width */
.stroke-width-3 {stroke-width: 3;}
.stroke-width-4 {stroke-width: 4;}

/*################################################################# RESET */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------- POSITIONING RESET */
@media (max-width: 640px) {
    .reset-relative-small { 
        position: static !important;
    }
}
@media (max-width: 960px) {
    .reset-relative-medium { 
        position: static !important;
    }
}

/*--------------------------- NAVIGATION */
.uk-navbar-center:only-child, 
.uk-navbar-left, 
.uk-navbar-right {
    flex-wrap: nowrap;
}
.uk-navbar-nav>li>a {
	text-align: center;
	line-height: 1.2;
}

/*--------------------------- TYPOGRAPHY */
.uk-text-lighter 	{}
.uk-text-bolder 	{}
.uk-text-nonitalic 	{ font-style: normal; }
.uk-text-capitalize {}
.uk-text-uppercase 	{}
.uk-text-lowercase 	{}
.uk-text-tighten1 	{ line-height: 1.1;  }
.uk-text-tighten2 	{ line-height: 1.2;  }
.uk-text-tighten3 	{ line-height: 1.3;  }
.uk-text-spread5 	{ line-height: 1.5; } 
.uk-text-spread6 	{ line-height: 1.6; } 
.uk-text-spread7 	{ line-height: 1.7; } 
.uk-text-caption 	{ font-size: 0.85rem; margin-top: -10px; font-style: italic; }


.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, 
.uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, 
h1, h2, h3, h4, h5, h6 { 
	hyphens: manual; 
}
em {
	color: inherit !important;
}
li, p {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}
.uk-text-tertiary {
}
.uk-font-tertiary { 
}
.uk-text-larger {
    font-size: 110%;
    line-height: 1.35;
}
.uk-text-largest {
    font-size: 115%;
	letter-spacing: -0.025em; 
}
.uk-text-smaller {
    font-size: 85%;
}
.uk-text-smallest {
    font-size: 60%; 
}
.registered50 {
    font-size: 50%;
    display: inline-block;
    position: relative;
    bottom: 25px;
}
.registered75 {
    font-size: 75%;
    display: inline-block;
    position: relative;
    bottom: 15px;
}
.uk-text-shadow {
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.uk-text-glow {
	text-shadow: 1px 1px 5px rgba(255,255,255,0.75);
}

/*--------------------------- BUTTONS */
.btn {
	color: #1c1d21;
    border: 1px solid transparent;
	padding-left: 25px;
	padding-right: 25px;
}
.btn,
.uk-button {
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-large,
.uk-button-large {
    padding-top: 18px;
    padding-bottom: 18px;
}
.btn-small,
.uk-button-small {
    padding-top: 10px;
    padding-bottom: 10px;
}
.uk-button-text {
	text-align: left;
}

/*--------------------------- LINKS */
a.nounderline,
.nounderline a {
	text-decoration: none !important;
}
.uk-hover-zoom a img {
    transition: all .3s ease-out;
}
.uk-hover-zoom a:hover img {
    transform: scale(1.05);
	transition: all .3s ease-in;
}

/*--------------------------- LIST */
.uk-list-small > :nth-child(n+2) {
	margin-top: 7px;
	line-height: 1.3;
}

/*--------------------------- GRID */
.uk-grid-column-xsmall > *, 
.uk-grid-xsmall > * {
    padding-left: 10px;
}
.uk-grid-xsmall > .uk-grid-margin {
    margin-top: 10px;
}

/*--------------------------- TRANSFORM */
.rotate180 {
 	-webkit-transform: rotate(-90deg); /* Safari */
 	-moz-transform: rotate(-90deg); /* Firefox */
 	-ms-transform: rotate(-90deg); /* IE */
 	-o-transform: rotate(-90deg); /* Opera */
	transform: rotate(-180deg);
}

/*--------------------------- SPECIAL EFFECTS */
.opacity1 { opacity: 0.1; }
.opacity2 { opacity: 0.2; }
.opacity3 { opacity: 0.3; }
.opacity4 { opacity: 0.4; }
.opacity5 { opacity: 0.5; }
.opacity6 { opacity: 0.6; }
.opacity7 { opacity: 0.7; }
.opacity8 { opacity: 0.8; }
.opacity9 { opacity: 0.9; }

/*--------------------------- GRADIENTS */
.gradient-top-dark, .gradient-bottom-dark,
.gradient-top-light, .gradient-bottom-light,
.uk-logo {
    position: relative;
    overflow: hidden;
}
.gradient-top-dark::before,
.gradient-top-light::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
	z-index: 1;
    pointer-events: none;
}
.gradient-top-dark::before {
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.gradient-top-light::before {
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
}
.gradient-bottom-dark::after,
.gradient-bottom-light::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
	z-index: 1;
    pointer-events: none;
}
.gradient-bottom-dark::after {
	background: -webkit-linear-gradient(bottom, rgba(38, 34, 35, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(bottom, rgba(38, 34, 35, 1), rgba(0, 0, 0, 0));
	background: linear-gradient(to top, rgba(38, 34, 35, 1), rgba(0, 0, 0, 0));
}
.gradient-bottom-light::after {
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));	
}

/*--------------------------- TABLE */
.uk-table-small th,
.uk-table-small td { 
	line-height: 1.2; 
}
tr.uk-row-muted td,
tr.uk-row-muted th {
    background: #f4f4f2;
}
.uk-row-middle th,
.uk-row-middle td,
.uk-cell-middle {
    vertical-align: middle;
}
.uk-table-xsmall td {
    padding: 5px 7px;
}
td.border-all,
table.border-all td,
table.border-all th,
table.border-all {
    border: 1px solid #e5e5e7;
}
td.border-left {
    border-left: 1px solid #e5e5e7;
}
td.border-right {
    border-right: 1px solid #e5e5e7;
}
td.border-top {
    border-top: 1px solid #e5e5e7;
}
td.border-bottom {
    border-top: 1px solid #e5e5e7;
}

.noborder-left {
    border-left-color: transparent !important;
}
.noborder-right {
    border-right-color: transparent !important;
}
.noborder-top {
    border-top-color: transparent !important;
}
.noborder-bottom {
    border-top-color: transparent !important;
}

/*--------------------------- COGNITO FORMS */
.cognito {
    margin: 0;
    padding: 0;
}
.cognito > br {
	display: none;
}
.cognito .c-span-24 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.cognito .c-label {
    padding: 0 0 2px 0 !important;
}
.cognito .c-forms-form select:hover, 
.cognito .c-forms-form input[type=text]:hover, 
.cognito .c-forms-form input[type=password]:hover, 
.cognito .c-forms-form textarea:hover {
	border-color: #2d2e33 !important;
}
.cognito .c-forms-form select:focus, 
.cognito .c-forms-form input[type=text]:focus, 
.cognito .c-forms-form input[type=password]:focus, 
.cognito .c-forms-form textarea:focus,
.cognito .c-forms-form select:active, 
.cognito .c-forms-form input[type=text]:active, 
.cognito .c-forms-form input[type=password]:active, 
.cognito .c-forms-form textarea:active {
	border-color: #199ad6 !important;
}
.cognito .c-editor .c-choice-fillin div,
.cognito .c-editor .c-choice-fillin div:not(.printHelper) {
	width: 90% !important;
}
.cognito .c-forms-form .c-editor {
    padding-right: 10px;
    padding-left: 0px;
}
.cognito .uk-checkbox, 
.cognito .uk-radio, 
.cognito input[type=checkbox]:not([class*=uk-]), 
.cognito input[type=radio]:not([class*=uk-]) {
	margin-right: 5px;
}
.cognito .c-forms-confirmation-message {
    padding: 25px 0px 20px 0px;
}

/*--------------------------- OVERLAP */
/* .uk-section-overlap+.uk-section-default::before, 
.uk-section-overlap+.uk-section-muted::before, 
.uk-section-overlap+.uk-section-primary::before, 
.uk-section-overlap+.uk-section-secondary::before, 
.uk-section-overlap+style+.uk-section-default::before, 
.uk-section-overlap+style+.uk-section-muted::before, 
.uk-section-overlap+style+.uk-section-primary::before, 
.uk-section-overlap+style+.uk-section-secondary::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-repeat: repeat-x;
	height: 100px;
	top: -100px;
}
.uk-section-overlap+.uk-section-default::before, 
.uk-section-overlap+style+.uk-section-default::before {
    background-image: url(../assets/bg/corner-bottom-right.svg);
}  */

/*-------------------------------------------------------------------------- RESPONSIVE */
/* XL - All except very large screens */
@media (max-width: 1599px) 	{ }

/* LG - Desktop and smaller */
@media (max-width: 1199px) 	{ }

/* MD - Tablet portrait and smaller */
@media (max-width: 959px) 	{ }

/* SM - Phone landscape and smaller */
@media (max-width: 639px) 	{ }

/* XS - Phone portrait and smaller */
@media (max-width: 479px) 	{ }

/* XS - Phone landscape and bigger */
@media (min-width: 480px) 	{ }

/* SM - Tablet and bigger */
@media (min-width: 640px) 	{ }

/* MD - Desktop and bigger */
@media (min-width: 960px) 	{ }

/* LG - Large screen and bigger */
@media (min-width: 1200px) 	{ }

/* XL - XL screen and bigger */
@media (min-width: 1600px) 	{ }

/* Only tablets portrait */
@media (min-width: 767px) and (max-width: 959px) { }

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) { }