/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.smaller {font-size:90%; line-height:normal;}

:root {
	--site-subtitle-color: #ffffff;
	--site-subtitle-size: 0.9rem;
	--site-subtitle-letter-spacing: 0.02em;
	--site-subtitle-margin-top: 4px;

	/* Fluid type scale for headings and body */
	--step--1: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
	--step-0: clamp(1.1rem, 1rem + 0.6vw, 1.4rem);
	--step-1: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
	--step-2: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
	--step-3: clamp(1.9rem, 1.45rem + 1.8vw, 2.8rem);
	--step-4: clamp(2.3rem, 1.7rem + 2.4vw, 3.4rem);
	--step-5: clamp(2.8rem, 2rem + 3.2vw, 4.2rem);
}

body {
	font-size: var(--step-0);
}

h1 {
	font-size: var(--step-5);
}

h2 {
	font-size: var(--step-4);
}

h3 {
	font-size: var(--step-3);
}

h4 {
	font-size: var(--step-2);
}

h5 {
	font-size: var(--step-1);
}

h6 {
	font-size: var(--step-0);
}

@media (max-width: 768px) {
	:root {
		--step--1: clamp(0.88rem, 0.84rem + 0.15vw, 0.98rem);
		--step-0: clamp(0.98rem, 0.9rem + 0.35vw, 1.15rem);
		--step-1: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
		--step-2: clamp(1.35rem, 1.12rem + 0.9vw, 1.85rem);
		--step-3: clamp(1.6rem, 1.28rem + 1.3vw, 2.3rem);
		--step-4: clamp(1.95rem, 1.5rem + 1.8vw, 2.8rem);
		--step-5: clamp(2.3rem, 1.7rem + 2.4vw, 3.2rem);
	}

	body {
		font-size: clamp(1.15rem, 1.06rem + 0.5vw, 1.34rem);
	}

	p,
	li {
		font-size: inherit;
	}

	h1 {
		font-size: var(--step-5) !important;
	}

	h2 {
		font-size: var(--step-4) !important;
	}

	h3 {
		font-size: var(--step-3) !important;
	}

	h4 {
		font-size: var(--step-2) !important;
	}

	h5 {
		font-size: var(--step-1) !important;
	}

	h6 {
		font-size: var(--step-0) !important;
	}
}

#logo {
	visibility: hidden;
}

#logo .site-subtitle {
	visibility: hidden;
}

#header-outer:not(.transparent) #logo .site-subtitle {
	color: #2a2a2a;
}

#header-outer.transparent #top #logo, #header-outer.transparent #top .logo-clone, #header-outer.transparent #top #logo:hover {
    text-align: center;
}

@media (max-width: 1000px) {
	#header-outer #top .span_3 {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	#header-outer #top .span_3 #logo {
		max-width: calc(100% - 64px);
		margin: 10px;
		white-space: normal;
	}

	#logo .site-subtitle {
		display: none;
	}

}