:root {
	/*--colorAccent1: #ed3113;*/
	--colorAccent: rgb(91.95% 0% 5.68%);
	--colorAccent2: #fefefe;
	--colorBackLight: #fffdf7;
	--colorTextLight: #000;
	--colorBlack: #000;
	--colorWhite: #fff;
	--inUseColor: #ded7ce;
	--inUseColorText: #908c85;
	--gridColumnMainParent: repeat(12, minmax(0, 1fr));
	--gridColumnSecondParent: repeat(11, minmax(0, 1fr));
	--gridColumnThirdParent: repeat(9, minmax(0, 1fr));
	--gridColumnMainChild: 1/13;
	--gridColMainCol1: 1/3;
	--gridColMainCol1-2: 1/4;
	--gridColMainCol2EULA: 3/12;
	--gridColpEULA: 3/9;
	--gridColMainCol2Narrow: 4/10;
	--gridColMainCol2: 4/11;
	--gridColMainCol2Wide: 4/13;
	--gridColMainColWideMainChild: 1/8;
	--gridGap0: 0;
	--gridGap1: 0.8vw;
	--gridGap2: 2.4vw;
	--gridGap2Neg: -2.4vw;
	--leading1: 1.57rem;
	--leading2: 1.25rem;
	--leading3: 1.45rem;
	--leading4: 2.2rem;
	--fontTextLeading: 1.79rem;
	--fontTextSize: 1.2rem;
	--fontSizeSmall: 0.75rem;
	--fontSize1: 0.85rem;
	--fontSize2: 1rem;
	--fontSize3: 1.5rem;
	--fontSize4: 2.2rem;
	--fontSize5: 4rem;
	--fontSizeSelect: 3.5rem;
	--cartWidth1: calc(27vw - (var(--gridGap1) * 2));
	--fontText: OculiText;
	--fontNav: Transducer;
	--fontSans: Parabolica;
	--fontSansReg: 'wght' 400, 'opsz' 10;
	--fontSansBld: 'wght' 700, 'opsz' 10;
	--fontExtReg: 'wght' 400, 'wdth' 200;
	--fontExtHL: 'wght' 100, 'wdth' 200;
	--fontExtMed: 'wght' 500, 'wdth' 200;
	--fontExtBld: 'wght' 700, 'wdth' 200;
}

@media (prefers-color-scheme: dark) {
	:root:not(.light):not(.dark) {
		--colorAccent2: #fefefe;
		--colorBackLight: #161616;
		--colorTextLight: #fffdf7;
		--inUseColor: #2d2b2a;
		--inUseColorText: #beb7af;
		--primary_text_color: #fffdf7;
		--primary_background_color: #2d2b2a;
		--secondary_background_color: #21201f;
		--button_background_color: #2d2b2a;
		--button_hover_background_color: rgb(91.95% 0% 5.68%);
		--button_hover_border_color: rgb(91.95% 0% 5.68%);
		--button_selected_border_color: rgb(91.95% 0% 5.68%);
		--button_selected_background_color: rgb(91.95% 0% 5.68%);
		--button_selected_text_color: #fffdf7;
	}
}

@supports (color: color(display-p3 1 1 1)) {
	:root {
		--colorAccent1: color(display-p3 0.8867 0 0.0899);
		--button_hover_background_color: color(display-p3 0.8867 0 0.0899);
		--button_hover_border_color: color(display-p3 0.8867 0 0.0899);
		--button_selected_border_color: color(display-p3 0.8867 0 0.0899);
		--button_selected_background_color: color(display-p3 0.8867 0 0.0899);
	}
	#desktop:hover, #trial:hover, #apps:hover, aside li.active, input[type="submit"]:hover, .storelink:hover, .fsb-close:hover, li .buy-button:hover, .fontButtons:hover, .otButtons:hover {
		color: var(--colorAccent1);
		cursor: pointer;
	}
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h5, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, tt, var, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
	color: var(--colorTextLight);
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
}
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html, body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-font-feature-settings: "kern=1";
	-ms-font-feature-settings: "kern" 1;
	font-family: var(--fontText);
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	hanging-punctuation: first last;
}
body {
	background-color: var(--colorBackLight);
}
article, aside, details, figcaption, figure, form, hgroup, nav, section, main {
	display: block;
}
p, h3, h4, h5, h6, #OpenType div div.off, #OpenType div div.on {
  overflow-wrap: break-word;
}
p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
img {
	width: 100%;
	border: 0;
}
a {
	text-decoration: none; color: var(--colorTextLight);
}
input, textarea, .typeTester__text {
	hanging-punctuation: none;
}
input[type="checkbox"], input[type="radio"], input[type="checkbox"]:checked, button {
	cursor: pointer;
	outline: none;
	border: 0;
	border-radius: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	margin: 0;
}
input:focus, button {
	outline: 0;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
}
#desktop:hover, #trial:hover, #apps:hover, aside li.active, input[type="submit"]:hover, .storelink:hover, .fsb-close:hover, li .buy-button:hover {
	color: var(--colorAccent1);
	cursor: pointer;
}
ul {
	list-style: none;
}
/**********TYPE**********/
.lnum {
	-moz-font-feature-settings:"lnum" 1;
	-moz-font-feature-settings:"lnum=1";
	-ms-font-feature-settings:"lnum" 1;
	-o-font-feature-settings:"lnum" 1;
	-webkit-font-feature-settings:"lnum" 1;
	font-feature-settings:"lnum" 1;
}
h1 {
	font-family: Parabolica;
	font-size: 7.56vw;
	grid-column: 1/13;
	line-height: 8vw;
	grid-row: 1/2;
	width: auto;
	margin-top: 69px;
	border-top: 1px solid var(--colorTextLight);
	align-self: start;
}
.article__header_infoPage__h1 {
	font-size: 12.56vw;
	line-height: 11vw;
	font-variation-settings: 'wght' 900, 'opsz' 50;
	letter-spacing: -0.2vw;
}
h2 {
	grid-column: var(--gridColumnMainChild);
	font-family: elfreth;
	font-weight: 600;
	line-height: 3.2rem;
	font-size: var(--fontSize5);
}
.article__section__h2_aboutType {
	margin: 0 0 2.3rem;
}
h3, .character-viewer__monitor__title {
	grid-column: var(--gridColMainCol1-2);
	margin: -0.7rem 0 0;
	font-family: Elfreth;
	font-weight: 100;
	font-size: var(--fontSize4);
	line-height: var(--fontSize4);
}
.typeTester__SelectedFontName {
	margin: 0 0 0.3rem;
	font-family: var(--fontSans);
	font-size: var(--fontSize2);
	font-style: normal;
	font-variation-settings: 'wght' 500, 'opsz' 10;
	text-transform: uppercase;
}
section#DesignNotes h3, section#InUse h3 {
	margin: 0 0 0;
}
h4 {		
	grid-column: var(--gridColMainCol2Wide);
	text-transform: uppercase;
	font-family: Parabolica;
	font-variation-settings: 'wght' 900, 'opsz' 50;
	font-size: var(--fontSize4);
	line-height: calc(var(--fontSize4) - 0.2rem);
	margin: 0 0 0.9em;
}

input {
	font-weight: 400;
}
h5 {
	margin: var(--leading4) 0 0.2rem;
	grid-column: var(--gridColMainCol2Narrow);
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansBld);
	font-size: var(--fontSize3);
	line-height: var(--fontTextLeading);
	align-self: end; 
}
h5:first-of-type {
	margin: 0 0;
}
.eulaFocus h5 {
	grid-column: var(--gridColpEULA);
}
.eulaFocus h5:first-of-type {
	margin: var(--leading1) 0 0;
}
h6 {
	margin: 0;
	grid-column: var(--gridColMainCol1);
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansBld);
	font-size: var(--fontSize2);
	line-height: var(--leading3);
	align-self: start;
	text-align: right;
}
p {
	font-weight: 400;
	font-feature-settings: "onum";
	font-size: var(--fontTextSize);
	line-height: var(--fontTextLeading);
}
section p a {
	font-style: italic;
	position: relative;
	z-index: 9;
	color: var(--colorTextLight);
}
.smcp {
	-moz-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
}
/**********END TYPE*************/
.pos-absolute-transition{
	position: absolute;
}
.hide {
	display: none;
}
main {
	position: relative;
	min-height: 70vh;
	z-index: 4;
	background-color: var(--colorBackLight);
	margin: 0 var(--gridGap2);
}
/**********STORE**************/
.store-modal__container__container * {
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansReg);
}
.store-modal__family__bundle-button[data-selected=true]:not(:disabled) span, .store-modal__family__family-button[data-selected=true]:not(:disabled) span, .store-modal__family__style-button[data-selected=true]:not(:disabled) span {
	color: var(--colorWhite);
}
.store-modal__license-selection__license-button[data-selected=true]:not(:disabled) span, .store-modal__license-selection__license-button[data-selected=true]:not(:disabled) label {
	color: var(--colorWhite);
}
.store-modal__license-selection__license {
	display: block;
}
.store-modal__container__body h3, h2.store-modal__review__heading {
	font-variation-settings: 'wght' 700, 'opsz' 50, 'slnt' 0;
	font-size: clamp(var(--fontSize2), -1px + 2vw, var(--fontSize4));
	line-height: clamp(var(--fontSize2), -1px + 2vw, 30px);
	margin: 0 0 30px;
}
form .text-field__input, .store-modal__container__body .store-modal__cartcheckout-button, .store-modal__review__container .store-modal__review__confirm {
	background-color: var(--colorBackLight);
	color: var(--colorTextLight);
}
.store-modal__container__body .checkout-modal__button:not(:disabled), .store-modal__cart__checkout-button:not(:disabled) {
	font-variation-settings: var(--fontSansBld);
}
.store-modal__container__body .checkout-modal__button:hover:not(:disabled), .store-modal__cart__checkout-button:hover:not(:disabled), .checkout-modal__button__arrow:hover {
	color: var(--colorAccent1);
	font-variation-settings: var(--fontSansBld);
}
.checkout-modal__button__arrow {
	color: var(--colorBackLight);
}
/******USED WHEN SIMPLE LICENSE WAS THE ONLY OPTION
.store-modal__container__body h3.store-modal__license-selection__title {
		margin: 0 0 180px;
	}
.store-modal__license-selection__container h3.store-modal__license-selection__title:after {
		content: "The Simple License is based on the size of your organization. You can use the fonts for unlimited Computers, Websites, Apps, Broadcasts, and Social Media Posts. We do not sell or share any of your information.";
	position: absolute;
		margin-top: clamp(var(--fontSize2), 10px + 2vw, 40px);
		padding: var(--StoreModalPageContainer-top-padding) var(--StoreModalPageContainer-side-padding);
		line-height: 1.6em;
		font-size: var(--fontSize2);
		font-weight: 400;
		text-transform: none;
	}
*/
/*
.store-modal__license-selection__license-button:nth-of-type(4):before {
		content: "Instead of the above licenses, the Simple License is a standalone license based on the size of your organization and allows you to use the fonts for unlimited Computers, Websites, Apps, Broadcasts, and Social Media Posts.";
		position: absolute;
		margin-top: -120px;
		padding: var(--StoreModalPageContainer-top-padding) var(--StoreModalPageContainer-side-padding) 0 0;
		line-height: 1.6em;
		font-size: var(--fontSize2);
		font-weight: 600;
		text-transform: none;
		color: var(--colorTextLight);
}
*/
.store-modal__license-selection__license-button[data-selected=true]:not(:disabled):before {
	color: var(--colorTextLight);
}
.store-modal__order-variable-selection__button[data-selected=true]:not(:disabled) .store-modal__order-variable-selection__label span, .store-modal__order-variable-selection__button[data-selected=true]:not(:disabled) .store-modal__order-variable-selection__label span span {
	color: var(--colorWhite);
}
.store-modal__license-selection__description p {
	max-width: 520px;
	line-height: 1.4em;
	font-size: var(--fontSize1);
	font-variation-settings: var(--fontSansBld);
	color: var(--colorTextLight);
	margin: 0 0 30px 0;
}
.store-modal__license-selection__description p a {
	border-bottom: 1px solid var(--colorTextLight);
	font-variation-settings: var(--fontSansBld);
}
h3.cart-item__name {
	font-size: var(--fontSize2);
	line-height: var(--leading2);
}

/**********within main element**********/
article, .article__header {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: var(--gridColumnMainParent);
	grid-gap: var(--gridGap1);
}
.article__header {
	grid-column: var(--gridColumnMainChild);
	height: calc(100vh - var(--gridGap2));
	align-items: end;
	margin: 0 0 calc(var(--gridGap2) * 2);
}
.article__header_infoPage {
	grid-column: var(--gridColumnMainChild);
	height: auto;
}
.article__header__typeStyles {
	height: 46vh;
	display: grid;
	grid-column: var(--gridColumnMainChild);
	grid-row: 2/5;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: var(--gridGap1);
	align-self: center;
	align-content: center;
	font-size: clamp(16px, -1px + 3vw, 38px);
}
.article__header__typeStyles.manyStyles {
	height: 46vh;
	display: grid;
	grid-column: var(--gridColumnMainChild);
	grid-row: 2/5;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: var(--gridGap1);
	align-self: center;
	align-content: center;
	font-size: clamp(16px, -1px + 2vw, 38px);
}
.article__header__typeStyles.threeStyles {
	display: grid;
	grid-column: var(--gridColumnMainChild);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: var(--gridGap1);
	font-size: clamp(15px, -1px + 2vw, 25px);
}
.article__header__aside {
	display: grid;
	grid-column: var(--gridColumnMainChild);
	grid-row: 5/7;
	align-self: end;
	grid-template-columns: var(--gridColumnMainParent);
}
.article__header__aside ul {
	grid-column: 1/7;
	align-self: end;
}
.article__header__aside ul:nth-of-type(2) {
	grid-column: 7/13;
	text-align: right;
}
.article__header__aside ul li span {
	font-family: ArrayMono;
	font-size: var(--fontSize2);
	font-style: italic;
	font-weight: 400;
	line-height: 1rem;
	text-transform: capitalize;
}
.article__header__aside ul:nth-of-type(2) li {
	padding-left: 0.55vw;
}
.article__header__aside ul li .buy-button {
	font-size: inherit;
	padding: 11px 14px 9px;
	margin: -11px 0px -9px;
	font-variation-settings: 'wght' 700, 'opsz' 10, 'slnt' 0
}
.futureFontLi a {
	padding: 11px 14px 11px;
	margin: -4px 0px -6px;
	background-color: var(--colorTextLight);
	color: var(--colorBackLight);
	font-variation-settings: var(--fontNavBld);
}
.article__header__aside ul li .buy-button:hover, .futureFontLi a:hover {
	border: none;
	background: var(--colorTextLight);
}
.article__header > p {
	max-width: 100%;
	font-family: Parabolica;
	font-variation-settings: 'wght' 400, 'opsz' 50;
	line-height: 1.4em;
	grid-column: 9/13;
	grid-row: 1/7;
	letter-spacing: 0.025rem;
	align-self: center
}
.article__header > p > a {
	font-variation-settings: 'slnt' -10;
}
footer a:hover {
	font-variation-settings: 'slnt' -10;
}
.article__header_infoPage > p {
	margin: 4.25vw 0 var(--gridGap2);
	max-width: 100%;
	grid-column: 4/11;
	grid-row: 3/3;
	font-size: var(--fontSize4);
	line-height: 1.24em;
	letter-spacing: 0.025rem;
	align-self: center;
}
	.article__header__aside ul li {
		border-bottom: 1px solid var(--colorTextLight);
	}
aside.typeInfo {
	margin: -11px 0 0;
}
aside ul li.asideLink {
	border: none;
	margin: 20px 0;
} 
aside ul li.asideLink a {
	border: 1px solid var(--colorTextLight);
	border-radius: 2rem;
	margin: 0;
	width: 100%;
	padding: 10px 14px;
}
aside ul li {
	padding: 11px 0 9px;
	line-height: var(--leading2);
	font-size: var(--fontSize2);
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansReg);
	text-transform: uppercase;
}
	aside ul li:first-of-type {
		border-bottom: 1px solid var(--colorTextLight)
	}
aside ul li span {
	font-family: var(--fontSans);
	font-variation-settings: 'wght' 900, 'opsz' 10;
	font-size: var(--fontSizeSmall);
	line-height: var(--leading2);
}
.article__aside, section > aside {
	grid-column: var(--gridColMainCol1);
	grid-row-end: span 2;
}
section {
	grid-column: 1/13;
	display: grid;
	grid-template-columns: var(--gridColumnMainParent);
	grid-gap: var(--gridGap1);
}
section p {
	grid-column: var(--gridColMainCol2Narrow);
}
.article__section {
	padding: 8.9vw 0 0;
}
.article__section-characterViewer {
	padding: 8.9vw 0 0;
	display: block;
}
.article__aside.sticky {
	position: fixed;
	top: 70px;
	left: var(--gridGap2);
	/*width: 14.86vw;*/
}
.article__aside.abs {
	grid-row: 4/4;
	width: 14.86vw;
}
/**********EULA PAGE**********/
section.eula {
	grid-column: var(--gridColMainCol2Narrow);
	display: block;
}
	section.eula--table {
		grid-column: var(--gridColMainCol2Wide);
	}
aside.eulaFocusLinks {
	grid-row: 2/3;
	margin: -11px 0 0;
}
aside.eulaFocusLinks.article__aside.sticky {
	position: fixed;
	top: 70px;
	width: 14.86vw;
}
section.eulaFocus {
	grid-column: var(--gridColMainCol2EULA);
	grid-template-columns: var(--gridColumnThirdParent);
	grid-gap: var(--gridGap1);
}
section.eulaFocus p {
	font-family: var(--fontSans);
	font-size: var(--fontSize2);
	line-height: var(--leading3);
	grid-column: var(--gridColpEULA);
}
section.eula div {
	display: block;
	margin: 1em 0 0;
}
.eula__footer {
	font-family: var(--fontText);
	font-style: italic;
	margin-top: var(--gridGap2);
}
.eula__licenseTable {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
	.eula__licenseTable tr {
		font-family: var(--fontSans);
		border-bottom: 1px solid var(--inUseColor);
	}
	.eula__licenseTable tr:first-of-type	{
		border-bottom: 1px solid var(--colorTextLight);
	}
	.tr--licenses {
		font-size: var(--fontSize1);
		text-transform: uppercase;
	}
	.eula__licenseTable th {
		padding: 1em 0;
	}
		.eula__licenseTable .licenses--no {
			color: var(--inUseColorText);
		}
/***********BLOG PAGE**********/
section.blogArticle p:first-of-type {
	margin-top: 0;
}
section.blogArticle p {
	margin-top: var(--gridGap1);
}
/***********TYPE PAGE**********/
.typeTester {
	grid-column: var(--gridColumnMainChild);
	margin-top: 4vw;
}
.typeTester:first-of-type {
	margin-top: 0;
}
.typeTester:nth-of-type(7) {
	grid-column: 1/7;
}
.typeTester:nth-of-type(8) {
	grid-column: 7/13;
}
section figure {
	display: grid;
	grid-template-columns: var(--gridColumnMainParent);
	grid-column: var(--gridColumnMainChild);
	grid-gap: var(--gridGap1);
	margin: var(--leading2) 0;
}
section figure figcaption {
	grid-column: var(--gridColMainCol1-2);
	grid-row: 1;
	font-size: var(--fontSize2);
	font-style: italic;
	line-height: var(--leading3);
	align-self: end;
	margin-top: 0.4vw;
}
section figure img {
	grid-column: var(--gridColMainCol2);
}
#OpenType h5 {
	width: 100%;
	padding: calc(var(--gridGap1) + 0.5em) 0 0;
	text-transform: uppercase;
	grid-column: var(--gridColMainCol1);
	align-self:end;
	font-family: var(--fontSans);
	font-size: var(--fontSize2);
	font-variation-settings: var(--fontSansReg);
	line-height: var(--leading2);
}
.article__section#DesignNotes div {
	display: grid;
	/*Can the next value be changed to make 3 the max no.of columns*/
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
	grid-gap: 0;
	grid-column: 1/13;
}
.article__section#DesignNotes div figure {
	grid-template-columns: none;
	grid-column: auto;
	display: block;
	margin: 0 0 var(--gridGap1);
	width: 100%;
}
.article__section#DesignNotes figure figcaption {
	margin: 0.4vw var(--gridGap1) var(--gridGap1) 0;
}
.article__section#InUse {
	background-color: var(--inUseColor);
	margin: 6.9vw var(--gridGap2Neg) 0;
	padding: 3vw var(--gridGap2);
}
.article__section#InUse div {
	grid-column: var(--gridColumnMainChild);
	display: flex;
	gap: var(--gridGap1);
	flex-wrap: wrap;
}
.article__section#InUse div figure {
	display: block;
	margin: 0 0 var(--gridGap1);
	width: 49.5%;
}
.article__section#InUse div figure figcaption {
	margin: 0.3rem 0 1rem;
}
.article__section#InUse div figure figcaption ul li {
	border-bottom: 1px var(--colorTextLight) solid;
}
.article__section#InUse div figure figcaption ul li:first-of-type {
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansBld);
	text-transform:uppercase;
	padding: 0 0 0.2em;
}
.article__section#InUse div figure figcaption ul li:nth-of-type(2) {
	padding: 0.25em 0 0.3em;
}
.article__section#InUse div figure figcaption ul li a span {
		margin: 0 0 0 0.4rem;
		font-family: Parabolica;
		font-variation-settings: var(--fontSansReg);
}
.langSupport, .aboutText {
		display: grid;
		grid-template-columns: repeat(9, minmax(0, 1fr));
		grid-gap: var(--gridGap1);
		grid-column: var(--gridColMainCol2Wide);
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
}
.langSupport ul {
		grid-column: 1/9;
		display: grid;
		grid-template-columns: 24% 24% 24% 24%;
		grid-gap: var(--gridGap1);
}
.langSupport ul li {
		font-size: var(--fontSize2);
		line-height: 1.3rem;
		margin: 0 0 -0.8vw;
}
.character-viewer {
		display: grid;
		grid-column: 1/13;
}
section .character-viewer__monitor__container, section .character-viewer__feature-monitor__container	{
		top: 83px;
}
.character-viewer__feature-monitor__title, .character-viewer__block__name, .character-viewer__feature-monitor__label {
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
		font-size: var(--fontSize2);
}
.character-viewer__feature-monitor__title {
		font-variation-settings: var(--fontSansBld);
}
section .character-viewer__monitor__character {
		border: none;
}
.character-viewer__monitor__character-container {
	margin-top: 11px;
}
section .character-viewer__character-map, section .character-viewer__features-map {
		grid-template-columns: minmax(0,min(23%,500px)) auto;
}
section .character-viewer__monitor__details {
		grid-template-columns: repeat(2, minmax(0, 1fr));
}
.character-viewer__monitor__details span {
	padding: 11px 0 9px;
	line-height: var(--leading2);
	font-size: var(--fontSize2);
	font-family: var(--fontSans);
	font-variation-settings: var(--fontSansReg);
	text-transform: uppercase;
	border-bottom: 1px solid var(--colorTextLight)
}
.character-viewer__monitor__details span:first-of-type, .character-viewer__monitor__details span:nth-of-type(3), .character-viewer__monitor__details span:nth-of-type(4) {
		display: none;
}
.character-viewer__monitor__details span:nth-of-type(2) {
		grid-column: 1/3;
}
.character-viewer__monitor__details span:nth-of-type(odd) {
		grid-column: 1/2;
}
.character-viewer__monitor__details span {
		grid-column: 2/3;
}
.character-viewer__monitor__line {
	font-family: var(--fontSans);
}
.select__text .icon {
		display: none;
}
.select__text {

}
.select__text:before {
		position: absolute;
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
		content: "▼";
		right: 0px;
		top: 0px
		left: 100%;
}
/**********CUSTOM PAGE**********/
/**********ABOUT PAGE***********/
.article__section.customClient ul:first-of-type {
		grid-column: 4/7;
}
.article__section.customClient ul:nth-of-type(2) {
		grid-column: 7/10;
}
.article__section.customClient ul li {
		font-family: var(--fontText);
		font-size: var(--fontTextSize);
		text-transform: uppercase;
		line-height: var(--fontSize4);
		font-variant-numeric: lining-nums;
		font-feature-settings: 'lnum' on;
}
.article__section.news >ul {
		grid-column: var(--gridColMainCol2);
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-gap: var(--gridGap1);
		font-size: var(--fontTextSize);
}
.article__section.news >ul li:nth-child(odd) {
		grid-column: 1/2;
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
}
.article__section.news >ul li:nth-child(even){
		grid-column: 2/7;
}
/**********NEWSLETTER/TRIALFONT/LOGIN PAGE******/
.siteFooter__newsletter form, fontdue-customer-login-form, fontdue-newsletter-signup, fontdue-test-fonts-form {
		grid-column: var(--gridColMainCol2);
}
.login-form__form .text-field__label-wrapper, .test-fonts__form .text-field__label-wrapper {
		display: none;
}
.newsletter__input, .login-form__form .text-field__input, .test-fonts__form .text-field__input {
		width: 100%;
		font-size: var(--fontSize2);
		font-family: var(--fontSans);
		font-variation-settings: 'wght' 500, 'opsz' 10;
		border: 1px solid var(--colorTextLight);
		background-color: var(--colorBackLight);
		color: var(--colorTextLight);
}
input[type="submit"], fontdue-customer-login-form .submit-button, fontdue-test-fonts-form .submit-button, .eula>div > a {
		display: inline-block;
		font-size: var(--fontSize2);
		font-family: var(--fontSans);
		font-variation-settings: 'wght' 500, 'opsz' 10;
		background: var(--colorTextLight);
		color: var(--colorBackLight);
		margin: 1.4em 0 0 0;
		padding: 0.8em 1em 0.8em;
		border: 0;
		border-radius: 2rem;
		box-shadow: none;
}
section.loginFormSection span {
		grid-column: var(--gridColMainCol2);
		font-family: var(--fontNav);
		font-variation-settings: 'wdth' 100;
		font-size: var(--fontSize4);
		padding: 0.7em 0 1.4em;
}
.test-fonts__form .test-fonts__checkbox-field {
		margin: 0;
}
.test-fonts__agreement.test-fonts__checkbox-field label p, .test-fonts__newsletter-opt-in.test-fonts__checkbox-field label p {
		font-size: var(--fontSize2);
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
}
.test-fonts__agreement.test-fonts__checkbox-field .checkbox, .test-fonts__agreement.test-fonts__checkbox-field .checkbox input, .test-fonts__newsletter-opt-in.test-fonts__checkbox-field .checkbox, .test-fonts__newsletter-opt-in.test-fonts__checkbox-field .checkbox input {
		width: auto;
		height: auto;
		font-size: 1rem;
}
.checkbox input[type="checkbox"] {
		cursor: pointer;
		outline: none;
		border: 0;
		border-radius: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
		margin: 0;
}
.checkbox input::after {
		font-size: 1rem;
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
		content: '\2610';
}
.checkbox input:checked::after {
		font-size: 1rem;
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
		content: '\2611';
}
.checkbox__icon .icon {
		display: none;
}
/**********BLOG PAGE**********/
section.blogNav span {
		grid-column: var(--gridColMainCol2);
		font-size: var(--fontSize2);
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansBld);
		text-decoration: underline;
		text-underline-offset: .3em;
		margin-top: var(--gridGap1);
}
footer.postFooter {
		grid-column: var(--gridColMainCol2);
		font-family: var(--fontSans);
		font-variation-settings: var(--fontSansReg);
		font-size: var(--fontSize2);
		margin-top: var(--gridGap1);
}
nav.pagination {
		grid-column: var(--gridColMainCol2);
		padding: 8.9vw 0 0 0;
		font-family: var(--fontNav);
		font-size: var(--fontSize2);
		font-variant-numeric: tabular-nums;
		font-feature-settings: 'tnum' on;
}
	nav.pagination span {
		text-decoration: underline;
		text-underline-offset: .2em;
	}
/**********transitions**********/
a {
		-moz-transition:all 0.2s ease-in-out 0s;
		-webkit-transition:all 0.2s ease-in-out 0s;
		-o-transition:all 0.2s ease-in-out 0s;
		transition:all 0.2s ease-in-out 0s;
}
a:hover {
		color: var(--colorAccent1);
}
@media only screen and (min-width: 1560px) {
		:root {
				--gridColumnMainParent: repeat(12, minmax(0, 1fr));
				--gridColumnSecondParent: repeat(11, minmax(0, 1fr));
				--gridColumnThirdParent: repeat(9, minmax(0, 1fr));
				--gridColumnMainChild: 1/13;
				--gridColMainCol1: 1/3;
				--gridColMainCol2: 4/10;
				--gridColMainCol2Wide: 4/13;
				--gridColMainColWideMainChild: 1/7;
				--gridGap0: 0;
				--leading1: 1.57rem;
				--fontSize1: 0.85rem;
				--fontSize2: 1rem;
				--fontSize3: 1.2rem;
				--fontSize4: 2.2rem;
				--fontSize5: 4rem;
				--fontSizeSelect: 3rem;
				--cartWidth1: calc(27vw - (var(--gridGap1) * 2));
		}
		section figure figcaption {
				font-size: var(--fontTextSize);
				line-height: var(--fontTextLeading);
		}
}
@media only screen and (min-width: 880px) {
	.store-modal__container__overlay .store-modal__container__container {
		max-width: 1000px;
	}
	.store-modal__page__body .store-modal__license-selection__container:first-child {
	margin-bottom: 60px;
	}
	.store-modal__license-selection__license {
		display: grid;
		grid-template-columns: var(--gridColumnMainParent);
		grid-column: var(--gridColumnMainChild);
		grid-column-gap: var(--gridGap1);
	}
	.store-modal__license-selection__license-button:not(:disabled) {
		cursor: pointer;
		grid-column: 1/7;
		grid-row: 1/2;
	}	
	.store-modal__license-selection__license .store-modal__license-selection__license-button+.store-modal__license-selection__description {
		margin-top: 0;
		grid-column: 8/13;
		grid-row: 1/3;
	}
		.store-modal__license-selection__license .store-modal__license-selection__license-button+.store-modal__license-selection__description p {
			margin: 0;
		}
}
@media only screen and (max-width: 1100px){
		:root {
			--gridColMainCol1: 1/4;
		}
		.article__header > p, .article__header.article__header_infoPage > p {
				grid-column: var(--gridColumnMainChild);
				grid-row: 5/6;
		}
}
@media only screen and (max-width: 880px){
		:root {
				--gridColumnMainParent: repeat(12, 1fr);
				--gridColumnSecondParent: repeat(12, 1fr);
				--gridColumnThirdParent: repeat(12, 1fr);
				--gridColMainCol1: 1/13;
				--gridColMainCol1-2: 1/13;
				--gridColpEULA: 1/13;
				--gridColMainCol2EULA: 1/13;
				--gridColMainCol2Narrow: 1/13;
				--gridColMainCol2: 1/13;
				--gridColMainCol2Wide: 1/13;
				--gridColMainColWideMainChild: 1/13;
				--gridGap1: 1.2vw;
				--gridGap2: 4vw;
				--gridGap2Neg: -4vw;
				--fontSize5: 3rem;
		}
		h1 {
				margin: 9px 0 12vw;
				padding: 0.8rem 0 0;
				font-size: 11.2vw;
				line-height: 11.2vw;
		}
		.article__header_infoPage__h1 {
				letter-spacing: 0vw;
		}
		h3 {
				margin: 2.3rem 0;
		}
		h6 {
				text-align: left;
		}
	main {
				margin: 50px var(--gridGap2);
				grid-column: var(--gridColumnMainChild);
	}
		.article__header {
				height: auto;
				grid-template-rows: auto;
		}
		.article__header__typeStyles {
				margin: 0;
				align-self: start;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				height: auto;
				min-height: 48vh;
				max-height: 80vh;
		}
		.article__header__typeStyles.threeStyles {
				grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.article__header__typeStyles.threeStyles ul:nth-child(3) {
				grid-column: 1/3;
		}
		.article__header__aside ul {
				grid-column: var(--gridColumnMainChild);
		}
		.article__header__aside ul:nth-of-type(2) {
				grid-column: var(--gridColumnMainChild);
				text-align: left;
		}
		.article__header__aside ul li, aside ul li {
				font-variation-settings: 'wght' 400, 'wdth' 100;
				padding-bottom: 0.5rem;
				border-bottom: 1px solid var(--colorTextLight);
		}
		.article__header__aside ul:nth-of-type(2) li:last-of-type {
				border-bottom: 0px;
				padding-bottom: 1.4vw;
		}			
		.article__header__aside ul li span {
				font-family: var(--fontSans);
		}
		.article__header__aside ul:last-child li:last-child	{
				background-color: var(--colorTextLight);
		}
		.article__header__aside ul li .buy-button, .futureFontLi a, .typeInfo ul li .buy-button	{
				width: 100%;
				text-align: center;
		}
		.article__header > p, .article__header_infoPage > p {
				margin: var(--gridGap2) 0;
				align-self: end;
				font-family: Parabolica;
				font-variation-settings: var(--fontSansReg);
				font-size: var(--fontTextSize);
				line-height: 1.4em;
				grid-row: auto;
		}
		.article__aside, section > aside {
				padding: 0 0 2.3rem;
		}
		section p {
				margin: 0 0 2rem;
		}
		.article__header, h3, #OpenType h4, aside.eulaFocusLinks {
				grid-column: var(--gridColumnMainChild);
		}
		.smallNav {
				grid-column: var(--gridColumnMainChild);
		}
		.article__aside.sticky, .article__aside.abs {
				position: initial;
				width: auto;
		}
		section figure {
				grid-column: var(--gridColumnMainChild);
		}
		.article__section.customClient ul:first-of-type {
				grid-column: 1/6;
		}
		.article__section.customClient ul:nth-of-type(2) {
				grid-column: 7/13;
		}
		.article__section.news >ul li:nth-child(odd) {
				grid-column: 1/2;
		}
		.article__section.news >ul li:nth-child(even){
				grid-column: 2/8;
		}
		section figure figcaption {
				grid-column: var(--gridColMainCol1-2);
				font-size: var(--fontTextSize);
				grid-row:2;
		}
		/********EULA SMALL*************/
		.tr--licenses {
			font-size: var(--fontSizeSmall);
		}
		/********TYPE PAGE SMALL********/
		.article__section#InUse {
				background-color: var(--inUseColor);
				margin: 6.9vw var(--gridGap2Neg) 0;
				padding: 3vw var(--gridGap2);
		}
		.article__section#InUse div figure {
				width: 100%;
		}
		.article__section#InUse div figure figcaption {
				margin: 0.3rem 0 1.3rem;
				font-size: var(--fontSize2);
		}
		.article__section#DesignNotes div figure {
				margin: 0 0 calc(var(--gridGap2) * 2);
		}
		section .character-viewer__character-map, section .character-viewer__features-map {
				grid-template-columns: auto;
		}
		.langSupport ul {
				grid-column: 1/10;
				grid-template-columns: 49% 50%;
		}
}
@media only screen and (max-width: 500px){
	.hideOnSmall {
		display: none;
	}
	/********EULA SMALL*************/
	.tr--licenses {
		text-transform: capitalize;
	}
}
@media only screen and (max-height: 612px){
		article > header {
				height: auto;
				grid-template-rows: auto;
		}
		article header > div {
				height: auto;
				min-height: 48vh;
				max-height: 80vh;
		}
}