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


/* Tests */
.page .uncell.single-block-padding {
	border-radius: 6px;
x	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.page .single-block-padding {
	padding: 22px 27px;
	outline: 0px dashed orange;
}

h1, h2, h3, h4, h5, h6, p {
	cursor: default;
}

.page p {
	line-height: 155%;
} 



/* --- Testimonial --- */

/* used variables */
:root {
	/* Colors */
	--brandorange: #f3941a;
	--brandorange-dark: #db7013;
	--brandorange-mid: #ed8e15;
	--brandorange-hover: #db7013;
	--brandorange-dark-hover: #c45b10;
	
	--brandblue: #257db8;
	--brandblue-dark: #165782;
	--brandblue-light: #c9e2f2;
	--brandblue-light2: #e5eef4;
	
	--grey00: #ffffff;
	--grey01: #fafbfc;
	--grey02: #f7f8f9;
	--grey05: #f2f2f2;
	--grey10: #e6e6e6;
	--grey20: #cacbcc;
	--grey30: #b1b2b3;
	--grey40: #969899;
	--grey50: #7d7e80;
	--grey60: #636466;
	--grey70: #494b4d;
	--grey80: #2f3233;
	--grey90: #17181a;
	--grey99: #000000;
	
	--greybluedark50: #525F6A;
	--greybluedark75: #27353F;
	
	--dev-todo: #e81595;
	
	/* Spaces */
	--space-full: 36px;
	--space-half: 18px;
	--space-quart: 9px;
	
	/* Radiuses */
	--radius-base: 18px;
	--radius-xxl: 100px;
	--radius-lg: 36px;
	--radius-md: 18px;
	--radius-sm: 9px;
	--radius-xs: 4px;
	
	/* Typography */
	/* Test */
	
	--dev-basesize: 1.0rem; /* Theme: 16px */
	--dev-type-m: 1.288;	/* h1 = 44px */
	
	--dev-lineheight: 1.375; /* Fira Copy */
	--dev-lineheight-headline: 1.227; /* Fira Headlines */
	--dev-lineheight-headline-uppercase: 1.173; /* Fira HEADLINES */
	
	--dev-typescale-h1-d2: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * 0.91);
	--dev-typescale-h1-d1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	/* --dev-typescale-h1-d1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * ( (var(--dev-type-m) - 1) / 2 + 1 )   ); */
	
	--dev-typescale-h1: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h2: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h3: calc(var(--dev-basesize) * var(--dev-type-m) * var(--dev-type-m));
	--dev-typescale-h4: calc(var(--dev-basesize) * var(--dev-type-m));
	--dev-typescale-h5: calc(var(--dev-basesize) * 1.0);
	--dev-typescale-h6: calc(var(--dev-basesize) * 1.0);
	--dev-typescale-p-large: calc(var(--dev-basesize) * 1.125); /* 16px -> 18px */
	--dev-typescale-p-small: calc(var(--dev-basesize) * 0.875); /* 16px -> 14px */
	
	--dev-typescale-h1-d2-subline: calc(var(--dev-basesize) * 1.262 * var(--dev-type-m)); /* 26px, 1.625 */
	--dev-typescale-h1-d1-subline: calc(var(--dev-basesize) * 1.165 * var(--dev-type-m)); /* 24px, 1.5 */
}



/* blockquote basic definition*/
blockquote p::before {
	display: inline-block;
	padding-right: 0.25em;
	content: open-quote;
	color: var(--brandorange-dark);
	
}
blockquote p::after {
	display: inline-block;
	padding-left: 0.25em;
	content: close-quote;
	color: var(--brandorange-dark);
}
blockquote {
	quotes: "»" "«" "›" "‹";
	margin: 18px 0;
	padding-left: 0;
	border: none;
}
blockquote p {
	font-size: var(--dev-typescale-h5) !important;
	font-weight: 400;
	font-style: italic;
}


/* quote container */

.dzm--quote-single {
	--quote-logo-size: 108px;
	
	background: var(--brandblue-light2);
	border-radius: var(--radius-base);
	padding: 36px;
	min-height: calc(36px + var(--quote-logo-size) + 36px);
	outline: 0px red solid;
}

.dzm--quote-single.dzm--quote-haslogo {
	padding: 36px 36px 36px calc(36px + var(--quote-logo-size) + 36px);
}

.dzm--quote-single .dzm--quote-logo {
	position: absolute;
	top: 36px;
	left: 36px;
	width: var(--quote-logo-size);
	height: var(--quote-logo-size);
	outline: 0px dashed red;
}
.dzm--quote-single .dzm--quote-logo img {
	max-width: 100%;
}

.dzm--quote-single blockquote {
	margin: 0;
	padding: 0;
	outline: 0px dashed red;
}
.dzm--quote-single blockquote p::before {
	content: "»";
	width: auto;
	padding-right: 0;
	margin-right: 0;
}
.dzm--quote-single blockquote p::after {
	display: none;
}

	
.dzm--quote-single blockquote p {
	font-size: var(--dev-typescale-h3) !important;
	font-weight: 400;
	font-variant: italic;
	hyphens: none;
	outline: 0px dotted red;
}


.dzm--quote-single blockquote p.dzm--quote-additional {
	margin: 0;
	padding: 0;
	padding-top: 9px;
	font-size: var(--dev-basesize) !important;
	font-weight: 400;
	font-variant: italic;
	hyphens: none;
	outline: 0px dashed blue;
}

.dzm--quote-single cite {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 18px;
	font-size: var(--dev-basesize);
	font-weight: 500;
	font-style: italic;
	hyphens: none;
	outline: 0px dashed red;	
}

.dzm--quote-single cite a {
	
}
.dzm--quote-single cite a::after {
	content: "  [+Icon >]";
	opacity: 0.5;
	font-weight: 400;
}