/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.01
Text Domain: uncode
*/

/**********************************************************************************************************************************************************************************/
/*
 * Uncode/Dave live-search dropdown
 */

/* Positioning contexts */
#masthead .search-container-inner,
.uncode-live-search .search-container-inner {
	position: relative !important;
	overflow: visible !important;
}

/* Allow navigation results outside the overlay */
#masthead .overlay-search,
#masthead .overlay-search-wrapper,
#masthead .search-container,
#masthead .search-container form {
	overflow: visible !important;
}

/*
 * Outermost result wrapper.
 * It is moved directly into the active
 * .search-container-inner element.
 */
#masthead
	.search-container-inner
	> #uncode-search-result,
.uncode-live-search
	.search-container-inner
	> #uncode-search-result {
	position: absolute !important;

	top: calc(100% + 1px) !important;
	right: auto !important;
	bottom: auto !important;
	left: 0 !important;

	width: min(100%, 350px) !important;
	max-width: 350px !important;

	margin: 0 !important;
	padding: 0 !important;

	transform: none !important;

	z-index: 10000 !important;
}

/* Align navigation results to the right
#masthead
	.search-container-inner
	> #uncode-search-result {
	right: 0 !important;
	left: auto !important;
}
 */

/*
 * Uncode creates another wrapper with the same ID
 * inside the outer wrapper.
 */
.search-container-inner
	> #uncode-search-result
	> #uncode-search-result {
	position: static !important;
	inset: auto !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	transform: none !important;
}

/*
 * Neutralize the page coordinates injected by Dave.
 */
.search-container-inner #dwls_search_results {
	position: static !important;

	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	transform: none !important;

	overflow: hidden;
	list-style: none !important;

	background: #1b1b1b !important;
	box-shadow:
		0 12px 24px rgba(0, 0, 0, 0.25) !important;
}

/* Result rows */
.search-container-inner
	#dwls_search_results
	> li {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-bottom:
		1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Result links */
.search-container-inner
	#dwls_search_results
	> li
	> a {
	display: block !important;

	width: 100% !important;
	padding: 12px 16px !important;

	box-sizing: border-box;

	color: #fff !important;
	background: transparent !important;

	text-align: left;
	text-decoration: none !important;
}

.search-container-inner
	#dwls_search_results
	> li
	> a:hover {
	background:
		rgba(255, 255, 255, 0.1) !important;
}

/* Categories */
.search-container-inner
	#dwls_search_results
	.search-category {
	display: block;

	margin-bottom: 3px;

	color: rgba(255, 255, 255, 0.55);
	font-size: 11px;
	line-height: 1.3;
}

/* Titles */
.search-container-inner
	#dwls_search_results
	.search-title {
	display: block;

	color: inherit;
	font-size: 14px;
	line-height: 1.35;
}

/* View all results */
.search-container-inner #dwls_search_results .search_footer > a {
    display: block;
    padding: 10px 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    margin: 0px;
    background-color: #f18311;
	border:1px solid #f18311;
    text-shadow: 1px 1px 1px #9b5103 !important;
}

.search-container-inner #dwls_search_results .search_footer > a:hover {
	background:transparent;
	color: #f18311;
}
.header-wrapper {overflow: visible;}
/**********************************************************************************************************************************************************************************/


/* be a patreon banner */
.beBravePatreon {position:relative;}
.beBravePatreon:before {
    content: '';
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    background-image: url(../../uploads/2026/08/Patreon-Banner.webp);
    background-size: 350px auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: calc(100% - 69px);
    z-index: 1;
    pointer-events: none;
}
.beBravePatreon .uncont * {
    z-index: 2;
    text-shadow: 1px 1px 4px #000;
}

@media (max-width: 959px) {
	.beBravePatreon:before {
        position: relative;
        bottom: unset;
        margin-bottom: -69px;
        height: 230px;
        background-size: 350px auto;
    }
	.beBravePatreon .uncont {padding-top: 30px !important;}
}



/* Museo Sans fonts */
@font-face {
  font-family: "Killam-Bold";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:local("MuseoSans"),local("MuseoSans Light"),
    url("/wp-content/themes/uncode-child/fonts/Killam-Bold.woff2") format("woff2"),
    url("/wp-content/themes/uncode-child/fonts/Killam-Bold.woff") format("woff"),
    url("/wp-content/themes/uncode-child/fonts/Killam-Bold.otf") format("opentype");
}

div#main-logo img {
    filter: brightness(0) invert(1);
}

/* CUSTOM BUTTON FOR ARTICLES */
.single-post .uncode_text_column a.button {
    font-weight: 100 !important;
    font-family: Killam-Bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-left: 36px !important;
    padding-right: 36px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 14px;
    border-width: 1px;
    color: #ffffff !important;
    background-color: #f18311 !important;
    border-color: #f18311 !important;
    display: inline-block;
    font-style: normal !important;
    text-align: center;
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: pointer;
    background-image: none;
    border-style: solid;
    border-radius: 2px;
    white-space: pre-wrap;
    -webkit-text-stroke: 0px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.btn-accent, .t-cat-over a {
    text-shadow: 1px 1px 1px #9b5103 !important;
}

.uncode_text_column p a {color:#f18311!important;}
.uncode_text_column p a:hover {text-decoration:underline!important;}


/* ARTICLE HEADER */
.blurBG .background-element {filter: blur(6px) grayscale(1);}
span.breadcrumb_last {display: none !important;}
.textShadow {text-shadow: 2px 2px 3px #000;}
.t-entry-excerpt p {line-height: 1.2 !important;}
.showOnlyOnePost .tmb:not(:first-child) {display: none !important;}

/* textShadow exceptions */
.textShadow  .t-entry-visual-cont .t-cat-over-topright {text-shadow:none!important;}

/* POSTS ajax filter */

.grid-filters ul.menu-smart li:first-child span {
    padding-left: 9px!important;
}

.isotope-filters {display:none;}

.kitn-filter-toggle {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    margin-bottom: 20px;
    flex-direction: row;
}

.kitn-filter-toggle__label {
	font-size:22px;
	font-family: 'Killam-Bold';
}

.kitn-filter-toggle__button {
    appearance: none;
    padding: 8px 20px;
    border: 0;
    background: var(--color-accent, #000);
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
    font-weight: 100 !important;
    font-family: Killam-Bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

.kitn-filter-toggle__button:hover,
.kitn-filter-toggle__button:focus-visible {
	opacity: 0.8;
}

p.t-entry-readmore.btn-container {
    margin-top: 18px !important;
}


.loadmore-icon::before {
	background-image: url(https://kehitys.knightsinthenorth.com/wp-content/uploads/2026/08/hourglass.gif) !important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	animation: loadmore-pulse 1s ease-in-out infinite alternate;
	transform-origin: center;
}
.cssgrid-footer.grid-footer.style-dark.without-bg {
    background: rgba(0,0,0,1);
    box-shadow: 0px 0px 50px #000;
    border-radius: 0;
	animation: loadmore-banner 1s ease-in-out infinite alternate;
}

@keyframes loadmore-banner {
	from {box-shadow: 0px 0px 50px rgba(0,0,0,1);background: rgba(0,0,0,1);}
	to {box-shadow: 0px 0px 10px rgba(0,0,0,0.5);background: rgba(0,0,0,0.5);}
}

@keyframes loadmore-pulse {
	from {transform: scale(1);}
	to {transform: scale(1.8);}
}

@media (max-width: 569px) {
	.kitn-filter-toggle {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}




.t-cat-over span.t-entry-category a {
    filter:brightness(1);
	transform:scale(1);
	transition:0.2s;
}
.t-cat-over span.t-entry-category a:hover {
    filter: brightness(0.95);
	transform:scale(1.05);
	transition:0.1s;
}


/* CATEGORY TAGS */
.uncode-info-box .category-info {
    color: transparent;
}
.uncode-info-box .category-info a {
    background: #f18311;
    padding: 3px 6px;
    border-radius: 100px;
    text-shadow: 1px 1px 1px #000;
    box-shadow: 2px 2px 0px #000;
    color: #fff !important;
    font-weight: 100 !important;
    font-family: 'Killam-Bold';
    font-size: 14px;
}
.uncode-info-box .category-info a:hover {filter:brightness(0.8);}

@media (min-width: 960px) {
	/* show posts module categories on hover */
	.t-entry-visual-cont .t-cat-over-topright {
		transform-origin: top right;
		transform: scale(0) !important;
		opacity: 0;
		transition: 0.2s;
	}
	.t-entry-visual-cont:hover .t-cat-over-topright {
		transform-origin: top right;
		transform: scale(1) !important;
		opacity: 1;
		transition: 0.1s;
	}
}

@media (max-width: 959px) {
	
	/* main nav */
	.menu-container .logo-container {padding: 27px 36px 27px 9px !important;}
	.mobile-menu-button {padding: 0 18px;}
	.mobile-additional-icons {right: 65px;}
	
	/* front page */
	.mobileFullWidth .single-wrapper {max-width: 66% !important;}
	.main-container .row-container .double-h-padding, 
	.block-wrapper-parent .row-container .double-h-padding, 
	.has-unblock .row-container .double-h-padding {padding-left: 9px!important;padding-right: 9px!important;}
	.double-block-padding {padding: 36px 18px 36px 18px!important;}
	
	/* archives */
	.main-container .row-container .row-parent, .block-wrapper-parent .row-container .row-parent, .has-unblock .row-container .row-parent {padding: 9px;}
	.single-block-padding {padding: 18px;}
	.grid-filters ul.menu-smart li:first-child span {padding-left: 0px !important;}
	.cssgrid-system .half-block-padding {padding: 9px;}
	.cssgrid-system .h4:not([class*="fontsize-"]) {font-size: 16px;}
	.cssgrid-system .tmb .t-entry-visual-cont .t-cat-over {display:none!important;}
	.cssgrid-system .cssgrid-half-gutter .cssgrid-container {column-gap: 9px;row-gap: 9px;}
	
	.cssgrid-system .btn:not(.btn-padding-x) {padding-left:9px!important;padding-right:9px!important;display:block;letter-spacing:0.1em!important;}
	.cssgrid-system .btn:not(.btn-padding-y) {padding-top:4px!important;padding-bottom:4px!important;}
	
	.main-container .row-container .row-parent, .block-wrapper-parent .row-container .row-parent, .has-unblock .row-container .row-parent {
        padding: 36px 9px;
    }
	
	.share-button.share-inline.share-bigger li {font-size: 1.2em;width: 30px !important;height: 30px !important;line-height: 30px !important;}
	
	/* change colors */
	.style-color-nhtu-bg {background-color: #1d2023;}
	
	/* change typography */
	.text-lead, .text-lead:not(ul):not(ol) > * {line-height: 1.2;}
	h3.h3 {font-size:20px!important;line-height:1.5;}
	footer .uncode-vc-social.icons-custom-size {--custom-size: 50px !important;margin-top: 18px !important;}
	footer ul.icons.text-lead li {font-size: 20px !important;margin-top: 0px !important;}
	
}

.menu-smart a span, .unmenu-block a span, .menu-smart .unmenu-title span, .unmenu-block .unmenu-title span {align-items:baseline;}

/* MAIN NAVIGATION BREAKPOINT CSS */
@media (min-width: 960px) and (max-width: 1500px) {
	#main-logo .navbar-brand {display: flex !important;align-items: center !important;}
	#main-logo .logo-image {display: flex !important;align-items: center !important;justify-content: flex-start;}
	#main-logo .logo-image img {display: block;margin-top: auto !important;margin-bottom: auto !important;}
	.logo-container .navbar-brand img {width: auto !important;height: auto !important;max-width: clamp(260px, 28vw, 420px) !important;max-height: 40px !important;}
	.logo-container.col-lg-0,.menu-container .logo-container {padding-right: 18px !important;padding-left: 24px !important;}
	.menu-container ul.menu-smart > li > a,.menu-container ul.menu-smart li.dropdown > a {letter-spacing: 0 !important;}
	.menu-smart i.fa-dropdown {padding-left: 4px !important;}
	body[class*="hmenu-"].menu-borders.navbar-nav + .navbar-nav-last > *:first-child {margin-left: 0 !important;}
}

@media (min-width: 1301px) and (max-width: 1500px) {
	.menu-container ul.menu-smart > li > a {padding-right: 10px !important;padding-left: 10px !important;font-size: 0.95em !important;}
	.menu-smart > li > a > div > div > div.btn {font-size: 1em !important;padding-right: 16px !important;padding-left: 16px !important;}
}

@media (min-width: 1151px) and (max-width: 1300px) {
	.logo-container .navbar-brand img {max-width: 26vw !important;}
	.logo-container.col-lg-0,
	.menu-container .logo-container {padding-right: 12px !important;padding-left: 18px !important;}
	.menu-container ul.menu-smart > li > a {padding-right: 8px !important;padding-left: 8px !important;font-size: 0.9em !important;}
	.menu-smart > li > a > div > div > div.btn {font-size: 1em !important;padding-right: 16px !important;padding-left: 16px !important;}
}

@media (min-width: 960px) and (max-width: 1150px) {
	.logo-container .navbar-brand img {max-width: 25vw !important;max-height: 36px !important;}
	.logo-container.col-lg-0,.menu-container .logo-container {padding-right: 8px !important;padding-left: 12px !important;}
	.menu-container ul.menu-smart > li > a {padding-right: 6px !important;padding-left: 6px !important;font-size: 0.84em !important;}
	.menu-smart > li > a > div > div > div.btn {font-size: 1em !important;padding-right: 12px !important;padding-left: 12px !important;}
}