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

:root {
	--color-accent: #cddd71;
	--color-charcoal: #2c2e2a;
	--color-yellow: #ffeb3b;
	--color-grey: #d4d2d8;
}
.uncode-progressive-blur {transition: transform 0.5s ease-in-out}
.menu-wrapper:has(#masthead>.menu-hided) ~ .uncode-progressive-blur {transform: translate3d(0px, -100%, 0px);}

@media (min-width: 1200px) {
	.row-menu {
		max-width: calc(85% - 72px);
	}
}

@media (min-width: 960px) {
	.row-menu {
		width: calc(100% - 72px);
		margin: 27px auto 0;
		border-radius: clamp(0.8rem,1.33333333vw,1.6rem);
		transition: transform 0.5s ease-in-out, background-color 0.4s ease-in-out,backdrop-filter 0.4s cubic-bezier(0.35, 0.81, 0.41, 1);
	}
	
	body:not(.menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover))[class*=hmenu-] .menu-primary .menu-container {
		box-shadow: none !important;
		background-color: #0000;
		
		& .row-menu {
			box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
			background: #fff;
		}
		
		&.menu-hided .row-menu {
			transform: translate3d(0px, -100%, 0px);
		}
	}
	
}

@media (max-width: 959px) {
	body:not(.menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover)) .menu-primary:not(.menu-mobile-transparent) .menu-container {
		box-shadow: none !important;
		background-color: #0000;
	}
	.row-menu {
		width: calc(100% - 36px);
		margin: 27px auto 0;
		border-radius: clamp(0.8rem,1.33333333vw,1.6rem);
		transition: transform 0.5s ease-in-out, background-color 0.4s ease-in-out,backdrop-filter 0.4s cubic-bezier(0.35, 0.81, 0.41, 1);
		box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
		background: #fff;
	}
	.menu-hided .row-menu {
		transform: translate3d(0px, -100%, 0px);
	}
	
	.main-menu-container {
		border-radius: clamp(0.8rem,1.33333333vw,1.6rem);
	}
	
}

/* General */
p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt, .menu-smart .block-wrapper-parent p, .menu-smart .block-wrapper-parent li, .menu-smart .block-wrapper-parent dt, .menu-smart .block-wrapper-parent dd, .menu-smart .block-wrapper-parent dl, .menu-smart .block-wrapper-parent address, .menu-smart .block-wrapper-parent label, .menu-smart .block-wrapper-parent small, .menu-smart .block-wrapper-parent pre, .menu-smart .block-wrapper-parent code, .menu-smart .block-wrapper-parent span.tab-excerpt {
    line-height: 2.0;
}

.uncode_text_column > * {
	margin-top: var(--h_gap);
}

.tmb-meta-size-large.tmb .t-entry p.t-entry-meta span, .tmb-meta-size-large.tmb .t-entry p.t-entry-comments, .tmb-meta-size-large.tmb .t-entry p.t-entry-author span.tmb-username-wrap {
	font-size: clamp(1.8rem,1.875vw,2.25rem);
}
.tmb a.tmb-term-evidence, .uncode-info-box a.tmb-term-evidence, .tmb span.tmb-term-evidence, .uncode-info-box span.tmb-term-evidence, .tmb a.bordered-cat, .uncode-info-box a.bordered-cat, .tmb span.bordered-cat, .uncode-info-box span.bordered-cat {
	font-size: clamp(1.2rem,1.25vw,1.5rem) !important;
	border-radius: 10rem;
	padding: .25em 1em;
	background: #fff;
}
.tmb-color-colored-ui, .tmb .t-cat-over a.bordered-cat, .tmb .t-cat-over span.bordered-cat, .tmb a.tmb-term-evidence:not(.bordered-cat), .uncode-info-box a.tmb-term-evidence:not(.bordered-cat), .tmb span.tmb-term-evidence:not(.bordered-cat), .uncode-info-box span.tmb-term-evidence:not(.bordered-cat), .t-cat-over .tmb a.bordered-cat, .t-cat-over .uncode-info-box a.bordered-cat, .t-cat-over .tmb span.bordered-cat, .t-cat-over .uncode-info-box span.bordered-cat {
	color: var(--color-charcoal) !important;
}
.img-round-lg.tmb-round.tmb > .t-inside .t-entry-visual-cont,
.img-round-lg.tmb-round.tmb > .t-inside .t-entry-visual-cont img {
    border-radius: clamp(1.2rem, 2vw, 2.4rem);
}
.img-round-xl.tmb-round.tmb > .t-inside .t-entry-visual-cont,
.img-round-xl.tmb-round.tmb > .t-inside .t-entry-visual-cont img {
    border-radius: clamp(1.6rem,2.66666667vw,3.2rem);
}

.tmb-light.tmb-color-hr, .tmb-light.el-text hr.separator-reduced, .tmb-light.tmb .t-entry-visual hr, .tmb-light.tmb .t-entry-text hr, .tmb-light.tmb-table-border.tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-between:not(:last-child).tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-below.tmb.tmb-table .t-inside, .tmb-light.tmb-table-border-both:first-child.tmb.tmb-table .t-inside, .tmb-light.tmb.tmb-table .uncode-post-table-column hr {
	border-color: var(--color-grey);
}

.btn-text-dark {color: var(--color-charcoal) !important; fill: var(--color-charcoal) !important}

.header-dynamic-media .uncode-single-media:has(.uncode-missing-media) {display: none;}
.uncode-info-box .category-info a {
	padding: .25em 1em;
	background: #fff;
	border-radius: 10em;
}

.form-line input:not([type="checkbox"]), .form-line textarea, .form-line select, .form-line .seldiv, .form-line .select2-choice, .form-line .select2-selection--single {border-radius: 10px;}

/* Home */
@media (max-width: 569px) {
	#header-tagline {
		position: absolute;
		top: 0;
		bottom: 0;
	}
}

.t-entry-cf-amigo-location {
	display: inline-block;
}
.t-entry-cf-amigo-state {
	display: inline-block;
	width: auto !important;
	&:before {content: "（";}
	&:after {content: "）";}
}

/* Amigos */
.amigo-info a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(66.66666667vw - 60px);
	display: block;
	text-decoration: underline;
	text-decoration-color: var(--color-accent);
	text-underline-offset: 3px;
	
	& @media(min-width: 960px) {
		width: calc(25vw - 126px);
	}
}


/* lity */

.lity {background: rgba(0, 0, 0, 0.7);}
.lity-iframe-container iframe {background: #ffffff;}

/* Unmask */
.unmask-tacos-0.uncode-single-media[class*=unmask-] .uncode-single-media-wrapper {-webkit-mask-image: url(svg/tacos-0.svg);}
.unmask-tacos-1.uncode-single-media[class*=unmask-] .uncode-single-media-wrapper {-webkit-mask-image: url(svg/tacos-1.svg);}

.unmask-row-tacos-1>.uncol>.uncoltable>.uncell>.column-background {
	-webkit-mask-image: url(svg/tacos-1.svg);
	mask-size: contain;
	mask-position: center center;
	aspect-ratio: 1 / 1;
}

/* Misc */
.marker-green {background: linear-gradient(transparent 60%, var(--color-accent) 0%); display: inline; padding: 0 1px 0px;}
.marker-yellow {background: linear-gradient(transparent 60%, var(--color-yellow) 0%); display: inline; padding: 0 1px 0px;}

.no-radius-top {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
.no-radius-bottom {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}