/*
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
*/

h1,h2,h3,h4,h5,h6,a {
	font-feature-settings: 'palt';
}
.post-content p {
	letter-spacing: 0.05em;
}
.heading-text > p:not([class*="fontspace"]) {
	letter-spacing: 0.095em;
}


@media (min-width: 960px) {
	.logo-container .main-logo.logo-light > img {
		padding: 15px 0;
	}
}
.style-blurred-white-bg {
	background-color: rgba(255, 255, 255, 0.73);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

body, p, li, dt, dd, dl, address, label, pre, code, .nav-tabs .tab-excerpt {
	font-size: clamp(1.3rem, 2.5vw, 1.5rem);
}
h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) {
	font-size: clamp(1.6rem, 2vw, 2rem);
}

ruby[data-ruby] {
	position: relative;
	
	&::before {
		content: attr(data-ruby);
		position: absolute;
		line-height: 1;
		top: -0.6lh;
		left: 0;
		right: 0;
		margin: auto;
		font-size: max(0.5em, 8px);
	}
	& rt {
		display: none;
	}
}

html .uncode-single-media .tmb-bordered .t-entry-visual-tc {
	 padding: 0px;
}
.uncode-single-media-wrapper.img-thumbnail:not(.single-advanced) {
	border-width: unset;
	border-style: unset;
}

.tmb .t-entry p.t-entry-meta .t-entry-category {
  text-transform: unset;
}

.menu-primary-inner {
	display: flex;
	flex-flow: column nowrap;
	gap: 1em;
}

body:not(.home) .only-home {
	display: none;
	visibility: hidden;
}
@media (max-width: 959px) {
    .menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner, .menu-mobile-centered.menu-mobile-off-canvas .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell, .menu-mobile-centered.menu-mobile-off-canvas .overlay-menu .navbar-main .menu-sidebar-inner {
        vertical-align: middle;
    }
}
@media (max-width: 959px) {
    .font-size-mobile-centered-menu, body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner > li > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart.menu-primary-inner > li > a {
        font-size: min(14px, 3vh) !important;
    }
}


/* menu toggle */
.lines-button {
	@media(min-width:960px) {
		height: calc(60px + (32px * 2));
	}
	transition: 0.5s ease-in-out;
	
	& .lines {
		width: 36px;
		height: 0px;
		background: #0000 !important;
	
		&:before, &:after {
			width: 36px;
			transform-origin: 50% 50%;
		}
		.lines-button.close &:after {
			transform: rotate3d(0, 0, 1, 30deg);
		}
		.lines-button.close &:before {
			transform: rotate3d(0, 0, 1, -30deg);
		}
		& > span {
			display: none;
		}
	}
}

/* Sticky */
@media(min-width:960px) {
	#masthead {
		& > .menu-container {
			/*postsition: relative !important;*/
		
			& .mmb-container {
				position: fixed;
				top: 0;
				
				body.window-scrolled & .lines-button {
					height: calc(20px + (32px * 2));
				}
			}
		}
	}
}

#home-stickey-menu {
	& > .row {
		/*padding-top: 9px;*/
	}
	
	& .menu-smart {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		& li {
			margin-top: 0;
			& a {
				& span {
					font-family: "Outfit", sans-serif;
					font-weight: 600;
					letter-spacing: .15em;
				}
			}
		}
	}
	& .uncell {
		transition: box-shadow 0.5s linear;
		border-radius: 0 0 clamp(0.8rem,1.33333333vw,1.6rem) clamp(0.8rem,1.33333333vw,1.6rem);
	}
	&.is_stucked {
		top: 0px !important;
		
		& .uncell {
		/*box-shadow: 0px 5px 30px -6px #0003;*/
		}
	}
	.home-stickey-hidden {
		display: none;
		visibility: hidden;
	}
}






.home-top-news {
	
	& .t-inside {
		display: flex !important;
		flex-flow: row nowrap;
		justify-content: center;
		& > .t-entry-text {
			display: flex;
			align-items: center;
		}
	}
	& .tmb .t-entry-visual .pushed,
	& .tmb .t-entry-visual .t-entry-visual-cont > a {
		top: 18px;
		bottom: 18px;
		left: 18px;
		right: 18px;
	}
	& .t-entry-text > .t-entry-text-tc {
		padding-left: 0;
	}
	
	@media (max-width: 569px) {
		& .tmb-content-size-2:not(.tmb-linear).tmb-content-lateral.tmb > .t-inside > .t-entry-visual {
			width: 50% !important;
		}
	}
}

/* lity */
.lity {
	background: #fff;
	background: #0003;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	
	& .lity-container {
		@media(max-width: 959px) {
			max-width: calc(100vw - 40px) !important;
			margin: auto;
		}
	}
	
	& .lity-content{
		background: #fff;
		
		&:after {
			-webkit-box-shadow: unset;
			box-shadow: unset;
		}
	}
	
	&.lity-iframe {
		background: #fff;
		background: #0003;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		
		& .lity-iframe-container iframe {
			-webkit-box-shadow: unset;
			box-shadow: unset;
			background: #fff;
			border-radius: clamp(0.8rem,1.33333333vw,1.6rem);
		}
		& .lity-content:after {
			-webkit-box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.6);
			box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.6);
		}
	}
	
	.lity-close {
		background: #0007;
		border-radius: 50%;
		
		@media (min-width: 960px) {
			position: absolute;
			top: -17.5px;
			right: -17.5px;
		}
		@media (max-width: 959px) {
			background: #333;
			position: absolute;
			width: 30px;
			height: 30px;
			font-size: 30px;
			line-height: 1.05em;
			top: unset;
			bottom: -15px;
			right: -15px;
		}
	}
}



/* Portfolio */
.single-portfolio {
	& .menu-wrapper,
	& .overlay,
	& footer,
	& .footer-scroll-top {
		display: none !important;
		visibility: hidden;
	}
	
	& .shop-info {
		border-left: 1px solid #bbb;
		
		& li {
			display: flex;
			flex-flow: row nowrap;
			
			& span > span {
				display: block;
				font-size: .8em;
			}
			& > span:first-child {
				flex-basis: 6em;
				width: 6em;
			}
			& > span:last-child {
				flex-basis: calc(100% - 6em);
				width: calc(100% - 6em);
			}
			& a {
				display: block;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			& i {
				margin: 0;
			}
		}
	}
}


/* Spot */

.spot-link {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 1em;
	
	transform: translateY(5%);
	opacity: 0;
	transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
	
	.tmb-overlay-anim.tmb:hover & {
		transform: translateY(00%);
		opacity: 1;
		transition-delay: 200ms;
	}
	
	& a {
		width: 5rem;
		height: 5rem;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		background: #fff4;
		border-radius: 50%;
		transition: background 0.2s ease-in-out;
		
		&:hover {
			background: #fff7;
		}
		
		& i.fa {
			font-size: 2.5rem;
			font-weight: 700;
		}
	}
}
:not(.tmb-overlay-showed).tmb-overlay-anim.tmb .t-entry-visual:not(:has(.spot-link)):hover .t-entry-visual-overlay {
	opacity: 0;
}
:not(.tmb-overlay-showed).tmb-overlay-anim.tmb:hover .t-entry-visual:has(.spot-link) .t-entry-visual-overlay {
	opacity: 1;
}

:not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > *:not(hr):not(.spacer) {
	&.t-entry-cf-spot-overveiw {
		font-size: clamp(1.0rem,1.25vw,1.4rem);
		color: #303133;
		margin-top: .5em !important;
	}
	&.t-entry-cf-spot-address {
		font-size: clamp(1.0rem,1.25vw,1.4rem);
		margin-top: .25em !important;
	}
	&.t-entry-cf-shop-format {
		font-size: clamp(1.0rem,1.25vw,1.4rem);
		margin-top: .25em !important;
	}
}

/* CF7 */
.style-dark input, .style-dark textarea, .style-dark select, .style-dark .seldiv, .style-dark .select2-choice, .style-dark .select2-selection--single, .style-light .style-dark input, .style-light .style-dark textarea, .style-light .style-dark select, .style-light .style-dark .seldiv, .style-light .style-dark .select2-choice, .style-light .style-dark .select2-selection--single {
    background-color: #ffffff08 !important;
}

.form-line label small.outlined {
    color: var(--cf7-inverted);
    background: #0000;
    border: 1px solid var(--cf7-inverted);
}

.wpcf7 .btn.wpcf7-submit:not(:disabled):hover {
	color: #000 !important;
	background-color: #fff !important;
	border-color: #fff !important;
}