/**
 * ===============================================================================================
 *       ________  ___   ___   ___  ___       ___  __       ___  ________  _________  ___   ___   
 *      /  _____/\/  /\_/ _/\ /  /\/  /\     /  /\|  | __  /  /\/  __   / /  ___   /\/  /\_/ _/\  
 *     /  /_\___\/  /_/ _/ _//  / /  / /    /  / /|  |/  |/  / /  /\/  / /  /__/  / /  /_/ _/ _/
 *    /____   /\/  _   /\_/ /  / /  / /    /  / / |         / /  / /  / /  _   __/ /  _   /\_/  
 *   _\___/  / /  / |  | | /  / /  /_/__  /  /_/__|   /|   / /  / /  /_/  /\\  \_\/  / |  | |
 *  /_______/ /__/ /|__| |/__/ /_______/\/_______/|__/ |__/ /_______/ /__/ / \__\/__/ /|__| |  
 *  \_______\ \__\/  \__\/\__\/\_______\/\_______\/\_\/\__\/\_______\/\__\/ \/__/\__\/  \__\|
 * 
 * -----	Skillwork CSS Framework, skillwork.css
 * ===================================================================================== */

/**
 * =================================================================
 * ==================    SKILLWORK WPA - START    ==================
 * =================================================================
 * ---------------------------------
 * Skillwork.css WordPress Additions
 * ---------------------------------
 */

/**
 * From style.css
 * Sections, grouping of content, text-level semantics,
 * embedded content, forms, interactive, misc, box-sizing,
 * Components, navigation, posts and pages, comments,
 * widgets, media, captions, galleries, plugins, jetpack,
 * utilities, accessibility, alignments - all explained in
 * style.css of a standard _underscores generated theme.
 */
html {
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: var(--body-background-color);
	margin: 0;
	overflow-x: hidden;
}
main {
	display: block;
}
hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/**
 * pre
 * Block - Code
 * Block - Preformatted
 * Block - Verse
 * -------------
 */
pre, 
pre.wp-block-code {
	font-family: monospace, monospace;
	font-size: 1em;
	font-size: clamp(13px, 1.2rem, 17px);
	background: var(--saturated-dark-shade-1);
	border: 1px solid var(--saturated-dark-shade-2);
	padding: 15px;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}


progress {
	vertical-align: baseline;
}


details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.site-main .comment-navigation,
.site-main /* jel ovde treba zarez ??? */
.posts-navigation,
.site-main /* jel ovde treba zarez ??? */
.post-navigation {
	margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
}
.sticky {
	display: block;
}
/*.post,
.page {

}*/
.updated:not(.published) {
	display: none;
}
.page-content,
.entry-content,
.entry-summary {
	overflow: auto;
}
.single-product .entry-summary {
	overflow: initial;
}
/*
.page-links {

}*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
.widget select {
	max-width: 100%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.custom-logo-link {
	display: inline-block;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}

/**
 * Galleries
 * =========
 */
.gallery {
	margin-bottom: 1.5em;
	display: -ms-grid;
	display: grid;
	grid-gap: 1rem;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0;
}
.gallery-item img {
	width: 100%;
}
.gallery-columns-2 {
	-ms-grid-columns: 1fr 1rem 1fr;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
}
.gallery-columns-3 {
	-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
}
.gallery-columns-4 {
	-ms-grid-columns: 1fr 0.8rem 1fr 0.8rem 1fr 0.8rem 1fr;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0.8rem;
}
.gallery-columns-5 {
	-ms-grid-columns: 1fr 0.7rem 1fr 0.7rem 1fr 0.7rem 1fr 0.7rem 1fr;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0.7rem;
}
.gallery-columns-6 {
	-ms-grid-columns: 1fr 0.4rem 1fr 0.4rem 1fr 0.4rem 1fr 0.4rem 1fr 0.4rem 1fr;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 0.4rem;
}
.gallery-columns-7 {
	-ms-grid-columns: 1fr 0.3rem 1fr 0.3rem 1fr 0.3rem 1fr 0.3rem 1fr 0.3rem 1fr 0.3rem 1fr;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 0.3rem;
}
.gallery-columns-8 {
	-ms-grid-columns: 1fr 0.2rem 1fr 0.2rem 1fr 0.2rem 1fr 0.2rem 1fr 0.2rem 1fr 0.2rem 1fr 0.2rem 1fr;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 0.2rem;
}
.gallery-columns-9 {
	-ms-grid-columns: 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr 0.1rem 1fr;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 0.1rem;
}
.gallery-caption {
	display: block;
}
/**
 * Fix for Elementor gallery images too small
 */
.elementor-image-gallery .gallery-item {
	max-width: initial !important;
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}
.infinity-end.neverending .site-footer {
	display: block;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#primary[tabindex="-1"]:focus {
	outline: 0;
}
#main[tabindex="-1"]:focus {
	outline: 0;
}
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/**
 * WordPress Overrides
 * ===================
 */

/**
 * Block Editor Compatibility:
 * Set wide and full widths
 * for add_theme_support( 'align-wide' );
 */

/* Block Editor Compatibility: Main column width */
.wp-block {
    max-width: var(--pportal-column-width-standard);
}
 
/* Block Editor Compatibility: Width of "wide" blocks */
.wp-block[data-align='wide'] {
    max-width: var(--pportal-column-width-standard);
}
 
/* Block Editor Compatibility: Width of "full-wide" blocks */
.wp-block[data-align='full'] {
    max-width: none;
}

/**
 * Soft override for admin bar gap
 * Compensate for white space which appears under
 * 600px above admin bar when logged in because
 * body has a set position (relative).
 */

.sk__cushion {
	display: none;
	width: 0;
	height: 0;
	margin: 0;
}

@media all and (max-width: 600px) { 

	body.admin-bar.logged-in {
		margin-top: -46px;
	}

	body.logged-in .sk__cushion {
		display: block;
		height: 0;
		margin-top: -46px;
	}

	body.logged-in .site-main { /* main#main + main#primary */
		overflow-x: hidden;
		margin-top: 46px;
	}

}

@media all and (min-width: 601px) and (max-width: 1839px) {
	body.logged-in .hc-offcanvas-nav .nav-container {
		top: 32px;
	}
}

/**
 * Recommended here
 * https://codex.wordpress.org/Content_Width
 */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/**
 * Vertical spacer/pusher
 * pushes content away from the top 
 * to accommodate for the menu
 */
/*#the-content:not(.no_hero) {
	padding-top: 5rem;
}
.single-post #the-content:not(.no_hero) {
	padding-top: 0;
}
#the-content.no_hero, 
.pusher-element, 
.padded-top {
	padding-top: 9.25rem;
}
@media all and (max-width: 1409px) {
	#the-content.no_hero, 
	.pusher-element, 
	.padded-top {
		padding-top: 5.25rem;
	}
}
@media all and (min-width: 1410px) and (max-width: 1499px) {
	#the-content.no_hero, 
	.pusher-element, 
	.padded-top {
		padding-top: 7.25rem;
	}
}
#the-content.no-top-padding, 
#the-content.no-top-padding.no_hero {
	padding-top: 0;
}*/

.seo-helper-text {
	display: none;
}

.padded-top-regular,
.sk__pyr, 
.sk__ptr {
	padding-top: 1.2vw;
}

.padded-bottom-regular,
.sk__pyr, 
.sk__pbr {
	padding-bottom: 1.2vw;
}

/** 
 * =================================================================
 * ==================    SKILLWORK WPA - END    ====================
 * =================================================================
 */


/**
 * Priority Load (skillwork)
 * =========================
 * moved to separate CSS file with highest priority load.
 */

/* Paste extension code here: skillwork-extension-animated-headlines.css (CSS + JS) */
/* MADE ELEMENTOR WIDGET: Animated headlines */

.clearfix {
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	max-height: 0 !important;
	line-height: 0 !important;
}

/**
 * Overrides (skillwork.css)
 * =========================
 */

/**
 * Bootstrap Overrides
 * -------------------
 */

.visually-hidden, 
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	padding: 0!important;
	margin: -1px!important;
	overflow: hidden!important;
	clip: rect(0,0,0,0)!important;
	white-space: nowrap!important;
	border: 0!important;
}

/**
 * Override bootstrap's scroll-behavior rule
 * to avoid conflict with GSAP ScrollSmoother
 */
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: initial;
	}
}

/**
 * Custom theme bootstrap containers
 * container < super < super-xl < power < ultra
 */

:root, 
:before, 
:after {
	--pportal-column-width-standard: 1460px;
	--pportal-column-width-large: 1740px;
	--pportal-column-width-max: 1910px;
}

@media all and (min-width: 1500px) {
	.sk__supercontainer.container, 
	.sk__supercontainer.container-lg, 
	.sk__supercontainer.container-md, 
	.sk__supercontainer.container-sm, 
	.sk__supercontainer.container-xl,
	.sk__superboxer {
		max-width: var(--pportal-column-width-standard);
	}
}
@media all and (min-width: 1500px) and (max-width: 1779px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl, 
	.sk__super-xl-boxer, 
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl, 
	.sk__powerboxer, 
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl, 
	.sk__ultraboxer {
		max-width: var(--pportal-column-width-standard);
	}
}
@media all and (min-width: 1780px) and (max-width: 1920px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl, 
	.sk__super-xl-boxer {
		max-width: var(--pportal-column-width-standard);
	}
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl, 
	.sk__powerboxer, 
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl, 
	.sk__ultraboxer {
		max-width: var(--pportal-column-width-large);
	}
}
@media all and (min-width: 1921px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl, 
	.sk__super-xl-boxer, 
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl, 
	.sk__powerboxer {
		max-width: var(--pportal-column-width-large);
	}
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl, 
	.sk__ultraboxer {
		max-width: var(--pportal-column-width-max);
	}
}

/**
 * Non-bootstrap, but same widths as containers
 * match for theme containers
 */
.sk__boxer
.sk__superboxer, 
.sk__super-xl-boxer, 
.sk__powerboxer, 
.sk__ultraboxer {
	width: 100%;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
}
@media all and (min-width: 1400px) and (max-width: 1499px) {
	.sk__boxer
	.sk__superboxer, 
	.sk__super-xl-boxer, 
	.sk__powerboxer, 
	.sk__ultraboxer {
		max-width: 1320px;
	}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
	.sk__boxer
	.sk__superboxer, 
	.sk__super-xl-boxer, 
	.sk__powerboxer, 
	.sk__ultraboxer {
		max-width: 1140px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.sk__boxer
	.sk__superboxer, 
	.sk__super-xl-boxer, 
	.sk__powerboxer, 
	.sk__ultraboxer {
		max-width: 960px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.sk__boxer
	.sk__superboxer, 
	.sk__super-xl-boxer, 
	.sk__powerboxer, 
	.sk__ultraboxer {
		max-width: 720px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.sk__boxer
	.sk__superboxer, 
	.sk__super-xl-boxer, 
	.sk__powerboxer, 
	.sk__ultraboxer {
		max-width: 540px;
	}
}

@media all and (max-width: 575px) { /* xs */
	
	.row > * {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/**
 * Sidebar (classic)
 * limit sidebar width
 */

@media (min-width: 992px) and (max-width: 1920px) {
	.sk__aside-col.col-md-4.col-xl-3 {
		max-width: var(--sidebar-width);
	}
	.sk__main-col.col-md-8.col-xl-9 {
		width: calc(100% - var(--sidebar-width));
	}
}

@media (min-width: 1921px) {
	.sk__aside-col.col-md-4.col-xl-3 {
		max-width: var(--sidebar-width-above-fullhd);
	}
	.sk__main-col.col-md-8.col-xl-9 {
		width: calc(100% - var(--sidebar-width-above-fullhd));
	}
}

/* Vertical Bootstrap carousel */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0,-100%, 0);
			transform: translate3d(0,-100%, 0);
}

/**
 * Reset
 * -----
 */

div, span, a, strong, i, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/**
 * Pushable content - for mobile menu and sidebar
 * 
 * .sk__smoother-off is for GSAP implementation.
 */

.pushable-content {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
	-webkit-transition: all 0.3s ease 0s !important;
		 -o-transition: all 0.3s ease 0s !important;
			transition: all 0.3s ease 0s !important;
}
body.sk__smoother-off, 
body.sk__is-mobile {
	overflow-x: hidden !important;
}
.pushable-content.pushed, 
.pushable-content.pushed-from-left, 
.pushable-content.pushed-from-right, 
.pushable-content.pushed-from-top, 
.pushable-content.pushed-from-bottom {
	-webkit-transition: all 0.55s ease 0s !important;
		 -o-transition: all 0.55s ease 0s !important;
			transition: all 0.55s ease 0s !important;
}
.pushable-content.pushed {
	-webkit-transform: scale(0.97);
	    -ms-transform: scale(0.97);
	        transform: scale(0.97);
}
.pushable-content.pushed-from-left {
	left: 200px !important;
}
.pushable-content.pushed-from-right {
	left: -200px !important;
}
.pushable-content.pushed-from-top {
	top: 200px !important;
}
.pushable-content.pushed-from-bottom {
	top: -200px !important;
}

/**
 * Pushable content - Scroll smoother OFF or smoother set to 0 fix
 */
/*body.sk__smoother-off .pushable-content.pushed-from-left, 
body.sk__is-mobile .pushable-content.pushed-from-left {
	left: 0 !important;
	-webkit-transform: translateX(200px);
		-ms-transform: translateX(200px);
			transform: translateX(200px);
}
body.sk__smoother-off .pushable-content.pushed-from-right, 
body.sk__is-mobile .pushable-content.pushed-from-right {
	left: 0 !important;
	-webkit-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
			transform: translateX(-200px);
}*/

/**
 * Generic classes
 * ===============
 * 
 * Removing (conflicting with bootstrap)
 * .overflow-visible
 * .overflow-hidden
 * .overflow-x-hidden
 * .overflow-y-hidden
 * .d-block
 * .d-flex
 * .d-inline-block
 * .d-inline-flex
 * .d-inline
 * .d-none
 * .align-items-start
 * .align-items-center
 * .align-items-end
 */
.display-block {
	display: block !important;
}
.display-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}
.display-inline {
	display: inline !important;
}
.display-none {
	display: none !important;
}
.align-self-initial {
	-ms-flex-item-align: initial;
	    -ms-grid-row-align: initial;
	    align-self: initial;
}
.align-self-normal {
	-ms-flex-item-align: normal;
	    -ms-grid-row-align: normal;
	    align-self: normal;
}
.scale-3 {
	-webkit-transform: scale(3);
		-ms-transform: scale(3);
			transform: scale(3);
}

/**
 * Structure
 * =========
 */

/* Stretch page content to the edges */

.sk__stretch-page-content.container-fluid, 
.sk__stretch-page-content.container-fluid > .row > div {
	padding-left: 0;
	padding-right: 0;
}

.sk__stretch-page-content.container-fluid > .row {
	margin-left: 0;
	margin-right: 0;
}

.px-15px {
	padding-left: 15px;
	padding-right: 15px;
}

.mw-660 {
	max-width: 660px;
}

.mw-560 {
	max-width: 560px;
}

.mw-440 {
	max-width: 440px;
}

.mw-320 {
	max-width: 320px;
}

.mh-100vh {
	min-height: 100vh;
}

/* Heading spacers (bottom paddings) */

.sk__heading-spacer-xs {
	padding-bottom: 20px;
}
.sk__heading-spacer-s {
	padding-bottom: 60px;
}
.sk__heading-spacer-m {
	padding-bottom: 90px;
}
.sk__heading-spacer-l {
	padding-bottom: 110px;
}
.sk__heading-spacer-xl {
	padding-bottom: 110px;
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__heading-spacer-s {
		padding-bottom: 60px;
	}
	.sk__heading-spacer-m {
		padding-bottom: 70px;
	}
	.sk__heading-spacer-l {
		padding-bottom: 80px;
	}
	.sk__heading-spacer-xl {
		padding-bottom: 80px;
	}
}
@media all and (max-width: 575px) { /* xs */
	.sk__heading-spacer-xs {
		padding-bottom: 10px;
	}
	.sk__heading-spacer-s {
		padding-bottom: 30px;
	}
	.sk__heading-spacer-m {
		padding-bottom: 50px;
	}
	.sk__heading-spacer-l {
		padding-bottom: 50px;
	}
	.sk__heading-spacer-xl {
		padding-bottom: 50px;
	}
}
@media all and (min-width: 1921px) {
	.sk__heading-spacer-xl {
		padding-bottom: 150px;
	}
}

/**
 * Standard sections
 */

/**
 * Section that centers content vertically,
 * sets width to 100% and position to relative.
 * For other use, see flex-center, flex-center-x
 * and flex-center-y
 */
section.sk__centered-y-section, 
.sk__centered-y-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

/* Full height */

.sk__full-height {
	height: 100vh !important;
}

.sk__min-height-100 {
	min-height: 100vh !important;
}

/**
 * Absolutely positioned child/inner element that fills the entire
 * parent (parent should have 'position': 'relative' or 'fixed')
 */

.sk__absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
 * Flex containers
 */

/**
 * Prepare for flex alignment of children, but don't specify alignment
 */

.sk__flex, 
.sk__flex-center, /* deprecated, use .sk__flex.sk__center or .sk__flex.sk__center-center */
.sk__flex-center-x /* deprecated, use .sk__flex.sk__center-x */, 
.sk__flex-center-y /* deprecated, use .sk__flex.sk__center-y */ {
	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;
}

/**
 * Align children to center (horizontally) using display flex
 */

.sk__center-x, 
.sk__flex-center-x /* deprecated, use .sk__flex.sk__center-x */ {
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

/**
 * Align children to center (vertically) using display flex
 * (Section that centers content vertically - new)
 */

.sk__center-y, 
.sk__flex-center-y /* deprecated, use .sk__flex.sk__center-y */ {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
}

/**
 * Align Children in 9-ways using display flex
 * center-center, left-center, left-top,
 * left-bottom, center-top, right-top,
 * right-center, right-bottom
 * and center-bottom
 */

.sk__center,
.sk__center-center, 
.sk__left-center, 
.sk__left-top, 
.sk__left-bottom, 
.sk__center-top, 
.sk__right-top, 
.sk__right-center, 
.sk__right-bottom, 
.sk__center-bottom {
	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;
}
.sk__center, 
.sk__center-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.sk__left-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__left-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__left-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__center-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.sk__right-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__right-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__right-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__center-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

/**
 * Grid
 */
.sk__grid, 
.sk__grid.sk__blog-grid {
	overflow: initial;
	display: -ms-grid;
	display: grid;
	margin: 0;
	padding: 0;
	grid-column-gap: var(--blog-grid-column-gap);
	grid-row-gap: var(--blog-grid-row-gap);
}

@media all and (min-width: 1400px) {
	.sk__grid.sk__grid-xxl-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xxl-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xxl-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xxl-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-xxl-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-xxl-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-xxl-7 { -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-xxl-8 { -ms-grid-columns: (1fr)[8]; grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-xxl-9 { -ms-grid-columns: (1fr)[9]; grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-xxl-10 { -ms-grid-columns: (1fr)[10]; grid-template-columns: repeat(10, 1fr);}
	.sk__grid.sk__grid-xxl-11 { -ms-grid-columns: (1fr)[11]; grid-template-columns: repeat(11, 1fr);}
	.sk__grid.sk__grid-xxl-12 { -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr);}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
	.sk__grid.sk__grid-xl-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xl-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xl-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xl-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-xl-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-xl-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-xl-7 { -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-xl-8 { -ms-grid-columns: (1fr)[8]; grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-xl-9 { -ms-grid-columns: (1fr)[9]; grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-xl-10 { -ms-grid-columns: (1fr)[10]; grid-template-columns: repeat(10, 1fr);}
	.sk__grid.sk__grid-xl-11 { -ms-grid-columns: (1fr)[11]; grid-template-columns: repeat(11, 1fr);}
	.sk__grid.sk__grid-xl-12 { -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr);}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.sk__grid.sk__grid-lg-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-lg-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-lg-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-lg-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-lg-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-lg-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-lg-7 { -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-lg-8 { -ms-grid-columns: (1fr)[8]; grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-lg-9 { -ms-grid-columns: (1fr)[9]; grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-lg-10 { -ms-grid-columns: (1fr)[10]; grid-template-columns: repeat(10, 1fr);}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.sk__grid.sk__grid-md-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-md-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-md-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-md-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-md-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-md-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr);}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.sk__grid.sk__grid-sm-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-sm-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-sm-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-sm-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
}
@media all and (min-width: 381px) and (max-width: 575px) {
	.sk__grid.sk__grid-xs-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xs-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xs-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width: 380px) {
	.sk__grid.sk__grid-xxs-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xxs-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);}
}

/* Set background image as cover and center it */

.sk__image-back-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sk__object-fit-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* Set background image as contain and center it */

.sk__image-back-contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.sk__object-fit-contain {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

/* Background positioning classes */

.sk__bpx-0,
.sk__bpx-left {
	background-position-x: 0 !important;
}

.sk__bpx-50,
.sk__bpx-center {
	background-position-x: 50% !important;
}

.sk__bpx-100,
.sk__bpx-right {
	background-position-x: 100% !important;
}

.sk__bpy-0,
.sk__bpy-top {
	background-position-y: 0 !important;
}

.sk__bpy-50,
.sk__bpy-center {
	background-position-y: 50% !important;
}

.sk__bpy-100,
.sk__bpy-bottom {
	background-position-y: 100% !important;
}

/* Bare bones background classes */

.background-size-cover {
	background-size: cover !important;
}
.background-size-contain {
	background-size: contain !important;
}

.background-repeat {
	background-repeat: repeat !important;
}
.background-no-repeat {
	background-repeat: no-repeat !important;
}

.background-center-center {
	background-position: center center !important;
}
.background-center-top {
	background-position: center top !important;
}
.background-center-bottom {
	background-position: center bottom !important;
}
.background-left-top {
	background-position: left top !important;
}
.background-left-center {
	background-position: left center !important;
}
.background-left-bottom {
	background-position: left bottom !important;
}
.background-right-top {
	background-position: right top !important;
}
.background-right-center {
	background-position: right center !important;
}
.background-right-bottom {
	background-position: right bottom !important;
}

/* Animated header - used for "slide in from top" effect for the header */
.sk__animated-header {
	opacity: 0;
	border-bottom: 1px solid;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}

/**
 * Z-index helper classes
 */
.sk__z0, .sk__hover-z0:hover { z-index: 0; }
.sk__z1, .sk__hover-z1:hover { z-index: 1; }
.sk__z2, .sk__hover-z2:hover { z-index: 2; }
.sk__z3, .sk__hover-z3:hover { z-index: 3; }
.sk__z4, .sk__hover-z4:hover { z-index: 4; }
.sk__z5, .sk__hover-z5:hover { z-index: 5; }
.sk__z6, .sk__hover-z6:hover { z-index: 6; }
.sk__z7, .sk__hover-z7:hover { z-index: 7; }
.sk__z8, .sk__hover-z8:hover { z-index: 8; }
.sk__z9, .sk__hover-z9:hover { z-index: 9; }
.sk__z10, .sk__hover-z10:hover { z-index: 10; }
.sk__z-1, .sk__hover-z-1:hover { z-index: -1; }
.sk__z-2, .sk__hover-z-2:hover { z-index: -2; }
.sk__z-3, .sk__hover-z-3:hover { z-index: -3; }
.sk__z-4, .sk__hover-z-4:hover { z-index: -4; }
.sk__z-5, .sk__hover-z-5:hover { z-index: -5; }
.sk__z-6, .sk__hover-z-6:hover { z-index: -6; }
.sk__z-7, .sk__hover-z-7:hover { z-index: -7; }
.sk__z-8, .sk__hover-z-8:hover { z-index: -8; }
.sk__z-9, .sk__hover-z-9:hover { z-index: -9; }
.sk__z-10, .sk__hover-z-10:hover { z-index: -10; }

/**
 * Predefined borders
 */
.sk__bt-1, .sk__by-1 { border-top: 1px solid; }
.sk__bb-1, .sk__by-1 { border-bottom: 1px solid; }
.sk__bt-2, .sk__by-2 { border-top: 2px solid; }
.sk__bb-2, .sk__by-2 { border-bottom: 2px solid; }
.sk__bt-3, .sk__by-3 { border-top: 3px solid; }
.sk__bb-3, .sk__by-3 { border-bottom: 3px solid; }
.sk__bt-4, .sk__by-4 { border-top: 4px solid; }
.sk__bb-4, .sk__by-4 { border-bottom: 4px solid; }
.sk__bt-5, .sk__by-5 { border-top: 5px solid; }
.sk__bb-5, .sk__by-5 { border-bottom: 5px solid; }
.sk__bt-6, .sk__by-6 { border-top: 6px solid; }
.sk__bb-6, .sk__by-6 { border-bottom: 6px solid; }
.sk__bt-7, .sk__by-7 { border-top: 7px solid; }
.sk__bb-7, .sk__by-7 { border-bottom: 7px solid; }
.sk__bt-8, .sk__by-8 { border-top: 8px solid; }
.sk__bb-8, .sk__by-8 { border-bottom: 8px solid; }
.sk__bt-9, .sk__by-9 { border-top: 9px solid; }
.sk__bb-9, .sk__by-9 { border-bottom: 9px solid; }
.sk__bt-10, .sk__by-10 { border-top: 10px solid; }
.sk__bb-10, .sk__by-10 { border-bottom: 10px solid; }
.sk__bt-11, .sk__by-11 { border-top: 11px solid; }
.sk__bb-11, .sk__by-11 { border-bottom: 11px solid; }
.sk__bt-12, .sk__by-12 { border-top: 12px solid; }
.sk__bb-12, .sk__by-12 { border-bottom: 12px solid; }
.sk__bt-13, .sk__by-13 { border-top: 13px solid; }
.sk__bb-13, .sk__by-13 { border-bottom: 13px solid; }
.sk__bt-14, .sk__by-14 { border-top: 14px solid; }
.sk__bb-14, .sk__by-14 { border-bottom: 14px solid; }
.sk__bt-15, .sk__by-15 { border-top: 15px solid; }
.sk__bb-15, .sk__by-15 { border-bottom: 15px solid; }
.sk__bt-16, .sk__by-16 { border-top: 16px solid; }
.sk__bb-16, .sk__by-16 { border-bottom: 16px solid; }
.sk__bt-17, .sk__by-17 { border-top: 17px solid; }
.sk__bb-17, .sk__by-17 { border-bottom: 17px solid; }
.sk__bt-18, .sk__by-18 { border-top: 18px solid; }
.sk__bb-18, .sk__by-18 { border-bottom: 18px solid; }
.sk__bt-19, .sk__by-19 { border-top: 19px solid; }
.sk__bb-19, .sk__by-19 { border-bottom: 19px solid; }
.sk__bt-20, .sk__by-20 { border-top: 20px solid; }
.sk__bb-20, .sk__by-20 { border-bottom: 20px solid; }

/**
 * Decorations, filters and visibility classes
 */

.sk__gradient-back-v1,
.sk__gradient-back-v1-hover:hover {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
}

.reverse-gradient.sk__gradient-back-v1,
.reverse-gradient.sk__gradient-back-v1-hover:hover {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

.sk__pattern-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}

.sk__tint {
	z-index: -1;
	background: #000000;
	opacity: 0.6;
}

.sk__tint-light {
	z-index: -1;
	background: #000000;
	opacity: 0.15;
}

.sk__filter-city {
	-webkit-filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
			filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
}

.sk__body-end {
	display: none;
}

.sk__invisible {
	opacity: 0 !important;
}

/* Z-index Layer-stacking within a section */

.sk__section-color-background {
	z-index: -8;
}

/* 7 = parallax layer */

.sk__section-background {
	z-index: -6;
}

.sk__gradient-overlay {
	z-index: -5;
}

.sk__color-overlay, 
.sk__tint, 
.sk__tint-light {
	z-index: -4;
}

.sk__pattern-overlay {
	z-index: -3;
}

.sk__section-content {
	position: relative;
	/*z-index: 1;*/
}

.sk__mix-color			{ mix-blend-mode: color; }
.sk__mix-color-burn 	{ mix-blend-mode: color-burn; }
.sk__mix-color-dodge 	{ mix-blend-mode: color-dodge; }
.sk__mix-darken 		{ mix-blend-mode: darken; }
.sk__mix-difference 	{ mix-blend-mode: difference; }
.sk__mix-exclusion 		{ mix-blend-mode: exclusion; }
.sk__mix-hard-light 	{ mix-blend-mode: hard-light; }
.sk__mix-hue 			{ mix-blend-mode: hue; }
.sk__mix-inherit 		{ mix-blend-mode: inherit; }
.sk__mix-initial 		{ mix-blend-mode: initial; }
.sk__mix-lighten 		{ mix-blend-mode: lighten; }
.sk__mix-luminosity 	{ mix-blend-mode: luminosity; }
.sk__mix-multiply 		{ mix-blend-mode: multiply; }
.sk__mix-normal 		{ mix-blend-mode: normal; }
.sk__mix-overlay 		{ mix-blend-mode: overlay; }
.sk__mix-plus-lighter 	{ mix-blend-mode: plus-lighter; } /* not fully supported */
.sk__mix-revert 		{ mix-blend-mode: revert; }
.sk__mix-saturation 	{ mix-blend-mode: saturation; }
.sk__mix-screen 		{ mix-blend-mode: screen; }
.sk__mix-soft-light 	{ mix-blend-mode: soft-light; }
.sk__mix-unset 			{ mix-blend-mode: unset; }


/* 
 * Navigation Menus
 * ================
 * Match Mobile & Desktop media queries
 * to 'disableAt' in theme.js file.
 * See documentation for more info.
 */
.sk__shadow-pusher {
	visibility: hidden !important;
	position: relative !important;
}


/**
 * Socials menu
 */
/*.sk__header-socials-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
		   display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-ms-flex-item-align: center;
	 -ms-grid-row-align: center;
			 align-self: center;
}*/

/**
 * Fonts / Typography
 * ==================
 */

ul {
	list-style: disc; /* WPA */
	list-style-position: inside;
}

ol {
	list-style: decimal; /* WPA */
}

ol, ul {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

li {
	color: var(--list-items-color);
}

li > ul,
li > ol {
	margin-bottom: 0; /* WPA */
	margin-left: 0.5em; /* WPA */
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe:not(#sk__yt-video-background),
object {
	max-width: 100%;
}

iframe.sk__custom-fullscreen-iframe {
	height:100vh;
	width: 100vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: initial !important;
}

hr {
	opacity: 1;
	background-color: var(--divider-color); /* WPA */
	height: 1px; /* WPA */
	margin-bottom: 20px; /* WPA */
	margin-top: 20px; /* WPA */
	border: 0; /* WPA */
}

hr.sk__divider, 
.divider { /* combine with background color, border, gradients, patterns... */
	display: block;
	width: 100%;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: var(--divider-color);
}

@media all and (max-width: 575px) { /* xs */
	hr.sk__divider, 
	.divider {
		width: 90%;
		margin-left: 5%;
	}
}

hr.sk__divider.bright, 
.divider.bright {
	background-color: var(--divider-bright-color);
}

.fat-divider {
	display: block;
	width: 100%;
	height: 20px;
	margin-bottom: 25px;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

figcaption {
	color: var(--p-color) !important;
	font-size: 13px;
	line-height: 19px;
	margin: 0.4rem 0 1rem;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

td, 
th {
	padding: 0.5em;
	border: 1px solidvar(--dark-shade-5);
	word-break: normal;
}

caption {
	color: var(--widget-content-color);
}

/* long words safety */
h1, 
h2, 
h3, 
h4, 
h5, 
h6,/* WATCH IT !!! after this */ 
p, 
span, 
div, 
li, 
ul, 
a {
	-ms-word-break: break-all;
		word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	/*-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;*/

	/* As per WP unit test data */
	-ms-word-wrap: break-word;
		word-wrap: break-word;
}

/*body,
button,
input,
select,
optgroup,
textarea {*/
	/* WPA */
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both; /* WPA */
	margin-bottom: 1.4rem;
	margin-top: 0;
}

p {
	margin-bottom: 1rem; /* DYNAMIZE (i ne prima ovako, preuzme ga user agent stylesheet's margin-block-end: 1em; ) */
	margin-top: 0;
}

dfn,
cite,
em,
i {
	font-style: italic; /* WPA */
}

blockquote {
	margin: 0 0 1rem;
	border-left-style: solid;
	border-left-width: 4px; /* DYNAMIZE */
	border-left-color: var(--light-shade-10); /* DYNAMIZE */
	padding-left: 1.3rem;
}

.wp-block-pullquote blockquote {
	border-left: none;
	border-left-color: none;
}

.wp-block-pullquote {
	border-color: var(--light-shade-10); /* DYNAMIZE */
}

blockquote.wp-block-quote.is-style-large > p {
	quotes: "“" "”" "‘" "’";
}

blockquote.wp-block-quote.is-style-large:not(.is-style-plain) > p:before {
	font-weight: 600; /* DYNAMIZE */
	content: open-quote;
}

blockquote.wp-block-quote.is-style-large:not(.is-style-plain) > p:after {
	font-weight: 600; /* DYNAMIZE */
	content: close-quote;
}

cite, 
blockquote.wp-block-quote cite,
blockquote.wp-block-quote.is-large cite, 
blockquote.wp-block-quote.is-style-large:not(.is-style-plain) cite {
	font-weight: 400; /* DYNAMIZE */
}

address {
	margin: 0 0 1.5em; /* WPA */
}

pre {
	/* background: done in "from style.css"; WPA */
	font-family: "Courier 10 Pitch", courier, monospace; /* WPA */
	line-height: 1.6; /* WPA */
	margin-bottom: 1.6em; /* WPA */
	max-width: 100%; /* WPA */
	overflow: auto; /* WPA */
	padding: 1.6em; /* WPA */
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /* WPA */
}

abbr,
acronym {
	border-bottom: 1px dotted var(--body-color);
	cursor: help; /* WPA */
}

mark,
ins {
	/* background: #fff9c0; */ /* WPA */
	text-decoration: none; /* WPA */
}

big {
	font-size: 125%; /* WPA */
}

/* icon font */
span[class*="sico-"] {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.narrow-text {
	letter-spacing: -0.05em;
}




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

/** 
 * Links
 * ===== 
 */
/*a {
	text-decoration: none;
}
a {
	color: var(--a-color-initial);
}
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;
}*/

/**
 * Forms, form fields
 */

input {
	overflow: visible;
}


fieldset {
	padding: 0.35em 0.75em 0.625em;
	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);
}
legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

input,
optgroup,
select,
textarea, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input, 
.sk__subscribe-form optgroup, 
.widget_mailpoet_form optgroup, 
.sk__subscribe-form select, 
.widget_mailpoet_form select, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	font-family: var(--body-font-family);
}
select, 
.sk__subscribe-form select, 
.widget_mailpoet_form select {
	text-transform: none;
}

textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"], 
.sk__subscribe-form [type="checkbox"], 
.widget_mailpoet_form [type="checkbox"], 
.sk__subscribe-form [type="radio"], 
.widget_mailpoet_form [type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
	width: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button, 
.sk__subscribe-form [type="number"]::-webkit-inner-spin-button, 
.widget_mailpoet_form [type="number"]::-webkit-inner-spin-button, 
.sk__subscribe-form [type="number"]::-webkit-outer-spin-button, 
.widget_mailpoet_form [type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"], 
.sk__subscribe-form [type="search"], 
.widget_mailpoet_form [type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration, 
.sk__subscribe-form [type="search"]::-webkit-search-decoration, 
.widget_mailpoet_form [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button, 
.sk__subscribe-form ::-webkit-file-upload-button, 
.widget_mailpoet_form ::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/**
 * Forms
 * =====
 */

form:not[role="search"], 
.sk__subscribe-form:not[role="search"], 
.widget_mailpoet_form form:not[role="search"] {
	background-color: var(--forms-background-color);
	border-top-color: var(--forms-border-top-color); 
	border-right-color: var(--forms-border-right-color);
	border-bottom-color: var(--forms-border-bottom-color);
	border-left-color: var(--forms-border-left-color);
	padding-top: var(--forms-padding-top);
	padding-right: var(--forms-padding-right);
	padding-bottom: var(--forms-padding-bottom);
	padding-left: var(--forms-padding-left);
	border-top-style: var(--forms-border-top-style);
	border-right-style: var(--forms-border-right-style);
	border-bottom-style: var(--forms-border-bottom-style);
	border-left-style: var(--forms-border-left-style);
	border-top-width: var(--forms-border-top-width);
	border-right-width: var(--forms-border-right-width);
	border-bottom-width: var(--forms-border-bottom-width);
	border-left-width: var(--forms-border-left-width);
	border-top-left-radius: var(--forms-border-top-left-radius);
	border-top-right-radius: var(--forms-border-top-right-radius);
	border-bottom-left-radius: var(--forms-border-bottom-left-radius);
	border-bottom-right-radius: var(--forms-border-bottom-right-radius);
	-webkit-box-shadow: var(--forms-box-shadow);
	        box-shadow: var(--forms-box-shadow);
}
form.search-form {
	position: relative;
}

/* remove styles that affected adminbar search form */
#adminbarsearch {
	border: none;
	background: transparent;
}

.form-group, 
.sk__subscribe-form .form-group, 
.widget_mailpoet_form .form-group {
	margin-bottom: var(--form-group-margin-bottom);
}

label, 
.sk__subscribe-form label, 
.widget_mailpoet_form label {
	margin-bottom: var(--form-label-margin-bottom);
	font-size: var(--form-label-text-size);
	font-weight: var(--form-label-text-font-weight);
	font-family: var(--form-label-font-family);
	color: var(--form-label-text-color);
}

input, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input {
	width: var(--form-input-width);
}

textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	width: var(--form-textarea-width);
	resize: none;
}

input, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input, 
textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	outline: var(--form-field-outline);
	padding-top: var(--form-field-padding-top);
	padding-right: var(--form-field-padding-right);
	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);
} 
.wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], 
.wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], 
.wc-block-components-text-input input[type=url] {
	outline: var(--form-field-outline) !important;
	padding-right: var(--form-field-padding-right) !important;
	padding-bottom: var(--form-field-padding-bottom) !important;
	padding-left: var(--form-field-padding-left) !important;
	font-family: var(--form-field-font-family) !important; /* !! WATCH IT */
	font-size: var(--form-field-text-size) !important;
	font-weight: var(--form-field-text-font-weight) !important;
	color: var(--form-field-text-color-normal) !important;
	background-color: var(--form-field-background-color-normal) !important;
	border-top-width: var(--form-field-border-top-width) !important;
	border-right-width: var(--form-field-border-right-width) !important;
	border-bottom-width: var(--form-field-border-bottom-width) !important;
	border-left-width: var(--form-field-border-left-width) !important;
	border-top-style: var(--form-field-border-top-style) !important;
	border-left-style: var(--form-field-border-left-style) !important;
	border-bottom-style: var(--form-field-border-bottom-style) !important;
	border-right-style: var(--form-field-border-right-style) !important;
	border-top-color: var(--form-field-border-top-color-normal) !important;
	border-right-color: var(--form-field-border-right-color-normal) !important;
	border-bottom-color: var(--form-field-border-bottom-color-normal) !important;
	border-left-color: var(--form-field-border-left-color-normal) !important;
}
.wc-block-components-text-input input[type=email]:not(.is-active), 
.wc-block-components-text-input input[type=number]:not(.is-active), 
.wc-block-components-text-input input[type=tel]:not(.is-active), 
.wc-block-components-text-input input[type=text]:not(.is-active), 
.wc-block-components-text-input input[type=url]:not(.is-active) {
	padding-top: var(--form-field-padding-top);
}

input:hover, 
.sk__subscribe-form input:hover, 
.widget_mailpoet_form input:hover, 
.sk__subscribe-form .sk__subform-element input:hover, 
.widget_mailpoet_form .sk__subform-element input:hover, 
textarea:hover, 
.sk__subscribe-form textarea:hover, 
.widget_mailpoet_form textarea: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);
}
.wc-block-components-text-input input[type=email]:hover, 
.wc-block-components-text-input input[type=number]:hover, 
.wc-block-components-text-input input[type=tel]:hover, 
.wc-block-components-text-input input[type=text]:hover, 
.wc-block-components-text-input input[type=url]:hover {
	color: var(--form-field-text-color-hover) !important;
	border-top-color: var(--form-field-border-top-color-hover) !important;
	border-right-color: var(--form-field-border-right-color-hover) !important;
	border-bottom-color: var(--form-field-border-bottom-color-hover) !important;
	border-left-color: var(--form-field-border-left-color-hover) !important;
}

input:focus, 
.sk__subscribe-form input:focus, 
.widget_mailpoet_form input:focus, 
.sk__subscribe-form .sk__subform-element input:focus, 
.widget_mailpoet_form .sk__subform-element input:focus, 
textarea:focus, 
.sk__subscribe-form textarea:focus, 
.widget_mailpoet_form textarea: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);
}

.wc-block-components-text-input input[type=email]:focus, 
.wc-block-components-text-input input[type=number]:focus, 
.wc-block-components-text-input input[type=tel]:focus, 
.wc-block-components-text-input input[type=text]:focus, 
.wc-block-components-text-input input[type=url]:focus {
	color: var(--form-field-text-color-focus) !important;
	border-top-color: var(--form-field-border-top-color-focus) !important;
	border-right-color: var(--form-field-border-right-color-focus) !important;
	border-bottom-color: var(--form-field-border-bottom-color-focus) !important;
	border-left-color: var(--form-field-border-left-color-focus) !important;
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
}

input:-webkit-autofill:focus, 
.sk__subscribe-form input:-webkit-autofill:focus, 
.widget_mailpoet_form input:-webkit-autofill:focus, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:focus, 
.widget_mailpoet_form .sk__subform-element input:-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);
}

textarea:focus:hover, 
.sk__subscribe-form textarea:focus:hover, 
.widget_mailpoet_form textarea:focus:hover, 
input:focus:hover, 
.sk__subscribe-form input:focus:hover, 
.widget_mailpoet_form input:focus:hover, 
.sk__subscribe-form .sk__subform-element input:focus:hover, 
.widget_mailpoet_form .sk__subform-element input: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);
}

input:-webkit-autofill, 
.sk__subscribe-form input:-webkit-autofill, 
.widget_mailpoet_form input:-webkit-autofill, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill, 
input:-webkit-autofill:hover, 
.sk__subscribe-form input:-webkit-autofill:hover, 
.widget_mailpoet_form input:-webkit-autofill:hover, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:hover, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
.sk__subscribe-form input:-webkit-autofill:focus, 
.widget_mailpoet_form input:-webkit-autofill:focus, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:focus, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill:focus, 
textarea:-webkit-autofill, 
.sk__subscribe-form textarea:-webkit-autofill, 
.widget_mailpoet_form textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover, 
.sk__subscribe-form textarea:-webkit-autofill:hover, 
.widget_mailpoet_form textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
.sk__subscribe-form textarea:-webkit-autofill:focus, 
.widget_mailpoet_form textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
.sk__subscribe-form select:-webkit-autofill, 
.widget_mailpoet_form select:-webkit-autofill, 
select:-webkit-autofill:hover, 
.sk__subscribe-form select:-webkit-autofill:hover, 
.widget_mailpoet_form select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
.sk__subscribe-form select:-webkit-autofill:focus, 
.widget_mailpoet_form 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;
}
input:-webkit-autofill::first-line, 
.sk__subscribe-form input:-webkit-autofill::first-line, 
.widget_mailpoet_form input:-webkit-autofill::first-line, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill::first-line, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill::first-line {
	font-size: var(--form-field-text-size);
	font-weight: var(--form-field-text-font-weight);
	font-family: var(--form-field-font-family);
}

input::-webkit-input-placeholder, 
.sk__subscribe-form input::-webkit-input-placeholder, 
.widget_mailpoet_form input::-webkit-input-placeholder, 
.sk__subscribe-form .sk__subform-element input::-webkit-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input::-webkit-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover::-webkit-input-placeholder, 
.sk__subscribe-form input:hover::-webkit-input-placeholder, 
.widget_mailpoet_form input:hover::-webkit-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover::-webkit-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover::-webkit-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea::-webkit-input-placeholder, 
.sk__subscribe-form textarea::-webkit-input-placeholder, 
.widget_mailpoet_form textarea::-webkit-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover::-webkit-input-placeholder, 
.sk__subscribe-form textarea:hover::-webkit-input-placeholder, 
.widget_mailpoet_form textarea:hover::-webkit-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input::-moz-placeholder, 
.sk__subscribe-form input::-moz-placeholder, 
.widget_mailpoet_form input::-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input::-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input::-moz-placeholder {
	opacity: 1;
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover::-moz-placeholder, 
.sk__subscribe-form input:hover::-moz-placeholder, 
.widget_mailpoet_form input:hover::-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover::-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover::-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea::-moz-placeholder, 
.sk__subscribe-form textarea::-moz-placeholder, 
.widget_mailpoet_form textarea::-moz-placeholder {
	opacity: 1;
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover::-moz-placeholder, 
.sk__subscribe-form textarea:hover::-moz-placeholder, 
.widget_mailpoet_form textarea:hover::-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:-ms-input-placeholder, 
.sk__subscribe-form input:-ms-input-placeholder, 
.widget_mailpoet_form input:-ms-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:-ms-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:-ms-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover:-ms-input-placeholder, 
.sk__subscribe-form input:hover:-ms-input-placeholder, 
.widget_mailpoet_form input:hover:-ms-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover:-ms-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover:-ms-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:-ms-input-placeholder, 
.sk__subscribe-form textarea:-ms-input-placeholder, 
.widget_mailpoet_form textarea:-ms-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover:-ms-input-placeholder, 
.sk__subscribe-form textarea:hover:-ms-input-placeholder, 
.widget_mailpoet_form textarea:hover:-ms-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:-moz-placeholder, 
.sk__subscribe-form input:-moz-placeholder, 
.widget_mailpoet_form input:-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover:-moz-placeholder, 
.sk__subscribe-form input:hover:-moz-placeholder, 
.widget_mailpoet_form input:hover:-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover:-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover:-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:-moz-placeholder, 
.sk__subscribe-form textarea:-moz-placeholder, 
.widget_mailpoet_form textarea:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover:-moz-placeholder, 
.sk__subscribe-form textarea:hover:-moz-placeholder, 
.widget_mailpoet_form textarea:hover:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

select {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

form .select2-container {
	margin-bottom: 2rem;
}

/* Contact Form */

@media all and (min-width: 341px) and (max-width: 575px) { /* custom */
	.sk__contact-form, 
	.sk__contact-info {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (max-width: 340px) { /* custom */
	.sk__contact-form, 
	.sk__contact-info {
		padding-left: 14px;
		padding-right: 14px;
	}	
}

.sk__contact-form-col {
	margin-top: 20px;
}

.sk__contact-form-col form {
	margin-top: 34px;
}


/**
 * From CUSTOM THEME
 */

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

.server-response, 
.mailpoet_message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
}

.mailpoet_message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

/**
 * Contact Form 7 Overrides
 * ------------------------------
 */

.sk__contact-us div.wpcf7 label, 
.sk__cf7-form {
	width: 100%;
}

.sk__contact-form input[type="submit"].wpcf7-form-control {
	background: transparent;
}

div.wpcf7 form > p {
	margin-bottom: 10px;
}

/**
 * Submit Button
 * =============
 */

/* submit button - resets */

button {
	overflow: visible;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type=button]:not(:disabled), 
[type=reset]:not(:disabled), 
[type=submit]:not(:disabled), 
button:not(:disabled) {
    cursor: pointer;
}

/* submit button - styling */

/*button,*/
/*button[type="submit"], */
input[type="submit"],
input[type="button"],
input[type="reset"] {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	cursor: pointer;
	display: inline-block;
	outline: none;
	padding-top: var(--button-submit-padding-top); /* CLEANDONE */
	padding-right: var(--button-submit-padding-right); /* CLEANDONE */
	padding-bottom: var(--button-submit-padding-bottom); /* CLEANDONE */
	padding-left: var(--button-submit-padding-left); /* CLEANDONE */
	border-style: var(--button-submit-border-style); /* CLEANDONE */
	border-width: var(--button-submit-border-width); /* CLEANDONE */
	border-color: var(--button-submit-border-color-normal); /* CLEANDONE */
	border-radius: var(--button-submit-border-radius); /* CLEANDONE */
	color: var(--button-submit-text-color-normal); /* CLEANDONE */
	background-color: var(--button-submit-background-color-normal); /* CLEANDONE */
	-webkit-transition: all 0.3s ease 0s !important;
		 -o-transition: all 0.3s ease 0s !important;
			transition: all 0.3s ease 0s !important;
}

/*button:not(.wc-block-components-button),
button[type="submit"]:not(.wc-block-components-button), */
input[type="submit"]:not(.wc-block-components-button),
input[type="button"]:not(.wc-block-components-button),
input[type="reset"]:not(.wc-block-components-button) {
	width: var(--button-submit-width); /* CLEANDONE */
	margin-top: var(--button-submit-margin-top); /* CLEANDONE */
}

button:hover,
button[type="submit"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
input[type="reset"]:hover {
	color: var(--button-submit-text-color-hover); /* CLEANDONE */
	background-color: var(--button-submit-background-color-hover); /* CLEANDONE */
	border-color: var(--button-submit-border-color-hover); /* CLEANDONE */
}

button[class*="elementor-alert-"] {
	width: auto;
}

button[class*="carousel-control-"] {
	background-color: rgba(255,255,255,0);
}

/* Subscribe Button / Subscribe Form */

.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form form .sk__subform-element input {
	background-color: var(--subscribe-form-input-background-color) !important; /* CLEANDONE */
}

.sk__subscribe-form button[type="submit"], 
.widget_mailpoet_form form input[type="submit"] {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * check if any is not applied and needs important
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height (needed important)
	 * letter-spacing
	 */
	outline: none;
	padding-top: var(--button-subscribe-padding-top) !important; /* CLEANDONE */
	padding-right: var(--button-subscribe-padding-right) !important; /* CLEANDONE */
	padding-bottom: var(--button-subscribe-padding-bottom) !important; /* CLEANDONE */
	padding-left: var(--button-subscribe-padding-left) !important; /* CLEANDONE */
	margin-top: var(--subscribe-button-margin-top); /* CLEANDONE */
	width: var(--subscribe-button-width); /* CLEANDONE */
	color: var(--button-subscribe-text-color-normal); /* CLEANDONE */
	background-color: var(--button-subscribe-background-color-normal); /* CLEANDONE */
	border-style: var(--button-subscribe-border-style); /* CLEANDONE */
	border-width: var(--button-subscribe-border-width); /* CLEANDONE */
	border-radius: var(--button-subscribe-border-radius); /* CLEANDONE */
	border-color: var(--button-subscribe-border-color-normal); /* CLEANDONE */

}

.sk__subscribe-form button[type="submit"]:hover, 
.widget_mailpoet_form form input[type="submit"]:hover {
	color: var(--button-subscribe-text-color-hover); /* CLEANDONE */
	background-color: var(--button-subscribe-background-color-hover); /* CLEANDONE */
	border-color: var(--button-subscribe-border-color-hover); /* CLEANDONE */
}

.sf-success-message, 
p.mailpoet_validate_success {
	color: var(--form-success-message-color); /* CLEANDONE */
}

.simple-error-label {
	font-size: 14px;
	color: var(--form-error-label-color); /* CLEANDONE */
}

.sf-error-message, 
p.mailpoet_validate_error {
	color: var(--form-error-message-color); /* CLEANDONE */
}

/**
 * Buttons
 * =======
 * 
 * USED:
 * 
 * .sk__btn-md
 * .sk__btn-sm
 * .sk__btn-lg
 * 
 * .sk__btn-primary
 * .sk__btn-secondary
 * .sk__btn-outline-primary
 * .sk__btn-outline-secondary
 * .sk__btn-gradient, 
 * .sk__btn-gradient-outline,
 * .sk__btn-gradient-outline-hard, 
 * .sk__btn-gradient-glow, 
 * .sk__btn-gradient-glow-dark 
 * 
 * GUTENBERG
 * - .wp-block-button__link
 * - a.wp-block-button__link
 * - .wp-block-file a
 */

.sk__btn-primary, 
.sk__btn-secondary, 
.sk__btn-outline-primary, 
.sk__btn-outline-secondary, 
.sk__btn-gradient, 
.sk__btn-dynamic-gradient, 
.sk__btn-gradient-outline, 
.sk__btn-gradient-outline-hard, 
.sk__btn-gradient-glow, 
.sk__btn-gradient-glow-dark {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	z-index: 1;
}

.sk__btn-primary:not(:disabled), 
.sk__btn-secondary:not(:disabled), 
.sk__btn-outline-primary:not(:disabled), 
.sk__btn-outline-secondary:not(:disabled), 
.sk__btn-gradient:not(:disabled), 
.sk__btn-dynamic-gradient:not(:disabled), 
.sk__btn-gradient-outline:not(:disabled), 
.sk__btn-gradient-outline-hard:not(:disabled), 
.sk__btn-gradient-glow:not(:disabled), 
.sk__btn-gradient-glow-dark:not(:disabled) {
    cursor: pointer;
}

/**
 * Button Style - Normal Primary
 */
.sk__btn-primary,
a.sk__btn-primary, 
a.sk__btn-primary:link, 
a.sk__btn-primary:visited, 
a.wp-block-button__link,
a.wp-block-button__link:link, 
a.wp-block-button__link:visited,  
.wp-block-button__link, 
.wp-block-file a, 
.wp-block-file a:link, 
.wp-block-file a:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-primary-text-color-normal); /* CLEANDONE */
	background-color: var(--button-primary-background-color-normal); /* CLEANDONE */
	border-style: var(--button-primary-border-style); /* CLEANDONE */
	border-color: var(--button-primary-border-color-normal); /* CLEANDONE */
}
.sk__btn-primary:hover, 
a.sk__btn-primary:hover, 
a.wp-block-button__link:hover, 
.wp-block-button__link:hover, 
.wp-block-file a:hover {
	color: var(--button-primary-text-color-hover); /* CLEANDONE */
	background-color: var(--button-primary-background-color-hover); /* CLEANDONE */
	border-color: var(--button-primary-border-color-hover); /* CLEANDONE */
}
/**
 * Button Style - Normal Secondary
 */
.sk__btn-secondary, 
a.sk__btn-secondary, 
a.sk__btn-secondary:link, 
a.sk__btn-secondary:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-secondary-text-color-normal); /* CLEANDONE */
	background-color: var(--button-secondary-background-color-normal); /* CLEANDONE */
	border-style: var(--button-secondary-border-style); /* CLEANDONE */
	border-color: var(--button-secondary-border-color-normal); /* CLEANDONE */
}
.sk__btn-secondary:hover, 
a.sk__btn-secondary:hover {
	color: var(--button-secondary-text-color-hover); /* CLEANDONE */
	background-color: var(--button-secondary-background-color-hover); /* CLEANDONE */
	border-color: var(--button-secondary-border-color-hover); /* CLEANDONE */
}

/**
 * Button Style - Outline Primary
 */
.sk__btn-outline-primary, 
a.sk__btn-outline-primary, 
a.sk__btn-outline-primary:link, 
a.sk__btn-outline-primary:visited {
	
	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-outline-primary-text-color-normal); /* CLEANDONE */
	background-color: var(--button-outline-primary-background-color-normal); /* CLEANDONE */
	border-style: var(--button-outline-primary-border-style); /* CLEANDONE */
	border-color: var(--button-outline-primary-border-color-normal); /* CLEANDONE */
} 
.sk__btn-outline-primary:hover, 
a.sk__btn-outline-primary:hover {
	color: var(--button-outline-primary-text-color-hover); /* CLEANDONE */
	background-color: var(--button-outline-primary-background-color-hover); /* CLEANDONE */
	border-color: var(--button-outline-primary-border-color-hover); /* CLEANDONE */
}

/**
 * Button Style - Outline Secondary
 */
.sk__btn-outline-secondary, 
a.sk__btn-outline-secondary, 
a.sk__btn-outline-secondary:link, 
a.sk__btn-outline-secondary:visited {
	
	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	
	color: var(--button-outline-secondary-text-color-normal); /* CLEANDONE */
	background-color: var(--button-outline-secondary-background-color-normal); /* CLEANDONE */
	border-style: var(--button-outline-secondary-border-style); /* CLEANDONE */
	border-color: var(--button-outline-secondary-border-color-normal); /* CLEANDONE */
} 
.sk__btn-outline-secondary:hover, 
a.sk__btn-outline-secondary:hover {
	color: var(--button-outline-secondary-text-color-hover); /* CLEANDONE */
	background-color: var(--button-outline-secondary-background-color-hover); /* CLEANDONE */
	border-color: var(--button-outline-secondary-border-color-hover); /* CLEANDONE */
}

/**
 * Button Size - Normal
 */
.sk__btn-md {
	padding-top: var(--button-md-padding-top); /* CLEANDONE */
	padding-right: var(--button-md-padding-right); /* CLEANDONE */
	padding-bottom: var(--button-md-padding-bottom); /* CLEANDONE */
	padding-left: var(--button-md-padding-left); /* CLEANDONE */
}
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-md-padding-top); /* CLEANDONE */
	padding-right: var(--outline-buttons-md-padding-right); /* CLEANDONE */
	padding-bottom: var(--outline-buttons-md-padding-bottom); /* CLEANDONE */
	padding-left: var(--outline-buttons-md-padding-left); /* CLEANDONE */
}

/**
 * Button Size - Large
 */
.sk__btn-lg {
	padding-top: var(--button-lg-padding-top); /* CLEANDONE */
	padding-right: var(--button-lg-padding-right); /* CLEANDONE */
	padding-bottom: var(--button-lg-padding-bottom); /* CLEANDONE */
	padding-left: var(--button-lg-padding-left); /* CLEANDONE */
}
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-lg-padding-top); /* CLEANDONE */
	padding-right: var(--outline-buttons-lg-padding-right); /* CLEANDONE */
	padding-bottom: var(--outline-buttons-lg-padding-bottom); /* CLEANDONE */
	padding-left: var(--outline-buttons-lg-padding-left); /* CLEANDONE */
}

/**
 * Button Size - Small
 */
.sk__btn-sm {
	padding-top: var(--button-sm-padding-top); /* CLEANDONE */
	padding-right: var(--button-sm-padding-right); /* CLEANDONE */
	padding-bottom: var(--button-sm-padding-bottom); /* CLEANDONE */
	padding-left: var(--button-sm-padding-left); /* CLEANDONE */
}
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-sm-padding-top); /* CLEANDONE */
	padding-right: var(--outline-buttons-sm-padding-right); /* CLEANDONE */
	padding-bottom: var(--outline-buttons-sm-padding-bottom); /* CLEANDONE */
	padding-left: var(--outline-buttons-sm-padding-left); /* CLEANDONE */
}

/**
 * Button Borders RELATED TO SIZE
 */
/* normal size */
.sk__btn-md.sk__btn-primary, 
.sk__btn-md.sk__btn-secondary, 
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary, 
.sk__btn-md.sk__btn-gradient, 
.sk__btn-md.sk__btn-dynamic-gradient, 
.sk__btn-md.sk__btn-gradient-outline, 
.sk__btn-md.sk__btn-gradient-outline:before, 
.sk__btn-md.sk__btn-gradient-outline-hard, 
.sk__btn-md.sk__btn-gradient-outline-hard:before, 
.sk__btn-md.sk__btn-gradient-glow, 
.sk__btn-md.sk__btn-gradient-glow-dark, 
.sk__btn-md .sk__btn-gradient-glow-wrapper, 
.sk__btn-md .btn-gg-back {
	border-radius: var(--button-md-border-radius); /* CLEANDONE */
}
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary, 
.sk__btn-md.sk__btn-gradient, 
.sk__btn-md.sk__btn-gradient-outline, 
.sk__btn-md.sk__btn-gradient-outline-hard {
	border-width: var(--button-md-border-width); /* CLEANDONE */
}

/* large */
.sk__btn-lg.sk__btn-primary, 
.sk__btn-lg.sk__btn-secondary, 
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary, 
.sk__btn-lg.sk__btn-gradient, 
.sk__btn-lg.sk__btn-dynamic-gradient,
.sk__btn-lg.sk__btn-gradient-outline, 
.sk__btn-lg.sk__btn-gradient-outline:before, 
.sk__btn-lg.sk__btn-gradient-outline-hard, 
.sk__btn-lg.sk__btn-gradient-outline-hard:before, 
.sk__btn-lg.sk__btn-gradient-glow, 
.sk__btn-lg.sk__btn-gradient-glow-dark, 
.sk__btn-lg .sk__btn-gradient-glow-wrapper, 
.sk__btn-lg .btn-gg-back {
	border-radius: var(--button-lg-border-radius); /* CLEANDONE */
}
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary, 
.sk__btn-lg.sk__btn-gradient, 
.sk__btn-lg.sk__btn-gradient-outline, 
.sk__btn-lg.sk__btn-gradient-outline-hard {
	border-width: var(--button-lg-border-width); /* CLEANDONE */
}

/* small */
.sk__btn-sm.sk__btn-primary, 
.sk__btn-sm.sk__btn-secondary, 
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary, 
.sk__btn-sm.sk__btn-gradient, 
.sk__btn-sm.sk__btn-dynamic-gradient,
.sk__btn-sm.sk__btn-gradient-outline, 
.sk__btn-sm.sk__btn-gradient-outline:before, 
.sk__btn-sm.sk__btn-gradient-outline-hard, 
.sk__btn-sm.sk__btn-gradient-outline-hard:before, 
.sk__btn-sm.sk__btn-gradient-glow, 
.sk__btn-sm.sk__btn-gradient-glow-dark, 
.sk__btn-sm .sk__btn-gradient-glow-wrapper, 
.sk__btn-sm .btn-gg-back {
	border-radius: var(--button-sm-border-radius); /* CLEANDONE */
}
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary, 
.sk__btn-sm.sk__btn-gradient, 
.sk__btn-sm.sk__btn-gradient-outline, 
.sk__btn-sm.sk__btn-gradient-outline-hard {
	border-width: var(--button-sm-border-width); /* CLEANDONE */
}

/* buttons, other */

.wp-block-button.is-style-squared a {
	border-radius: 0;
}

.sk__btn-primary, 
a.sk__btn-primary,
a.wp-block-button__link, 
.wp-block-button__link, 
.wp-block-file a, 
.sk__btn-secondary,
.sk__btn-outline-primary,
.sk__btn-outline-secondary,
.sk__btn-gradient { 
	position: relative;
	overflow: hidden;
}


/**
 * Gradient Button
 */

.sk__btn-gradient:before {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
}

.reverse-gradient.sk__btn-gradient:before {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

.sk__btn-gradient, 
a.sk__btn-gradient, 
a.sk__btn-gradient:link, 
a.sk__btn-gradient:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--buttons-gradient-text-color-normal);
	background-color: var(--buttons-gradient-background-color-normal);
	border-color: rgba(248,249,250,0); /* static, must be transparent */
}

.sk__btn-gradient:hover, 
a.sk__btn-gradient:hover {
	color: var(--buttons-gradient-text-color-hover);
	background-color: var(--buttons-gradient-background-color-hover);
	border-color: rgba(248,249,250,0); /* static, must be transparent */
}

.sk__btn-gradient:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.sk__btn-gradient:before {
	opacity: 1;
}

/**
 * gradient outline button (fully predefined)
 * ------------------------------------------
 * - suitable only for dark backgrounds
 * - does not have a normal color fill in either state
 * - has black text in both states
 * - has gradient background
 * - has gradient background on before element
 * - before element is slightly smaller (2px) and has mix-blend-mode
 *   set to difference, efectively "burning-in" the black color to
 *   the button, leaving only the 2px of outline and text (which is black)
 * - before element in hover state becomes invisible, leaving
 *   a normal gradient background with black text
 */


.sk__btn-gradient-outline, 
a.sk__btn-gradient-outline, 
.sk__btn-gradient-outline:before, 
.sk__btn-gradient-outline-hard, 
a.sk__btn-gradient-outline-hard, 
.sk__btn-gradient-outline-hard:before {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
 
.reverse-gradient.sk__btn-gradient-outline, 
a.reverse-gradient.sk__btn-gradient-outline,
.reverse-gradient.sk__btn-gradient-outline:before, 
.reverse-gradient.sk__btn-gradient-outline-hard, 
a.reverse-gradient.sk__btn-gradient-outline-hard, 
.reverse-gradient.sk__btn-gradient-outline-hard:before {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

a.sk__btn-gradient-outline, 
a.sk__btn-gradient-outline:link, 
a.sk__btn-gradient-outline:visited, 
a.sk__btn-gradient-outline:hover, 
a.sk__btn-gradient-outline:active, 
a.sk__btn-gradient-outline-hard, 
a.sk__btn-gradient-outline-hard:link, 
a.sk__btn-gradient-outline-hard:visited, 
a.sk__btn-gradient-outline-hard:hover, 
a.sk__btn-gradient-outline-hard:active, 
button.sk__btn-gradient-outline, 
button.sk__btn-gradient-outline:link, 
button.sk__btn-gradient-outline:visited, 
button.sk__btn-gradient-outline:hover, 
button.sk__btn-gradient-outline:active, 
button.sk__btn-gradient-outline-hard, 
button.sk__btn-gradient-outline-hard:link, 
button.sk__btn-gradient-outline-hard:visited, 
button.sk__btn-gradient-outline-hard:hover, 
button.sk__btn-gradient-outline-hard:active {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight !!! bilo je font-weight: 900; - cekiraj da li ce morati da se forsira predebelost
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	font-weight: 800 !important;
	position: relative;
	overflow: hidden;
	color: #000000; /* Don't touch */
	mix-blend-mode: lighten;
	background-size: 110%;
	background-position-x: 15%;
	border-color: transparent;

}


.sk__btn-gradient-outline:before, 
.sk__btn-gradient-outline-hard:before {
	opacity: 1;
	content: '';
	position: absolute;
	top: var(--button-md-border-width);
	left: var(--button-md-border-width);
	z-index: 1;
	mix-blend-mode: difference;
}

.sk__btn-md.sk__btn-gradient-outline:before {
	width: calc(100% - calc(2 * var(--button-md-border-width)));
	height: calc(100% - calc(2 * var(--button-md-border-width)));
}

.sk__btn-gradient-outline:hover:before, 
.sk__btn-gradient-outline-hard:hover:before {
	opacity: 0;
}

/**
 * Dynamic Gradient Button
 */
.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient:link, 
a.sk__btn-dynamic-gradient:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	position: relative;
	overflow: hidden;
}

.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient:link, 
a.sk__btn-dynamic-gradient:visited, 
.sk__btn-dynamic-gradient:hover, 
a.sk__btn-dynamic-gradient:hover {
	color: var(--buttons-gradient-text-color-normal);
	background: transparent;
	border: none;
	border-width: 0;
}

.sk__btn-dynamic-gradient .child1, 
.sk__btn-dynamic-gradient .child2 {
	position: absolute;
	top: -10%;
	left: -50%;
	/*background: rgb(var(--grad4-r),var(--grad4-g),var(--grad4-b));
	background: -o-radial-gradient(circle, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 0%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 13%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 39%, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 65%);
	background: radial-gradient(circle, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 0%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 13%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 39%, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 65%);*/
	
	background: rgb(var(--grad1-r),var(--grad1-g),var(--grad1-b));
	background: -o-radial-gradient(circle, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 0%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 13%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 39%, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 65%);
	background: radial-gradient(circle, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 0%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 13%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 39%, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 65%);
}

.sk__btn-dynamic-gradient .child1 {
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 0.75s;
		 -o-transition: opacity 0.75s;
			transition: opacity 0.75s;
}

.sk__btn-dynamic-gradient .child2 {
	z-index: -2;
}

.sk__btn-dynamic-gradient:hover .child1 {
	opacity: 1;
}

.sk__btn-dynamic-gradient:before {
	content: none;
}

.sk__btn-md.shadowed, 
.sk__btn-sm.shadowed, 
.sk__btn-lg.shadowed {
	-webkit-filter: brightness(0);
	        filter: brightness(0);
}

/**
 * Gradient Glow Button
 * Gradient Glow Dark Button
 */

.sk__btn-gradient-glow,
.sk__btn-gradient-glow:link, 
.sk__btn-gradient-glow:visited, 
.sk__btn-gradient-glow:hover, 
.sk__btn-gradient-glow:active, 
.sk__btn-gradient-glow-dark, 
.sk__btn-gradient-glow-dark:link, 
.sk__btn-gradient-glow-dark:visited, 
.sk__btn-gradient-glow-dark:hover, 
.sk__btn-gradient-glow-dark:active {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	position: relative;
	background: transparent;
	border: 0 solid transparent;
	overflow: initial;
	z-index: 10;
}

.sk__btn-gradient-glow,
a.sk__btn-gradient-glow,
.sk__btn-gradient-glow:link, 
a.sk__btn-gradient-glow:link,
.sk__btn-gradient-glow:visited, 
a.sk__btn-gradient-glow:visited, 
.sk__btn-gradient-glow:hover,  
a.sk__btn-gradient-glow:hover, 
.sk__btn-gradient-glow:active, 
a.sk__btn-gradient-glow:active {
	color: rgb(0,0,0,1);
}

.sk__btn-gradient-glow-dark,
a.sk__btn-gradient-glow-dark,
.sk__btn-gradient-glow-dark:link, 
a.sk__btn-gradient-glow-dark:link, 
.sk__btn-gradient-glow-dark:visited, 
a.sk__btn-gradient-glow-dark:visited, 
.sk__btn-gradient-glow-dark:hover, 
a.sk__btn-gradient-glow-dark:hover, 
.sk__btn-gradient-glow-dark:active, 
a.sk__btn-gradient-glow-dark:active {
	color: rgba(255,255,255,0.71);
}

.sk__btn-gradient-glow:before, 
.sk__btn-gradient-glow-dark:before {
	content: none;
}

.sk__btn-gradient-glow-wrapper {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 4px solid rgba(255,255,255,0.3);
	background: transparent;
	z-index: -2;
}

.btn-gg-back {
	display: block;
	border: 4px solid transparent;
	border: 4px solid rgba(129,129,129,0.14); /* NOVO, vidi red iznad */
	background-clip: padding-box;
	z-index: -1;
}

.sk__btn-gradient-glow .btn-gg-back {
	background-color: rgb(255,255,255,0.78);
}

.sk__btn-gradient-glow-dark .btn-gg-back {
	background-color: rgba(0,0,0,0.88);
}

.btn-gg-glow-wrapper {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: none;
	-webkit-filter: blur(16px);
	        filter: blur(16px);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	     -o-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	        transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	-webkit-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	will-change: transform;
}

.sk__btn-gradient-glow:hover .btn-gg-glow-wrapper, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-wrapper {
	-webkit-transform: scaleX(calc(1.05)) scaleY(1.1);
	    -ms-transform: scaleX(calc(1.05)) scaleY(1.1);
	        transform: scaleX(calc(1.05)) scaleY(1.1);
}

.btn-gg-glow-plain {
	border: 0 solid transparent;
	aspect-ratio: 1/1;
	width: 100%;
	-webkit-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.sk__btn-gradient-glow:hover .btn-gg-glow-plain, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-plain {
	-webkit-transform: scaleX(1.1) scaleY(1.1);
	    -ms-transform: scaleX(1.1) scaleY(1.1);
	        transform: scaleX(1.1) scaleY(1.1);
}

@-webkit-keyframes btnGradientGlowSpin {
	to {
		-webkit-transform: rotate(1turn);
		        transform: rotate(1turn);
	}
}
@keyframes btnGradientGlowSpin {
	to {
		-webkit-transform: rotate(1turn);
		        transform: rotate(1turn);
	}
}

.btn-gg-glow-color {
	border: 0 solid transparent;
	height: 100%;
	width: 100%;
}

.sk__btn-gradient-glow:hover .btn-gg-glow-color, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-color  {
	-webkit-animation: btnGradientGlowSpin 3s linear infinite;
			animation: btnGradientGlowSpin 3s linear infinite;
}

/**
 * Back to top button
 */

a.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * width
	 * heigh
	 * bottom
	 * left/right
	 * background
	 * border-style
	 * border-width
	 * border-color
	 * border-radius
	 */
	position: fixed;
}

a.sk__back-to-top:hover {
	/**
	 * Generated with php:
	 * 
	 * background
	 * border-color
	 */
}

span.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * border-top-color
	 * border-right-color
	 */
	display: block;
	width: 19px;
	height: 19px;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
	top: 18px;
	left: 13px;
	position: absolute;
}

a.sk__back-to-top:hover span.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * border-top-color
	 * border-right-color
	 */
}

.sk__back-to-top-wrap {
	z-index: 999;
	position: fixed;
	bottom: 0;
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	opacity: 0;
}

.sk__back-to-top-wrap.sk__backtotop-visible {
	opacity: 1;
}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		width: 36px;
		height: 36px;
		bottom: 15px;
	}
	span.sk__back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		width: 36px;
		height: 36px;
		bottom: 15px;
	}
	span.sk__back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		bottom: 20px;
	}
	span.sk__back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}
}
@media all and (max-width: 575px) { /* xs */
	.sk__back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		bottom: 20px;
	}
	span.sk__back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}
}


/**
 * Breadcrumbs
 * ===========
 */
.breadcrumbs a, 
.breadcrumbs a:link, 
.breadcrumbs a:visited {
	color: var(--breadcrumbs-links-color);
}

.breadcrumbs a:hover, 
.breadcrumbs a:active {
	color: var(--breadcrumbs-links-hover-color);
}

.sk__breadcrumbs-current {
	color: var(--breadcrumbs-current-item-color);
}

.breadcrumbs {
	background-color: var(--breadcrumbs-background-color);
	margin-top: var(--breadcrumbs-margin-top);
	margin-right: var(--breadcrumbs-margin-right);
	margin-bottom: var(--breadcrumbs-margin-bottom);
	margin-left: var(--breadcrumbs-margin-left);
	padding-top: var(--breadcrumbs-padding-top);
	padding-right: var(--breadcrumbs-padding-right);
	padding-bottom: var(--breadcrumbs-padding-bottom);
	padding-left: var(--breadcrumbs-padding-left);
	border-style: solid;
	border-top-color: var(--breadcrumbs-border-top-color);
	border-right-color: var(--breadcrumbs-border-right-color);
	border-bottom-color: var(--breadcrumbs-border-bottom-color);
	border-left-color: var(--breadcrumbs-border-left-color);
	border-top-width: var(--breadcrumbs-top-border-width);
	border-right-width: var(--breadcrumbs-right-border-width);
	border-bottom-width: var(--breadcrumbs-bottom-border-width);
	border-left-width: var(--breadcrumbs-left-border-width);
}

.sk__breadcrumbs-divider {
	margin-left: var(--breadcrumbs-divider-margin-left);
	margin-right: var(--breadcrumbs-divider-margin-right);
}

.sk__breadcrumbs-divider-icon {
	-webkit-transform: scale(var(--breadcrumbs-divider-scale)) translateY(var(--breadcrumbs-divider-position));
		-ms-transform: scale(var(--breadcrumbs-divider-scale)) translateY(var(--breadcrumbs-divider-position));
			transform: scale(var(--breadcrumbs-divider-scale)) translateY(var(--breadcrumbs-divider-position));
}

.sk__breadcrumbs-divider span[class*="sico"]:before {
	color: var(--breadcrumbs-divider-color);
}


.sk__home-is-icon .sk__breadcrumbs-current:first-child a:before {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.sk__home-is-icon.dico-home-outline .sk__breadcrumbs-current:first-child a:before {
	content: '\e9c5';
}
.sk__home-is-icon.dico-home .sk__breadcrumbs-current:first-child a:before {
	content: '\ea68';
}
.sk__home-is-icon.dico-home1 .sk__breadcrumbs-current:first-child a:before {
	content: '\f015';
}
.sk__home-is-icon.dico-home2 .sk__breadcrumbs-current:first-child a:before {
	content: '\ea69';
}
.sk__home-is-icon.dico-home3 .sk__breadcrumbs-current:first-child a:before {
	content: '\ea6a';
}

.sk__home-is-icon .sk__breadcrumbs-current:first-child a:before, 
.breadcrumbs-home-icon {
	-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
			transform: scale(1.4);
}






/**
 * General
 * =======
 */

a, 
em, 
input, 
textarea, 
button, 
.sk__btn, 
.sk__btn:before,
span.sk__back-to-top, 
.sk__mobile-main-logo, 
.sk__navbar .navbar-nav > li > ul > .nav-subwrap > li > ul, 
.sk__header-socials a i, 
.hc-offcanvas-nav li:not(.custom-content) a, 
.nav-back, 
.hero-socials-inner, 
.sk__social-icons i, 
.sk__project-icons i, 
.sk__social-icons span[class*="sico-"], 
.sk__project-icons span[class*="sico-"], 
.sk__proj-infobox-label, 
.sk__proj-infobox-value, 
.sk__parallax-gallery-nav, 
.sk__iconbox-icon-link > span.sk__iconbox-icon:after, 
a.sk__gallery-nav-link, 
a.sk__gallery-nav-link:before, 
a.sk__gallery-nav-link:after, 
.slick-dots li button:before, 
.cat-item, 
.sk__ease-03, 
.sk__sidebarmenu-trigger, 
.widget_nav_menu .menu .menu-item a:before {
	-webkit-transition: var(--transition-03);
		 -o-transition: var(--transition-03);
			transition: var(--transition-03);
}

.sk__iconbox-icon-link i, 
.sk__iconbox-icon-link span[class*="sico-"], 
.sk__iconbox-icon-link > span.sk__iconbox-icon, 
.sk__ease-06, 
.sk__in-content-post-image, 
.sk__imagebox-img {
	-webkit-transition: var(--transition-06);
		 -o-transition: var(--transition-06);
			transition: var(--transition-06);
}

img {
	max-width: 100%;
}

/**
 * Mini sections with a heading and icon
 * used for Woocommerce, for mini sections headings on:
 * cart-totals.php
 * cross-sells.php
 * related.php
 * up-sells.php
 */
.sk__mini-section-heading {
	margin: 0 0 10px 5px;
}
h2.sk__mini-section-heading-title {
	display: inline-block;
	margin: 3px 3px 13px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
}
i.sk__mini-section-icon {
	color: var(--p-v2-color);
	display: inline-block;
	width: auto;
	font-size: 18px;
	margin-right: 0px;
}
@media all and (max-width: 767px) {
	i.sk__mini-section-icon {
		font-size: 17px;
		-webkit-transform: translateY(1px);
	    	-ms-transform: translateY(1px);
	        	transform: translateY(1px);
	}
}
@media all and (max-width: 575px) {
	.sk__mini-section-icon {
		display: none !important;
	}
}

/**
 * Parallax Backgrounds
 * sk__skip-parallax-background-section is used to
 * skip parallax on hero images on mobile. It needs
 * to have the same CSS as sk__parallax-background-section
 */
section.sk__parallax-background-section, 
section.sk__skip-parallax-background-section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

section.sk__parallax-background-section.sk__parallax-fixer-ignore-height, 
section.sk__skip-parallax-background-section.sk__parallax-fixer-ignore-height {
	min-height: 0;
}

section.sk__parallax-background-section.sk__parallax-fixer-section, 
section.sk__skip-parallax-background-section.sk__parallax-fixer-section {
	/*overflow: initial; !! WATCH IT */
	height: auto;
}

.sk__parallax-background-element {
	z-index: -1;
	z-index: -7;
	min-height: 100vh;
	height: auto;
	background-attachment: fixed;
}

.sk__parallax-header {
	position: relative;
	overflow: hidden;
}

.sk__parallax-header-image {
	z-index: -1;
	z-index: -7;
}

/* transparent parallax background element - fixes parallax init */
.sk__parallax-fixer {
	background-image: none;
}

/**
 * Parallax images and parallax videos.
 * The "container" and "element" elements work in pair.
 * element-1 to element-10 indicate parallax image/video
 * height in relation to container, which affects the
 * speed of the image/video.
 */

.sk__parallax-container {
	position: relative;
	overflow: hidden;
}

.sk__parallax-container .sk__gradient-back-v1, 
.sk__parallax-container .sk__gradient-back-v2 {
	z-index: 2;
	z-index: -5;
}

.sk__parallax-container .sk__color-overlay {
	z-index: 3;
	z-index: -4;
}

.sk__parallax-container .sk__pattern-overlay {
	z-index: 3;
	z-index: -3;
}

.sk__parallax-element-1, 
.sk__parallax-element-2, 
.sk__parallax-element-3, 
.sk__parallax-element-4, 
.sk__parallax-element-5, 
.sk__parallax-element-6, 
.sk__parallax-element-7, 
.sk__parallax-element-8, 
.sk__parallax-element-9, 
.sk__parallax-element-10 {
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	bottom: 0;
	z-index: -7;
}
.sk__parallax-element-1 { height: 110%; }
.sk__parallax-element-2 { height: 120%; }
.sk__parallax-element-3 { height: 130%; }
.sk__parallax-element-4 { height: 140%; }
.sk__parallax-element-5 { height: 150%; }
.sk__parallax-element-6 { height: 160%; }
.sk__parallax-element-7 { height: 170%; }
.sk__parallax-element-8 { height: 180%; }
.sk__parallax-element-9 { height: 190%; }
.sk__parallax-element-10 { height: 200%; }

/**
 * New Parallax Background
 * =======================
 * 
 * V1: sk__new-parallax-section
 * ----------------------------
 * inside a relatively positioned div place
 * sk__new-parallax-section, and inside it place
 * sk__new-parallax-element
 * 
 * V2: sk__new-parallax-section-relative
 * -------------------------------------
 * no need for relatively positioned parent,
 * use this when this element IS the parent
 * add sk__new-parallax-section-relative class to
 * the main conainer (e.g. section) and inside it
 * place sk__new-parallax-element
 * 
 * TIP: sk__new-parallax-element can be wrapped
 * in a overflow-hidden div which can then be
 * scaled, moved etc; causing interesting
 * results (such as in featured-item with
 * sk__new-parallax-socket-right)
 */

/**
 * Parent V1 - When parallax parent is absolute
 */
.sk__new-parallax-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -7;
}

/**
 * Parent V2 - When parallax parent is relative 
 */
.sk__new-parallax-section-relative {
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

/* Child (image) */
.sk__new-parallax-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Child (video) */
.sk__new-parallax-video-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/**
 * Parallax vertical strips
 */

.sk__hero-parallax-strip-vertical {
	position: absolute;
	top: 0;
	height: 100%;
}
.sk__hero-parallax-strip-vertical:nth-child(1) {
	left: 0;
}

/**
 * Layered parallax hero background / header
 */

.sk__layered-parallax-header {
	position: relative;
	overflow: hidden;
}
.sk__layered-parallax-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**
 * Parallax for featured image/video
 */
.sk__header-section {
	overflow: hidden;
}

/**
 * Hero Section
 * ============
 */

/**
 * Hero section item.
 * A fullscreen flex div with side paddings
 * to accommodate for possible side menus.
 * NOTE: combine it with 9-ways (above)
 * classes to position the child div
 * in nine ways using X/Y (e.g. top-left)
 */
.sk__hero-item {
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	padding: 120px 98px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
}
.sk__hero-x-padding {
	padding-left: 98px;
	padding-right: 98px;
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.sk__hero-item {
		padding: 100px 78px;
	}
	.sk__hero-x-padding {
		padding-left: 78px;
		padding-right: 78px;
	}
}
@media all and (max-width: 767px) { /* sm */
	.sk__hero-item {
		padding: 70px 20px;
	}
	.sk__hero-x-padding {
		padding-left: 20px;
		padding-right: 20px;
	}
}

video.sk__video {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.sk__youtube-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sk__youtube-container .youtube-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}

.sk__youtube-container .sk__gradient-back-v1 {
	z-index: 2;
}

.sk__youtube-container .sk__gradient-back-v2 {
	z-index: 2;
}

.sk__youtube-container .sk__pattern-overlay {
	z-index: 3;
}

/**
 * Half-screen Sections
 * ====================
 * parallax images, text,
 * parallax text
 */

.sk__halfscreen-section {

}

.sk__halfscreen-parallax-image-col, 
.sk__halfscreen-parallax-video-col, 
.sk__halfscreen-subsection, 
.sk__halfscreen-media-col {
	min-height: 400px;
	padding: 0;
}

.sk__halfscreen-text-col, 
.sk__halfscreen-content-col {
	min-height: 400px;
	padding: 8vw;
}

.sk__halfscreen-text-col-inner, 
.sk__halfscreen-content-col-inner {
	margin: 0 auto;
}

/* Paste extension code here - skillwork-extension-portfolio-section.css (CSS + JS + Slick.js) */
/* MADE ELEMENTOR WIDGET: Portfolio */

/**
 * Custom Animations, Effects & Decorations (skillwork.css)
 * ========================================================
 */

/* Reusable decorations */

.sk__deco-row-section {
	z-index: 10;
}

.sk__deco-row {
	border-top:  1px solid;
	border-bottom:  1px solid;
	padding: 75px 15px;
}
@media all and (max-width: 767px) {
	.sk__deco-row {
		padding: 48px 15px;
	}
}

@-webkit-keyframes hueRotator {
	0% {
		-webkit-filter: hue-rotate(0);
		        filter: hue-rotate(0);
	}
	100% {
		-webkit-filter: hue-rotate(359.99deg);
		        filter: hue-rotate(359.99deg);
	}
}

@keyframes hueRotator {
	0% {
		-webkit-filter: hue-rotate(0);
		        filter: hue-rotate(0);
	}
	100% {
		-webkit-filter: hue-rotate(359.99deg);
		        filter: hue-rotate(359.99deg);
	}
}

.hue-rotator {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: hueRotator linear 0s infinite;
			animation: hueRotator linear 0s infinite;
}

.duration-01s {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
}
.duration-02s {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
}
.duration-03s {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.duration-04s {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}
.duration-05s {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.duration-06s {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.duration-07s {
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
.duration-08s {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
.duration-09s {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
}
.duration-1s {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.duration-2s {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.duration-3s {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.duration-4s {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}
.duration-5s {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.duration-6s {
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
.duration-7s {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}
.duration-8s {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
}
.duration-9s {
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
}
.duration-10s {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}
.duration-20s {
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
}
.duration-30s {
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

/**
 * Edge beauty effect - add subtle styled edges and shadows to specified
 * sections (suitable for repeated fullscreen parallax sections).
 * Add .sk__edge-beauty class to relatively positioned
 * container <section> or <div>
 */

.sk__edge-beauty-top {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,1);
	z-index: 1;
}
.sk__edge-beauty-bottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.13);
	z-index: 1;
}
.sk__edge-beauty-bottom-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 21.7vh;
	background: rgb(0,0,0);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.29735644257703087) 0%, rgba(0,0,0,0.11528361344537819) 28%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.29735644257703087)), color-stop(28%, rgba(0,0,0,0.11528361344537819)), to(rgba(0,0,0,0)));
	background: linear-gradient(0deg, rgba(0,0,0,0.29735644257703087) 0%, rgba(0,0,0,0.11528361344537819) 28%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	opacity: 0.7;
}

/* Paste extension code here - skillwork-extension-galleries.css (CSS + JS) */
/* MADE ELEMENTOR WIDGET: Galleries */

/**
 * Widgets
 * =======
 */

.sk__widget-inner {
	padding-top: var(--widgets-content-padding-top); /* CLEANDONE */
	padding-right: var(--widgets-content-padding-right); /* CLEANDONE */
	padding-bottom: var(--widgets-content-padding-bottom); /* CLEANDONE */
	padding-left: var(--widgets-content-padding-left); /* CLEANDONE */
}

footer#colophon .sk__widget-inner {
	padding-left: 0;
	padding-right: 0;
}

footer#colophon .widget_mailpoet_form .sk__widget-inner, 
footer#colophon .widget_pportal_socials_menu_widget .sk__widget-inner {
	padding-top: 0;
	padding-bottom: 0;
}

/**
 * Widget titles / Widget Headings: 
 * 
 * .widget_title, 
 *  h1.widget_title, 
 *  h2.widget_title, 
 *  h3.widget_title, 
 *  h4.widget_title, 
 *  h5.widget_title, 
 *  h6.widget_title
 * 
 * Received the following already.
 * 
 * color
 * font-size (responsive size classes)
 * font-family
 * text-transform
 * font-weight
 * font-weight (strong)
 * font-style
 * font-size
 * line-height
 * letter-spacing
 */
.widget_title, 
h1.widget_title, 
h2.widget_title, 
h3.widget_title, 
h4.widget_title, 
h5.widget_title, 
h6.widget_title {
	margin-bottom: var(--widget-headings-margin-bottom); /* CLEANDONE */
	/* KILLED padding-left: var(--widget-headings-horizontal-padding); CLEANDONE */
	/* KILLED padding-right: var(--widget-headings-horizontal-padding); CLEANDONE */
}

/**
 * Footer Widget titles / Footer Widget Headings: 
 * 
 * .widget_title, 
 * h1.widget_title, 
 * h2.widget_title, 
 * h3.widget_title, 
 * h4.widget_title, 
 * h5.widget_title, 
 * h6.widget_title,
 * footer#colophon .sk__widget-inner .widget_title, 
 * footer#colophon .sk__widget-inner h1.widget_title, 
 * footer#colophon .sk__widget-inner h2.widget_title, 
 * footer#colophon .sk__widget-inner h3.widget_title, 
 * footer#colophon .sk__widget-inner h4.widget_title, 
 * footer#colophon .sk__widget-inner h5.widget_title, 
 * footer#colophon .sk__widget-inner h6.widget_title
 * 
 * Received the following already.
 * 
 * color
 * font-size (responsive size classes)
 * font-family
 * text-transform
 * font-weight
 * font-weight (strong)
 * font-style
 * font-size
 * line-height
 * letter-spacing
 */
footer#colophon .widget_title, 
footer#colophon h1.widget_title, 
footer#colophon h2.widget_title, 
footer#colophon h3.widget_title, 
footer#colophon h4.widget_title, 
footer#colophon h5.widget_title, 
footer#colophon h6.widget_title,
footer#colophon .sk__widget-inner .widget_title, 
footer#colophon .sk__widget-inner h1.widget_title, 
footer#colophon .sk__widget-inner h2.widget_title, 
footer#colophon .sk__widget-inner h3.widget_title, 
footer#colophon .sk__widget-inner h4.widget_title, 
footer#colophon .sk__widget-inner h5.widget_title, 
footer#colophon .sk__widget-inner h6.widget_title {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

/**
 * Widget Content:
 * 
 * .widget, 
 * .widget p, 
 * .widget a,
 * [class*="elementor-widget-wp-widget-"] a
 * 
 * Received the following already.
 * 
 * font-size (responsive size classes)
 * font-family
 * text-transform
 * font-weight
 * font-weight (strong)
 * font-style
 * font-size
 * line-height
 * letter-spacing
 */

/**
 * Widget
 * 
 * Mixed values from Widgets and Widget Content
 */
.widget {
	background-color: var(--widgets-background-color); /* CLEANDONE */
	padding-top: var(--widgets-padding-top); /* CLEANDONE */
	padding-right: var(--widgets-padding-right); /* CLEANDONE */
	padding-bottom: var(--widgets-padding-bottom); /* CLEANDONE */
	padding-left: var(--widgets-padding-left); /* CLEANDONE */
	margin-bottom: var(--widgets-margin-bottom); /* CLEANDONE */
	border-style: var(--widgets-border-style); /* CLEANDONE */
	border-width: var(--widgets-border-width); /* CLEANDONE */
	border-radius: var(--widgets-border-radius); /* CLEANDONE */
	border-color: var(--widgets-border-color); /* CLEANDONE */
}

.widget, 
.widget p {
	color: var(--widget-content-color); /* CLEANDONE */
}

footer#colophon .widget {
	background: transparent;
}

.widget a, 
.widget a:link, 
[class*="elementor-widget-wp-widget-"] a, 
[class*="elementor-widget-wp-widget-"] a:link {
	color: var(--widget-a-color-initial);
}
.widget a:visited, 
[class*="elementor-widget-wp-widget-"] a:visited {
	color: var(--widget-a-color-visited);
}
.widget a:hover, 
[class*="elementor-widget-wp-widget-"] a:hover {
	color: var(--widget-a-color-hover);
}
.widget a:focus, 
[class*="elementor-widget-wp-widget-"] a:focus {
	color: var(--widget-a-color-focus);
}
.widget a:active, 
[class*="elementor-widget-wp-widget-"] a:active {
	color: var(--widget-a-color-active);
}

.widget ul, 
.widget ul:not([class]), 
[class*="elementor-widget-wp-widget-"] ul, 
[class*="elementor-widget-wp-widget-"] ul:not([class]) {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Elementor Widget - Alert  */

.theme-pportal .elementor-alert.elementor-alert-success {
	color: var(--form-success-message-color);
	background-color: var(--notifications-background-color);
	background-blend-mode: luminosity;
	border-color: var(--form-success-message-color);
}

.theme-pportal .elementor-alert.elementor-alert-info {
	color: var(--form-info-message-color);
	background-color: var(--notifications-background-color);
	background-blend-mode: luminosity;
	border-color: var(--form-info-message-color);
}

.theme-pportal .elementor-alert.elementor-alert-warning {
	color: var(--form-warning-message-color);
	background-color: var(--notifications-background-color);
	background-blend-mode: luminosity;
	border-color: var(--form-warning-message-color); /* #ffbb72 */
}

.theme-pportal .elementor-alert.elementor-alert-danger {
	color: var(--form-error-message-color);
	background-color: var(--notifications-background-color);
	background-blend-mode: luminosity;
	border-color: var(--form-error-message-color);
}

/** 
 * Other (skillwork.css)
 * =====================
 */

/* Color Shader */

.dark-shade-1-bg					{ background-color: var(--dark-shade-1); }
.dark-shade-1-bg-before:before  	{ background-color: var(--dark-shade-1); }
.dark-shade-1-bg-after:after		{ background-color: var(--dark-shade-1); }
.dark-shade-1-clr					{ 			 color: var(--dark-shade-1); }
.dark-shade-1-border				{ 	  border-color: var(--dark-shade-1); }
.dark-shade-1-border-hover:hover	{ 	  border-color: var(--dark-shade-1); }
.dark-shade-2-bg					{ background-color: var(--dark-shade-2); }
.dark-shade-2-bg-before:before  	{ background-color: var(--dark-shade-2); }
.dark-shade-2-bg-after:after		{ background-color: var(--dark-shade-2); }
.dark-shade-2-clr					{ 			 color: var(--dark-shade-2); }
.dark-shade-2-border				{ 	  border-color: var(--dark-shade-2); }
.dark-shade-2-border-hover:hover	{ 	  border-color: var(--dark-shade-2); }
.dark-shade-3-bg					{ background-color: var(--dark-shade-3); }
.dark-shade-3-bg-before:before  	{ background-color: var(--dark-shade-3); }
.dark-shade-3-bg-after:after		{ background-color: var(--dark-shade-3); }
.dark-shade-3-clr					{ 			 color: var(--dark-shade-3); }
.dark-shade-3-border				{ 	  border-color: var(--dark-shade-3); }
.dark-shade-3-border-hover:hover	{ 	  border-color: var(--dark-shade-3); }
.dark-shade-4-bg					{ background-color: var(--dark-shade-4); }
.dark-shade-4-bg-before:before  	{ background-color: var(--dark-shade-4); }
.dark-shade-4-bg-after:after		{ background-color: var(--dark-shade-4); }
.dark-shade-4-clr					{ 			 color: var(--dark-shade-4); }
.dark-shade-4-border				{ 	  border-color: var(--dark-shade-4); }
.dark-shade-4-border-hover:hover	{ 	  border-color: var(--dark-shade-4); }
.dark-shade-5-bg					{ background-color: var(--dark-shade-5); }
.dark-shade-5-bg-before:before  	{ background-color: var(--dark-shade-5); }
.dark-shade-5-bg-after:after		{ background-color: var(--dark-shade-5); }
.dark-shade-5-clr					{ 			 color: var(--dark-shade-5); }
.dark-shade-5-border				{ 	  border-color: var(--dark-shade-5); }
.dark-shade-5-border-hover:hover	{ 	  border-color: var(--dark-shade-5); }
.dark-shade-6-bg					{ background-color: var(--dark-shade-6); }
.dark-shade-6-bg-before:before  	{ background-color: var(--dark-shade-6); }
.dark-shade-6-bg-after:after		{ background-color: var(--dark-shade-6); }
.dark-shade-6-clr					{ 			 color: var(--dark-shade-6); }
.dark-shade-6-border				{ 	  border-color: var(--dark-shade-6); }
.dark-shade-6-border-hover:hover	{ 	  border-color: var(--dark-shade-6); }
.dark-shade-7-bg					{ background-color: var(--dark-shade-7); }
.dark-shade-7-bg-before:before  	{ background-color: var(--dark-shade-7); }
.dark-shade-7-bg-after:after		{ background-color: var(--dark-shade-7); }
.dark-shade-7-clr					{ 			 color: var(--dark-shade-7); }
.dark-shade-7-border				{ 	  border-color: var(--dark-shade-7); }
.dark-shade-7-border-hover:hover	{ 	  border-color: var(--dark-shade-7); }
.dark-shade-8-bg					{ background-color: var(--dark-shade-8); }
.dark-shade-8-bg-before:before  	{ background-color: var(--dark-shade-8); }
.dark-shade-8-bg-after:after		{ background-color: var(--dark-shade-8); }
.dark-shade-8-clr					{ 			 color: var(--dark-shade-8); }
.dark-shade-8-border				{ 	  border-color: var(--dark-shade-8); }
.dark-shade-8-border-hover:hover	{ 	  border-color: var(--dark-shade-8); }
.dark-shade-9-bg					{ background-color: var(--dark-shade-9); }
.dark-shade-9-bg-before:before  	{ background-color: var(--dark-shade-9); }
.dark-shade-9-bg-after:after		{ background-color: var(--dark-shade-9); }
.dark-shade-9-clr					{ 			 color: var(--dark-shade-9); }
.dark-shade-9-border				{ 	  border-color: var(--dark-shade-9); }
.dark-shade-9-border-hover:hover	{ 	  border-color: var(--dark-shade-9); }
.dark-shade-10-bg					{ background-color: var(--dark-shade-10); }
.dark-shade-10-bg-before:before  	{ background-color: var(--dark-shade-10); }
.dark-shade-10-bg-after:after		{ background-color: var(--dark-shade-10); }
.dark-shade-10-clr					{ 			 color: var(--dark-shade-10); }
.dark-shade-10-border				{ 	  border-color: var(--dark-shade-10); }
.dark-shade-10-border-hover:hover	{ 	  border-color: var(--dark-shade-10); }
.saturated-dark-shade-1-bg					{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-bg-before:before	{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-bg-after:after		{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-clr					{ 			 color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-border				{ 	  border-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-border-hover:hover	{ 	  border-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-2-bg					{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-bg-before:before	{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-bg-after:after		{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-clr					{ 			 color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-border				{ 	  border-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-border-hover:hover	{ 	  border-color: var(--saturated-dark-shade-2); }
.light-shade-1-bg					{ background-color: var(--light-shade-1); }
.light-shade-1-bg-before:before  	{ background-color: var(--light-shade-1); }
.light-shade-1-bg-after:after		{ background-color: var(--light-shade-1); }
.light-shade-1-clr					{ 			 color: var(--light-shade-1); }
.light-shade-1-border				{ 	  border-color: var(--light-shade-1); }
.light-shade-1-border-hover:hover	{ 	  border-color: var(--light-shade-1); }
.light-shade-2-bg					{ background-color: var(--light-shade-2); }
.light-shade-2-bg-before:before  	{ background-color: var(--light-shade-2); }
.light-shade-2-bg-after:after		{ background-color: var(--light-shade-2); }
.light-shade-2-clr					{ 			 color: var(--light-shade-2); }
.light-shade-2-border				{ 	  border-color: var(--light-shade-2); }
.light-shade-2-border-hover:hover	{ 	  border-color: var(--light-shade-2); }
.light-shade-3-bg					{ background-color: var(--light-shade-3); }
.light-shade-3-bg-before:before  	{ background-color: var(--light-shade-3); }
.light-shade-3-bg-after:after		{ background-color: var(--light-shade-3); }
.light-shade-3-clr					{ 			 color: var(--light-shade-3); }
.light-shade-3-border				{ 	  border-color: var(--light-shade-3); }
.light-shade-3-border-hover:hover	{ 	  border-color: var(--light-shade-3); }
.light-shade-4-bg					{ background-color: var(--light-shade-4); }
.light-shade-4-bg-before:before  	{ background-color: var(--light-shade-4); }
.light-shade-4-bg-after:after		{ background-color: var(--light-shade-4); }
.light-shade-4-clr					{ 			 color: var(--light-shade-4); }
.light-shade-4-border				{ 	  border-color: var(--light-shade-4); }
.light-shade-4-border-hover:hover	{ 	  border-color: var(--light-shade-4); }
.light-shade-5-bg					{ background-color: var(--light-shade-5); }
.light-shade-5-bg-before:before  	{ background-color: var(--light-shade-5); }
.light-shade-5-bg-after:after		{ background-color: var(--light-shade-5); }
.light-shade-5-clr					{ 			 color: var(--light-shade-5); }
.light-shade-5-border				{ 	  border-color: var(--light-shade-5); }
.light-shade-5-border-hover:hover	{ 	  border-color: var(--light-shade-5); }
.light-shade-6-bg					{ background-color: var(--light-shade-6); }
.light-shade-6-bg-before:before  	{ background-color: var(--light-shade-6); }
.light-shade-6-bg-after:after		{ background-color: var(--light-shade-6); }
.light-shade-6-clr					{ 			 color: var(--light-shade-6); }
.light-shade-6-border				{ 	  border-color: var(--light-shade-6); }
.light-shade-6-border-hover:hover	{ 	  border-color: var(--light-shade-6); }
.light-shade-7-bg					{ background-color: var(--light-shade-7); }
.light-shade-7-bg-before:before  	{ background-color: var(--light-shade-7); }
.light-shade-7-bg-after:after		{ background-color: var(--light-shade-7); }
.light-shade-7-clr					{ 			 color: var(--light-shade-7); }
.light-shade-7-border				{ 	  border-color: var(--light-shade-7); }
.light-shade-7-border-hover:hover	{ 	  border-color: var(--light-shade-7); }
.light-shade-8-bg					{ background-color: var(--light-shade-8); }
.light-shade-8-bg-before:before  	{ background-color: var(--light-shade-8); }
.light-shade-8-bg-after:after		{ background-color: var(--light-shade-8); }
.light-shade-8-clr					{ 			 color: var(--light-shade-8); }
.light-shade-8-border				{ 	  border-color: var(--light-shade-8); }
.light-shade-8-border-hover:hover	{ 	  border-color: var(--light-shade-8); }
.light-shade-9-bg					{ background-color: var(--light-shade-9); }
.light-shade-9-bg-before:before  	{ background-color: var(--light-shade-9); }
.light-shade-9-bg-after:after		{ background-color: var(--light-shade-9); }
.light-shade-9-clr					{ 			 color: var(--light-shade-9); }
.light-shade-9-border				{ 	  border-color: var(--light-shade-9); }
.light-shade-9-border-hover:hover	{ 	  border-color: var(--light-shade-9); }
.light-shade-10-bg					{ background-color: var(--light-shade-10); }
.light-shade-10-bg-before:before  	{ background-color: var(--light-shade-10); }
.light-shade-10-bg-after:after		{ background-color: var(--light-shade-10); }
.light-shade-10-clr					{ 			 color: var(--light-shade-10); }
.light-shade-10-border				{ 	  border-color: var(--light-shade-10); }
.light-shade-10-border-hover:hover	{ 	  border-color: var(--light-shade-10); }
.saturated-light-shade-1-bg					{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-bg-before:before	{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-bg-after:after		{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-clr				{ 			 color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-border				{ 	  border-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-border-hover:hover	{ 	  border-color: var(--saturated-light-shade-1); }
.saturated-light-shade-2-bg					{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-bg-before:before	{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-bg-after:after		{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-clr				{ 			 color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-border				{ 	  border-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-border-hover:hover	{ 	  border-color: var(--saturated-light-shade-2); }
.white-bg						{ background-color: var(--white); }
.white-bg-before:before  		{ background-color: var(--white); }
.white-bg-after:after			{ background-color: var(--white); }
.white-clr						{ 			 color: var(--white); }
.white-border					{ 	  border-color: var(--white); }
.white-border-hover:hover		{ 	  border-color: var(--white); }
.transparent-bg					{ background-color: transparent !important; }
.transparent-bg-before:before  	{ background-color: transparent !important; }
.transparent-bg-after:after		{ background-color: transparent !important; }
.transparent-clr				{ 			 color: transparent !important; }
.transparent-border				{ 	  border-color: transparent !important; }
.transparent-border-hover:hover	{ 	  border-color: transparent !important; }

/**
 * Color Effects / Filter Effects
 * ==============================
 */
.hce_fine_contrast {
	-webkit-filter: contrast(1.07);
			filter: contrast(1.07);
}
.hce_pro_dark {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
}
.hce_dark_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}
.hce_dark_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.55;
	z-index: 2;
}
.hce_ultradark_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}
.hce_ultradark_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.8;
	z-index: 2;
}
.hce_dark_style2 { 
	-webkit-filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
			filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
}
.hce_film_city {
	-webkit-filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
			filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
}
.hce_revery {
	-webkit-filter: sepia(0.8) hue-rotate(279deg) brightness(0.46) saturate(0.4) contrast(1.1);
			filter: sepia(0.8) hue-rotate(279deg) brightness(0.46) saturate(0.4) contrast(1.1);
}
.hce_skilltech_green:before {
	display: none;
}
.hce_skilltech_green:after {
	background: -o-linear-gradient(left, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(139,191,61,0.83)),to(rgba(129,176,55,0.85)));
	background: linear-gradient(to right, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d98bbf3d", endColorstr="#e881b037",GradientType=1 );
}
.hce_purple_gradient:after {
	background: -o-linear-gradient(left, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(243,5,255,0.5)),to(rgba(107,84,255,0.8)));
	background: linear-gradient(to right, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80f305ff", endColorstr="#cc6b54ff",GradientType=1 );
}
.hce_pink_gradient:after {
	background: -o-linear-gradient(left, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(243,5,255,0.7)),to(rgba(255,36,131,0.8)));
	background: linear-gradient(to right, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3f305ff", endColorstr="#ccff2483",GradientType=1 );
}
.hce_blue_gradient:after {
	background: -o-linear-gradient(left, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(5,209,255,0.7)),to(rgba(0,86,161,0.8)));
	background: linear-gradient(to right, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b305d1ff", endColorstr="#cc0056a1",GradientType=1 );
}
.hce_obsidian {
	-webkit-filter: contrast(1.5);
			filter: contrast(1.5);
}
.hce_obsidian:before {
	display: none;
}     
.hce_obsidian:after {
	background: -o-linear-gradient(315deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2000000", endColorstr="#f2000000",GradientType=1 );
}
.hce_blue_ultradark:after {
	background: -o-linear-gradient(left, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,4,28,0.90)),to(rgba(0,60,97,0.89)));
	background: linear-gradient(to right, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f700041c", endColorstr="#f5003c61",GradientType=1 );
}
.hce_aquamarine:after {
	background: -o-linear-gradient(left, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(59,255,226,0.86)),to(rgba(5,209,255,0.84)));
	background: linear-gradient(to right, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e33bffe2", endColorstr="#db05d1ff",GradientType=1 );
}
.hce_red_damage:after {
	background: -o-linear-gradient(left, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(255,0,0,0.8)),to(rgba(94,18,23,0.89)));
	background: linear-gradient(to right, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}
.hce_red_damage_radial:after {
	background: -o-radial-gradient(center, ellipse, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: radial-gradient(ellipse at center, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}
.hce_orange_city:before {
	display: none;
}
.hce_orange_city:after {
	background: -o-linear-gradient(left, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,143,74,0.8)),to(rgba(255,80,54,0.89)));
	background: linear-gradient(to right, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d9ff8f4a", endColorstr="#f2ff5036",GradientType=1 );
}
.hce_designer_gray {
	-webkit-filter: saturate(0.05) brightness(1.35);
		filter: saturate(0.05) brightness(1.35);
}
.hce_designer_gray:before {
	display: none;
}
.hce_designer_gray:after {
	background: -o-linear-gradient(left, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(197,214,226,0.7)),to(rgba(222,235,247,0.7)));
	background: linear-gradient(to right, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3c5d6e2", endColorstr="#b3deebf7",GradientType=1 );
}
.hce_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
	filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}
.hce_dwarklen:before {
	display: none;
}
.hce_dwarklen:after {
	background: rgba(0, 0, 0, 0.55);
	mix-blend-mode: overlay;
}
.hce_skajvel_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
			filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}
.hce_aden {
	-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
	filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
}
.hce_aden:before {
	z-index: -4;
}
.hce_aden::after {
	background: -o-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
	background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent));
	background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
}
.hce_gingham::after,
.hce_perpetua::after,
.hce_reyes::after {
	mix-blend-mode: soft-light;
}
.hce_inkwell {
	-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
	filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
}
.hce_inkwell:before {
	z-index: -4;
}
.hce_perpetua {

}
.hce_perpetua:before {
	z-index: -4;
}
.hce_perpetua::after {
	background: -o-linear-gradient(top, #005b9a, #e6c13d);
	background: -webkit-gradient(linear, left top, left bottom, from(#005b9a), to(#e6c13d));
	background: linear-gradient(to bottom, #005b9a, #e6c13d);
	opacity: .5;
}
.hce_reyes {
	-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
	filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
}
.hce_reyes:before {
	z-index: -4;
}
.hce_reyes::after {
	background: #efcdad;
	opacity: .5;
}
.hce_gingham {
	-webkit-filter: brightness(1.05) hue-rotate(-10deg);
	filter: brightness(1.05) hue-rotate(-10deg);
}
.hce_gingham:before {
	z-index: -4;
}
.hce_gingham::after {
	background: #e6e6fa;
}
.hce_toaster {
	-webkit-filter: contrast(1.5) brightness(.9);
	filter: contrast(1.5) brightness(.9);
}
.hce_toaster:before {
	z-index: -4;
}
.hce_toaster::after {
	background: -o-radial-gradient(circle, #804e0f, #3b003b);
	background: radial-gradient(circle, #804e0f, #3b003b);
	mix-blend-mode: screen;
}
.hce_walden {
	-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
	filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
}
.hce_walden:before {
	z-index: -4;
}
.hce_walden::after {
	background: #04c;
	mix-blend-mode: screen;
	opacity: .3;
}
.hce_hudson {
	-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
	filter: brightness(1.2) contrast(.9) saturate(1.1);
}
.hce_hudson:before {
	z-index: -4;
}
.hce_hudson::after {
	background: -o-radial-gradient(circle, #a6b1ff 50%, #342134);
	background: radial-gradient(circle, #a6b1ff 50%, #342134);
	mix-blend-mode: multiply;
	opacity: .5;
}
.hce_earlybird {
	-webkit-filter: contrast(.9) sepia(.2);
	filter: contrast(.9) sepia(.2);
}
.hce_earlybird:before {
	z-index: -4;
}
.hce_earlybird:after {
	background: -o-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	mix-blend-mode: color; /* was overlay */
}
.hce_mayfair {
	-webkit-filter: contrast(1.1) saturate(1.1);
	filter: contrast(1.1) saturate(1.1);
}
.hce_mayfair:before {
	z-index: -4;
}
.hce_mayfair:after {
	background: -o-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	mix-blend-mode: color; /* was overlay */
	opacity: .4;
}
.hce_lo_fi {
	-webkit-filter: saturate(1.1) contrast(1.5);
	filter: saturate(1.1) contrast(1.5);
}
.hce_lo_fi:before {
	z-index: -4;
}
.hce_lo_fi::after {
	background: -o-radial-gradient(circle, transparent 70%, #222 150%);
	background: radial-gradient(circle, transparent 70%, #222 150%);
	mix-blend-mode: multiply;
}
.hce_1977 {
	-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
	filter: contrast(1.1) brightness(1.1) saturate(1.3);
}
.hce_1977:before {
	z-index: -4;
}
.hce_1977:after {
	background: rgba(243, 106, 188, .3);
	mix-blend-mode: screen;
}
.hce_brooklyn {
	-webkit-filter: contrast(.9) brightness(1.1);
	filter: contrast(.9) brightness(1.1);
}
.hce_brooklyn:before {
	z-index: -4;
}
.hce_brooklyn::after {
	background: -o-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	mix-blend-mode: overlay;
}
.hce_x_pro_ii {
	-webkit-filter: sepia(.3);
	filter: sepia(.3);
}
.hce_x_pro_ii:before {
	z-index: -4;
}
.hce_x_pro_ii::after {
	background: -o-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	mix-blend-mode: color-burn;
}
.hce_nashville {
	-webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
	filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
}
.hce_nashville:before {
	z-index: -4;
}
.hce_nashville::after {
	background: rgba(0, 70, 150, .4);
	mix-blend-mode: lighten;
}
.hce_nashville::before {
	background: rgba(247, 176, 153, .56);
	mix-blend-mode: darken;
}
.hce_lark {
	-webkit-filter: contrast(.9);
	filter: contrast(.9);
}
.hce_lark:before {
	z-index: -4;
}
.hce_lark::after {
	background: rgba(242, 242, 242, .8);
	mix-blend-mode: darken;
}
.hce_lark::before {
	background: #22253f;
	mix-blend-mode: color-dodge;
}
.hce_moon {
	-webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
	filter: grayscale(1) contrast(1.1) brightness(1.1);
}
.hce_moon:before {
	z-index: -4;
}
.hce_moon::before {
	background: #a0a0a0;
	mix-blend-mode: soft-light;
}
.hce_moon::after {
	background: #383838;
	mix-blend-mode: lighten;
}
.hce_clarendon {
	-webkit-filter: contrast(1.2) saturate(1.35);
	filter: contrast(1.2) saturate(1.35);
}
.hce_clarendon:before {
	z-index: -4;
	
}
.hce_clarendon:after {
	background: rgba(127, 187, 227, .2);
	mix-blend-mode: overlay;
}
.hce_willow {
	-webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
	filter: grayscale(.5) contrast(.95) brightness(.9);
}
.hce_willow:before {
	z-index: -4;
}
.hce_willow::before {
	background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
	mix-blend-mode: overlay;
}
.hce_willow::after {
	background-color: #d8cdcb;
	mix-blend-mode: color;
}
.hce_rise {
	-webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
	filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
}
.hce_rise:before {
	z-index: -4;
}
.hce_rise::after {
	background: -o-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	mix-blend-mode: overlay;
	opacity: .6;
}
.hce_rise::before {
	background: -o-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	mix-blend-mode: multiply;
}
.hce_slumber {
	-webkit-filter: saturate(.66) brightness(1.05);
	filter: saturate(.66) brightness(1.05);
}
.hce_slumber:before {
	z-index: -4;
}
.hce_slumber::after {
	background: rgba(125, 105, 24, .5);
	mix-blend-mode: soft-light;
}
.hce_slumber::before {
	background: rgba(69, 41, 12, .4);
	mix-blend-mode: lighten;
}
.hce_brannan {
	-webkit-filter: sepia(.5) contrast(1.4);
	filter: sepia(.5) contrast(1.4);
}
.hce_brannan:before {
	z-index: -4;
}
.hce_brannan::after {
	background-color: rgba(161, 44, 199, .31);
	mix-blend-mode: lighten;
}
.hce_valencia {
	-webkit-filter: contrast(1.08) brightness(1.08) sepia(.08);
	filter: contrast(1.08) brightness(1.08) sepia(.08);
}
.hce_valencia:before {
	z-index: -4;
}
.hce_valencia::after {
	background: #3a0339;
	mix-blend-mode: exclusion;
	opacity: .5;
}
.hce_kelvin {
}
.hce_kelvin:before {
	z-index: -4;
}
.hce_kelvin::after {
	background: #b77d21;
	mix-blend-mode: overlay;
}
.hce_kelvin::before {
	background: #382c34;
	mix-blend-mode: color-dodge;
}
.hce_maven {
	-webkit-filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
	filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
}
.hce_maven:before {
	z-index: -4;
}
.hce_maven:after {
	background: rgba(3, 230, 26, .2);
	mix-blend-mode: hue;
}
.hce_stinson {
	-webkit-filter: contrast(.75) saturate(.85) brightness(1.15);
	filter: contrast(.75) saturate(.85) brightness(1.15);
}
.hce_stinson:before {
	z-index: -4;
}
.hce_stinson::before {
	background: rgba(240, 149, 128, .2);
	mix-blend-mode: soft-light;
}

.hce_fine_contrast:after, 
.hce_fine_contrast:before, 
.hce_pro_dark:after,
.hce_pro_dark:before,
.hce_dark_style:after,
.hce_dark_style:before,
.hce_dark_style2:after,
.hce_dark_style2:before,
.hce_ultradark_style:after,
.hce_ultradark_style:before,
.hce_skilltech_green:after,
.hce_skilltech_green:before,
.hce_purple_gradient:after,
.hce_purple_gradient:before,
.hce_pink_gradient:after,
.hce_pink_gradient:before,
.hce_blue_gradient:after,
.hce_blue_gradient:before,
.hce_obsidian:after,
.hce_obsidian:before,
.hce_blue_ultradark:after,
.hce_blue_ultradark:before,
.hce_aquamarine:after,
.hce_aquamarine:before,
.hce_red_damage:after,
.hce_red_damage:before,
.hce_red_damage_radial:after,
.hce_red_damage_radial:before,
.hce_orange_city:after,
.hce_orange_city:before,
.hce_designer_gray:after,
.hce_designer_gray:before,
.hce_dwarklen:after,
.hce_dwarklen:before,
.hce_skajvel_dwarklen:after,
.hce_skajvel_dwarklen:before,
.hce_aden:after,
.hce_aden:before,
.hce_inkwell:after,
.hce_inkwell:before,
.hce_perpetua:after,
.hce_perpetua:before,
.hce_reyes:after,
.hce_reyes:before,
.hce_gingham:after,
.hce_gingham:before,
.hce_toaster:after,
.hce_toaster:before,
.hce_walden:after,
.hce_walden:before,
.hce_hudson:after,
.hce_hudson:before,
.hce_earlybird:after,
.hce_earlybird:before,
.hce_mayfair:after,
.hce_mayfair:before,
.hce_lo_fi:after,
.hce_lo_fi:before,
.hce_1977:after,
.hce_1977:before,
.hce_brooklyn:after,
.hce_brooklyn:before,
.hce_x_pro_ii:after,
.hce_x_pro_ii:before,
.hce_nashville:after,
.hce_nashville:before,
.hce_lark:after,
.hce_lark:before,
.hce_moon:after,
.hce_moon:before,
.hce_clarendon:after,
.hce_clarendon:before,
.hce_willow:after,
.hce_willow:before,
.hce_rise:after,
.hce_rise:before,
.hce_slumber:after,
.hce_slumber:before,
.hce_brannan:after,
.hce_brannan:before,
.hce_valencia:after,
.hce_valencia:before,
.hce_kelvin:after,
.hce_kelvin:before,
.hce_stinson:after,
.hce_stinson:before,
.hce_maven:after,
.hce_maven:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	pointer-events: none;
}

.hce_fine_contrast img, 
.hce_pro_dark img,
.hce_dark_style img,
.hce_ultradark_style img,
.hce_dark_style2 img, 
.hce_skilltech_green img,
.hce_purple_gradient img,
.hce_pink_gradient img,
.hce_blue_gradient img,
.hce_obsidian img,
.hce_blue_ultradark img,
.hce_aquamarine img,
.hce_red_damage img,
.hce_red_damage_radial img,
.hce_orange_city img,
.hce_designer_gray img,
.hce_dwarklen img,
.hce_skajvel_dwarklen img,
.hce_aden img,
.hce_inkwell img,
.hce_perpetua img,
.hce_reyes img,
.hce_gingham img,
.hce_toaster img,
.hce_walden img,
.hce_hudson img,
.hce_earlybird img,
.hce_mayfair img,
.hce_lo_fi img,
.hce_1977 img,
.hce_brooklyn img,
.hce_x_pro_ii img,
.hce_nashville img,
.hce_lark img,
.hce_moon img,
.hce_clarendon img,
.hce_willow img,
.hce_rise img,
.hce_slumber img,
.hce_brannan img,
.hce_valencia img,
.hce_kelvin img,
.hce_stinson img,
.hce_maven img {
	width: 100%;
	z-index: -5;
}

.hce_fine_contrast,
.hce_pro_dark,
.hce_dark_style,
.hce_ultradark_style, 
.hce_dark_style2, 
.hce_skilltech_green,
.hce_purple_gradient,
.hce_pink_gradient,
.hce_blue_gradient,
.hce_obsidian,
.hce_blue_ultradark,
.hce_aquamarine,
.hce_red_damage,
.hce_red_damage_radial,
.hce_orange_city,
.hce_designer_gray,
.hce_dwarklen,
.hce_skajvel_dwarklen,
.hce_aden,
.hce_inkwell,
.hce_perpetua,
.hce_reyes,
.hce_gingham,
.hce_toaster,
.hce_walden,
.hce_hudson,
.hce_earlybird,
.hce_mayfair,
.hce_lo_fi,
.hce_1977,
.hce_brooklyn,
.hce_x_pro_ii,
.hce_nashville,
.hce_lark,
.hce_moon,
.hce_clarendon,
.hce_willow,
.hce_rise,
.hce_slumber,
.hce_brannan,
.hce_valencia,
.hce_kelvin,
.hce_stinson,
.hce_maven {
	position: absolute;
	z-index: -5;
}

/**
 * ================================================================================
 * --------------------------------------------------------------------------------
 * 								Skillwork CSS - END
 * --------------------------------------------------------------------------------
 * ================================================================================
 */

/**
 * Mobile Menu Trigger - core
 */
.sk__menu-trigger-wrapper {
	cursor: pointer;
	position: relative;
	background-color: var(--hamburger-menu-icon-background-color);
	border-width: var(--hamburger-menu-button-border-width);
	border-style: var(--hamburger-menu-button-border-style);
	border-color: var(--hamburger-menu-button-border-color);
	border-radius: var(--hamburger-menu-button-border-radius);
	-webkit-box-shadow: var(--hamburger-menu-button-box-shadow);
	        box-shadow: var(--hamburger-menu-button-box-shadow);
	

}
.sk__menu-trigger {
	width: var(--hamburger-menu-icon-width);
	height: var(--hamburger-menu-icon-height);
	position: relative;
	-webkit-transition: 0.4s;
		-o-transition: 0.4s;
			transition: 0.4s;
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
}
.sk__menu-trigger span, 
.sk__menu-trigger span:before, 
.sk__menu-trigger span:after {
	content: "";
	position: absolute;
	background-color: var(--hamburger-menu-icon-color);
}

/**
 * Mobile Menu Trigger - custom
 */
.sk__menu-trigger-wrapper {
	padding: 4px;
	border-style: solid;
	border-width: 1px;
}
.sk__menu-trigger {
	-webkit-transform: scale(var(--hamburger-menu-icon-scale));
		-ms-transform: scale(var(--hamburger-menu-icon-scale));
			transform: scale(var(--hamburger-menu-icon-scale));
}
.sk__menu-trigger.engaged {
	-webkit-transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
		-ms-transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
			transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
}
.sk__menu-trigger span, 
.sk__menu-trigger span:before, 
.sk__menu-trigger span:after {
	border-radius: 2px;
	-webkit-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
		 -o-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
			transition: .3s cubic-bezier(.8, .5, .2, 1.4);
	width: 100%;
	height: 4px;
}
.sk__menu-trigger span {
	top: 0;
	left: 0;
}
.sk__menu-trigger span:before {
	top: 13px;
	left: 0;
}
.sk__menu-trigger span:after {
	top: 26px;
	left: 0;
}
/*.sk__menu-trigger:not(.engaged) span {
	-webkit-filter: drop-shadow(1px 2px 0px var(--mobile-menu-logo-shadow-color));
			filter: drop-shadow(1px 2px 0px var(--mobile-menu-logo-shadow-color));
}*/

.sk__menu-trigger.engaged span {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
	top: 13px;
	background: rgba(0,0,0,0);
}

.sk__menu-trigger.engaged span:before {
	-webkit-transition-duration: 50ms;
		 -o-transition-duration: 50ms;
			transition-duration: 50ms;
}

.sk__menu-trigger.engaged span::before {
	-webkit-transform: translate3d(0,-12px,0);
			transform: translate3d(0,-12px,0);
}

.sk__menu-trigger.engaged span:after {
	top: 13px;
}

.sk__menu-trigger.engaged span::after {
	-webkit-transform: rotate(-90deg) translate3d(12px,0,0);
			transform: rotate(-90deg) translate3d(12px,0,0);
}

a.sk__menu-trigger:focus {
	outline: 0;
}

@media (hover: hover) {
	.sk__menu-trigger:not(.engaged):hover span {
		-webkit-transform: scaleX(.8);
			-ms-transform: scaleX(.8);
				transform: scaleX(.8);
	}

	.sk__menu-trigger:not(.engaged):hover span:before {
		-webkit-transform: scaleX(.5);
			-ms-transform: scaleX(.5);
				transform: scaleX(.5);
	}

	.sk__menu-trigger:not(.engaged):hover span:after {
		-webkit-transform: scaleX(.85);
			-ms-transform: scaleX(.85);
				transform: scaleX(.85);
	}
}

/**
 * Blog General Core
 * =================
 */

/* Sticky post */

.sk__sticky-post.sk__sticky-has-thumbnail {
	position: absolute;
	top: -3px;
	left: 17px;
	width: 42px;
	height: 42px;
	display: block;
	color: #ffffff; /* Goes over image */
	z-index: 1;
	line-height: 33px;
	text-align: center;
	font-size: 21px;
	border-radius: 44px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
			box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.24);
}

.sk__sticky-post.sk__sticky-no-thumbnail {
	width: 34px;
	height: 34px;
	color: white;
	text-align: center;
	line-height: 28px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.24);
}

.sk__edit-link-footer {
	padding: 20px;
}

/* Blog General Core ---- END */

/**
 * Blog Core
 * =========
 * Custom Blog stuff goes to pportal-theme.css
 */
/*
ul.products[class*="columns"] li.product
	ul.products[class*="columns"] li.product > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link !!! WATCH IT
		.sk__woo-shop-thumbs-outer-wrap
			.sk__woo-shop-thumbs-wrap
				img // .sk__woo-shop-thumbs-wrap img // ul.products[class*="columns"] li.product img
	.sk__woo-shop-card-content-wrap
		.sk__woo-shop-card-content-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link !!! WATCH IT
			h2.woocommerce-loop-product__title


article.sk__blog-card
	.post-image
		i.sk__pformat-icon ABSOLUTE
		.post-image-inner
			a
				.sk__in-content-post-image
					img
			a.post-comments-badge-link
				i.sico-comments
	.sk__post-info
		header.entry-header
			h4.blog-feed-article-title
				a
			.entry-meta
				span.byline
					span.author.vcard
					a.url.fn.n
				span.sk__posted-on-line
					i.sk__posted-on.sico-calendar_today
					a.sk__posted-on
					time.entry-date published
				.clearfix
				.sk__blog-cats
					p
						span.sico-apps
						a // several links separated by commas
				.sk__blog-tags
					p
						span.sico-pricetags
						a // several links separated by commas
			.post-excerpt
				p

*/

/**
 * Blog Feed Core
 * ==============
 */
/* grid parent, .sk__grid.sk__blog-grid defined above in Grid */
.sk__blog-card {
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
		   display: flex;

	/**
	 * column wrap (content under image)
	 * row (content next to image)
	 */
	 -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-flow: column;
		   flex-flow: column;

	position: relative;
	width: 100%;

	height: auto; /* TEST WHEN IMAGE/CONTENT ARE FLOWING HORIZONTALLY */
	height: var(--infeed-card-heights);

	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;

	background-color: var(--infeed-posts-background-color-normal);
	border-style: var(--infeed-posts-border-style);
	border-color: var(--infeed-posts-border-color-normal);
	border-width: var(--infeed-posts-border-width);
	border-radius: var(--infeed-posts-border-radius);
	-webkit-box-shadow: var(--infeed-posts-box-shadow);
	        box-shadow: var(--infeed-posts-box-shadow);
}

.sk__blog-card:hover {
	background-color: var(--infeed-posts-background-color-hover);
	border-color: var(--infeed-posts-border-color-hover);
	-webkit-box-shadow: var(--infeed-posts-box-shadow-hover);
	        box-shadow: var(--infeed-posts-box-shadow-hover);
}

.sk__blog-head-infos {
    display: inline-block;
    margin: 0 8px;
}
.sk__blog-head-infos i {
	margin-right: 6px;
}

.sk__blog-article-wrapper {
	/* IZBACUJEM ZA NORMAL LOOP, MOZDA CE TREBATI ZA FEATURED ARTICLES */
}

.sk__article-magazine {
}

.sk__article-magazine:hover {
	background-color: var(--infeed-posts-background-color-hover);
	border-color: var(--infeed-posts-border-color-hover);
	-webkit-box-shadow: var(--infeed-posts-box-shadow-hover);
	        box-shadow: var(--infeed-posts-box-shadow-hover);
}

/**
 * In-feed Post Thumbs (and their wrappers)
 */

.post-image {
	position: relative;
	padding-top: var(--infeed-post-thumbs-padding-top);
	padding-right: var(--infeed-post-thumbs-padding-right);
	padding-bottom: var(--infeed-post-thumbs-padding-bottom);
	padding-left: var(--infeed-post-thumbs-padding-left);
}

.post-image-inner {
	overflow: hidden;
	aspect-ratio: var(--infeed-post-thumbs-aspect-ratio);
	border-width: var(--infeed-post-thumbs-border-width);
	border-style: var(--infeed-post-thumbs-border-style);
	border-color: var(--infeed-post-thumbs-border-color-normal);
	border-top-left-radius: var(--infeed-thumb-border-top-left-radius);
	border-top-right-radius: var(--infeed-thumb-border-top-right-radius);
	border-bottom-left-radius: var(--infeed-thumb-border-bottom-left-radius);
	border-bottom-right-radius: var(--infeed-thumb-border-bottom-right-radius);
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
}

.post-image:not(.sk__single) .post-image-inner:hover {
	border-color: var(--infeed-post-thumbs-border-color-hover);
}

.post-image:not(.sk__single) .post-image-inner .sk__in-content-post-image {
	aspect-ratio: var(--infeed-post-thumbs-aspect-ratio);
}
.post-image:not(.sk__single) .post-image-inner .sk__in-content-post-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

/**
 * FOR_THEMING: Blog feed, article images effect
 * 
 * no padding, borders, margins, position changing
 * 
 * .post-image-inner has overflow: hidden so zooming is allowed
 * 
 * only zooms, filter effects etc
 * 
 * use before, after if needed for extra effects (not working YET)
 */
.post-image:not(.sk__single) .post-image-inner .sk__in-content-post-image {
	/**
	 * Already applied
	 * 
	 * aspect-ratio: var(--infeed-post-thumbs-aspect-ratio);
	 */
}
.post-image:not(.sk__single) .post-image-inner:hover .sk__in-content-post-image {}
.post-image:not(.sk__single) .post-image-inner .sk__in-content-post-image img {
	/**
	 * Already applied
	 * 
	 * width: 100%;
	 * height: 100%;
	 * object-fit: cover;
	 * object-position: center;
	 */
}
.post-image:not(.sk__single) .post-image-inner:hover .sk__in-content-post-image img {}


/**
 * In-feed Post Content
 */

.sk__blog-feed .sk__post-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column wrap;
	        flex-flow: column wrap;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/**
	 * Post content horizontal alignment
	 */
	-webkit-box-align: var(--infeed-card-content-alignment);
	    -ms-flex-align: var(--infeed-card-content-alignment);
	        align-items: var(--infeed-card-content-alignment);
	/**
	 * Post content vertical alignment
	 * with margin-top/margin-bottom 0 or auto
	 */
	margin-top: var(--infeed-posts-margin-top);
	margin-bottom: var(--infeed-posts-margin-bottom);

	row-gap: var(--infeed-card-content-vert-spacing);
	width: 100%;
	padding-top: var(--infeed-posts-content-padding-top);
	padding-right: var(--infeed-posts-content-padding-right);
	padding-bottom: var(--infeed-posts-content-padding-bottom);
	padding-left: var(--infeed-posts-content-padding-left);
}
/* in-feed post content - content positioning-related */
.sk__blog-feed .sk__post-info .entry-header, 
.sk__blog-feed .sk__post-info .post-excerpt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	width: 100%;
	-webkit-box-align: var(--infeed-card-content-alignment);
	    -ms-flex-align: var(--infeed-card-content-alignment);
	        align-items: var(--infeed-card-content-alignment);
}
.sk__blog-feed .sk__post-info .entry-meta {
	text-align: var(--infeed-card-content-text-align);
/*	margin-bottom: 0.7rem;*/
	margin-bottom: 0;
	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-column-gap: 10px;
	   -moz-column-gap: 10px;
	        column-gap: 10px;
	-webkit-box-pack: var(--infeed-card-content-alignment);
	    -ms-flex-pack: var(--infeed-card-content-alignment);
	        justify-content: var(--infeed-card-content-alignment);
}
.sk__blog-feed .sk__post-info .post-excerpt p {
	text-align: var(--infeed-card-content-text-align);
	color: var(--infeed-posts-article-excerpt-color);
	margin-bottom: 0.5rem;
}

.sk__blog-feed .sk__post-info .post-read-more {
	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-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	-ms-flex-item-align: var(--infeed-readmore-buttons-alignment);
	    -ms-grid-row-align: var(--infeed-readmore-buttons-alignment);
	    align-self: var(--infeed-readmore-buttons-alignment);
}

/* in-feed post content - content styling-related */

.blog-feed-article-title {
	text-align: var(--infeed-card-content-text-align);
	margin-bottom: 0;
}

.blog-feed-article-title a, 
.blog-feed-article-title a:link, 
.blog-feed-article-title a:visited {
	color: var(--infeed-posts-article-title-color-normal);
}
.blog-feed-article-title a:hover {
	color: var(--infeed-posts-article-title-color-hover);
}

.sk__post-info .entry-meta span, 
.sk__post-info .entry-meta p, 
.sk__post-info .entry-meta time {
	color: var(--infeed-metas-text-color);
}

.sk__post-info .entry-meta a, 
.sk__post-info .entry-meta a:link, 
.sk__post-info .entry-meta a:visited {
	color: var(--infeed-metas-links-color-normal);
}

.sk__post-info .entry-meta a:hover {
	color: var(--infeed-metas-links-color-hover);
}

.sk__post-info .entry-meta i, 
.sk__post-info .entry-meta span[class*="sico-"] {
	color: var(--infeed-metas-icon-color);
}

.byline, 
.sk__blog-cats, 
.sk__blog-tags, 
.sk__posted-on-line {
	display: inline-block;
}

.byline, 
.sk__blog-cats p, 
.sk__blog-tags p, 
.sk__posted-on-line {
	margin-bottom: 0.3rem;
}

/*.byline, */
.sk__blog-cats span[class*=sico-], 
.sk__blog-tags span[class*=sico-], 
.entry-meta.sk__search-results > a > time,
.sk__posted-on.sico {
	margin-right: 7px;
}

/**
 * spacing between .sk__blog-cats and .sk__blog-tags
 * but only if both are present
 */
.sk__infeed-cats-and-tags {
	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-column-gap: 10px;
	   -moz-column-gap: 10px;
	        column-gap: 10px;
	-webkit-box-pack: var(--infeed-card-content-alignment);
	    -ms-flex-pack: var(--infeed-card-content-alignment);
	        justify-content: var(--infeed-card-content-alignment);
}
/*.sk__infeed-cats-and-tags > div:nth-of-type(2) {
	margin-left: 8px;
}*/

/**
 * Post format icon and comments badge link
 */

/*.post-image span[class*=sico-], */
a.post-comments-badge-link, 
i.sk__pformat-icon {
	position: absolute;
	z-index: 3;
	color: #d9dbdc;
	background: rgba(0,0,0,.38);
}

/*.post-image span[class*=sico-], */
i.sk__pformat-icon {
	right: 0;
	top: 0;
	-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
			transform: translateY(0);
}

i.sk__pformat-icon {
	right: calc(16px + var(--infeed-post-thumbs-padding-right));
	top: calc(16px + var(--infeed-post-thumbs-padding-top));
	height: 31px;
}
a.post-comments-badge-link {
	top: calc(16px + var(--infeed-post-thumbs-padding-top));;
	right: calc(52px + var(--infeed-post-thumbs-padding-right));
	padding-inline: 8px;
}

a.post-comments-badge-link i {
	margin-right: 6px;
}

i.sk__pformat-icon, 
a.post-comments-badge-link {
	height: 31px;
	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;
}
i.sk__pformat-icon {
	width: 31px;
}


/* Blog Feed Core ---- END */


/**
 * Blog Featured Posts Section Core
 * --------------------------------
 */

div[id*="sk__gallery-basic-blog"] {
	/* featured carousel v2 */
	border-radius: var(--featured-posts-slider-border-radius);
	overflow: hidden;
}

.sk__featured-post:not(.sk__post-format-gallery) {
	aspect-ratio: var(--featured-posts-aspect-ratio);
	min-height: var(--featured-posts-min-height);
}
.sk__featured-post {
	width: 100%;
	padding-top: calc(1.4vw + 100px);
	padding-right: 134px;
	padding-bottom: 30px;
	padding-left: 30px;
	cursor: pointer;
}
@media all and (max-width: 991px) {
	.sk__featured-post {
/*		min-height: clamp(40vh, 630px, 42vh);*/
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__featured-post {
		padding-right: 30px;
	}
}
@media all and (max-width: 575px) { /* xs */
	.sk__featured-post {
		padding: 20px;
	}
}
.sk__featured-post.sk__post-format-gallery {
	min-height: initial;
	padding-top: calc(56.25% - 30px);
}
.sk__featured-post.sk__post-format-gallery p.p-super {
	color: #FFF; /* goes over image */
	text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
}

/*.sk__featured-post-img-link {
	z-index: -1;
}*/
.sk__featured-post-content {
	z-index: 1;
}

.sk__featured-post-content .entry-title {
	display: block;
	text-shadow: 3px 2px 5px rgba(0,0,0,0.26);
}
.sk__featured-post-content .entry-title, 
.sk__featured-post-content .entry-title a, 
.sk__featured-post-content .author.vcard a, 
.sk__featured-post-content a.sk__posted-on {
	color: #fff; /* over image */
}

.sk__featured-post-content {
	color: #fff; /* over image */
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */
    .sk__featured-post h3.h3-elegant, 
	.sk__featured-post span.h3-elegant.sk__gradient-fancy-text-back {
		font-size: 33px;
		line-height: 1.3;
	}
}
@media all and (min-width: 331px) and (max-width: 575px) {
	.sk__featured-post h3.h3-elegant, 
	.sk__featured-post span.h3-elegant.sk__gradient-fancy-text-back {
		font-size: 22px;
		line-height: 1.4;
	}
}
@media all and (max-width: 330px) {
	.sk__featured-post h3.h3-elegant, 
	.sk__featured-post span.h3-elegant.sk__gradient-fancy-text-back {
		font-size: 17px;
	}
}

.sk__featured-gallery i.sk__pformat-icon {
	margin: 0;
	right: 1.4vw;
	bottom: 30px;
	top: auto;
}

i.sk__pformat-icon-in-featured-title {
	font-size: 46%;
	color: #d9dbdc; /* Goes over image */
	background: rgb(0,0,0,0.38);
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
}
@media all and (min-width: 331px) and (max-width: 575px) {
	i.sk__pformat-icon-in-featured-title {
		font-size: 61%;
		padding: 4px;
		margin-top: -5px;
	}
}
@media all and (max-width: 330px) {
	i.sk__pformat-icon-in-featured-title {
		font-size: 67%;
		padding: 4px;
		margin-top: -3px;
	}
}

.sk__featured-gallery a.post-comments-badge-link {
	bottom: 30px;
	top: auto;
	margin: 0;
	right: calc(1.4vw + 36px);
	right: 1.4vw;
}

@media all and (max-width: 767px) { /* xs + sm */
	.sk__featured-gallery i.sk__pformat-icon {
		top: 30px;
		bottom: auto;
		left: 30px;
		right: auto;
	}
	.sk__featured-gallery a.post-comments-badge-link {
		top: 30px;
		bottom: auto;
		left: 66px;
		left: 30px;
		right: auto;
	}
}

@media all and (max-width: 575px) { /* xs */
	.sk__featured-gallery i.sk__pformat-icon {
		left: 20px;
	}
	.sk__featured-gallery a.post-comments-badge-link {
		left: 56px;
		left: 20px;
	}
}

.vignette, 
.sk__featured-post-img-link {
	-webkit-box-shadow: inset 0px 0px 185px rgba(0,0,0,0.3);
			box-shadow: inset 0px 0px 185px rgba(0,0,0,0.3);
	-webkit-filter: brightness(0.95) saturate(0.95);
			filter: brightness(0.95) saturate(0.95);
}

.vignette:hover, 
.sk__featured-post:hover .sk__featured-post-img-link {
	-webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0);
			box-shadow: inset 0px 0px 85px rgba(0,0,0,0);
	-webkit-filter: brightness(1.05) saturate(1.05);
			filter: brightness(1.05) saturate(1.05);
}

/* Featured posts gallery */

.featured-indicators-wrapper {
	position: absolute;
	top: 1.4vw; /* matched with .sk__featured-post */
	right: 1.4vw;
	width: 360px;
	height: 68px;
	background: transparent;
	overflow: hidden;
}

@media all and (max-width: 991px) { /* xs + sm + md */
	.featured-indicators-wrapper {
		display: none;
	}
}
.carousel-inner-indicators {
	position: relative;
	width: auto;
	height: 68px;
	-webkit-transition: all 0.6s ease 0.01s;
		 -o-transition: all 0.6s ease 0.01s;
			transition: all 0.6s ease 0.01s;
}
.carousel-inner-indicators button {
	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;
	position: relative;
	width: 120px;
	height: 68px;
	margin: 0;
	padding: 6px;
	background-color: transparent;
	border: none;
	opacity: 1;
}
.carousel-inner-indicators button.active {
	padding: 0;
}
.carousel-inner-indicators button.active, 
.carousel-inner-indicators button:hover {
	opacity: 1;
	-webkit-filter: brightness(1.05) saturate(105%) contrast(1.03);
	        filter: brightness(1.05) saturate(105%) contrast(1.03);
}
.carousel-inner-indicators button img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

@media all and (min-width: 992px) { /* lg and above */
	.sk__featured-gallery .carousel > button {
		display: block; /* was none but returning it */
	}
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-prev, 
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-next {
		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;
		border-radius: 0;
		margin: 0;
		-webkit-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;

		top: 0;
		height: 100%;
		width: 59px;
	}
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-prev {
		left: 0;
		top: 0;
	}
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-next {
		right: 0;
		top: 0;
	}
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-prev:hover, 
	.sk__featured-gallery.sk__gallery-basic-thumbnails .carousel-control-next:hover {
		background: rgba(255,255,255,0.05);
	}
}
@media all and (max-width: 991px) { /* xs + sm + md */
	.sk__featured-gallery .carousel > button {
		display: block;
	}
}
.sk__carousel-item-timer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: rgba(255,255,255,0.6);
}
@-webkit-keyframes carouselItemTimer {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes carouselItemTimer {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.carousel-item.active .sk__carousel-item-timer {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: carouselItemTimer 5.9s linear 0s forwards;
			animation: carouselItemTimer 5.9s linear 0s forwards;
}

.carousel-item.active:hover .sk__carousel-item-timer {
	-webkit-animation-play-state: paused;
	        animation-play-state: paused;
}

/* Blog Featured Posts Slider Core ---- END */


/**
 * Pagination Core
 * ---------------
 * When done, insert into theme.css, where specified
 */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

a.page-numbers, 
a.postpage-numbers, 
a.post-page-numbers, 
span.page-numbers.dots, 
span.post-page-numbers.dots, 
.nav-next a, 
.nav-previous a, 
span.page-numbers.current, 
span.post-page-numbers.current, 
a.page-numbers.current, 
a.post-page-numbers.current {
	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;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	width: var(--pagination-numbers-width);
	height: var(--pagination-numbers-height);
	border-width: var(--pagination-numbers-border-width);
	border-style: var(--pagination-numbers-border-style);
	border-radius: var(--pagination-numbers-border-radius);
	line-height: 1;
	font-weight: 400;
	/*replacing with column-gap and row-gap on parent. margin-inline: 3px;*/
}

.page-numbers.current, 
.post-page-numbers .current, 
.post-page-numbers.current {
	background-color: var(--pagination-numbers-background-color-current);
	color: var(--pagination-numbers-text-color-current);
	border-color: var(--pagination-numbers-background-color-current);
}

/* order a:link, a:visited, a:hover, a:active */

ul.page-numbers a, 
ul.page-numbers a:link, 
ul.page-numbers a:visited, 
a.page-numbers, 
a.page-numbers:link, 
a.page-numbers:visited, 
span.page-numbers.dots, 
.post-page-numbers a, 
.post-page-numbers a:link, 
.post-page-numbers a:visited, 
a.post-page-numbers, 
a.post-page-numbers:link, 
a.post-page-numbers:visited, 
span.post-page-numbers.dots,
.nav-next a, 
.nav-next a:link, 
.nav-next a:visited, 
.nav-previous a, 
.nav-previous a:link, 
.nav-previous a:visited {
	color: var(--pagination-numbers-text-color-normal);
	border-color: var(--pagination-numbers-border-color);
	background-color: var(--pagination-numbers-background-color-normal);
}

.comment-navigation .nav-next a, 
.comment-navigation .nav-next a:link, 
.comment-navigation .nav-next a:visited, 
.comment-navigation .nav-previous a, 
.comment-navigation .nav-previous a:link,
.comment-navigation .nav-previous a:visited,
.posts-navigation .nav-next a, 
.posts-navigation .nav-next a:link, 
.posts-navigation .nav-next a:visited, 
.posts-navigation .nav-previous a, 
.posts-navigation .nav-previous a:link, 
.posts-navigation .nav-previous a:visited {
	color: var(--pagination-numbers-text-color-normal);
}

.woocommerce-pagination .page-numbers li {
	display: inline-block;
}

ul.page-numbers .current, 
ul.page-numbers a, 
ul.page-numbers li a:hover, 
.post-page-numbers .current, 
.post-page-numbers a,  
.post-page-numbers li a:hover {
/*	width: 100%;*/
}

ul.page-numbers li a:hover, 
a.page-numbers:hover, 
.post-page-numbers li a:hover, 
a.post-page-numbers:hover, 
.nav-next a:hover, 
.nav-previous a:hover, 
.comment-navigation .nav-next a:hover, 
.comment-navigation .nav-previous a:hover, 
.posts-navigation .nav-next a:hover, 
.posts-navigation .nav-previous a:hover {
	background-color: var(--pagination-numbers-background-color-hover);
	color: var(--pagination-numbers-text-color-hover);
}

.nav-links, 
.woocommerce-pagination ul.page-numbers, 
.page-links {
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	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-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	padding-top: var(--pagination-padding-top);
	padding-right: var(--pagination-padding-right);
	padding-bottom: var(--pagination-padding-bottom);
	padding-left: var(--pagination-padding-left);
	background: var(--pagination-background-color);
	border-top-width: var(--pagination-border-top);
	border-right-width: var(--pagination-border-right);
	border-bottom-width: var(--pagination-border-bottom);
	border-left-width: var(--pagination-border-left);
	border-style: var(--pagination-border-style);
	border-color: var(--pagination-border-color);
	border-radius: var(--pagination-border-radius);
	margin-bottom: 50px;
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: var(--pagination-box-shadow);
			box-shadow: var(--pagination-box-shadow);
	row-gap: var(--pagination-numbers-row-gap);
	-webkit-column-gap: var(--pagination-numbers-column-gap);
	   -moz-column-gap: var(--pagination-numbers-column-gap);
	        column-gap: var(--pagination-numbers-column-gap);
}

span.page-numbers.dots, 
span.post-page-numbers.dots {
	border-color: transparent;
}

@media all and (max-width: 575px) {

	.nav-links, 
	.woocommerce-pagination, 
	.page-links {
		padding: 3px 9px;
	}

	.woocommerce-pagination .page-numbers li, 
	ul.page-numbers a,  
	ul.page-numbers li a:hover,
	a.page-numbers,
	a.page-numbers:hover, 
	span.page-numbers.dots, 
	span.page-numbers.current,
	ul.page-numbers .current, 
	ul.page-numbers.current, 
	.post-page-numbers a, 
	.post-page-numbers li a:hover, 
	a.post-page-numbers,
	a.post-page-numbers:hover, 
	span.post-page-numbers.dots, 
	span.post-page-numbers.current,
	.post-page-numbers .current, 
	.post-page-numbers.current, 
	.nav-next a, 
	.nav-previous a {
		width: calc(var(--pagination-numbers-width) / 1.4);
		height: calc(var(--pagination-numbers-height) / 1.4);
		font-size: 14px;
	}

}

.page-links > .post-page-numbers {
	margin-inline: 2px;
}

span.page-links-title {
	font-size: 20px;
	margin-right: 1rem;
}

@media all and (max-width: 575px) {
	span.page-links-title {
		font-size: 15px;
		font-weight: 400;
		margin-right: 0.5rem;
	}
}

/**
 * Sidebar & Widgets
 * =================
 */

/**
 * Widget - Recent Posts: Theme style - Core
 * Widget - Recent Posts: Theme Default - Core
 * Block: Latest Posts - Core
 * Elementor Widget Recent Posts Theme style - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-recent-posts.css insert here)
 */


/**
 * Widget - Categories - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-categories.css insert here)
 */
/**
 * Contents:
 * 
 * Widget - Categories 
 * Block - Categories
 * 
 * Widget - Categories - flex 
 * Widget - Categories - (as dropdown) - info only
 */


/**
 * Widget - Categories 
 *  Block - Categories
 * -------------------
 */

.cat-item a, 
.tag-cloud-link, 
.tagcloud {
	color: var(--widget-a-color-initial);
}

.widget_categories > ul, 
.widget_categories > .sk__widget-inner > ul, 
.widget_categories > ul:not([class]), 
.widget_categories > .sk__widget-inner > ul:not([class]), 
ul.wp-block-categories, 
.elementor-widget-wp-widget-categories > .elementor-widget-container > ul {
	padding-left: 0;
	height: auto;
}

ul.wp-block-categories a, 
.elementor-widget-wp-widget-categories > .elementor-widget-container > ul a {
	font-size: 14px;
}


/**
 * Widget - Categories - flex  
 * --------------------------
 */

.cat-item {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
	height: auto;
	margin-bottom: 3px;
}

.widget_categories .cat-item > ul.children {
	margin-top: 3px;
}

.cat-item > ul > .cat-item {
	position: relative;
	padding-left: 8px;
}

.cat-item > ul > .cat-item > i {
	color: var(--widget-bullets-color);
}

.cat-item i {
	display: inline-block;
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: scaleX(0.6);
		-ms-transform: scaleX(0.6);
			transform: scaleX(0.6);
	margin-right: 6px;
	color: var(--widget-bullets-color);
	margin-left: -14px;
}

.cat-item:before, 
.widget_meta li > a:before, 
.elementor-widget-wp-widget-meta ul li > a:before {
	display: inline-block;
	font-family: "icomoon";
	font-weight: 400;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: scaleX(0.6);
	    -ms-transform: scaleX(0.6);
	        transform: scaleX(0.6);
	margin-right: 6px;
	color: var(--widget-bullets-color);
	margin-left: -14px;
}

/* Elementor Widget - Categories */

.elementor-widget-wp-widget-categories .cat-item > ul > .cat-item:before {
	position: absolute;
	top: 1px;
	color: var(--widget-bullets-color);
}

/**
 * Widget - Categories - (as dropdown)  
 * -----------------------------------
 * Old code in previous versions
 * New code for categories covered in 
 * "Archives as a Dropdown" widget's code.
 */

/**
 * Widget - Tag Cloud - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-tag-cloud.css insert here)
 */
/**
 * Widget - Tag Cloud
 * ---------------------
 * hard coded colors OK!
 */

.tag-cloud-link:first-child {
	font-weight: 600;
}

a.tag-cloud-link, 
footer#colophon a.tag-cloud-link {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 20px;
	padding: 3px 9px;
	margin-right: 8px;
	margin-bottom: 8px;
	line-height: 14px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0); /* ok */
	-webkit-transition-duration: 0.3s;
		 -o-transition-duration: 0.3s;
			transition-duration: 0.3s;
	font-size: 10px !important;/*mora*/
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}
a.tag-cloud-link, 
footer#colophon a.tag-cloud-link, 
a.tag-cloud-link:link, 
footer#colophon a.tag-cloud-link:link, 
a.tag-cloud-link:visited, 
footer#colophon a.tag-cloud-link:visited {
	background: var(--dark-shade-10); /* ok */
	color: var(--light-shade-1); /* ok */
}
a.tag-cloud-link:first-child, 
footer#colophon a.tag-cloud-link:first-child {
	background-color: var(--gradient-3);
	color: #ffffff; /* ok */
}
a.tag-cloud-link:hover, 
footer#colophon a.tag-cloud-link:hover, 
a.tag-cloud-link:link:hover, 
footer#colophon a.tag-cloud-link:link:hover, 
a.tag-cloud-link:visited:hover, 
footer#colophon a.tag-cloud-link:visited:hover {
	background-color: var(--light-shade-9); /* ok */
	color: #ffffff; /* ok */
}
a.tag-cloud-link:active,  
footer#colophon a.tag-cloud-link:active {
	color: #ffffff; /* ok */
}
a.tag-cloud-link:active:hover,  
footer#colophon a.tag-cloud-link:active:hover {
	color: #ffffff; /* ok */
}
/* remove commas */
.tagcloud {
	width: 102%;
	font-size: 0;
}

a.tag-cloud-link:before, 
footer#colophon a.tag-cloud-link:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
	-o-transition-property: transform;
	   transition-property: transform;
	transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.3s;
			 -o-transition-duration: 0.3s;
				transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
			 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
	background-color: rgba(0,0,0,0.15); /* ok */
}
a.tag-cloud-link:hover:before,  
a.tag-cloud-link:active:before, 
footer#colophon a.tag-cloud-link:hover:before,
footer#colophon a.tag-cloud-link:active:before {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

/**
 * Widget - Search - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-search.css insert here)
 */
/**
 * Widget - Search  
 * ---------------
 */

.widget_search form {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
}

.widget_product_search form, 
.elementor-widget-wp-widget-search form {
	position: relative;
}

.wp-block-search {
	display: none;
}

.wp-block-search.search-form {
	display: block;
}

.widget input, 
.widget label {
	width: 100%;
}

.widget_search label, 
.wp-block-search label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-bottom: 0;
}

input.search-field, 
.wp-block-search input {
	margin-bottom: 0;
	padding-left: 12px;
	padding-bottom: 9px;
}

input.search-field:focus, 
.wp-block-search input:focus {
	
}

button.sk__search-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 0;
	padding: 1px 8px;
	width: auto;
	outline: none;
	position: absolute;
	right: 6px;
	font-size: 19px;
	border: none;
	background: transparent;
	color: var(--form-field-text-color-normal);
	height: 100%;
}

/* clears the ‘X’ from Internet Explorer */

input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


/* Search on Archives (archive pages: categories, tags etc.) */

.widget.sk__search-archives-top {
	margin-left: -5px;
	margin-right: -5px;
}

@media all and  (max-width: 575px) {
	.widget.sk__search-archives-top {
		margin-left: 0;
		margin-right: 0;
	}
}

/**
 * Widget - Calendar - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-calendar.css insert here)
 */
/**
 * Widget - Calendar
 * Block - Calendar
 * Elementor Widget - Calendar
 * ---------------------------
 */
table#wp-calendar {
	margin-bottom: 0;
}

.wp-block-calendar table tbody, 
.elementor-widget-wp-widget-calendar tbody {
	color: var(--widget-content-color);
}

.widget_calendar td, 
.wp-block-calendar tbody td, 
.elementor-widget-wp-widget-calendar td {
	border: 1px solid var(--ui-sections-border-color-shade);
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.widget_calendar th, 
.wp-block-calendar thead td, 
.wp-block-calendar table th, 
.elementor-widget-wp-widget-calendar th {
	background-color: var(--ui-elements-active-background-color-shade);
	color: var(--ui-elements-active-text-color-shade);
	border: 1px solid var(--ui-elements-border-color-shade);
	border-bottom: 3px solid var(--ui-elements-border-color-shade);
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}


.widget_calendar #today, 
.elementor-widget-wp-widget-calendar #today {
	position: relative;
	background-color: var(--ui-elements-active-background-color-shade);
	border: 1px solid var(--ui-elements-border-color-shade);
	font-weight: 700;
}
.widget_calendar #today:before, 
.elementor-widget-wp-widget-calendar #today:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: -1px;
	background: var(--ui-elements-active-background-color-shade);
}
.widget_calendar #today:after, 
.elementor-widget-wp-widget-calendar #today:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: -1px;
	background: var(--ui-elements-active-background-color-shade);
}

nav.wp-calendar-nav {
	padding: 5px 10px;
	border: 1px solid var(--ui-elements-border-color-shade);
}

nav.wp-calendar-nav, 
.wp-block-calendar nav.wp-calendar-nav {
	background: var(--ui-elements-background-color-shade);
	width: calc(100% - 4px);
	margin-left: 2px;
}

.wp-block-calendar a {
	text-decoration: none;
}

.wp-block-calendar table caption {
	color: var(--ui-elements-text-color-shade);
}

/**
 * Widget - RSS - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-rss.css insert here)
 */
/**
 * Widget - RSS
 *  Block - RSS
 * ------------
 */

img.rss-widget-icon {
	margin-top: -4px;
	margin-right: 5px;
}

.widget_rss, 
.elementor-widget-wp-widget-rss, 
.wp-block-rss {
	line-height: 23px;
	text-transform: initial;
	letter-spacing: 0px;
}

.widget.widget_rss ul li, 
.widget.widget_rss ul:not([class]) > li:not([class]), 
.elementor-widget-wp-widget-rss ul li, 
.elementor-widget-wp-widget-rss ul:not([class]) > li:not([class]), 
ul.wp-block-rss li,
ul.wp-block-rss li:not([class]) {
	margin: 0 5px 13px 3px;
	border-bottom: 1px solid var(--ui-elements-border-color-shade);
	padding-bottom: 8px;
	padding-left: 0;
}

ul.is-grid.wp-block-rss li {
	padding-left: 3px;
}

.widget_rss li:before, 
.widget.widget_rss ul:not([class]) > li:not([class]):before, 
.elementor-widget-wp-widget-rss li:before, 
.elementor-widget-wp-widget-rss ul:not([class]) > li:not([class]):before, 
ul.wp-block-rss .wp-block-rss__item-title:before {
	position: static;
	color: var(--widget-a-color-initial);
	content: "\f09e";
	top: -1px;
	font-family: "icomoon";
	font-weight: 400;
	padding-right: 0.5em;
	margin-left: 0;
	margin-right: 2px;
	font-size: 11px;
}

.widget_rss li > a, 
.widget_rss li > a:link, 
.widget_rss li > a:visited, 
.elementor-widget-wp-widget-rss li > a, 
.elementor-widget-wp-widget-rss li > a:link, 
.elementor-widget-wp-widget-rss li > a:visited, 
ul.wp-block-rss li > div > a, 
ul.wp-block-rss li > div > a:link, 
ul.wp-block-rss li > div > a:visited {
	font-size: 12px;
	color: var(--widget-headings-color);
	font-weight: 400;
}

.widget_rss li > a:hover, 
.elementor-widget-wp-widget-rss li > a:hover, 
ul.wp-block-rss li > div > a:hover {
	color: var(--widget-a-color-hover);
}

span.rss-date {
	display: inline-block;
	font-size: 12px;
	color: var(--widget-content-color);
	font-weight: 400;
}

span.rss-date:before {
	content: "\f073";
	font-family: "icomoon";
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	font-size: 13px;
	text-decoration: inherit;
	padding-right: 0.5em;
	padding-left: 0.2em;
	-webkit-transform: translateY(1px);
		-ms-transform: translateY(1px);
			transform: translateY(1px);
}

.rssSummary, 
.wp-block-rss__item-excerpt {
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	color: var(--widget-content-color);
}

.rssSummary:empty, 
.wp-block-rss__item-excerpt:empty {
	display: none;
}

.widget_rss cite, 
.elementor-widget-wp-widget-rss cite, 
.wp-block-rss cite {
	font-size: 12px;
	font-weight: 400;
}

/**
 * Block - RSS
 * Fix jerky grid look when block is too narrow (PART3/3)
 * See also in theme.js
 */	
.is-grid.wp-block-rss.dw-mn-301-mx-325 .wp-block-rss__item, 
.is-grid.wp-block-rss.dw-mn-0-mx-300 .wp-block-rss__item {
	width: 100%;
}

/**
 * Widget - Text - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-text.css insert here)
 */
/**
 * Widget - Text  
 * -------------
 */

.widget_text p {
	margin-bottom: 0.3rem;
}

.widget_text.widget_text ul {
	list-style: inside;
	margin-bottom: 0.4rem;
}

.widget_text.widget_text ul li {
	padding-left: 20px;
}

/**
 * Widget - Recent Comments - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-recent-comments.css insert here)
 */
/**
 * Widget - Recent Comments  
 * ------------------------
 */

ul#recentcomments {
	padding-left: 0;
}

.widget_recent_comments .comment-author-link, 
.elementor-widget-wp-widget-recent-comments .comment-author-link {
	font-weight: 600;
}

.widget_recent_comments li.recentcomments, 
.elementor-widget-wp-widget-recent-comments li.recentcomments {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ui-elements-border-color-shade);
}

.widget_recent_comments span.comment-author-link:before, 
.elementor-widget-wp-widget-recent-comments span.comment-author-link:before {
	content: "\f075";
	font-family: "icomoon";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	padding-right: 0.65em;
	color: var(--light-shade-8);
}

.widget_recent_comments a, 
.widget_recent_comments a:link, 
.widget_recent_comments a:visited, 
.elementor-widget-wp-widget-recent-comments a, 
.elementor-widget-wp-widget-recent-comments a:link, 
.elementor-widget-wp-widget-recent-comments a:visited {
	color: var(--widget-a-color-initial);
}

.widget_recent_comments a:hover, 
.elementor-widget-wp-widget-recent-comments a:hover {
	color: var(--widget-a-color-hover);
}

/**
 * Widget - Meta - Core
 * Widget - Archives - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widgets-meta-and-archives.css insert here)
 */
/**
 * Widget - Meta
 * Widget - Archives
 * Block - Archives
 * Elementor Widget - Meta
 * Elementor Widget - Archives
 * -----------------
 * ul.wp-block-archives li, 
 * ul.wp-block-page-list li
 */

ul.wp-block-archives a, 
ul.wp-block-page-list a, 
.elementor-widget-wp-widget-archives > .elementor-widget-container > ul a, 
.elementor-widget-wp-widget-meta > .elementor-widget-container > ul a {
	font-size: 14px;
}

.wp-block-page-list {
	display: none;
}
.wp-block-page-list.menu {
	display: block;
}

.widget_meta li, 
.widget_meta li > a, 
.widget_archive li, 
.widget_archive li > a, 
ul.wp-block-archives li > a, 
.elementor-widget-wp-widget-archives ul li, 
.elementor-widget-wp-widget-archives ul li > a, 
.elementor-widget-wp-widget-meta ul li, 
.elementor-widget-wp-widget-meta ul li > a {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.widget_meta > .sk__widget-inner > ul, 
.widget_archive > .sk__widget-inner ul, 
ul.wp-block-archives, 
.elementor-widget-wp-widget-archives > .elementor-widget-container > ul, 
.elementor-widget-wp-widget-meta > .elementor-widget-container > ul {
	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;
}

.widget_meta li, 
.widget_archive li, 
ul.wp-block-archives li, 
.elementor-widget-wp-widget-archives ul li, 
.elementor-widget-wp-widget-meta ul li {
	display: inline-block;
	position: relative;
	width: 49%;
	padding-left: 20px;
	height: auto;
	margin-bottom: 3px;
}

.widget_meta li > a, 
.widget_meta li > a:link, 
.widget_meta li > a:visited, 
.widget_archive li > a, 
.widget_archive li > a:link, 
.widget_archive li > a:visited, 
ul.wp-block-archives li > a, 
ul.wp-block-archives li > a:link, 
ul.wp-block-archives li > a:visited, 
.elementor-widget-wp-widget-archives ul li > a, 
.elementor-widget-wp-widget-archives ul li > a:link, 
.elementor-widget-wp-widget-archives ul li > a:visited, 
.elementor-widget-wp-widget-meta ul li > a, 
.elementor-widget-wp-widget-meta ul li > a:link, 
.elementor-widget-wp-widget-meta ul li > a:visited {
	color: var(--widget-a-color-initial);
}

.widget_meta li > a:hover, 
.widget_archive li > a:hover, 
ul.wp-block-archives li > a:hover, 
.elementor-widget-wp-widget-archives ul li > a:hover, 
.elementor-widget-wp-widget-meta ul li > a:hover {
	color: var(--widget-a-color-hover);
}

.widget_meta li > a:before, 
.widget_archive li > a:before, 
ul.wp-block-archives li > a:before, 
.elementor-widget-wp-widget-archives ul li > a:before {
	color: var(--widget-bullets-color);
}

.widget_archive li > a:before, 
ul.wp-block-archives li > a:before, 
.elementor-widget-wp-widget-archives ul li > a:before {
	font-family: "icomoon";
	font-weight: 300;
	content: "\f022";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 6px;
	-webkit-transform: translateY(-8px);
	    -ms-transform: translateY(-8px);
	        transform: translateY(-8px);
	color: var(--widget-bullets-color);
	margin-left: -16px;
}

/**
 * Widget - Meta
 * Widget - Archive
 * Block - Archives
 * Elementor Widget - Meta
 * Elementor Widget - Archive
 * 
 * Fix jerky grid look when block is too narrow (PART3/3)
 * See also in theme.js
 */
.widget_archive ul.dw-mn-301-mx-325 li, 
.widget_archive ul.dw-mn-0-mx-300 li, 
ul.wp-block-archives.dw-mn-301-mx-325 li, 
ul.wp-block-archives.dw-mn-0-mx-300 li, 
.elementor-widget-wp-widget-archives ul.dw-mn-301-mx-325 li, 
.elementor-widget-wp-widget-archives ul.dw-mn-0-mx-300 li, 
.widget_meta > .sk__widget-inner > ul.dw-mn-301-mx-325 li, 
.widget_meta > .sk__widget-inner > ul.dw-mn-0-mx-300 li, 
.elementor-widget-wp-widget-meta > .elementor-widget-container > ul.dw-mn-301-mx-325 li, 
.elementor-widget-wp-widget-meta > .elementor-widget-container > ul.dw-mn-0-mx-300 li {
	width: 100%;
}

/**
 * Widget - Navigation Menu (REQUIRES JS) - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-navigation-menu.css insert here)
 */
/**
 * Navigation Menu Widget
 * 
 * and Dropdown-able widgets
 * 
 * Styles copied from mobile menu, but on widgets
 * they're applied on all breakpoints
 * 
 * Also depends on dynamic-vars-handler.php
 * see DROPDOWNABLE_WIDGETS
 */

/**
 * Modified version of .sk__main-menu
 */
.widget_nav_menu .sk__widget-inner > div {
	overflow-x: hidden;
	position: relative;
}

/**
 * Copied styles from: ul.sk__menu-ul
 */
.widget_nav_menu ul.menu {
	display: -ms-grid;
	display: grid;
	grid-auto-flow: dense;
	grid-auto-rows: -webkit-min-content;
	grid-auto-rows: min-content;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	height: 100%;
	width: calc(100% + 20px);

	list-style: none;
	margin: 0;
	padding: 0 0 0 1px;
}

/**
 * Copied styles from: .sk__menu-ul li
 */
.widget_nav_menu ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Copied from: ul.sk__menu-ul li > a
 * Copies: All <a> Menu items (top items & all sub items)
 */
.widget_nav_menu ul.menu li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: var(--submenu-item-padding);
}

/**
 * Copied from: ul.sk__menu-ul > li > a
 * Copies: Top-level <a> Menu Items
 */
.widget_nav_menu ul.menu > li > a, 
.widget_nav_menu ul.menu > li > a:link, 
.widget_nav_menu ul.menu > li > a:visited {
	color: var(--mobile-menu-items-text-color);
	background-color: var(--mobile-menu-items-background-color);
	font-size: var(--mobile-menu-items-font-size);
	font-weight: var(--mobile-menu-items-font-weight);
}

/**
 * Copied from: .sk__menu-wrapper li > .sub-menu > li > a
 * Copies: All <a> submenu & subsubmenu items
 */
.widget_nav_menu ul.menu li > .sub-menu > li > a, 
.widget_nav_menu ul.menu li > .sub-menu > li > a:link, 
.widget_nav_menu ul.menu li > .sub-menu > li > a:visited {
	color: var(--mobile-menu-subitems-text-color);
	background-color: var(--mobile-menu-subitems-background-color);
	font-size: var(--mobile-menu-subitems-font-size);
	font-weight: var(--mobile-menu-subitems-font-weight);
}

/**
 * Copied from: .sk__menu-wrapper li.menu-item-has-children > a:after
 * Copies: Dropdown icon
 */
.widget_nav_menu li.menu-item-has-children > a:after {
	color: var(--mobile-menu-items-text-color);
	opacity: 0.7;
	content: "\ea3d";
	font-family: icomoon;
	margin-left: 8px;
	font-weight: 700;
	font-size: 70%;
}

/**
 * Dropdown icon, move to right
 */
/**
 * Copied from: .sk__menu-wrapper ul.sk__menu-ul li.menu-item-has-children > a:after
 * Copies: Dropdown icon, move to right
 */
.widget_nav_menu li.menu-item-has-children > a:after {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-left: auto;
}
/**
 * Copied from: .sk__menu-wrapper ul.sk__menu-ul li.menu-item-has-children.sk__expand-children > a:after
 */
.widget_nav_menu li.menu-item-has-children.sk__expand-children > a:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/**
 * Copied from: li.menu-item-has-children > ul
 * Copies: Mobile Menu Dropdown
 */
.widget_nav_menu li.menu-item-has-children > ul {
	overflow: hidden;
	padding: 0;
	max-height: 0 !important;
	-webkit-transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
	-o-transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
	transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
	margin-left: 0;
	position: relative;
	opacity: 0 !important;
	/* Overriding desktop */
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	/* Overriding desktop */
	left: 0;
}

/**
 * Copied from: li.menu-item-has-children.sk__expand-children > ul
 */
.widget_nav_menu li.menu-item-has-children.sk__expand-children > ul {
	max-height: 100vh !important;
	-webkit-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
	/* Added from DESKTOP */
	opacity: 1 !important;
}

/**
 * Widget - Gallery - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-widget-gallery.css insert here)
 */


/**
 * Elementor Widgets - Tabs, Accordion, Toggle - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-elementor-widget-tabs-accordion-toggle.css insert here)
 */


/**
 * Single Posts - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-single-post.css insert here)
 */

.single-post .sk__post-info .sk__blog-feed-top-metas a, 
.single-post .sk__post-info .sk__blog-feed-top-metas a:link, 
.single-post .sk__post-info .sk__blog-feed-top-metas a:visited {
	color: var(--p-color);
}
.single-post .sk__post-info .sk__blog-feed-top-metas a:hover {
	color: var(--a-color-hover);
}

.sk__post-bottom-details {
	position: relative;
	clear: both;
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	margin-bottom: 30px;
	background-color: var(--ui-sections-background-color-shade);
	border: 1px solid var(--ui-sections-border-color-shade);
}

.sk__post-bottom-details.padded-bottom {
	padding-bottom: 2px;
}

.sk__post-bottom-details.unpadded-bottom {
	padding-bottom: 0;
}

.sk__author.sk__sp-author {
	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;
}

.sk__author-img {
	margin-right: 20px;
}

p.sk__author-bio {
	margin-bottom: 0;
}

.sk__author-divider {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid var(--ui-sections-border-color-shade);
}

.sk__post-bottom-metas > div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
		   display: inline-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;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px 15px;
	background-color: var(--ui-elements-background-color-shade);
	border: 1px solid var(--ui-elements-border-color-shade);
	font-weight: 400;
}

h5.sk__author-name {
	color: var(--ui-important-elements-text-color-shade);
}

.sk__author-bio, 
.sk__post-bottom-metas, 
.sk__post-bottom-metas p, 
.sk__post-bottom-metas a, 
.sk__post-bottom-metas time, 
.sk__post-bottom-metas span.time {
	color: var(--ui-elements-text-color-shade);
}

.sk__bottom-cats a:not(:first-of-type), 
.sk__bottom-tags a:not(:first-of-type) {
	margin-left: 5px;
}

.sk__post-bottom-metas time {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
.sk__post-bottom-metas a:hover, 
.sk__post-bottom-metas span.time:hover, 
.sk__post-bottom-metas time:hover {
	color: var(--a-color-hover);
}

.sk__post-bottom-metas i {
	margin-right: 10px;
	vertical-align: middle;
	color: var(--p-color);
}

.sk__post-bottom-metas i.fa-calendar {
	font-weight: 400;
	position: relative;
	top: -2px;
}

.sk__post-bottom-metas i.fa-th-list {
	font-weight: 400;
}

.sk__post-bottom-metas i.fa-tags {
	font-weight: 400;
}

.sk__supercontainer .sk__author-details {
	-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	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;
	-ms-flex-line-pack: center;
		 align-content: center;
}

.sk__author-details > * {
	width: 100%;
}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	:not(.no_sidebar) .sk__author-img {
		width: 29px;
		height: 29px;
	}

	h5.sk__author-name {
		padding-top: 3px;
	}

	p.sk__author-bio {
		margin-top: 8px;
		margin-left: -49px;
		width: calc(100% + 49px);
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.no_sidebar .sk__author-details {
		max-width: 550px;
	}

	:not(.no_sidebar) .sk__author-img {
		width: 29px;
		height: 29px;
	}

	:not(.no_sidebar) h3.sk__author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	h5.sk__author-name {
		padding-top: 3px;
	}

	p.sk__author-bio {
		margin-top: 8px;
		margin-left: -49px;
		width: calc(100% + 49px);
	}

	:not(.no_sidebar) .sk__post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	:not(.no_sidebar) .sk__post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.sk__blog-head-infos {
		margin-bottom: 2px;
	}

	.sk__author-img {
		width: 29px;
		height: 29px;
	}

	h3.sk__author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	h5.sk__author-name {
		padding-top: 3px;
	}

	p.sk__author-bio {
		margin-top: 8px;
		margin-left: -49px;
		width: calc(100% + 49px);
	}

	:not(.no_sidebar) .sk__post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	:not(.no_sidebar) .sk__post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

@media all and (max-width: 575px) { /* xs */

	.sk__author-img {
		width: 29px;
		height: 29px;
	}

	h3.sk__author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	h5.sk__author-name {
		padding-top: 3px;
	}

	p.sk__author-bio {
		margin-top: 8px;
		margin-left: -49px;
		width: calc(100% + 49px);
	}

	.sk__post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.sk__post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

/**
 * In-content featured content
 * ===========================
 */

/* In-content video */

.sk__in-content-embedded-video-wrapper {
	position: relative;
	padding-bottom: 62.25%; /* 16:9 */
	height: 0;
	margin-bottom: 2rem;
}
.sk__in-content-embedded-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 2rem;
}

.sk__in-content-video-wrapper video {
	width: 100%;
	height: auto;
}

/* In-content audio */

.sk__in-content-audio-wrapper {
	position: relative;
	margin-bottom: 2rem;
}
.sk__in-content-audio-wrapper audio,
.sk__in-content-audio-wrapper iframe {
	width: 100%;
}
.sk__in-content-audio-wrapper iframe {
	border: none;
}
.sk__in-content-audio-wrapper .sk__sc-accent-color {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: calc(100% + 1px); 
	height: 3px;
}

/**
 * In-content quote
 * LITEKILL hardcoding:
 * .sk__quote-box
 * .sk__quote-author
 * .sk__quote-occupation
 * .sk__in-content-quote-overlay
*/
.sk__quote-box {
	border: 3px solid rgba(255,255,255,0.14);
}
.sk__quote-box p,
.sk__quote-author, 
.sk__quote-occupation, 
.sk__quote-credentials {
	color: #ffffff;
}
.sk__in-content-quote-overlay {
	background-color: rgba(0,0,0,0.28);
	mix-blend-mode: normal;
	-webkit-transition: var(--transition-06, all 0.6s ease 0s);
		 -o-transition: var(--transition-06, all 0.6s ease 0s);
			transition: var(--transition-06, all 0.6s ease 0s);
}
.sk__in-content-quote-wrapper:hover .sk__in-content-quote-overlay {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
}
.sk__in-content-quote-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center;
	padding: 30px;
	margin-bottom: 2rem;
}
.sk__quote-box {
	display: block;
	width: 100%;
	z-index: 5;
	padding: 30px;
}
.sk__quote-box blockquote {
	padding-left: 0;
	border: none;
}
.sk__quote-credentials {
	text-align: right;
}
.sk__quote-author, 
.sk__quote-occupation {
	display: inline-block;
	text-align: right;
	margin-bottom: 0;
	font-weight: normal;
	margin-inline: 2px;
}
.sk__in-content-quote-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

@media all and (max-width: 767px) {
	.sk__in-content-quote-wrapper {
		padding: 15px;
	}
	.sk__quote-box {
		padding: 12px;
	}
}

/**
 * Footer - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-footer.css insert here)
 */


/**
 * Comments - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-comments.css insert here)
 */


/**
 * Pretty Photo - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-pretty-photo.css insert here if used)
 */


/**
 * Gutenberg Blocks - Core
 * ==================================================================
 * ==================================================================
 * ==================================================================
 * (theming-gutenberg-blocks.css insert here if used)
 */