/*
Theme Name:     Trillium
Theme URI:      https://www.sightseedesign.com/trillium/
Template:       kadence
Author:         Sightsee Design
Author URI:     https://www.sightseedesign.com/
Description:    Trillium is a magazine style theme designed to display your work in a timeless way, while helping you optimize your SEO.
Version:        1.05
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
:root {
  --global-kb-font-size-sm: var(--step-0);
  --global-kb-font-size-md: var(--step-1);
  --global-kb-font-size-lg: var(--step-2);
  --global-kb-font-size-xl: var(--step-3);
  --global-kb-font-size-xxl: var(--step-4);
  --global-kb-font-size-xxxl: var(--step-5);
}


:root {
  --step--2: clamp(0.48rem, 0.4543rem + 0.0381vi, 0.5rem);
  --step--1: clamp(0.6rem, 0.4071rem + 0.2857vi, 0.75rem);
  --step-0: clamp(0.75rem, 0.2679rem + 0.7143vi, 1.125rem);
  --step-1: clamp(0.9375rem, -0.0268rem + 1.4286vi, 1.6875rem);
  --step-2: clamp(1.1719rem, -0.5759rem + 2.5893vi, 2.5313rem);
  --step-3: clamp(1.4648rem, -1.5335rem + 4.442vi, 3.7969rem);
  --step-4: clamp(1.8311rem, -3.1373rem + 7.3605vi, 5.6953rem);
  --step-5: clamp(2.2888rem, -5.7522rem + 11.9127vi, 8.543rem);
}


/* Mobile */
.footer-widget1 {
	margin-left: 1em;
}

/* Tablet */
@media (min-width:600px) {
.footer-widget1 {
	margin-left: 6em;
	}
}	

/* Desktop */
@media (min-width:900px) {.footer-widget1 {
	margin-left: 8em;
	}
}

/* Mobile */
.footer-widget2 {
	margin-left: 1em;
}

/* Tablet */
@media (min-width:600px) {
.footer-widget2 {
	margin-left: 6em;
	}
}	

/* Desktop */
@media (min-width:900px) {
.footer-widget2 {
	margin-left: 8em;
	}
}	


/* Desktop */
@media (min-width:900px) {
.category-resources {
	padding: 3em;
	}
}

/* related posts titles */
.entry-related.alignfull.entry-related-style-wide a {
	color:#181c26;
	font-size: 1.3em;
	font-style: normal;
	text-transform: uppercase;
}

/* blog post prev next navigation mobile */
.nav-previous {
	margin-left: 1em;
}

/* blog post prev next navigation tablet/desktop*/
@media (min-width:600px) {
.nav-previous {
	margin-left: 3em;
	}
}

/* blog post prev next navigation mobile */
.nav-next {
	margin-right: 1em;
}

/* blog post prev next navigation tablet/desktop*/
@media (min-width:600px) {
.nav-next {
	margin-right: 3em;
	}
}

/* related blog posts spacing tablet/desktop */
@media (min-width:900px) {
	.entry-related.alignfull.entry-related-style-wide > div > div {
		margin: 4em;
	}
}

/* blog post title entry */
.entry-header {
	margin-left: 1em;
}

/*related blog posts equal height*/

.entry-related article.entry {
    height: 100%;
}