/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
button:disabled {
	background-color: #ccc !important; /* Greyed out */
	color: #666 !important; /* Dimmed text */
	cursor: not-allowed !important; /* Prevent hover effects */
	opacity: 0.6 !important; /* Reduce visibility */
	border-color: rgba(255,255,255,0) !important;
}

/* Fix za MetaBox.io frontend user profile clonable group expand/collapse icon */
#archivist-adding-colleagues-form a.rwmb-group-remove {
	display: none !important;
}
span.rwmb-group-toggle-indicator {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	line-height: 39px;
}
img.homepage-logo {
	-webkit-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.14));
			filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.14));
}
:root, 
:before, 
:after {
	--brand-color: #16cfd8;
	--brand-color-brighter: #0fdcf1;
	--brand-color-brighter-rgb: 22, 207, 216;
	--brand-color-brightest: #10e9ff;
	--body-font-family: 'Poppins', sans-serif;
	--font-family-2: 'Prometo', sans-serif;
	--font-family-3: 'Aleo', serif;
	--body-font-size-default: 14px;
	--body-font-size-qhd: 16px;
	--body-font-size-mobile: 12px;
	--body-line-height-default: 1.7;
	--body-line-height-qhd: 1.7;
	--body-line-height-mobile: 1.7;
	--a-color-initial: var(--brand-color-brighter);
	--a-color-visited: var(--brand-color-brighter);
	--a-color-hover: var(--brand-color-brightest);
	--a-color-focus: var(--brand-color-brighter);
	--a-color-active: var(--brand-color-brightest);
	--body-background-color: #ffffff;
	--body-background-color: #02b6bf;
/*	--body-background-color: #f6f6f6;*/
	--body-background-color: #f5f5f5;
	--body-text-color-1: #64696d;
	--text-color-brighter-1: #979c9e;
	--text-color-brighter-2: #7f8182;
	--headings-text-color-1: #303133;
	--headings-text-color-2: #4b4e57;
	--breadcrumbs-text-color-normal: #8b8f93;
	--breadcrumbs-icon-color-normal: #73797d;
	--breadcrumbs-accent-text-color-normal: #5b5f63;
	--ui-background-color: #ffffff;
	--ui-elements-background-color: #ffffff;
	--ui-elements-border-color: #ebeced;
	--ui-elements-border-color: #dadcde;
	--ui-elements-border-radius-4: 4px;
	--ui-elements-border-radius-8: 8px;
	--ui-elements-border-radius-12: 12px;
	--ui-light-shade-0: #fcfcfc;
	--ui-light-shade-1: #f7f7f7;
	--ui-light-shade-2: #f0f0f0;
	--ui-light-shade-3: #ebebeb;
	--ui-light-shade-4: #e0e0e0;
	--ui-icons-color-1-normal: #646b70;
	--ui-icons-color-2-normal: #5b6268;
	--ui-icons-color-1-inactive: #cdcbcb;
	--buttons-font-weight: 500;
	--buttons-font-size: 0.9rem;
	--buttons-line-height: 1.5;
	--buttons-letter-spacing: 0;
	--buttons-icon-size: 1rem;
	/*--buttons-padding-x: 0.85rem;
	--buttons-padding-top: 0.5rem;
	--buttons-padding-bottom: 0.375rem;*/
	--buttons-padding-x: 20px;
	--buttons-padding-top: 11px;
	--buttons-padding-bottom: 10px;
	--buttons-text-transform: initial;
	--buttons-border-width: 1px;
	--buttons-border-radius: 30px;
	--buttons-border-color-secondary: #d0d3d6;
	--buttons-color-secondary: #585c63;
	--widget-bullets-color: #8e9ba3;
}

.sk__mw-260 {
	width: 260px;
	max-width: 100%;
}
.sk__mw-280 {
	width: 280px;
	max-width: 100%;
}
.sk__mw-300 {
	width: 300px;
	max-width: 100%;
}
.sk__mw-400 {
	width: 400px;
	max-width: 100%;
}
.sk__mw-500 {
	width: 500px;
	max-width: 100%;
}
.sk__mw-600 {
	width: 600px;
	max-width: 100%;
}
.sk__mw-700 {
	width: 700px;
	max-width: 100%;
}
.sk__mw-750 {
	width: 750px;
	max-width: 100%;
}
.sk__mw-767 {
	width: 767px;
	max-width: 100%;
}
.sk__mw-800 {
	width: 800px;
	max-width: 100%;
}
.sk__mw-820 {
	width: 820px;
	max-width: 100%;
}
.sk__mw-860 {
	width: 860px;
	max-width: 100%;
}
.sk__mw-900 {
	width: 900px;
	max-width: 100%;
}

/**
 * My Account Menu + Body Area
 * ===========================
 * 
 * Setup: fixed left menu + body area
 * 
 * !! match fixed menu's width to body area's margin left
 * 
 * !! on mobile, un-fix the menu and put it on top of the body area.
 * !! on mobile also remove margin left from body
 */
.acc-nav-trigger {
	display: none;
}
.acc-nav-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	min-height: 100vh;
	padding: 20px;
	background-color: var(--ui-background-color);
	box-shadow: 2px 2px 27px rgba(0,0,0,0.05);
	transition: max-height 0.3s ease 0s, min-height 0.3s ease 0s;
	z-index: 10;
}
.acc-body-wrapper {
	width: calc(100% - 300px);
	margin-left: 300px;
	min-height: 100vh;
	padding: 20px 20px 10vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acc-nav {
	transition: all 0.4s ease 0s;
	will-change: margin-top;
}
.pportal-nav-logo {
	transition: all 0.3s ease 0s;
	will-change: top;
}

/* sub-menu items */
.acc-nav .acc-nav li.acc-nav-item {
	font-size: 14px;
}

/* myaccount menu item (li element) */
li.acc-nav-item {
	list-style: none;
	padding: 7px 16px;
	font-family: var(--font-family-2);
	font-size: 15px;
	margin-bottom: 1px;
}
/* myaccount menu item (a element - no colors! colors are below) */
/*.acc-nav-wrapper a {}*/

/* myaccount menu item - a element - colors */
a.acc-nav-link, 
a.acc-nav-link:link, 
a.acc-nav-link:visited {
	color: var(--ui-icons-color-1-normal);
}
a.acc-nav-link:hover, 
a.acc-nav-link.current,
a.acc-nav-link.current:hover {
	color: var(--a-color-initial);
}
/* sub-menu links color */
.acc-nav .acc-nav a.acc-nav-link, 
.acc-nav .acc-nav a.acc-nav-link:link, 
.acc-nav .acc-nav a.acc-nav-link:visited {
	color: var(--breadcrumbs-text-color-normal);
}
.acc-nav .acc-nav a.acc-nav-link:hover, 
.acc-nav .acc-nav a.acc-nav-link.current,
.acc-nav .acc-nav a.acc-nav-link.current:hover {
	color: var(--a-color-initial);
}

@media all and (min-width: 768px) and (max-width: 1199px) {
	.acc-nav-wrapper {
		width: 216px;
		padding: 20px;
	}
	.acc-body-wrapper {
		width: calc(100% - 216px);
		margin-left: 216px;
	}
	li.acc-nav-item {
		padding: 4px 0px;
		font-size: 13px;
	}
	.acc-nav .acc-nav li.acc-nav-item {
		font-size: 12px;
	}
}
@media all and (max-width: 767px) {
	.acc-nav-trigger {
		display: flex;
		position: fixed;
		z-index: 100;
		bottom: 0;
		right: 0;
		width: 40px;
		height: 40px;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		cursor: pointer;
	}
	/*.acc-nav-wrapper {
		position: relative;
		width: 100vw;
		height: auto;
		min-height: initial;
	}*/
	.acc-nav-wrapper {
		position: fixed;
		bottom: 0;
		top: initial;
		left: 0;
		width: 100vw;
		height: auto;
		max-height: 30px;
		min-height: 30px;
		box-shadow: 2px -6px 20px rgba(0,0,0,0.05);
	}
	.acc-nav-wrapper.expanded {
		max-height: 100vh;
		min-height: 100vh;
	}
	/*.acc-body-wrapper {
		width: 100%;
		margin-inline: auto;
		align-items: top;
	}*/
	.acc-body-wrapper {
		overflow-y: scroll;
		position: fixed;
		align-items: start;
		width: 100vw;
		height: calc(100vh - 30px);
		margin-inline: 0;
	}
	.acc-nav-wrapper.expanded .pportal-nav-logo {
		position: fixed;
		top: 2px;
		left: 18px;
	}
	.acc-nav-wrapper:not(.expanded) .pportal-nav-logo {
		height: 36px;
		position: fixed;
		top: calc(100% - 39px);
		left: 0;
		z-index: 11;
	}
	.acc-nav-wrapper:not(.expanded) .pportal-nav-logo img {
		height: 58px;
		width: auto;
		margin-left: 11px;
		object-fit: cover;
		object-position: 0 -11px;
	}
	.acc-nav-wrapper:not(.expanded) .acc-nav {
		margin-top: 40px;
	}
	.acc-nav-wrapper.expanded .acc-nav {
		margin-top: 76px;
	}
	label {
		font-size: 12px !important;
	}
}




.ska__info-wrapper {
	margin-top: -24px;
}
.fast-loader {
	position: fixed;
	z-index: 1001;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@-webkit-keyframes fadeOutSimple {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOutSimple {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes fadeInSimple {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeInSimple {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fade-in-simple {
	opacity: 0;
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: fadeInSimple 0.8s ease 1s forwards;
			animation: fadeInSimple 0.8s ease 1s forwards;
}
.fast-loader {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: fadeOutSimple 0.8s ease 2.6s forwards;
			animation: fadeOutSimple 0.8s ease 2.6s forwards;
}
.fast-loader-line {
	position: relative;
	background-color: var(--ui-light-shade-2);
	width: 260px;
	height: 12px;
}
.fast-loader-line:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 254px;
	height: 6px;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	background-color: var(--brand-color-brighter);
}
@-webkit-keyframes loaderLine {
	0% {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
	90% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}

@keyframes loaderLine {
	0% {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
	90% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}
.fast-loader-line:after {
	-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
			transform-origin: left center;
	-webkit-animation: loaderLine 2.1s ease-out 0.3s forwards;
			animation: loaderLine 2.1s ease-out 0.3s forwards;
}

.font-family-1 {
	font-family: var(--body-font-family) !important;
}
.font-family-2 {
	font-family: var(--font-family-2) !important;
}
.font-family-3 {
	font-family: var(--font-family-3) !important;
}
.font-weight-100 {
	font-weight: 100 !important;
}
.font-weight-200 {
	font-weight: 200 !important;
}
.font-weight-300 {
	font-weight: 300 !important;
}
.font-weight-400 {
	font-weight: 400 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-weight-700 {
	font-weight: 700 !important;
}
.font-weight-800 {
	font-weight: 800 !important;
}
.font-weight-900 {
	font-weight: 900 !important;
}

main.min-full-height {
	min-height: 100vh;
}

body {
	-webkit-transition: opacity 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s;
	transition: opacity 0.6s ease 0s;
	text-rendering: optimizeLegibility;
	font-family: var(--body-font-family);
	margin: 0;
	padding: 0;
	color: var(--body-text-color-1);
	/*
	
	font-family: 'Poppins', sans-serif;
	font-family: 'Aleo', serif;
	font-family: 'Prometo', sans-serif;
	
	Prometo:
	  light 300
	  medium 500
	  bold 700
	  black 900

	Poppins:
	  extra light 200
	  light 300
	  regular 400
	  bold 700

	Aleo:
	  300 light italic
	  400 regular italic / italic

	*/
}
body.home {
	background-color: rgba(0, 140, 155, 1.0);
}

body,
button,
input,
select,
optgroup,
textarea {
	font-size: var(--body-font-size-qhd);
	line-height: var(--body-line-height-qhd);
}
@media all and (min-width: 576px) and (max-width: 1920px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: var(--body-font-size-default);
		line-height: var(--body-line-height-default);
	}
}
@media all and (max-width: 575px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: var(--body-font-size-mobile);
		line-height: var(--body-line-height-mobile);
	}
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
h1.thin strong, 
h2.thin strong, 
h3.thin strong, 
h4.thin strong, 
h5.thin strong, 
h6.thin strong {
	font-family: var(--font-family-2);
	font-weight: 700;
	color: var(--headings-text-color-1);
}

h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong {
	font-weight: 700;
}

h1.thin, 
h2.thin, 
h3.thin, 
p.thin {
	font-weight: 300;
}

 
h4.thin, 
h5.thin, 
h6.thin {
	font-weight: 500;
}

h1.small {
	font-size: 34px;
}

/**
 * Responsive font sizes
 * LOAD LAST, after theme, bootstrap, style.css
 */
/* QHD, UHD */
.font-102 { font-size: 102px; }
.font-72 { font-size: 72px; }
.font-54 { font-size: 54px; }
.font-44 { font-size: 44px; }
.font-34 { font-size: 34px; }
.font-28 { font-size: 28px; }
.font-24 { font-size: 24px; } 
.font-22 { font-size: 22px; }
.font-20 { font-size: 20px; }
.font-19 { font-size: 19px; }
.font-16 { font-size: 16px; }
.font-15 { font-size: 15px; }
.font-14 { font-size: 14px; }
.font-13 { font-size: 13px; }
.font-12 { font-size: 12px; }
/* xxl to FullHD */
@media all and (min-width: 1400px) and (max-width: 1920px) {
	.font-102 { font-size: 72px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 24px; } 
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
}
/* xl */
@media all and (min-width: 1200px) and (max-width: 1399px) {
	.font-102 { font-size: 72px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 24px; } 
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
}
/* lg */
@media all and (min-width: 992px) and (max-width: 1199px) {
	.font-102 { font-size: 72px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 24px; } 
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
}
/* md */
@media all and (min-width: 768px) and (max-width: 991px) {
	.font-102 { font-size: 72px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 22px; } 
	.font-22 { font-size: 19.5px; }
	.font-20 { font-size: 19px; }
	.font-19 { font-size: 18px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
}
/* sm */
@media all and (min-width: 576px) and (max-width: 767px) {
	.font-102 { font-size: 54px; }
	.font-72 { font-size: 44px; }
	.font-54 { font-size: 36px; }
	.font-44 { font-size: 28px; }
	.font-34 { font-size: 26px; }
	.font-28 { font-size: 24px; }
	.font-24 { font-size: 20px; } 
	.font-22 { font-size: 19px; }
	.font-20 { font-size: 18px; }
	.font-19 { font-size: 17px; }
	.font-16 { font-size: 15px; }
	.font-15 { font-size: 14px; }
	.font-14 { font-size: 13px; }
	.font-13 { font-size: 12px; }
}
/* xs */
@media all and (max-width: 575px) {
	.font-102 { font-size: 38px; }
	.font-72 { font-size: 32px; }
	.font-54 { font-size: 28px; }
	.font-44 { font-size: 24px; }
	.font-34 { font-size: 22px; }
	.font-28 { font-size: 20px; }
	.font-24 { font-size: 17px; } 
	.font-22 { font-size: 15px; }
	.font-20 { font-size: 15px; }
	.font-19 { font-size: 15px; }
	.font-16 { font-size: 14px; }
	.font-15 { font-size: 13px; }
	.font-14 { font-size: 12px; }
	.font-13 { font-size: 11px; }
}

/**
 * Forms, Links, Buttons & UI
 * ==========================
 */

/** 
 * Links
 * ===== 
 */

a {
	text-decoration: none;
	color: var(--a-color-initial);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a:visited {
	color: var(--a-color-visited);
}
a:hover {
	color: var(--a-color-hover);
}
a:focus {
	color: var(--a-color-focus);
}
a:active {
	color: var(--a-color-active);
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}

a.current {
/*	cursor: initial;*/
	pointer-events: none;
}

/**
 * Buttons
 * =======
 */

.btn, 
a.btn, 
button[type="submit"] {
	--bs-btn-box-shadow: none;
	--bs-btn-focus-box-shadow: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: var(--buttons-padding-top) var(--buttons-padding-x) var(--buttons-padding-bottom);
	font-family: var(--body-font-family);
	font-weight: var(--buttons-font-weight);
	font-size: var(--buttons-font-size);
	line-height: var(--buttons-line-height);
	letter-spacing: var(--buttons-letter-spacing);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	text-transform: var(--buttons-text-transform);
/*	vertical-align: middle;*/
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	    user-select: none;
	border: var(--buttons-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--buttons-border-radius);
	background-color: var(--bs-btn-bg);
	-webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,-webkit-box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,-webkit-box-shadow 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,-webkit-box-shadow 0.2s ease-in-out;
}
@media all and (max-width: 575px) { /* xs */
	.btn, 
	a.btn {
		letter-spacing: 0 !important;
		font-size: 0.73rem !important;
	}
}
.btn span.sico, 
a.btn span.sico {
	display: inline-block;
	font-size: var(--buttons-icon-size);
	margin-right: 0.6rem;
	line-height: 0;
}

.btn span.sico.right, 
a.btn span.sico.right {
	margin-left: 0.6rem;
	margin-right: 0;
}

@media all and (max-width: 575px) { /* xs */
	.btn span.sico, 
	a.btn span.sico {
		font-size: 0.8rem !important;
		margin-right: 0.3rem !important;
	}
	.btn span.sico.right, 
	a.btn span.sico.right {
		margin-left: 0.3rem !important;
		margin-right: 0 !important;
	}
}

/* small */

.btn-group-sm > .btn, 
.btn-group-sm > a.btn, 
.btn-sm, 
a.btn-sm {
	--buttons-padding-top: 0.41rem;
	--buttons-padding-bottom: 0.4rem;
	--buttons-padding-x: 0.7rem;
	--buttons-font-size: 0.8125rem;
	--buttons-letter-spacing: 0;
}

.btn.btn-sm span.sico, 
a.btn.btn-sm span.sico {
	--buttons-icon-size: 1.05rem;
}

.btn.btn-sm span.sico-share-square-o, 
a.btn.btn-sm span.sico-share-square-o {
	-webkit-transform: translateY(0.2rem);
	    -ms-transform: translateY(0.2rem);
	        transform: translateY(0.2rem);
}

@media all and (max-width: 575px) { /* xs */
	.btn-group-sm > .btn, 
	.btn-group-sm > a.btn, 
	.btn-sm, 
	a.btn-sm {
		--buttons-padding-bottom: 0.24rem !important;
	}
	.btn.btn-sm span.sico-share-square-o, 
	a.btn.btn-sm span.sico-share-square-o {
		-webkit-transform: translateY(0.1rem);
		    -ms-transform: translateY(0.1rem);
		        transform: translateY(0.1rem);
	}
}

/* large */

.btn-group-lg > .btn, 
.btn-group-lg > a.btn,
.btn-lg, 
a.btn-lg {
	--buttons-padding-top: 0.55rem;
	--buttons-padding-bottom: 0.5rem;
	--buttons-padding-x: 0.9rem;
	--buttons-font-size: 1rem;
	--buttons-letter-spacing: 0;
}
@media all and (max-width: 575px) { /* xs */
	.btn-group-lg > .btn, 
	.btn-group-lg > a.btn,
	.btn-lg, 
	a.btn-lg {
		font-size: 0.88rem !important;
	}
}

.btn.btn-lg span.sico, 
a.btn.btn-lg span.sico {
	--buttons-icon-size: 1rem;
	margin-right: 0.75rem;
}

.btn.btn-lg span.sico-share-square-o, 
a.btn.btn-lg span.sico-share-square-o {
	-webkit-transform: translateY(0.19rem);
	    -ms-transform: translateY(0.19rem);
	        transform: translateY(0.19rem);
}

.btn.btn-lg span.sico.right, 
.btn.btn-lg span.sico.right {
	margin-left: 0.75rem;
	margin-right: 0;
}

/* primary */

.btn-primary, 
a.btn-primary, 
.btn.btn-primary, 
a.btn.btn-primary, 
button[type="submit"] {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--brand-color);
	--bs-btn-border-color: var(--brand-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--brand-color-brighter);
	--bs-btn-hover-border-color: var(--brand-color-brighter);
	--bs-btn-focus-shadow-rgb: 242,100,76;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--brand-color-brighter);
	--bs-btn-active-border-color: var(--brand-color-brighter);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--brand-color);
	--bs-btn-disabled-border-color: var(--brand-color);
}

/* secondary */
.btn-secondary, 
a.btn-secondary, 
.btn.btn-secondary, 
a.btn.btn-secondary {

}

/* outline-primary */
.btn-outline-primary, 
a.btn-outline-primary, 
.btn.btn-outline-primary, 
a.btn.btn-outline-primary {
	font-weight: 600;
	--bs-btn-color: var(--brand-color-brighter);
	--bs-btn-border-color: var(--brand-color-brighter);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--brand-color-brighter);
	--bs-btn-hover-border-color: var(--brand-color-brighter);
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--brand-color-brighter);
	--bs-btn-active-border-color: var(--brand-color-brighter);
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: var(--brand-color-brighter);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--brand-color-brighter);
	--bs-gradient: none;
}

/* outline-secondary */
.btn-outline-secondary, 
a.btn-outline-secondary, 
.btn.btn-outline-secondary, 
a.btn.btn-outline-secondary {
	font-weight: 600;
	--bs-btn-color: var(--buttons-color-secondary);
	--bs-btn-border-color: var(--buttons-border-color-secondary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--brand-color-brighter);
	--bs-btn-hover-border-color: var(--brand-color-brighter);
	--bs-btn-focus-shadow-rgb: none;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--brand-color-brighter);
	--bs-btn-active-border-color: var(--buttons-border-color-secondary);
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: var(--brand-color-brighter);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--brand-color-brighter);
	--bs-gradient: none;
}

.btn.btn-outline-secondary span.sico, 
a.btn.btn-outline-secondary span.sico {
	color: var(--brand-color-brighter);
}

.btn.btn-outline-secondary:hover span.sico, 
a.btn.btn-outline-secondary:hover span.sico {
	color: #fff;
}

.sk__btn-outline-white[class*="sk__btn"] {
	border-color: rgba(255,255,255,0.8) !important;
	color: rgba(255,255,255,0.8) !important;
	background-color: rgba(255,255,255,0) !important;
}
.sk__btn-outline-white[class*="sk__btn"]:hover {
	border-color: rgba(255,255,255,1) !important;
	color: rgba(255,255,255,1) !important;
	background-color: rgba(255,255,255,0.33) !important;
}

/**
 * Logo
 */
.sk__myaccount-logo {
	width: 160px;
	height: 80px;
	position: relative;
}

.sk__myaccount-logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: left center;
	   object-position: left center;
}

/**
 * UI Elements
 * ===========
 */

/**
 * UI Elements - Card
 */
.ui--card {
	background-color: var(--ui-elements-background-color);
	border: 1px solid var(--ui-elements-border-color);
	border-radius: var(--ui-elements-border-radius-4);
}
.ui--card.sk__blog-card:hover {
	background-color: var(--ui-elements-background-color) !important;
	border-color: var(--ui-elements-border-color) !important;
	transform: translateY(-5px);
}
.ui--card.rounded-8 {
	border-radius: 12px;
}
.ui--card.rounded-12 {
	border-radius: 12px;
}
.ui--card.rounded-16 {
	border-radius: 16px;
}
.ui--card.rounded-20 {
	border-radius: 20px;
}
.ui--card.rounded-24 {
	border-radius: 24px;
}
.ui--card.not-rounded {
	border-radius: 0;
}

.ui--card.borderless {
	border: none;
}

.ui--card.backdrop {
	background-color: rgba(255,255,255,0.75);
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
}

.ui--card.subtle-backdrop {
	background-color: rgba(255,255,255,0.94);
	border: 1px solid rgba(255,255,255,0.94);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
}

.ui--card.hoverable {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.ui--card.backdrop.hoverable:hover {
	background-color: rgba(255,255,255,0.85);
	border: 1px solid rgba(255,255,255,0.9);
}

.ui--card.padded-12 {
	padding: 12px;
}
.ui--card.padded-16 {
	padding: 16px;
}
.ui--card.padded-20 {
	padding: 20px;
}
.ui--card.padded-24 {
	padding: 24px;
}
.ui--card.extra-padded {
	padding-inline: clamp(16px, 2.8vw, 62px);
	padding-block: clamp(20px, 3.2vw, 74px);
}

.ui--card.l-padded {
	padding-inline: clamp(16px, 2.8vw, 30px);
	padding-block: clamp(20px, 3.2vw, 52px);
}

/**
 * Grid Gallery
 * ============
 */

.grid-gallery {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 12px 1fr 12px 1fr;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 12px;
}
@media all and (min-width: 1921px) {
	.grid-gallery {
		-ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 24px;
		grid-gap: 16px;
	}
}

@media all and (min-width: 576px) and (max-width: 991px) {
	.grid-gallery {
		-ms-grid-columns: 1fr 12px 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 575px) {
	.grid-gallery {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
}

.grid-gallery.sk__ultragrid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 12px;
}
@media all and (min-width: 1921px) {
	.grid-gallery.sk__ultragrid {
		grid-gap: 24px;
		grid-gap: 16px;
	}
}
@media all and (min-width: 1400px) and (max-width: 1499px) {
	.grid-gallery.sk__ultragrid {
		-ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;
		grid-template-columns: repeat(5, 1fr);
	}
}
@media all and (min-width: 995px) and (max-width: 1399px) {
	.grid-gallery.sk__ultragrid {
		-ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
		grid-template-columns: repeat(4, 1fr);
	}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	.grid-gallery.sk__ultragrid {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 48px;
	}
}
@media all and (min-width: 440px) and (max-width: 575px) {
	.grid-gallery.sk__ultragrid {
		-ms-grid-columns: 1fr 8px 1fr;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 8px;
		grid-row-gap: 32px;
	}
}
@media all and (max-width: 439px) {
	.grid-gallery.sk__ultragrid {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 8px;
		grid-row-gap: 32px;
	}
}

.grid-gallery-thumb {
	aspect-ratio: 4 / 3;
	width: 100%;
	height: auto;

	position: relative;
	overflow: hidden;
}

.grid-gallery-thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}


/**
 * video & iframe
 */

.embedded-video {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.embedded-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.main-section-divider {
	width: 50px;
	height: 3px;
	background-color: var(--brand-color-brighter);
}

/**
 * Reusable effects and animations
 * ===============================
 */

/**
 * Hover effect for lightbox thumbnail images
 */

.lightbox-hover-effect-parent {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.lightbox-hover-effect-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(86,119,132,0.78);
	background-color: rgba(108,100,89,0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.lightbox-hover-effect-child.brand {
	background-color: rgba(var(--brand-color-brighter-rgb),0.92);
}

.lightbox-hover-effect-parent:hover .lightbox-hover-effect-child {
	opacity: 1;
}

.lightbox-hover-effect-child span {
	font-size: 29px;
	color: #ffff;
}

.lightbox-hover-effect-parent img {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.lightbox-hover-effect-parent:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
	-o-transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
	transition: all 3s cubic-bezier(.05,.95,.28,.99) 0s;
}

/**
 * fslightbox.js - Earthy Style by Skilltech
 */
.fslightbox-container {
	background: -o-linear-gradient(rgba(83,81,72,0.9), rgba(83,81,72,0.9) 1810%) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(83,81,72,0.9)), color-stop(1810%, rgba(83,81,72,0.9))) !important;
	background: linear-gradient(rgba(83,81,72,0.9), rgba(83,81,72,0.9) 1810%) !important;
}
.fslightbox-slide-btn, 
.fslightbox-toolbar-button {
	background: rgba(255,255,255,0.7) !important;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.fslightbox-slide-btn-container:hover .fslightbox-slide-btn, 
.fslightbox-toolbar-button:hover  {
	background: #fff !important;
}
.fslightbox-svg-path {
	fill: #626262 !important;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.fslightbox-slide-btn-container:hover .fslightbox-svg-path, 
.fslightbox-toolbar-button:hover .fslightbox-svg-path {
	fill: #404040 !important;
}
.fslightbox-toolbar {
	background: transparent !important;
}

/**
 * Frontend admin notifications
 */

.pportal-admin-frontent-poruka {
	position: relative;
	width: calc(100% - 24px);
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	padding: 24px;
	margin: 12px;
	background: white;
	-webkit-box-shadow: 0 3px 10px rgba(255,0,0,0.4);
	        box-shadow: 0 3px 10px rgba(255,0,0,0.4);
	border-radius: 4px;
}

/**
 * User Profile Pages
 * 
 * PPORTAL FORMS
 */
.pportal-page {
	opacity: 0;
}
.pportal-page:not(.d-none) {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: fadeInSimple 0.6s ease 0.3s forwards;
			animation: fadeInSimple 0.6s ease 0.3s forwards;
}
.pportal-page {
	position: relative;
	min-height: 60vh;
	width: 1140px;
	max-width: 100%;
}
.form-steps-menu {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	gap: 1px;
	margin-bottom: 40px;
}

.form-steps-menu a, 
.form-steps-menu a:visited, 
.form-steps-menu a:link {
	padding: 8px 20px;
	color: #ffffff;
	background-color: #b5b9c0;
	border: none;
	border-radius: 0;
	font-weight: 400;
	font-family: var(--font-family-2);
	font-size: 16px;
}
.form-steps-menu a:first-child {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.form-steps-menu a:last-child {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.form-steps-menu a.current, 
.form-steps-menu a:hover {
	background-color: var(--button-primary-background-color-normal);
}
.form-steps-menu a.grayed-out {
	background-color: var(--buttons-border-color-secondary);
}
.form-steps-menu a.grayed-out:hover {
	background-color: var(--button-primary-background-color-normal);
}

.abso-nav {
	position: absolute;
	top: 30px;
	right: 24px;
}

.abso-nav a.absolink, 
.abso-nav a.absolink:visited, 
.abso-nav a.absolink:link {
	border: solid 2px var(--buttons-border-color-secondary);
	background-color: transparent;
	border-radius: 30px;
	padding: 8px 16px;
	font-size: 13px;
	font-family: var(--font-family-2);
	font-weight: 400;
	color: var(--breadcrumbs-text-color-normal);
}
.abso-nav a.absolink:hover {
	background-color: var(--button-primary-background-color-normal);
	border-color: var(--button-primary-background-color-normal);
	color: #ffffff;
}

.after-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
	max-width: 280px;
	margin: 0 auto;
	padding-block: 40px 20px;
}

.after-actions a {
	font-family: var(--font-family-2);
	font-size: 14px;
}
.after-actions p {
	width: 100%;
	font-family: var(--font-family-2);
	font-size: 13px;
	color: var(--text-color-brighter-1);
}
.sb__profile-forms .rwmb-confirmation {
	background-color: #16d8a0;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.34);
	border-color: #6affd4;
	border-width: 2px;
}
.sb__profile-forms a.rwmb-file-add {
	background: #6f92a4;
	padding: 6px 14px;
	margin-top: 9px;
	margin-bottom: 12px;
	border-radius: 28px !important;
	display: inline-block;
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	font-family: var(--font-family-2);
}
.sb__profile-forms a.rwmb-file-add:hover {
	background-color: #3f6376;
}
.sb__profile-forms .rwmb-file-new, 
.sb__profile-forms .rwmb-file-new input {
	cursor: pointer;
}
.sb__profile-forms .rwmb-field.rwmb-image-wrapper.skmb__image {
	border: 1px solid var(--ui-elements-border-color);
	padding: 16px;
	border-radius: 8px;
}
.sb__profile-forms input.rwmb-file-input {
	border: none;
	display: inline-block;
	width: auto;
	padding: 0;
	border-radius: 0;
}
.sb__profile-forms .rwmb-label > label {
	font-weight: 400;
	font-family: var(--font-family-2);
	font-size: 16px;
	color: var(--breadcrumbs-accent-text-color-normal);
}
.sb__profile-forms h1 {
	letter-spacing: -0.03vw;
	letter-spacing: -0.025vw;
	font-size: 2.1rem;
}
.sb__profile-forms h2 {
	font-weight: 300;
	color: var(--text-color-brighter-1);
	font-size: 24px;
	line-height: 1.5;
}
.sb__user-logins-form-wrap h2 {
	font-weight: 400;
	text-align: center;
	color: var(--headings-text-color-2);
}
.sb__profile-forms h3 {

}
.sb__profile-forms .rwmb-heading-wrapper > h4 {

	/* V1 */
	/*text-transform: none;
	font-size: 19px;
	font-weight: 400;*/

	/* V2 */
	text-transform: none;
	font-size: 23px;
	font-weight: 600;
	font-weight: 400;
	margin-bottom: 23px;
	margin-top: 44px;
	border-bottom: 0;
}
.sb__profile-forms h4 {

}
.sb__profile-forms h5 {
	line-height: 1.5;
}

.sb__profile-forms p:not(.description) {

}
.sb__profile-forms .rwmb-input-list {
	border: none;
	border-left: 1px solid var(--ui-elements-border-color);
	padding: 9px 10px 0px;
	margin-bottom: 13px;
}
.sb__profile-forms .rwmb-input-list > label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	gap: 9px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.sb__profile-forms .rwmb-input input[type="radio"] {
	margin-block: 4px;
}

.sb__profile-forms p.description {
	font-size: 13px;
	margin-bottom: 0.25em;
	font-family: var(--font-family-2);
	color: var(--text-color-brighter-1);
}
.sb__profile-forms .rwmb-field:not(:last-of-type) {
	margin: 0 0 1em;
}
.sb__profile-forms button[type="submit"] {
	display: block;
	width: 100%;
	margin-block: 12px;
	padding-top: 12px;
	padding-bottom: 10px;
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.form-steps-menu a, .form-steps-menu a:visited, .form-steps-menu a:link {
		padding: 6px 16px;
		font-size: 14px;
	}
	.sb__profile-forms h1 {
		letter-spacing: -0.025vw;
		font-size: 1.8rem;
	}
	.sb__profile-forms h2 {
		font-size: 20px;
	}
	.sb__profile-forms .rwmb-heading-wrapper > h4 {
		font-size: 19px;
		margin-bottom: 16px;
		margin-top: 0px;
	}
	.sb__profile-forms .rwmb-label > label {
		font-size: 15px;
	}
	.sb__profile-forms input {
		font-size: 13px;
		padding-top: 7px;
		padding-bottom: 6px;
	}
	.sb__profile-forms p.description {
		line-height: 1.5;
	}
	.sb__profile-forms .rwmb-input-list > label {
		font-size: 13px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.form-steps-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 8px;
	}
	.form-steps-menu a, 
	.form-steps-menu a:visited, 
	.form-steps-menu a:link,  
	.form-steps-menu a:first-child, 
	.form-steps-menu a:last-child {
		border-radius: 30px !important;
		min-width: 200px;
	}
	.abso-nav a.absolink {
		width: 37px;
		height: 37px;
		padding: 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.abso-nav a.absolink span.text {
		display: none;
	}
	.sb__profile-forms h1 {
		letter-spacing: -0.025vw;
		font-size: 1.8rem;
	}
	.sb__profile-forms h2 {
		font-size: 20px;
	}
	.sb__profile-forms .rwmb-heading-wrapper > h4 {
		font-size: 19px;
		margin-bottom: 16px;
		margin-top: 0px;
	}
	.sb__profile-forms .rwmb-label > label {
		font-size: 15px;
	}
	.sb__profile-forms input {
		font-size: 13px;
		padding-top: 7px;
		padding-bottom: 6px;
	}
	.sb__profile-forms p.description {
		line-height: 1.5;
	}
	.sb__profile-forms .rwmb-input-list > label {
		font-size: 13px;
	}
}
@media all and (max-width: 575px) { /* custom xs */
	img.ui--card-logo {
		margin-bottom: 12px !important;
	}
	.form-steps-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 8px;
	}
	.form-steps-menu a, 
	.form-steps-menu a:visited, 
	.form-steps-menu a:link, 
	.form-steps-menu a:first-child, 
	.form-steps-menu a:last-child {
		padding: 7px 20px;
		border-radius: 30px !important;
		min-width: 200px;
		font-size: 14px;
	}
	.abso-nav {
		display: none;
	}
	.abso-nav.d-block a.absolink {
		width: 37px;
		height: 37px;
		padding: 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.abso-nav a.absolink span.text {
		display: none;
	}
	.sb__profile-forms h1 {
		letter-spacing: -0.025vw;
		font-size: 5.2vw;
		margin-bottom: 0.5em;
	}
	.sb__profile-forms h2 {
		font-size: 17px;
		line-height: 1.4;
		font-size: 4.22vw;
		margin-bottom: 0.5em;
	}
	.sb__profile-forms .rwmb-heading-wrapper > h4 {
		font-size: 4.2vw;
		margin-bottom: 16px;
		margin-top: 0px;
	}
	.sb__profile-forms .rwmb-label > label {
		font-size: 13px;
		margin-bottom: 0;
	}
	.sb__profile-forms input {
		font-size: 12px;
		padding-top: 7px;
		padding-bottom: 6px;
	}
	.sb__profile-forms p.description {
		font-size: 12px;
		margin-bottom: 0.25em;
	}
	.sb__profile-forms .rwmb-input-list > label {
		font-size: 13px;
	}
	.sb__profile-forms button[type="submit"] {
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 9px;
	}
}

.sb__user-registrations, 
.sb__user-logins, 
.sb__user-verifications {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
/*	min-height: calc(80vh);*/
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
/*	padding-top: clamp(80px, 20vh, 160px);*/
}
.sb__user-registrations-form-wrap, 
.sb__user-logins-form-wrap, 
.sb__user-verifications-form-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 472px;
	max-width: calc(100% - 32px);
}
.sb__user-verifications-form-wrap {
	width: 878px;
	max-width: calc(100% - 32px);
}

a[href*="rwmb-lost-password"] {
	display: block;
	text-align: center;
}
/*ul.sb__bullet-list {
	list-style: initial;
	padding-left: 1rem;
}
ul.sb__bullet-list.minus-margin {
	margin-bottom: -1.5em;
}

.sb__bullet-list > li {
	line-height: 25px;
}*/
ul.normal-list {
	list-style: initial;
	padding-left: 18px;
}

ul.sb__bullet-list {
	list-style: initial;
	padding-left: 1rem;
}
ul.sb__subbullet-list {
	list-style: circle;
	padding-left: 1rem;
}
ul.sb__bullet-list.minus-margin, 
ul.sb__subbullet-list.minus-margin {
	margin-bottom: -1.5em;
}
ul.sb__bullet-list > li, 
ul.sb__subbullet-list > li {
	line-height: 25px;
}

ul.sb__bullet-list.no-li-margin > li, 
ul.sb__subbullet-list.no-li-margin > li {
	margin-bottom: 0;
}

/**
 * Form: Onspotpartner adding Colleagues
 */
#onspotpartner-adding-colleagues-form h4.rwmb-group-title, 
#archivist-adding-colleagues-form h4.rwmb-group-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
}

/**
 * Notification bells
 */
span.sk__admin-menu-item-notification-indicator {
	color: white;
	font-size: 12px;
	background: red;
	border-radius: 14px;
	margin-left: 8px;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 0;
	width: 20px;
	height: 20px;
}
body.wp-admin.dashicons-sk__admin-menu-item-notification-indicator:before {
	content: "\f16d";
	color: white !important;
	font-size: 14px;
	background: red !important;
	border-radius: 14px;
	height: 20px;
	line-height: 20px;
	margin: 7px 0 !important;
	padding: 0 !important;
}

.my-projects-list {
	list-style: initial;
}
ul[data-field_id="pportal_profile_pic"] .rwmb-image-item {
	margin: 0;
}

p.description {
	font-size: 13px;
	margin: 0.25em 0 1.5em;
}

/**
 * Project Social links
 * 
 * Make it a vertical fixed menu on desktop devices (and tablet)
 */
@-webkit-keyframes showSideSocials {
	0% {
		left: -200px;
	}
	100% {
		left: 17px;
	}
}

@keyframes showSideSocials {
	0% {
		left: -200px;
	}
	100% {
		left: 17px;
	}
}
@media all and (min-width: 768px) { /* md and above */
	.row.project-socials {
		position: fixed;
		top: 26vh;
		width: 52px;
		left: -200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background: #ffffff;
		padding: 18px 0;
		margin: 0;
		border-radius: 12px;
		-webkit-box-shadow: 0px 2px 25px -3px rgba(0,0,0,0.1);
		        box-shadow: 0px 2px 25px -3px rgba(0,0,0,0.1);
		-webkit-transform-origin: center center;
			-ms-transform-origin: center center;
				transform-origin: center center;
		-webkit-animation: showSideSocials 0.6s ease-out 0.5s forwards;
				animation: showSideSocials 0.6s ease-out 0.5s forwards;
	}
	.row.project-socials > .col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		margin: 0;
		gap: 12px;
	}
	.row.project-socials > .col > a {
		width: 100%;
		display: block;
		font-size: 18px;
		text-align: center;
		color: var(--breadcrumbs-icon-color-normal);
	}
	.row.project-socials > .col > a:hover {
		color: var(--brand-color-brighter);
	}
	.row.project-socials > .col > a > span {
		display: block;
		width: 100%;
		height: 100%;
		padding: 4px 14px;
	}
}
@media all and (max-width: 767px) { /* sm and below */
	.row.project-socials .col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 16px;
	}
	.row.project-socials > .col > a {
		display: inline-block;
		font-size: 16px;
		color: var(--breadcrumbs-icon-color-normal);
	}
}

.project-journal ul, 
.project-team ul {
	list-style: initial;
	margin: 0.5em 0 1.5em 1em;
	padding-left: 2rem;
}

.ska__project-invite-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #dff0ff;
	background: #62c1ff;
	background: #f3f3f3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	z-index: 9990;
}

h1.ska__project-title, 
.post-type-pportal_project .wrap h1.wp-heading-inline, 
.post-type-archive_package .wrap h1.wp-heading-inline {
	font-size: 52px;
	font-weight: 700;
	letter-spacing: -0.1rem;
	color: var(--headings-text-color-1);
}
@media all and (min-width: 1400px) and (max-width: 1920px) {
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline { 
		font-size: 42px;
	}
}
@media all and (min-width: 768px) and (max-width: 1399px) {
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline { 
		font-size: 34px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline {
		font-size: 28px;
	}
}
@media all and (max-width: 575px) {
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline {
		font-size: 24px;
	}
}

@media all and (min-width: 1200px) and (max-width: 1399px) { /* xl */
	h1.ska__project-title, 
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline {
		letter-spacing: -0.06rem;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	h1.ska__project-title, 
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline {
		letter-spacing: -0.03rem;
	}
}
@media all and (max-width: 991px) { /* md */
	h1.ska__project-title, 
	.post-type-pportal_project .wrap h1.wp-heading-inline, 
	.post-type-archive_package .wrap h1.wp-heading-inline {
		letter-spacing: -0.01rem;
	}
}

select#assorted-records-sorting-options {
	padding: 5px 8px;
	border-radius: 10px;
}

/**
 * Project Progress Bar
 */
#storyboad_project_progress_bar {
	padding-top: 20px;
}

h2.skmb__metabox-title {
	padding-inline: 0 !important;
}
.projectbar-section {

}

.projectbar-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	gap: 12px;
}
.projectbar-title h2 {
	padding: 0 !important;
}
.projectbar-title span.sico {

}

.projectbar-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 16px;
	margin-bottom: 36px;
}
.projectbar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
		   display: flex;
	-webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
				-ms-flex-flow: row;
					flex-flow: row;
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	width: 100%;
	height: 30px;
	background-color: #fff;
	border: 1px solid #DEDFE0;
	border-radius: 16px;
}
.projectbar.stickbar {
	position: fixed;
	top: 0;
	z-index: 1;
}
.projectbar-indicators {
	overflow: hidden;
	position: relative;
	width: calc(100% - 22px);
	border-radius: 6px;
	height: 8px;
	background-color: #E8E9EA;
}
.projectbar-indicator {
	position: absolute;
	height: 8px;
	top: 0;
}
.projectbar-indicator.insufficient {
	width: 20%;
	left: 0;
	background-color: #F24D44;
}
.projectbar-indicator.sufficient {
	width: 20%;
	left: 20%;
	background-color: #FFC112;
}
.projectbar-indicator.good {
	width: 20%;
	left: 40%;
	background-color: #29ABE2;
}
.projectbar-indicator.very-good {
	width: 20%;
	left: 60%;
	background-color: #28D3E0;
}
.projectbar-indicator.excellent {
	width: 15%;
	left: 80%;
	background-color: #35CE24;
}
.projectbar-indicator.perfect {
	width: 5%;
	left: 95%;
	background-color: #0FEF5A;
}
.projectbar-indicator.projectbar-animated {
	right: 0;
	width: 100%;
	background-color: #E8E9EA;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.projectbar-slider-handle {

}
.projectbar-ruler {
	position: relative;
	width: calc(100% - 22px);
}
p.projectbar-ruler-text {
	font-family: var(--font-family-2);
	font-style: italic;
	color: var(--breadcrumbs-icon-color-normal);
	position: absolute;
	height: 20px;
	top: 12px;
}
.projectbar-ruler-text.insufficient {
	left: 0;
}
.projectbar-ruler-text.sufficient {
	left: 20%;	
}
.projectbar-ruler-text.good {
	left: 40%;	
}
.projectbar-ruler-text.very-good {
	left: 60%;	
}
.projectbar-ruler-text.excellent {
	left: 80%;	
}
.projectbar-ruler-text.perfect {
	left: 95%;	
}

.projectbar-suggestion {
	display: none; /* changed with js if there are comments/suggestions */
	margin-bottom: 20px;
	padding-top: 22px !important;
}
.projectbar-suggestion-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
}
.projectbar-suggestion-title h3 {
	margin: 0;
	font-weight: 400;
}
.projectbar-suggestion-title sico {
	
}

.projectbar-suggestion-comment {

}
.projectbar-suggestion-comment p {
	margin-top: 0.75em;
	margin-bottom: 0.23em;
}
.projectbar-suggestion-comments ul {
	padding-left: 22px;
	list-style: circle;
}
.projectbar-suggestion-comments ul li {
	padding-left: 2px;
}

ul.product-features li.accented {
	color: #a545ff;
}

.website-offer header.entry-header {
	padding: 40px 60px;
}

.website-offer header.entry-header {
	padding: 20px 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 136px;
	background-color: #23c9c7;
}

.website-offer.premium header.entry-header {
	background-color: blueviolet;
}

.website-offer header.entry-header h4 {
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.28);
}

.pricebox-section {
	padding: 16px 40px;
}

.post-excerpt.pricebox-section {
	min-height: 124px;
	border-block: 1px solid var(--ui-elements-border-color);
	max-width: 80%;
	padding-inline: 0;
}
span.price.pricebox-section {
	padding-left: 0;
	display: flex;
}
.pricebox-section bdi {
	color: #344856;
}

.pricebox-section del {
	text-decoration-color: red;
	margin-top: 15px !important;
}
.pricebox-section ins {
	font-size: 400%;
}

div[id*="paypal-button-container"] {
	padding: 16px 40px 0;
	align-self: center;
	justify-self: center;
	width: 750px;
	max-width: 100%;
}

.price-addition-description {
	margin-top: -46px;
}
.last-pricebox-paragraph {
	padding-bottom: 40px !important;
}
.extra-price-info {
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.extra-price-info:hover {
	color: var(--a-color-initial);
}
.extra-price-target {
	overflow: hidden;
	max-height: 0;
	transition: all 0.4s ease 0s;
}
.extra-price-target.showme {
	max-height: 600px;
	background: #f3f3f3;
	padding: 24px 8px 8px;
	border-radius: 12px;
	margin-bottom: 20px;
}

button[name="cancel_subscription"] {
	background-color: transparent;
	border: none;
	outline: none;
	color: #ce4444;
	padding: 0;
	margin: 0;
}

.product-buy-form-inner {
	margin-bottom: 20px;
}

.packed-selects {
	display: flex;
	flex-flow: column;
	row-gap: 20px;
	padding: 20px 0 0;
}

p.sk__form-error-text {
	color: red;
	border: 2px solid red;
	padding: 12px;
	border-radius: 6px;
	font-family: var(--font-family-2);
	font-size: 14px;
}

select.error {
	border-color: red !important;
}

.product-buy-form-inner select {
	transition: all 0.3s ease 0s;
	cursor: pointer;
	outline: var(--form-field-outline);
	padding-top: var(--form-field-padding-top);
	padding-right: 36px;
	padding-bottom: var(--form-field-padding-bottom);
	padding-left: var(--form-field-padding-left);
	margin-bottom: var(--form-field-margin-bottom);
	font-family: var(--form-field-font-family); /* !! WATCH IT */
	font-size: var(--form-field-text-size);
	font-weight: var(--form-field-text-font-weight);
	color: var(--form-field-text-color-normal);
	background-color: var(--form-field-background-color-normal);
	border-top-width: var(--form-field-border-top-width);
	border-right-width: var(--form-field-border-right-width);
	border-bottom-width: var(--form-field-border-bottom-width);
	border-left-width: var(--form-field-border-left-width);
	border-top-style: var(--form-field-border-top-style);
	border-left-style: var(--form-field-border-left-style);
	border-bottom-style: var(--form-field-border-bottom-style);
	border-right-style: var(--form-field-border-right-style);
	border-top-color: var(--form-field-border-top-color-normal);
	border-right-color: var(--form-field-border-right-color-normal);
	border-bottom-color: var(--form-field-border-bottom-color-normal);
	border-left-color: var(--form-field-border-left-color-normal);
	border-top-left-radius: var(--form-field-border-top-left-radius);
	border-top-right-radius: var(--form-field-border-top-right-radius);
	border-bottom-left-radius: var(--form-field-border-bottom-left-radius);
	border-bottom-right-radius: var(--form-field-border-bottom-right-radius);
}

.product-buy-form-inner select:hover {
	color: var(--form-field-text-color-hover);
	border-top-color: var(--form-field-border-top-color-hover);
	border-right-color: var(--form-field-border-right-color-hover);
	border-bottom-color: var(--form-field-border-bottom-color-hover);
	border-left-color: var(--form-field-border-left-color-hover);
}

.product-buy-form-inner select:focus {
	color: var(--form-field-text-color-focus);
	border-top-color: var(--form-field-border-top-color-focus);
	border-right-color: var(--form-field-border-right-color-focus);
	border-bottom-color: var(--form-field-border-bottom-color-focus);
	border-left-color: var(--form-field-border-left-color-focus);
}

.product-buy-form-inner select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px var(--form-field-autofill-background) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: var(--form-field-autofill-text-color);
}

.product-buy-form-inner select:focus:hover {
	color: var(--form-field-text-color-focus-hover);
	border-top-color: var(--form-field-border-top-color-hover);
	border-right-color: var(--form-field-border-right-color-hover);
	border-bottom-color: var(--form-field-border-bottom-color-hover);
	border-left-color: var(--form-field-border-left-color-hover);
}

.product-buy-form-inner select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--form-field-autofill-text-color);
	-webkit-box-shadow: 0 0 0px 1000px var(--form-field-autofill-background) inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
		 -o-transition: background-color 5000s ease-in-out 0s;
			transition: background-color 5000s ease-in-out 0s;
}

.product-buy-form-inner select {
    appearance: none; /* Removes default arrow */
}

/* Add a custom arrow using background image */
.product-buy-form-inner select {
    background-image: url( '../images/dropdown-indicator-arrow.svg' ); /* Replace with your arrow icon */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

article.sk__admingrid-item {
	display: flex;
	flex-flow: column;
	row-gap: 13px;
	transition: all 0.25s ease 0s;
	will-change: transform;
}
article.sk__admingrid-item:hover {
	transform: translateY(-8px);
}

.sk__admingrid-item.no-hover:hover {
	cursor: initial;
	transform: translateY(0);
}

.sk__admingrid-item .grid-gallery-thumb {
	border-radius: 12px;
	overflow: hidden;
}

.sk__admin-grid-item-content {
	padding-inline: 16px;
}

.sk__admingrid-item h5, 
.sk__admingrid-item h5 a, 
.sk__admingrid-item h5 a:link, 
.sk__admingrid-item h5 a:visited {
	color: var(--infeed-posts-article-title-color-normal);
}

.sk__admingrid-item h5 a:hover {
	color: var(--a-color-initial);
}

/**
 * Contact page
 */
.sk__contact-page {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.sk__contact-page form p, 
.sk__contact-page form label, 
.sk__contact-page form input {
	width: 100%;
}
.sk__contact-page form p input[type="submit"] {
	width: 100%;
	padding-top: var(--button-md-padding-top);
	padding-right: var(--button-md-padding-right);
	padding-bottom: var(--button-md-padding-bottom);
	padding-left: var(--button-md-padding-left);
}
.sk__contact-page form p {
	text-align: left;
}
.sk__contact-page form p label > span > input {
	margin-top: 0.75rem;
}