/* True Customizer port — headings, body type, quotes, captions.
   Moved out of WP Customizer Additional CSS. Rules are unchanged. */

/* h3 class */
.h3css span {
	font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
}
@media (max-width: 959px) {
.h3css span {
	font-size: 24px;
  line-height: 32px;
}
}

/* Headings */

.font-weight-400, .font-weight-400 *:not(strong):not(b), .btn-custom-typo.font-weight-400 {
    font-weight: 300 !important;
}

.style-light h1.h1 {
font-family: "Larken", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 72px;
line-height: 80px;
}
.vc_custom_heading_wrap h1.h2 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300 !important;
	font-size: 48px !important;
	line-height: 56px !important;
	leading-trim: both;
	text-edge: cap;
	text-align: center;
	letter-spacing: -1px;
}
.vc_custom_heading_wrap h2.h2 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 40px !important;
	line-height: 120% !important;
	/* or 48px */
	letter-spacing: -0.01em;
}
.vc_custom_heading_wrap h2.h1 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 64px !important;
	line-height: 110% !important;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: -0.015em;
}
.vc_custom_heading_wrap h3.h2 {
font-family: 'Larken', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 56px;
line-height: 64px;
}
.vc_custom_heading_wrap h3.h3, .uncode_text_column h3 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	line-height: 48px;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: -0.01em;
}
.vc_custom_heading_wrap h3.h4 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px !important;
	line-height: 160% !important;
	leading-trim: both;
	text-edge: cap;
	text-align: center;
	text-transform: capitalize;
}
.service-items h4 {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 40px;
	line-height: 110%;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: -0.01em;
}

h4, .h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 24px 0 0;
}

p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
    line-height: 26px;
}

/* Headings Mobile */
@media only screen and (max-width:959px) { 
	.style-light h1.h1 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 40px;
		line-height: 48px;
		leading-trim: both;
		text-edge: cap;
		letter-spacing: -0.01em;
	}
	.vc_custom_heading_wrap h1.h2 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300 !important;
		font-size: 32px !important;
		line-height: 42px !important;
		leading-trim: both;
		text-edge: cap;
		text-align: center;
		letter-spacing: -1px;
	}	
	.vc_custom_heading_wrap h2.h1 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 40px !important;
		line-height: 48px !important;
		letter-spacing: -0.01em;	
	}	
	.vc_custom_heading_wrap h2.h2 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.vc_custom_heading_wrap h3.h2 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 40px;
		line-height: 48px;
		leading-trim: both;
		text-edge: cap;
		letter-spacing: -1px;
	}	
	.vc_custom_heading_wrap h3.h3, .uncode_text_column h3 {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 24px;
		line-height: 32px;
	}	
	.style-light h3.h4 {
		/* Headline/09 */
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 18px;
		line-height: 26px;
	}	
	p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
		font-family: 'Satoshi', sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}	
}


.sdg-skincancer-diagnosis.uncode_text_column ul {
	list-style: none;
	padding-left: 0px !important;
	margin-left: 0px !important;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;	
}

.sdg-skincancer-diagnosis.uncode_text_column li {
	padding-left: 0.5em;
	margin-bottom: 4px;;
	list-style: none;
}

.sdg-skincancer-diagnosis.uncode_text_column li::before {
    content: '';
    position: relative;
    left: -0.5em;
    top: 4px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url(https://truedermatdev.wpenginepowered.com/wp-content/uploads/2024/04/sdg-bullet-dark.svg);
    display: inline-block;
}

.home-services-item:hover .uncell {
	opacity: 0.5;
}

/* Quotes */

.owl-carousel-wrapper.textual-carousel.sgd-testimonials {
	margin-top:36px !important;
}
blockquote.pullquote > p:first-of-type:after, blockquote.pullquote .pullquote__content:after {
    content: none;
}
blockquote.pullquote > p:first-of-type:before, blockquote.pullquote .pullquote__content:before {
    content: none;
}
blockquote.pullquote {
	font-family: "larken", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 42px;
	leading-trim: both;
	text-edge: cap;
	text-align: center;
	letter-spacing: -0.5px;
}

@media only screen and (max-width:59.9375em) { 
	blockquote.pullquote {
		font-family: "larken", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 18px;
		line-height: 26px;
	}	
}

/* Captions */
figcaption {
	font-family: 'Satoshi', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	leading-trim: both;
	text-edge: cap;
	margin: 24px 0 0 0;
}
