/*
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 {
	--accent-blue: #00a7eb;
	--deep-blue: #15478c;
}

/* Sizes */
.tmb .t-entry p.t-entry-meta {
	line-height: 1;
}
.tmb .t-entry p.t-entry-meta span.t-entry-date {
	font-size: clamp(2rem,2.5vw,3rem);
	letter-spacing: 0.15em;
}
.tmb .t-entry p.t-entry-meta span.t-entry-date {
	
}


/* Navigation */

.mobile-menu-button.menu-button-overlay {
	flex-flow: column-reverse nowrap;
	justify-content: center;
	gap: 26px;
}
.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after,
.lines-button .lines > span {
  height: 3px;
  width: 26px;
}
.lines-button .lines:before,
.lines-button .lines:after,
.lines-button .lines > span {
  transform-origin: 13px center;
}
.lines-button .lines:before {
  top: 10px;
}
.lines-button .lines:after {
  top: -10px;
}


@media (min-width: 960px) {
	body.menu-overlay:not(.menu-overlay-left) #masthead .row-offcanvas .row-menu-inner .main-menu-container {
		display: flex;
		position: absolute;
		left: 0;
	}
	
	.menu-icon.fa-phone:before {
		display: block;
		position: relative;
		transform: scale(130%) translateY(0.1em) rotate(15deg);
	}
	
	body:not(.menu-force-opacity):not(.navbar-hover) .style-dark-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .mobile-menu-button-light .burger-label {
		color: #fff;
	}
	.font-size-menu, .menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link), .menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn), .menu-smart > li > a > div > div > div.btn, .burger-label, #masthead .overlay .overlay-search-wrapper .search-container {
		font-size: clamp(1.6rem,2vw,2.4rem);
	}
	
	.overlay.overlay-sequential .menu-sidebar-inner .menu-smart > li {
		margin-block: 9px;
	}
	
	/* Extra Menu */
	.menu-overlay .vmenu-container .menu-sidebar-inner {
		margin: 0 auto;
		display: flex;
		flex-flow: row-reverse nowrap;
		justify-content: center;
		align-items: center;
		gap: 72px;
		
		& > * {
			/*flex-basis: 100%;*/
			padding-top: 0;
		}
	}
	.uncode-menu-additional-text > .mobile-hidden.tablet-hidden {
		display: flex;
		flex-flow: column nowrap;
		gap: 18px;
		
		& > .extra-menu-image{
			margin: auto 30%;
		}
		& > .extra-menu-text {
			text-align: center;
			font-size: 1.4rem;
			line-height: 1.8;
			padding-bottom: 18px;
		}
		& > .extra-menu-content {
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			justify-content: center;
			gap: 0 18px;
			& > * {
				margin: 0;
			}
		}
		
	}
	
	html.menu-overlay-open {
		& .menu-wrapper #logo-container-mobile,
		& .menu-wrapper .main-menu-container {
			opacity: 1;
			transform: translateY(0%);
			transition: opacity 0.5s 0s, transform .5s 0s !important;
		}
		&.overlay-open .menu-wrapper #logo-container-mobile,
		&.overlay-open .menu-wrapper .main-menu-container {
			opacity: 1;
			transform: translateY(-200%);
			transition: opacity 0.5s 0.5s, transform 0.5s 1s !important;
		}
	}
	
	.menu-parent-off-canvas {
		& .row-offcanvas {
			transform: translateY(0);
			transition: transform .5s 0s !important;
			
			& .mmb-container {
				transform: translateY(0);
				transition: transform .5s;
			}
		}
		
		
		&.is_stuck .row-offcanvas {
			transform: translateY(-200px);
			transition: transform 1s 0s !important;
			
			& .mmb-container {
				transform: translateY(200px);
				transition: transform 1s;
			}
		}
	}
	
	ul.menu-smart.menu-horizontal {
		padding: 0;
		margin-left: -14px;
		
		& > li > a {
			padding: 0 0.5em;
		}
	}
}
@media (max-width: 959px) {
	body:not(.menu-force-opacity):not(.navbar-hover) .style-dark-override:not(.is_stuck:not(.menu-mobile-transparent)):not(.is_mobile_open).menu-transparent .mobile-menu-button-light .burger-label {
		color: #fff;
	}
	
	body[class*=hmenu] .horizontal-menu-all div:not(.menu-accordion) > ul.menu-smart > li:not(.social-icon), .main-wrapper .horizontal-menu-all ul.menu-smart.menu-horizontal > li:not(.social-icon), .horizontal-menu-all .navbar-cta ul.menu-smart > li:not(.social-icon) {
		display: inline-flex;
		
		& a {
			padding: .25em .5em;
		}
	}
}

.burger-label {
	font-size: 1.2rem;
}


/* Home */

.row[data-height-ratio="full"] > .wpb_row > .pos-bottom > .uncol > .uncoltable > .uncell > .uncont {
	display: flex;
	flex-flow: column;
	justify-content: end;
}

/* Case */

.post-type-archive-portfolio {
	& .data-fields {
		gap: 5px;
		
		& .data-field {
			& .data-field-content {
				& .data-field-value {
					color: var(--accent-blue);
					border: 1px solid var(--accent-blue);
					line-height: 1;
					padding: 0.05em .25em 0em;
					border-radius: 0.3em;
					font-size: 1.3rem;
				}
			}
		}
	}
	
	@media (max-width: 959px) {
		& .grid-filters {display: none;}
	}
}

.single-portfolio {
	& .data-fields {
		gap: 24px;
	}
}

/* flex list */
.flex-list {
	display: flex;
	flex-flow: column nowrap;
	gap: .75em;
	margin: 0;
	
	& dt, & dd {
		color: var(--deep-blue) !important;
		margin: 0;
		font-weight: 400;
		
		& ul {
			margin-top: 0;
		}
	}
	@media (max-width: 569px) {
		& dt {
			padding-top: 1.5em;
			font-weight: 500;
		}
	}
	
	
	@media (min-width: 570px) {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		gap: 36px;
		
		& dt {
			flex-basis: 6em;
			font-weight: 500;
			
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		& dd {
			flex-basis: calc(100% - 6em - 72px);
		}
	}
}

.flex-list-group {
	display: flex;
	flex-flow: column nowrap;
	gap: 36px;
}

.flex-list-group--warranty {
	& .flex-list {
		background: #fff;
		border-radius: clamp(0.8rem, 1.33333333vw, 1.6rem);
		padding: 36px;
		
		@media (max-width: 569px) {
			& dt:first-child {
				padding-top: 0;
			}
		}
	}
}



/* Misc */
html.no-touch a[href^="tel:"] {pointer-events: none;}
.widget_lc_taxonomy .widget-title {display: none;}
.btn-flat {border: none; outline: none;}
.btn-color-207630.btn-flat:not(.btn-hover-nobg):hover, .btn-color-207630.btn-flat:not(.btn-hover-nobg):focus, .btn-color-207630.btn-flat:active {
	background: linear-gradient(to right, rgba(255, 214, 0, 0.9), rgba(255, 122, 0, 0.9) 19%, rgba(255, 0, 105, 0.9) 51%, rgba(211, 0, 197, 0.9) 81%, rgba(118, 56, 250, 0.9) 100%);
}
.hover-blue a:hover {color: var(--deep-blue) !important;}
.textwrap-balanced {text-wrap-style: balance;}
.heading-text .fa-phone {vertical-align: middle;}