*, *::before, *:after {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	outline: none;
	list-style: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 10pt;
	line-height: 13pt;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
   	text-rendering: optimizeLegibility;
	font-family: '3X3-Regular', 'Helvetica Neue', 'Helvetica', 'Arial';
	vertical-align: top;
	cursor: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	column-gap: 20px;
	color: inherit;

	}

.theme_2 *, .theme_3 *, .theme_4 *, .theme_5 *, .dark_mode * {
	color: inherit;
	}

html {
    zoom: 1.12;
	overflow-x: hidden;
	}

.editor {
	zoom: 0.7;
	}

/* ––––––––– GRID –––––––––– */

.grid {
	font-size: 0;
	position: fixed;
	top: -1px;
	left: 0;
	width: 100vw;
	height: 110vh;
	pointer-events: none;
	}

.grid div {
	border-right: 0.5px solid red;
	mix-blend-mode: invert;
	display: inline-block;
	height: 110vh;
	opacity: 0.3;
	width: -moz-calc(16.666% - 33.333px);
    width: -webkit-calc(16.666% - 33.333px);
    width: calc(16.666% - 33.333px);
	}

.grid span {
	border-right: 0.5px solid red;
	width: 10px;
	background: rgb(255,235,50);
	opacity: 0.3;
	display: inline-block;
	height: 110vh;
	}

/* ––––––––– CURSOR –––––––––– */

[contenteditable], input {
	cursor: text;
	}

a, button, button::before, .theme, .shop_typeface_list ul li, .back, input[type='checkbox'], a *, .subnav .options ul li, .subnav .options span, input[type='submit'], .selected_option, .selected_option *, .link_bottom div span, .menu_block h3, .menu_block h3 *, select {
	cursor: pointer;
	}

.checkout_terms form{
	cursor: not-allowed;
	border-radius:15px;

}
button:disabled {
	cursor: not-allowed;
	pointer-events:none;
	}

.shop_typeface_list.select_license li.selected, .license_buttons .license_selected button, .license_buttons .license_selected button::before, .link_bottom div span.open_trials_form.sent {
	cursor: default;
	}

/* ––––––––– ANIMATIONS –––––––––– */

.license_buttons button::before, input[type='checkbox'], .subnav .options ul li::before, .checkout_terms li button, .selected_option span:after {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	}

.img_wrapper, [contenteditable], h2, h2 span {
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	}


/* ––––——————————–––– WIDTHS ––––––——————————–––– */

/* ––––––––– 1/6 –––––––––– */

.nav ul li, .typeface_container, .shop_typeface_list.select_license, .shop_header ul.back {
	display: inline-block;
	width: -moz-calc(16.666% - 20px);
    width: -webkit-calc(16.666% - 20px);
    width: calc(16.666% - 20px);
	margin: 0 10px 0 10px;
	}

.shop_typeface_list.select_license {
	width: -moz-calc(16.666% + 6px);
    width: -webkit-calc(16.666% + 6px);
    width: calc(16.666% + 6px);
	}


/* ––––––––– 2/6 –––––––––– */

h1, h3, .sticky_menu, .menu_block.sticky, .shop_header .cart, .shop_cart, .checkout .checkout_terms, .typefaces_grid a, .link_bottom div, .link_bottom a {
	display: inline-block;
	width: -moz-calc(33.333% - 20px);
    width: -webkit-calc(33.333% - 20px);
    width: calc(33.333% - 20px);
	margin: 0 10px 0 10px;
	}

.shop_header .cart {
	width: 33.333%;
	}

.shop_cart {
	width: -moz-calc(33.333% + 4px);
    width: -webkit-calc(33.333% + 4px);
    width: calc(33.333% + 4px);
	}

/* ––––––––– 3/6 –––––––––– */

.nav ul li:first-of-type, .typeface_container.selected, .checkout .items, .this_order, .shop_typeface_list {
	display: inline-block;
	width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
	}

/* ––––––––– 4/6 –––––––––– */

.content, .shop_header .selection, .confirmation_message {
	display: inline-block;
	width: -moz-calc(66.666% - 20px);
    width: -webkit-calc(66.666% - 20px);
    width: calc(66.666% - 20px);
	margin: 0 10px 0 10px;
	}

/* ––––––––– 5/6 –––––––––– */

.checkout .shop_header ul:last-of-type, .information.about p {
	display: inline-block;
	width: -moz-calc(83.333% - 20px);
    width: -webkit-calc(83.333% - 20px);
    width: calc(83.333% - 20px);
	margin: 0 10px 0 10px;
	}

.checkout .shop_header ul:last-of-type {
	width: 83.333%;
	}

/* ––––––––– 6/6 –––––––––– */

.line, .typeface_licenses ul, .cookies div,.system_message div, .information .line_bottom {
	display: inline-block;
	width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
	margin: 0 10px 0 10px;
	}

.typefaces a .img_wrapper{
		padding: 0 10px 0 10px
}

.nav, .nav_backdrop, .subnav, .footer, .link_bottom, .previous_next_typeface, .shop_cart.checkout {
	width: 100%;
	margin: 0;
	padding: 0 40px 0 40px;
	}

.typefaces a, .wip_section {
	width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
	margin-left: 50px;
	}

/* ––––––––– 1/4 –––––––––– */

.shop_header .step_2 li.checkout_step_1 {
	display: inline-block;
	width: -moz-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: calc(25% - 20px);
	margin: 0 10px 0 10px;
	}

.information h4 {
	display: inline-block;
	width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: calc(25% - 15px);
	margin-right: 10px;
	}

/* ––––––––– 3/4 –––––––––– */

.shop_header .selection li.checkout_step_2, .shop_header .selection li.checkout_step_3 {
	display: inline-block;
	width: -moz-calc(75% - 20px);
    width: -webkit-calc(75% - 20px);
    width: calc(75% - 20px);
	margin-left: 0 10px 0 10px;
	}

.information ul {
	display: inline-block;
	width: -moz-calc(75% - 5px);
    width: -webkit-calc(75% - 5px);
    width: calc(75% - 5px);
	margin-left: 10px;
	}











/* ––––——————————–––– HEIGHTS ––––––——————————–––– */

.nav ul li {
	height: 40px;
	}

/* –––––––––––––––––– MARGINS, PADDINGS –––––––––––––––––––– */

/* ––––––––– PAGE PADDINGS –––––––––– */

.typeface_specs, .information, .typeface_licenses, .specimen_block, .cookies, .shop_typefaces, .shop_typeface_list.select_license, .typefaces a, .typefaces_grid, .order, .system_message, .order_confirmation {
	padding: 0 40px 0 40px;
	}

.previous_next_typeface {
	padding: 0 50px 0 50px;
	}

.subnav div, .information.link_bottom {
	padding: 0 40px 0 40px;
	}


/* ––––––––– SECTION –––––––––– */

.section {
	width: 100vw;
	height: 1px;
  	position: -webkit-sticky;
  	position: sticky;
  	top: 40px;
  	margin: 40px 0 -1px 0;
	}

.section_marker {
	width: 20px;
	height: 1px;
	border-bottom: 0.5px solid;
	}

.section_marker.right {
	float: right;
	clear: both;
	margin-top: -1px;
	}

.line {
	border-bottom: 0.5px solid;
	display: block;
	height: 1px;
	}

/* ––––––––– IMG –––––––––– */

img {
	opacity: 0;
	}

.img_wrapper {
	mask-position: center center;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	opacity: 0;
	width:100%;
	height:100%;
	margin:20px 0;
	}

.img_wrapper_hover>*{
	position: relative;
}

.img_wrapper_hover .img_wrapper{
	transition: none;
}

.img_wrapper_hover:hover .img_wrapper:first-child{
	opacity: 0 !important;
}

.img_wrapper_hover .img_wrapper:nth-child(2) {
	position: absolute;
	top:0;
	margin-top:0;
	opacity: 0 !important;
}


.img_wrapper_hover:hover .img_wrapper:nth-child(2){
	opacity: 1 !important;
}


.img_wrapper_video{
	padding: 0 !important;
	position: relative !important;
}

.img_wrapper_video>div{
	padding: 8px 20px !important;
	position:absolute !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
	z-index:2;
}

.img_wrapper_video video{
	border-radius: 15px;
	pointer-events:none;
}

.img_wrapper_video video.dark_mode_video,
.dark_mode .img_wrapper_video video.light_mode_video{
	display:none;
	height:0 !important;
	position:absolute;
}

.dark_mode .img_wrapper_video video.dark_mode_video{
	display:block;
	position:relative;
	height:auto !important;
}




/* ––––––––– TABULAR FIGURES –––––––––– */

.other_orders ul li, .price, .login_header ul li, .typeface_container ul li span span, .shop_typeface_list ul li span, .typeface_licenses ul li span span, .license_container, input {
	-moz-font-feature-settings: "tnum=1";
	-moz-font-feature-settings: "tnum";
	-ms-font-feature-settings: "tnum";
	-webkit-font-feature-settings: "tnum";
	font-feature-settings: "tnum";
	}

.other_orders ul li * {
	-moz-font-feature-settings: normal;
	-moz-font-feature-settings: normal;
	-ms-font-feature-settings: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	}



/* ––––––––– BODY –––––––––– */

body {
	/* min-height: -moz-calc(100vh - 41px);
    min-height: -webkit-calc(100vh - 41px);
    min-height: calc(100vh - 41px); */
		min-height:100vh;
    position: relative;
    padding-bottom: 44px;
		padding-top: 40px;
	}

/* ––––––––– COOKIES –––––––––– */

/* .cookies{
	margin-top:40px;
} */

.cookies div {
	border-bottom: 0.5px solid;
	height: 42px;
	padding-top: 12px;
	margin-bottom: 3px;
	}

.cookies a {
	float: right;
	clear: both;
	}

.cookies span {
	display: inline-block;
	width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

/* ––––––––– NAV –––––––––– */

.nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	}

.nav, .subnav, .footer {
	-webkit-backdrop-filter: blur(25px);
	height: 40.5px;
	}

.nav ul li a, .subnav, .footer ul li {
	padding: 12px 0 12px 0;
	}

.nav ul li.nav_item {
	text-align: center;
	}

.nav ul li.nav_item::before {
	content: "";
	height: 15px;
	width: 1px;
	border-left: 0.5px solid;
	float: left;
	clear: both;
	margin: 25px 0 0 -10.5px;
}

.nav ul li a {
	width: 100%;
	display: inline-block;
	}

.subnav {
  	position: -webkit-sticky;
  	position: sticky;
	top: 40px;
	height: 41px;
	margin-top: -2px;
	z-index: 2;
	}

h1, .subnav ul, .subnav .options {
	height: 29px;
	border-bottom: 0.5px solid;
	}

.subnav ul li {
	display: inline-block;
	}



/* ––––––––– FOOTER –––––––––– */

.footer {
  	height: 45px;
  	position: absolute;
  	bottom: 0;
}

.footer ul {
	display:grid;
	grid-gap:0;
	grid-template-columns:repeat(auto-fit,minmax(0,1fr));
	padding:0 10px;
}
.footer ul li:last-of-type {
	text-align: center;
	height: 44px;
	}

.footer ul li:last-of-type::before {
	content: "";
	height: 15px;
	width: 1px;
	border-left: 0.5px solid;
	float: left;
	clear: both;
	margin: -12px 0 0 -10.5px;
}

.footer ul li a {
	margin-left: 20px;
	}



/* ––––––––– MENU –––––––––– */

h3 {
	border-top: 0.5px solid;
	z-index: -1;
	}

h3, .sticky_menu {
  	position: -webkit-sticky;
  	position: sticky;
	top: 80px;
	height: 44px;
	}

.sticky_menu, .sticky_menu h3 {
	z-index: 0;
	}

h3, .content {
	padding-top: 13px;
	}

.content ul:not(:first-of-type){
	margin-top: 30px;
}

.sticky_menu h3 {
	top: unset;
	position: unset;
	width: 100%;
	margin: unset;
	}

.menu_block {
	position: relative;
	}

.menu_block.sticky {
	position: fixed;
	left: 40px;
	bottom: 0;
	padding: 0 27px 0 0;
	}

.menu_block h3 {
	display: block;
	position: relative;
	top: unset;
	left: unset;
	background: white;
	}

@-moz-document url-prefix() {

.menu_block.sticky, .menu_block {
	bottom: -100vh;
	left: -100vw;
	display: none;
	}

}





/* ––––––––– TYPEFACE SPECS –––––––––– */

.typeface_specs {
	padding-bottom: 35px;
	}

.typeface_credits {
	padding-bottom: 70px;
	}

.typeface_about .content {
	border-top: 0.5px solid;
	}

.typeface_about p a{
	border-bottom: 0.5px solid rgba(10,10,11,0.3);
	/* padding-bottom:1px; */
}

.dark_mode .typeface_about p a {
border-color:rgba(233,220,225,0.3);
}

.typeface_language_support .content {
	column-count: 6;
	}

.typeface_features .content {
	column-count: 3;
	}

.typeface_character_set ul {
	border-left: 0.5px solid;
	margin: 15px 0 45px 0;
	-moz-font-feature-settings: "dlig=1, liga=1";
	-moz-font-feature-settings: "dlig", "liga";
	-ms-font-feature-settings: "dlig", "liga";
	-webkit-font-feature-settings: "dlig", "liga";
	font-feature-settings: "dlig", "liga";
	}

.typeface_character_set ul:last-of-type {
	margin-bottom: 0;
	}

.typeface_character_set ul li {
	display: inline-block;
	width: -moz-calc(8.333% + 2px);
    width: -webkit-calc(8.333% + 2px);
    width: calc(8.333% + 2px);
	border-right: 0.5px solid;
	border-top: 0.5px solid;
	text-align: center;
	padding: 0.85vw 0 1.15vw 0;
	font-family: inherit;
	}

.typeface_character_set ul li {
	font-size: 3vw;
	line-height: 3vw;
	}

.typeface_character_set ul li>span{
	font-size:inherit;
	line-height:inherit;
	font-family: inherit;
	text-align: inherit;
}

.typeface_character_set ul li.font-small>span{
	font-size:70%;
}

.typeface_styles ul {
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap:20px;
	/* row-gap:5px; */
}

.typeface_styles ul.single_col {
	grid-template-columns: 1fr;
}

.typeface_styles ul li {
	font-size: 3vw;
	line-height: 3.4vw;
	padding-bottom: 4px;
	}

.typeface_styles ul li {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.typeface_styles ul li span {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	}

.typeface_styles ul li.italic span {
	display: none;
	}

.typeface_character_set.v_align_adjust ul li {
	padding: 1.05vw 0 0.95vw 0;
	}

.typeface_character_set ul li:nth-child(12n+2), .typeface_character_set ul li:nth-child(12n+3), .typeface_character_set ul li:nth-child(12n+10), .typeface_character_set ul li:nth-child(12n+11), .typeface_character_set ul li:nth-child(12n) {
	width: -moz-calc(8.333% - 2px);
    width: -webkit-calc(8.333% - 2px);
    width: calc(8.333% - 2px);
	}

.typeface_character_set ul li:nth-child(12n+1) {
	width: -moz-calc(8.333% - 1px);
    width: -webkit-calc(8.333% - 1px);
    width: calc(8.333% - 1px);
	}

.typeface_character_set ul li:nth-child(12n+4) {
	width: -moz-calc(8.333% + 1px);
    width: -webkit-calc(8.333% + 1px);
    width: calc(8.333% + 1px);
	}

.typeface_character_set ul li:nth-child(-n+12) {
	border-top: none;
	}

p {
	margin-bottom: 13pt;
	}

p:last-of-type {
	margin-bottom: 0;
	}

.download_trials form {
    border-bottom: 0.5px solid;
    display: none;
    width: 100%
    margin-top: -1px;
}

.download_trials form input {
	width: -moz-calc(100% - 106px);
    width: -webkit-calc(100% - 106px);
    width: calc(100% - 106px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.link_bottom div, .link_bottom a {
	margin-top: 30px;
	margin-bottom: 30px;
	height: 44px;
	}

.download_trials form input, .download_trials form button, .open_trials_form, .link_bottom a {
    height: 40px;
	padding: 13px 15px 13px 15px;
	display: inline-block;
	}

.download_trials form input::placeholder {
	color: inherit;
	opacity: 1;
	}

.download_trials form button {
	padding-left: 20px;
	}

.download_trials form::before, .download_trials form:after {
	content: "";
	height: 14px;
	width: 1px;
	border-right: 0.5px solid;
	margin-top: 26px;
    display: inline-block;
    float: left;
    clear: both;
}

.download_trials form:after {
 	border-right: none;
 	border-left: 0.5px solid;
   float: right;
    clear: both;
	margin-top: -14px;
}

.download_trials form button::before {
	content: "";
	height: 14px;
	width: 1px;
	border-right: 0.5px solid;
	margin: 13px 0 0 -18px;
    display: inline-block;
    float: left;
    clear: both;
}







/* ––––––––– SPECIMEN –––––––––– */

.specimen_wrapper {
	margin-bottom: 120px;
	}

.type_specimen_wrapper{
		padding: 0 10px;
		display:grid;
		grid-template-columns:1fr;
		grid-gap:20px;
		padding-top:60px;
}

.type_specimen_wrapper .specimen_block{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	grid-gap:20px;
}

.specimen{
	position:relative;
}

.specimen_marker {
	width: 30px;
	height: 14px;
	margin-left: -moz-calc(50% - 15px);
    margin-left: -webkit-calc(50% - 15px);
    margin-left: calc(50% - 15px);
	}

.specimen_marker.bottom {
	border-bottom: 0.5px solid;
	margin-top: -15px;
	}

.specimen_marker.top {
	border-top: 0.5px solid;
	margin-bottom: -15px;
	}

.specimen_marker.flat {
	border-top: 0.5px solid;
	}

.specimen_marker.top:after, .specimen_marker.bottom:after {
	content: "";
	height: 14px;
	width: 1px;
	border-left: 0.5px solid;
	margin-left: 14.5px;
    display: block;
}

.editor {
	display: flex;
	text-align: center;
	align-items:center;
	justify-content: center;
	padding:50px 20px 60px 20px;
	height:100%;
	}

@media(max-width:800px){
	.editor{
		padding-bottom:70px;
	}
}

.editor, .specimen.half.graphic span {
	min-height: 27vw;
	}

/* .editor span {
	padding: 35px 20px 25px 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	} */

.editor.v_align_adjust span {
	padding-bottom: 5px;
	}

[contenteditable] {
	font-size: inherit;
	line-height: 100%;
	/* padding: 40px 5px 30px 5px; */
	-moz-font-feature-settings: "dlig=1, liga=1";
	-moz-font-feature-settings: "dlig", "liga";
	-ms-font-feature-settings: "dlig", "liga";
	-webkit-font-feature-settings: "dlig", "liga";
	font-feature-settings: "dlig", "liga";
	display: inline-block;
  	opacity: 0;
  	font-family: 'Placeholder';
	}

[contenteditable]:not(.long) {
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	hyphens: auto;
}

[contenteditable].edited {
	word-break: break-word;
	}

[contenteditable] br {
	display: none;
	}

[contenteditable] div {
	font-family: inherit;
	letter-spacing: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: inherit;
	}

.specimen h2, .typefaces a div h2, .specimen select {
	display: block;
	margin: 14px 6px 14px 6px;
	}

.typefaces a div h2 span {
	opacity: 0;
	}

.typefaces a:hover div h2 span {
	opacity: 1;
	}

.specimen select {
	position: absolute;
	bottom:5px;
	}

/* .specimen.full {
	padding: 0 20px 0 20px;
	} */

.specimen.half {
	vertical-align: top;
	}

/* .specimen.full, .specimen.half:not(.graphic) {
	padding-bottom: 50px;
	} */

/* .specimen.half.graphic {
	vertical-align: top;
	margin-bottom: -44px;
	} */

.specimen.half.graphic span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	width:100%;
	/* width: -moz-calc(50vw - 60px);
    width: -webkit-calc(50vw - 60px);
    width: calc(50vw - 60px); */
	}

.specimen.half.graphic span span {
	/* display: table-cell;
	vertical-align: middle; */
	padding: 0 6% 0 6%;
	}

.subnav .options {
	display: inline-block;
	width: 66.666%;
	margin-left: -10px;
	text-align: right;
	padding: 0;
	border-bottom: 0.5px solid;
	}

.trials_link {
	display: inline-block;
	}

.options>span{
	margin-left: 25px;
}

.subnav .options ul {
	display: none;
	border-bottom: none;
	}

.subnav .options ul li {
	margin-left: 20px;
	}

.subnav .options span:after {
	content: "▾";
	margin-left: 10px;
	display: inline-block;
	}

.wip {
	border-radius: 15px;
	display: inline-block;
	padding: 2px 9px 2px 9px;
	font-size: 11px;
	margin-top: -2px;
	letter-spacing: 0px;
	text-transform:uppercase;
	font-weight: 600;
	}

.subnav .wip {
 	margin-left: 10px;
 	position: absolute;
 	}

.typeface_preview .wip {
	margin-bottom: 15px;
	margin-top: -15px;
 	}

.wip_section {
	margin-top: -35px;
	}

.badge {
	border-radius: 0;
	letter-spacing: 0;
	position: fixed;
	top: 20px;
	right: -95px;
	z-index: 4;
	transform: rotate(45deg);
	padding-left: 100px;
	padding-right: 100px;
	}



.variable_settings {
	position: absolute;
	bottom:20px;
	right:20px;
}

.variable_settings label {
	display: inline-block;
	margin: 0 25px 0 15px;
	}

.variable_settings label:last-of-type {
	margin-right: 10px;
	}



input[type="range"] {
  -webkit-appearance: none;
  width: 100px;
  height: 0;
  outline: none;
  border-bottom: 1px solid;
  margin-top: 8px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
  border-radius: 15px;
  cursor: pointer;
  border: 8px solid;
}

input[type="range"]::-moz-range-thumb {
  width: 0;
  height: 0;
  border-radius: 15px;
  cursor: pointer;
  border: 8px solid;
}











/* ––––––––– LICENSES TYPEFACE PAGE / SHOP –––––––––– */

.typeface_licenses{
	padding-top:60px;
}
.typeface_licenses ul {
	column-count: 3;
	margin-bottom: 25px;
	position:relative;
	}

.typeface_licenses ul::before {
	content: "";
	width: -moz-calc(100vw - 120px);
    width: -webkit-calc(100vw - 120px);
    width: calc(100vw - 120px);
	height: 5px;
	display: block;
	float: left;
	clear: both;
	margin: -45px 0 0 -10px;
	pointer-events: none;
	}

.typeface_licenses ul:first-of-type::before {
	display: none;
	}


.typeface_licenses ul li, .shop_typeface_list ul li, .typeface_container ul li, .cart_item {
	break-inside: avoid-column;
	page-break-inside: avoid;
	border-bottom: 0.5px solid;
	height: 44px;
	padding-top: 13px;
	}

.typeface_licenses ul li {
	margin-bottom: 1px;
	}

.typeface_licenses ul li span.style_name, .typeface_container ul li span.style_name, .cart_item span:first-of-type {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
	}

.typeface_licenses ul li span.style_name.family, .typeface_container ul li span.style_name.family, .cart_item span:first-of-type {
	width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
	}

.typeface_licenses ul li:hover span:first-of-type:not(.wip), .typeface_container ul li:hover span:first-of-type:not(.wip) {
	width: -moz-calc(100% - 335px);
    width: -webkit-calc(100% - 335px);
    width: calc(100% - 335px);
	}

.cart_item.total span:first-of-type {
	width: -moz-calc(100% - 95px);
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);
	}

.price, .license_buttons {
	position: absolute;
	right: 0;
	top: 13px;
	}

.license_buttons form {
	display: inline-block;
	margin-right: 17px;
	}

.license_buttons form:last-of-type {
	margin-right: 0;
	}

.license_buttons button::before, input[type='checkbox'], .subnav .options ul li:not(:last-of-type)::before {
	content: "";
	height: 16.5px;
	width: 16.5px;
	border: 1px solid;
	border-radius: 10px;
	display: inline-block;
	margin: 0px 8px 0 0;
	float: left;
	clear: both;
	}

@media(max-width:900px){
	.license_buttons form {
		margin-right: 8px;
		}
		.license_buttons button::before, input[type='checkbox'], .subnav .options ul li:not(:last-of-type)::before {
			margin-right:5px;
		}
		.license_buttons,.license_buttons form,.license_buttons form button{
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
}

.license_buttons button:hover::before, input[type='checkbox']:hover, .subnav .options ul li:hover::before {
	border-width: 8.25px;
	}

input[type='checkbox']:checked, .subnav .options ul li.active::before {
	border: 8.25px solid;
	}

.license_buttons .license_selected button::before {
	content: "✓";
	border: none;
	}

.subnav .options ul li:last-of-type {
	font-size: 13pt;
	margin-top: -1px;
	}
/*
.price::before, .license_buttons::before {
	content: "";
	height: 15px;
	width: 1px;
	border-left: 0.5px solid;
	float: left;
	clear: both;
	margin: 15px 0 0 -20px;
}
 */

.license_buttons, .typeface_licenses ul li:hover .price, .typeface_container ul li:hover .price, .cart_item:hover .price, .cart_item.vat:hover .price, .typeface_container ul li:hover span span {
	display: none;
	opacity: 0;
	}

.typeface_licenses ul li:hover .license_buttons, .typeface_container ul li:hover .license_buttons, .cart_item:hover .license_buttons, .total:hover .price {
	display: inline-block;
	}

.total:hover .price {
	opacity: 1;
	}

.license_header, .cart_empty, .other_orders ul li, .this_order ul li, .selected_option, .license_options li {
	height: 44px;
	padding-top: 13px;
	border-bottom: 0.5px solid;
	}

.selected_option {
	border-bottom: none;
	}

.license_options li {
	border-bottom: none;
	border-top: 0.5px solid;
	}

.license_header span {
	display: none;
	}

.license_container {
	margin-bottom: 44px;
	}

.proceed, .cart_empty {
	text-align: center;
	height: 95px;
	}

.proceed {
	padding-top: 57px;
	}

.cart_empty {
	padding-top: 17px;
	}

.typeface_licenses ul li, .typeface_container ul li,.cart_item {
	position:relative;
}


/* ––––––––– LINK BOTTOM –––––––––– */

.link_bottom {
	padding: 115px 20px 140px 20px;
	text-align: center;
	}


/* ––––––––– PREVIOUS NEXT TYPEFACE –––––––––– */

.previous_next_typeface ul {
	height: 44px;
	padding-top: 13px;
	border-top: 0.5px solid;
	display:grid;
	grid-gap:0;
	grid-template-columns:repeat(auto-fit,minmax(0,1fr));
	}

.previous_next_typeface ul li:last-of-type {
	text-align: right;
	}

.previous_next_typeface ul li:last-of-type a:after {
	content: "→";
	margin: 0 -0 0 15px;
	}

.previous_next_typeface ul li:first-of-type a::before {
	content: "←";
	margin: 0 15px 0 0;
	}

/* ––––––––– SHOP –––––––––– */

.shop_header li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.shop_header .selection li.checkout_step_1 {
	margin-left: 0;
	}

.shop_header .selection li.checkout_step_2 {
	margin-left: 15px;
	display: none;
	}

.shop_header li::before, .shop_header li span::before {
	width: 25px;
	display: inline-block;
	}

.shop_header li .back {
	display: none;
	}

/*
.shop_header li.checkout_step_1 span:first-of-type::before {
	content: "1";
	}

 */
.shop_header li .back::before, .shop_header ul.back li::before {
	content: "←";
	}

/*
.shop_header li.checkout_step_2::before {
	content: "2";
	}

.shop_header li.checkout_step_3::before {
	content: "3";
	}

.shop_header li.checkout_step_4::before {
	content: "4";
	}
 */

.shop_header ul.selection:not(.step_2) {
	padding-left: 16.666%;
	}

.shop_header ul.selection.step_2 li.checkout_step_1 span {
	display: none;
	}

.shop_header ul.selection.step_2 li.checkout_step_2, .shop_header ul.selection.step_2 li.checkout_step_1 span.back {
	display: inline-block;
	}

.shop_typeface_list, .checkout .checkout_terms {
	padding-bottom: 88px;
	}

 .checkout .checkout_terms {
	 margin-left:20px;
	 /* margin-top: 9px; */
 }

.shop_cart, .shop_typeface_list.select_license, .this_order {
	padding-top: 40px;
	padding-bottom: 88px;
	}

.shop_cart, .shop_typeface_list.select_license {
 	position: fixed;
	top: 80px;
	height: -moz-calc(100vh - 80px);
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px);
	overflow: scroll;
	}

.typeface_container ul li span span, .typeface_container ul li span span:first-of-type, .shop_typeface_list ul li span, .typeface_licenses ul li span span, .typeface_licenses ul li span span:first-of-type {
	float: right;
	clear: both;
	width: auto;
	text-align: right;
	}

.shop_typeface_list.select_license ul li span {
	display: none;
	}

.shop_typeface_list.select_license {
	left: 0;
	padding-right: 0;
	}

.shop_cart {
	margin: 0;
	right: 0;
	padding-right: 50px;
	}

.shop_typeface_list.select_license li {
	display: none;
	}

.shop_typeface_list.select_license li.selected {
	display: block;
	}

.typeface_container, .typeface_container.selected, .shop_typeface_list {
 	margin-left: -moz-calc(16.666% + 10px);
    margin-left: -webkit-calc(16.666% + 10px);
    margin-left: calc(16.666% + 10px);
	}

.typeface_container, .typeface_container.selected {
	display: none;
	margin-bottom: 80px;
	}

.typeface_container.selected {
	display: block;
	}


.typeface_container ul {
    margin-bottom: 25px;
	}

.checkout .shop_cart {
	top: unset;
	right: unset;
	position: relative;
	overflow: hidden;
	height: unset;
	}

.checkout .items, .this_order {
	margin-left: -moz-calc(16.666% + 10px);
    margin-left: -webkit-calc(16.666% + 10px);
    margin-left: calc(16.666% + 10px);
		padding-right:5px;

	}

.shop_header li.checkout_step_3 {
	width: -moz-calc(60% + 13px);
    width: -webkit-calc(60% + 13px);
    width: calc(60% + 13px);
	}

.shop_header .checkout_step_4 {
	width: -moz-calc(40% - 13px);
    width: -webkit-calc(40% - 13px);
    width: calc(40% - 13px);
	}

.selected_option span {
	float: right;
	clear: both;
	}

.selected_option span:after {
	content: "▾";
	margin-left: 10px;
	display: inline-block;
	}

.selected_option.show_options span:after {
	transform: rotate(180deg);
	}

.license_options {
	display: none;
	}

.license_options a li.other_volumes {
	width: 12.5%;
	text-align: center;
	display: inline-block;
	}

.license_options a li.other_volumes:after {
	content: "";
	height: 15px;
	width: 1px;
	border-left: 0.5px solid;
    display: block;
	float: right;
	clear: both;
	margin-top: -13px;
	}

.license_options a:last-of-type li.other_volumes:after {
	display: none;
	}

.shop_header ul.back a {
	display: block;
	height: 27px;
	}

input[type='checkbox'] {
	margin-right: 11px;
	}

.checkout_terms li, .checkout_terms li button {
	padding: 13px 0 13px 0;
	}

.checkout_terms li:first-of-type, .checkout_terms li:nth-of-type(2) {
	border-bottom: 0.5px solid;
	}

.checkout_terms li:nth-of-type(3) {
	padding: 20px 0 20px 0;
	}

.checkout_terms li:last-of-type {
	padding: 0;
	}

.checkout_terms li button {
	text-align: center;
	display: block;
	width: 100%;
	border: 0.5px solid;
	border-radius: 12px;
	}

.checkout_terms li button:disabled {
	border-right: none;
	border-left: none;
	border-radius: 0;
	}

.checkout_terms li span {
	display: inline-block;
	width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
	}

.shop_header .selection, .shop_header ul.back {
	margin-right: 0;
	}

.shop_header .cart, .shop_header li.checkout_step_3 {
 	padding-left: 19px;
 	}

.shop_header li.checkout_step_4 {
 	padding-left: 10px;
 	}

.shop_header .cart, .checkout .shop_header ul:last-of-type {
 	margin-left: 0;
	}

/*
.cart_item.vat span:first-of-type, .cart_item.billing_country span:first-of-type {
	width: 100px;
	}

.cart_item.vat.valid_tax_id span:first-of-type {
	width: 240px;
	}

.cart_item.vat span form, .cart_item.billing_country span:last-of-type {
    float: right;
    clear: both;
    text-align: right;
    display: inline-block;
	}

.cart_item.vat span form {
	width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
	}

.cart_item.billing_country span.selected_country {
	margin-left: 10px;
	width: auto;
	margin-left: -20px;
	pointer-events: none;
	}

.cart_item.vat.valid_tax_id span form {
	width: auto;
	}

.cart_item.vat span form input[type="text"] {
	text-align: right;
	margin-right: 20px;
	width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
	}
 */

.valid_tax_id span {
	float: right;
	clear: both;
	display: inline-block;
	margin-left: 7px;
	}

.valid_tax_id input[type="text"] {
	cursor: default;
	}

.this_order ul li.eu_b2b_info_box {
	margin-top: 30px;
	border-bottom: none;
	}

.eu_b2b_info {
	cursor: pointer;
	}

.validation select, .validation .vat form {
	width: -moz-calc(66.666% - 15px);
    width: -webkit-calc(66.666% - 15px);
    width: calc(66.666% - 15px);
	margin-left: 15px;
	display: inline-block;
	}

.validation input[type="submit"] {
	width: auto;
	float: right;
	clear: both;
	margin-right: -4px;
	}

.validation input[type="submit"], .validation input.vat_number {
	padding-left: 0;
	}

.validation li .valid_tax_id form:after {
	content: "✓";
	float: right;
	clear: both;
	margin-right: -3px;
	}

.validation li:hover .valid_tax_id form:after, .validation .valid_tax_id input[type="submit"] {
	display: none;
	}

.validation li:hover input[type="submit"] {
	display: inline-block;
	}

.checkout .validation .form_title {
	margin-top: 4px;
	}

.this_order ul li.country:after, .this_order ul li.state:after {
	content: "▾";
	margin-left: -10px;
	float: right;
	clear: both;
	}

.cart_empty.discount_applied {
	margin-bottom: 44px;
	}

.order .this_order ul{
	margin-top:44px;
}


/* ––––––––– TYPEFACES –––––––––– */

.typefaces {
	margin-bottom: 125px;
	margin-top: 45px;
	display:grid;
	grid-template-columns: 1fr;
	grid-gap:20px;
	}

.line_bottom {
	display: none;
	}

.typefaces .section_wrapper:first-of-type .section, .typefaces .section_wrapper:first-of-type .specimen_marker {
	display: none;
	}

.typefaces a {
	display: block;
	}

.typefaces a div h3, .typefaces_grid a div h3 {
	border: none;
	padding: 0;
	width: auto;
	height: auto;
	float: right;
	clear: both;
	margin: 0;
	position: relative;
	top: unset;
	z-index: 0;
	background: none;
	}

.typefaces a div{
	position: relative;
}

.typefaces a div h3 {
	position:absolute;
	right:0;
	bottom: 0;
	}

.typefaces a div h3 span, .typefaces_grid a div h3 span {
	display: inline-block;
	margin-left: 17px;
}

.typefaces_grid a div h2 {
	display: inline-block;
}

.typefaces a .img_wrapper {
	padding-top: 60px;
	padding-bottom: 30px;
	}

.typefaces_grid .section_wrapper:nth-of-type(3n+3), .typefaces_grid .section_wrapper:nth-of-type(3n+2), .typefaces_grid .section_wrapper:nth-of-type(3n+3) {
	display: none;
	}

.typefaces_grid {
	padding-bottom: 40px;
	/* border-bottom:0.5px solid */
	}

.typefaces_grid a {
	margin-top: 20px;
	}

/*
.typefaces_grid a div {
	border-bottom: 0.5px solid;
	padding-bottom: 12px;
	}
 */

.typefaces_grid a div h2, .typefaces_grid a div h3 {
	opacity: 0;
	margin: 0 3px 0 3px;
	}

.typefaces_grid a:hover div h2, .typefaces_grid a:hover div h3 {
	opacity: 1;
	}

.typeface_licenses ul.typeface_preview {
	column-count: 1;
	margin-top:35px;
	}

.typeface_licenses ul:last-of-type{
	padding-bottom:0;
	margin-bottom:0;
}

.typeface_licenses ul.typeface_preview li {
	text-align: center;
	padding: 140px 0 165px 0;
	border-bottom:none;
	}

/* ––––––––– INFORMATION –––––––––– */

.information {
	padding-bottom: 70px;
	}

.information.about{
	text-align: center;
	padding: 95px 0 100px 0;
	}

.information.about p {
	font-size: -moz-calc(1vw + 25px);
    font-size: -webkit-calc(1vw + 25px);
    font-size: calc(1vw + 25px);
	line-height: -moz-calc(1vw + 30px);
    line-height: -webkit-calc(1vw + 30px);
    line-height: calc(1vw + 30px);
	margin-bottom: -moz-calc(1vw + 30px);
    margin-bottom: -webkit-calc(1vw + 30px);
    margin-bottom: calc(1vw + 30px);
	}

.information .line_bottom {
	border-top: 0.5px solid;
	}

.information.link_bottom {
	padding-bottom: 145px;
	padding-top:30px;
	}

.information .line_bottom {
	margin-bottom: 105px;
	}

.information.about p:last-of-type {
	margin-bottom: 0;
	}

.information .content div {
	margin-bottom: 20px;
	}


.information .content {
	padding-top: 0;
	}

.information ul, .information h4 {
	padding-top: 13px;
	}

.information h4 {
  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	hyphens: auto;
	}

.information ul {
	margin-bottom: 13px;
	}

/*

.information .content div:last-of-type ul {
	margin-bottom: 0;
	}
 */

.information.eula .content div:first-of-type h4 {
	display: none;
	}

.information.eula .content div:first-of-type ul {
	width: 100%;
	margin-left: 0;
	}

/*
.information h4::before {
	content: "";
	height: 14px;
	width: 1px;
	border-left: 0.5px solid;
    display: block;
	float: right;
	clear: both;
	margin: -13px -10.5px 0 0;
	}
 */

.information ul li {
	padding-left: 10px;
	}

.information.eula .content div:first-of-type ul li {
	padding: 0;
	}

.information .content div ul li {
	margin-bottom: 13pt;
	}

.information .content div ul li:last-of-type {
	margin-bottom: 0;
	}




/* ––––––––– LOGIN –––––––––– */

.other_orders ul li span, .login_header .cart li span {
	float: right;
	clear: both;
    width: calc(100% - 100px);
    text-align: right;
	}

.login_header .cart li {
	width: 100%;
	}

.login_header li.checkout_step_2::before {
	content: "";
	width: 0;
	}

.this_order ul li span.download_item, .validation label {
	display: inline-block;
	width: -moz-calc(33.333% - 4px);
    width: -webkit-calc(33.333% - 4px);
    width: calc(33.333% - 4px);
	margin-right: 10px;
	}

.this_order ul li span.download_item, .other_orders ul li span, .login_header .cart li span, .validation label, .validation input, label span span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.items .this_order {
	margin: 0;
	width: 100%;
	}

.this_order ul:not(.validation) {
	margin-bottom: 20px;
	}

.this_order ul a:last-of-type li {
	border-bottom: none;
	}

.shop_cart.other_orders ul {
	margin-top: 10px;
	}

.validation label {
	margin-right: 0;
    padding-right: 10px;
	}

.validation input {
	width: -moz-calc(66.666% + 4px);
    width: -webkit-calc(66.666% + 4px);
    width: calc(66.666% + 4px);
    padding-left: 15px;
		margin-top:-11px;
		height:40px;
	}

.validation label::before {
	content: "";
	height: 14px;
	width: 1px;
	border-left: 0.5px solid;
    display: block;
	float: right;
	clear: both;
	margin: 16px -10px 0 0;
	}

.validation .form_title {
	margin-top: 44px;
	}

.validation_text {
	margin-top: 64px;
	}

input[type='submit'].confirm_validation {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 80px;
	}

.confirmation_message {
	margin-left: -moz-calc(16.666% + 10px);
    margin-left: -webkit-calc(16.666% + 10px);
    margin-left: calc(16.666% + 10px);
    margin-top: 80px;
    margin-bottom: 80px;
	}

.confirmation_message p {
	border-bottom: 0.5px solid;
	margin: 0;
	padding: 13px 0 13px 0;
	}

.confirmation_message p:last-of-type {
	border-bottom: none;
	}

.confirmation_message p:nth-of-type(2) {
	font-size: 18pt;
	line-height: 23pt;
	padding: 60px 5% 60px 5%;
	text-align: center;
	}

.confirmation_message p span {
	float: right;
	clear: both;
	}


	.this_order ul li{
		position:relative;
	}

label span span {
	position: absolute;
	padding: 11px 0 12.5px 0;
	margin-top: -28px;
	width: -moz-calc(50% - 60px);
    width: -webkit-calc(50% - 60px);
    width: calc(50% - 60px);
    display: none;
	}

label span:hover span {
	display: block;
	}

/* ––––––––– SYSTEM MESSAGES –––––––––– */

.system_message {
	width: 100vw;
	text-align: center;
	padding: 100px 50px 100px 50px;
	display: block;
	}











/* ––––——————————––––––––——————————––——————————––––––––——————————––——————————––––––––——————————––——————————––––––––——————————––——————————––––––––——————————–––– */

.typeface_licenses ul, .shop_typeface_list:not(.select_license) ul, .typeface_container ul, .specimen, .selected_option_container, .this_order ul:not(.validation), .typefaces_grid a, .typefaces a, .information .content div, .confirmation_message {
	border-radius: 12px;
	padding: 8px 20px 8px 20px;
	}

.selected_option_container, .order .this_order ul:not(.validation):last-of-type {
	padding-top: 5px;
	padding-bottom: 5px;
	}



/* .specimen_block {
	margin: 10px 0 -30px 0;
	} */

.specimen_marker {
	display: none;
	}


.typeface_licenses ul:last-of-type, .theme_2 .typeface_licenses ul:last-of-type, .theme_3 .typeface_licenses ul:last-of-type, .theme_4 .typeface_licenses ul:last-of-type, .theme_5 .typeface_licenses ul:last-of-type, .dark_mode .typeface_licenses ul:last-of-type {
	background: none;
	}

/*
.specimen_wrapper .subnav {
	margin-bottom: 50px;
	}
 */

/* .specimen_block {
	margin-top: 60px;
	} */

/* .section_wrapper .specimen_block {
	margin-top: 10px;
	} */

.typefaces_grid a {
	padding: 35px 20px 20px 20px;
	}

.typefaces_grid {
	margin-top: 25px;
	}

.section, .section_nav {
	opacity: 0;
	}

.shop_typeface_list ul li:last-of-type, .typeface_container ul li:last-of-type {
	border-bottom: none;
	}

.typeface_container ul,
.shop_typeface_list ul{
	margin-right: 6px;
}

.shop_typefaces {
	margin-bottom: 40px;
	}

.shop_typefaces,
.checkout .shop_cart{
	margin-top: 50px;
}

.items, .shop_typeface_list.select_license li.selected, .checkout_terms {
	margin-top: 8px;
	}

.selected_option_container {
	margin-bottom: 15px;
	}

	.login_input {
		border-bottom: 0.5px solid;
		display: block;
		padding: 10px 0;
		width:100%;
	}

.login_btn {
	padding: 10px 0;
	width:100%;
	display: block;
	text-align:center;
	margin-top:20px;
}

.version-toggle{
	position: sticky;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: space-around;
	z-index:1 !important;
	width:auto !important;
	margin-top: 40px;
	top: 60px;
}

@media(max-width:530px){
	.version-toggle{
		margin-bottom:40px;
	}
}

.shop_typefaces .version-toggle{
	margin-top:0;
	margin-bottom:40px;
	top: 120px;
}

.version-toggle div{
	border:0.5px solid;
	border-radius: 50px;
	padding: 6px 11px;
	background: rgba(249,249,249,1);
	/* -webkit-backdrop-filter: blur(25px); */
	display: block;
	border-color:rgba(10,10,11,0.15);
}

.dark_mode .version-toggle div {
	background: rgba(10,10,11,1);
	border-color:rgba(233,220,225,0.15);
}

.version-toggle span {
	border-radius:50px;
	padding:8px 15px;
	margin: 0 -4px;
	cursor: pointer;
	transition:all 0.3s ease;
display: inline-block;
}

.version-toggle p.desktop {
	display: inline;
}

.version-toggle p.mobile {
	display: none;
}

@media (max-width: 1100px) {
	.version-toggle p.mobile {
		display: inline;
	}
	.version-toggle p.desktop {
		display: none;
	}
	.version-toggle span {
		padding:8px 10px;
	}

}

/* .version-toggle span.active{
	background:black;
	color:white;
} */

.tag {
	border-radius: 20px;
	display: inline;
	padding: 2px 5px;
	text-transform: uppercase;
	font-size: 65%;
	font-weight: 600;
	letter-spacing: -0.5px;
	/* border: 1px solid black; */
	margin: 0 1px;
	/* background:rgb(10,10,11);; */
	/* color:white; */
}

.tag-small{
	font-style:normal;
	font-size: 65%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.3px;
	border-radius: 20px;
	display: inline;
	padding: 2px 5px;
	background:white;
}

.dark_mode .tag-small{
	background:black;
}

/* ––––––––– THEMES –––––––––– */


html, .menu_block h3, .checkout_terms li button:disabled, .nav, .subnav, .footer, h3, .sticky_menu, label span span {
	background: rgb(250,250,250);
	color: rgb(10,10,11);
	}

.validation label::before, .information .line_bottom, .information .content div, .section_marker, .line, .cookies div, .nav ul li.nav_item::before, h1, .subnav ul, .subnav .options, .footer ul li:last-of-type::before, h3, .typeface_about .content, .typeface_character_set ul, .typeface_character_set ul li, .download_trials form, .download_trials form::before, .download_trials form:after, .download_trials form:after, .download_trials form button::before, .specimen_marker.bottom, .specimen_marker.top, .specimen_marker.flat, .specimen_marker.top:after, .specimen_marker.bottom:after, .subnav .options, .typeface_licenses ul li, .shop_typeface_list ul li, .typeface_container ul li, .cart_item, .price::before, .license_buttons::before, .license_header, .cart_empty, .license_options li, .other_orders ul li, .this_order ul li, .selected_option, .previous_next_typeface ul, .license_options a li.other_volumes:after, .checkout_terms li:first-of-type, .checkout_terms li:nth-of-type(2), .checkout_terms li button, .typefaces_grid a div, .typefaces_grid, .typeface_licenses ul.typeface_preview li, .information h4::before, .confirmation_message p, .license_buttons button::before, input[type='checkbox'], .subnav .options ul li:not(:last-of-type)::before, .login_input {
	border-color: rgba(10,10,11,0.15);
}

input:checked, .subnav .options ul li.active::before {
	border-color: rgba(10,10,11);
	}

*::selection, .checkout_terms li button, .wip, .tag, .version-toggle span.active {
	background: rgba(10,10,11,0.99);
	color: rgb(250,250,250);
}

.img_wrapper, .checkout_terms li button {
	background: rgb(10,10,11);
	}

input::placeholder {
	color: rgba(10,10,11,0.2);
	}

.typeface_licenses ul, .shop_typeface_list:not(.select_license) ul, .typeface_container ul, .specimen, .selected_option_container, .this_order ul:not(.validation), .typefaces_grid a, .typeface_licenses ul::before, .typefaces a, .information .content div, .confirmation_message {
	background: rgb(245,245,246);
	}


@media not all and (min-resolution:.001dpcm) {
    @media {

.nav, .subnav, .footer, h3, .sticky_menu {
	background: rgba(249,249,249,0.85);
	}

}}



/* ———————————————————————— */


.dark_mode, .dark_mode .menu_block h3, .dark_mode .checkout_terms li button:disabled, .dark_mode .nav, .dark_mode .subnav, .dark_mode .footer, .dark_mode h3, .dark_mode .sticky_menu, .dark_mode label span span {
	background: rgb(10,10,11);
	color: rgb(255,255,255);
	}

.dark_mode .validation label::before, .dark_mode .information .line_bottom, .dark_mode .information .content div, .dark_mode .section_marker, .dark_mode .line, .dark_mode .cookies div, .dark_mode .nav ul li.nav_item::before, .dark_mode h1, .dark_mode .subnav ul, .dark_mode .subnav .options, .dark_mode .footer ul li:last-of-type::before, .dark_mode h3, .dark_mode .typeface_about .content, .dark_mode .typeface_character_set ul, .dark_mode .typeface_character_set ul li, .dark_mode .download_trials form, .dark_mode .download_trials form::before, .dark_mode .download_trials form:after, .dark_mode .download_trials form:after, .dark_mode .download_trials form button::before, .dark_mode .specimen_marker.bottom, .dark_mode .specimen_marker.top, .dark_mode .specimen_marker.flat, .dark_mode .specimen_marker.top:after, .dark_mode .specimen_marker.bottom:after, .dark_mode .subnav .options, .dark_mode .typeface_licenses ul li, .dark_mode .shop_typeface_list ul li, .dark_mode .typeface_container ul li, .dark_mode .cart_item, .dark_mode .price::before, .dark_mode .license_buttons::before, .dark_mode .license_header, .dark_mode .cart_empty, .dark_mode .license_options li, .dark_mode .other_orders ul li, .dark_mode .this_order ul li, .dark_mode .selected_option, .dark_mode .previous_next_typeface ul, .dark_mode .license_options a li.other_volumes:after, .dark_mode .checkout_terms li:first-of-type, .dark_mode .checkout_terms li:nth-of-type(2), .dark_mode .checkout_terms li button, .dark_mode .typefaces_grid a div, .dark_mode typefaces_grid, .dark_mode .typeface_licenses ul.typeface_preview li, .dark_mode .information h4::before, .dark_mode .confirmation_message p, .dark_mode .license_buttons button::before, .dark_mode input[type='checkbox'], .dark_mode .subnav .options ul li::before, .dark_mode .login_input {
	border-color: rgba(255,255,255,0.3);
}

.dark_mode input:checked, .dark_mode .subnav .options ul li.active::before {
	border-color: rgba(255,255,255);
	}

.dark_mode *::selection, .dark_mode .checkout_terms li button, .dark_mode .wip, .dark_mode .tag, .dark_mode .version-toggle span.active {
	background: rgba(255,255,255,0.99);
	color: rgb(10,10,11);
}

.dark_mode .img_wrapper, .dark_mode .checkout_terms li button {
	background: rgb(255,255,255);
	}

.dark_mode input::placeholder {
	color: rgba(255,255,255,0.2);
	}

.dark_mode .typeface_licenses ul, .dark_mode .shop_typeface_list:not(.select_license) ul, .dark_mode .typeface_container ul, .dark_mode .specimen, .dark_mode .selected_option_container, .dark_mode .this_order ul:not(.validation), .dark_mode .typefaces_grid a, .dark_mode .typeface_licenses ul::before, .dark_mode .typefaces a, .dark_mode .information .content div, .dark_mode .confirmation_message {
	background: rgb(25,25,26);
	}


@media not all and (min-resolution:.001dpcm) {
    @media {

.dark_mode .nav, .dark_mode .subnav, .dark_mode .footer, .dark_mode h3, .dark_mode .sticky_menu {
	background: rgba(10,10,11,0.8);
	}

}}



/* ———————————————————————— */


.theme_2, .theme_2 .menu_block h3, .theme_2 .checkout_terms li button:disabled, .theme_2 .nav, .theme_2 .subnav, .theme_2 .footer, .theme_2 h3, .theme_2 .sticky_menu, .theme_2 label span span {
	background: rgb(200,195,194);
	color: rgb(10,10,11);
	}

.theme_2 .validation label::before, .theme_2 .information .line_bottom, .theme_2 .information .content div, .theme_2 .section_marker, .theme_2 .line, .theme_2 .cookies div, .theme_2 .nav ul li.nav_item::before, .theme_2 h1, .theme_2 .subnav ul, .theme_2 .subnav .options, .theme_2 .footer ul li:last-of-type::before, .theme_2 h3, .theme_2 .typeface_about .content, .theme_2 .typeface_character_set ul, .theme_2 .typeface_character_set ul li, .theme_2 .download_trials form, .theme_2 .download_trials form::before, .theme_2 .download_trials form:after, .theme_2 .download_trials form:after, .theme_2 .download_trials form button::before, .theme_2 .specimen_marker.bottom, .theme_2 .specimen_marker.top, .theme_2 .specimen_marker.flat, .theme_2 .specimen_marker.top:after, .theme_2 .specimen_marker.bottom:after, .theme_2 .subnav .options, .theme_2 .typeface_licenses ul li, .theme_2 .shop_typeface_list ul li, .theme_2 .typeface_container ul li, .theme_2 .cart_item, .theme_2 .price::before, .theme_2 .license_buttons::before, .theme_2 .license_header, .theme_2 .cart_empty, .theme_2 .license_options li, .theme_2 .other_orders ul li, .theme_2 .this_order ul li, .theme_2 .selected_option, .theme_2 .previous_next_typeface ul, .theme_2 .license_options a li.other_volumes:after, .theme_2 .checkout_terms li:first-of-type, .theme_2 .checkout_terms li:nth-of-type(2), .theme_2 .checkout_terms li button, .theme_2 .typefaces_grid a div, .theme_2 .typeface_licenses ul.typeface_preview li, .theme_2 .information h4::before, .theme_2 .confirmation_message p, .theme_2 .license_buttons button::before, .theme_2 input[type='checkbox'], .theme_2 .subnav .options ul li::before, .login_input, .theme_2 .login_input {
	border-color: rgba(10,10,11,0.2);
}

.theme_2 input:checked, .theme_2 .subnav .options ul li.active::before {
	border-color: rgba(10,10,11);
	}

.theme_2 *::selection, .theme_2 .wip {
	background: rgba(200,195,194,0.99);
	color: rgb(10,10,11);
}

.theme_2 .checkout_terms li button, .theme_2 .subnav .wip, .theme_2 .badge {
	background: rgba(10,10,11,0.99);
	color: rgb(200,195,194);
}

.theme_2 .checkout_terms li button {
	background: rgb(10,10,11);
	}

.theme_2 .img_wrapper {
	background: rgb(200,195,194);
	}

.theme_2 .typefaces_grid a div h3, .theme_2 .typefaces a div h3 {
	color: rgb(200,195,194);
	}

.theme_2 .typeface_licenses ul, .theme_2 .shop_typeface_list:not(.select_license) ul, .theme_2 .typeface_container ul, .theme_2 .specimen, .theme_2 .selected_option_container, .theme_2 .this_order ul:not(.validation), .theme_2 .typefaces_grid a, .theme_2 .typeface_licenses ul::before, .theme_2 .typefaces a, .theme_2 .information .content div, .theme_2 .confirmation_message {
	background: rgb(10,10,11);
	color: rgb(200,195,194);
	}

.theme_2 .typeface_licenses ul li, .theme_2 .shop_typeface_list ul li:not(.selected), .theme_2 .typeface_container ul li, .theme_2 .license_buttons::before, .theme_2 .license_options li, .theme_2 .selected_option, .theme_2 .license_options a li.other_volumes:after, .theme_2 .confirmation_message p, .theme_2 .license_buttons button::before, .theme_2 .this_order ul li.this_order_downloads {
	border-color: rgba(200,195,194,0.3);
	}

@media not all and (min-resolution:.001dpcm) {
    @media {

.theme_2 .nav, .theme_2 .subnav, .theme_2 .footer, .theme_2 h3, .theme_2 .sticky_menu {
	background: rgba(200,195,194,0.85);
	}

}}




/* ———————————————————————— */


.theme_3, .theme_3 .menu_block h3, .theme_3 .checkout_terms li button:disabled, .theme_3 .nav, .theme_3 .subnav, .theme_3 .footer, .theme_3 h3, .theme_3 .sticky_menu, .theme_3 label span span {
	background: rgb(10,10,11);
	color: rgb(233,220,225);
	}

.theme_3 .validation label::before, .theme_3 .information .line_bottom, .theme_3 .information .content div, .theme_3 .section_marker, .theme_3 .line, .theme_3 .cookies div, .theme_3 .nav ul li.nav_item::before, .theme_3 h1, .theme_3 .subnav ul, .theme_3 .subnav .options, .theme_3 .footer ul li:last-of-type::before, .theme_3 h3, .theme_3 .typeface_about .content, .theme_3 .typeface_character_set ul, .theme_3 .typeface_character_set ul li, .theme_3 .download_trials form, .theme_3 .download_trials form::before, .theme_3 .download_trials form:after, .theme_3 .download_trials form:after, .theme_3 .download_trials form button::before, .theme_3 .specimen_marker.bottom, .theme_3 .specimen_marker.top, .theme_3 .specimen_marker.flat, .theme_3 .specimen_marker.top:after, .theme_3 .specimen_marker.bottom:after, .theme_3 .subnav .options, .theme_3 .typeface_licenses ul li, .theme_3 .shop_typeface_list ul li, .theme_3 .typeface_container ul li, .theme_3 .cart_item, .theme_3 .price::before, .theme_3 .license_buttons::before, .theme_3 .license_header, .theme_3 .cart_empty, .theme_3 .license_options li, .theme_3 .other_orders ul li, .theme_3 .this_order ul li, .theme_3 .selected_option, .theme_3 .previous_next_typeface ul, .theme_3 .license_options a li.other_volumes:after, .theme_3 .checkout_terms li:first-of-type, .theme_3 .checkout_terms li:nth-of-type(2), .theme_3 .checkout_terms li button, .theme_3 .typefaces_grid a div, .theme_3 .typeface_licenses ul.typeface_preview li, .theme_3 .information h4::before, .theme_3 .confirmation_message p, .theme_3 .license_buttons button::before, .theme_3 input[type='checkbox'], .theme_3 .subnav .options ul li::before, .theme_3 .login_input {
	border-color: rgba(233,220,225,0.3);
}

.theme_3 input:checked, .theme_3 .subnav .options ul li.active::before {
	border-color: rgba(233,220,225);
	}

.theme_3 *::selection, .theme_3 .wip {
	background: rgba(10,10,11,0.99);
	color: rgb(233,220,225);
}

.theme_3 .checkout_terms li button, .theme_3 .subnav .wip, .theme_3 .badge {
	background: rgba(233,220,225,0.99);
	color: rgb(10,10,11);
}

.theme_3 .checkout_terms li button {
	background: rgb(233,220,225);
	}

.theme_3 .img_wrapper {
	background: rgb(10,10,11);
	}

.theme_3 .typefaces_grid a div h3, .theme_3 .typefaces a div h3 {
	color: rgb(10,10,11);
	}

.theme_3 .typeface_licenses ul, .theme_3 .shop_typeface_list:not(.select_license) ul, .theme_3 .typeface_container ul, .theme_3 .specimen, .theme_3 .selected_option_container, .theme_3 .this_order ul:not(.validation), .theme_3 .typefaces_grid a, .theme_3 .typeface_licenses ul::before, .theme_3 .typefaces a, .theme_3 .information .content div, .theme_3 .confirmation_message {
	background: rgb(233,220,225);
	color: rgb(10,10,11);
	}

.theme_3 .typeface_licenses ul li, .theme_3 .shop_typeface_list ul li:not(.selected), .theme_3 .typeface_container ul li, .theme_3 .license_buttons::before, .theme_3 .license_options li, .theme_3 .selected_option, .theme_3 .license_options a li.other_volumes:after, .theme_3 .confirmation_message p, .theme_3 .license_buttons button::before, .theme_3 .this_order ul li.this_order_downloads {
	border-color: rgba(10,10,11,0.3);
	}

@media not all and (min-resolution:.001dpcm) {
    @media {

.theme_3 .nav, .theme_3 .subnav, .theme_3 .footer, .theme_3 h3, .theme_3 .sticky_menu {
	background: rgba(10,10,11,0.85);
	}

}}


/* ———————————————————————— */


.theme_4, .theme_4 .menu_block h3, .theme_4 .checkout_terms li button:disabled, .theme_4 .nav, .theme_4 .subnav, .theme_4 .footer, .theme_4 h3, .theme_4 .sticky_menu, .theme_4 label span span {
	background: rgb(237,11,43);
	color: rgb(60,87,84);
	}

.theme_4 .validation label::before, .theme_4 .information .line_bottom, .theme_4 .information .content div, .theme_4 .section_marker, .theme_4 .line, .theme_4 .cookies div, .theme_4 .nav ul li.nav_item::before, .theme_4 h1, .theme_4 .subnav ul, .theme_4 .subnav .options, .theme_4 .footer ul li:last-of-type::before, .theme_4 h3, .theme_4 .typeface_about .content, .theme_4 .typeface_character_set ul, .theme_4 .typeface_character_set ul li, .theme_4 .download_trials form, .theme_4 .download_trials form::before, .theme_4 .download_trials form:after, .theme_4 .download_trials form:after, .theme_4 .download_trials form button::before, .theme_4 .specimen_marker.bottom, .theme_4 .specimen_marker.top, .theme_4 .specimen_marker.flat, .theme_4 .specimen_marker.top:after, .theme_4 .specimen_marker.bottom:after, .theme_4 .subnav .options, .theme_4 .typeface_licenses ul li, .theme_4 .shop_typeface_list ul li, .theme_4 .typeface_container ul li, .theme_4 .cart_item, .theme_4 .price::before, .theme_4 .license_buttons::before, .theme_4 .license_header, .theme_4 .cart_empty, .theme_4 .license_options li, .theme_4 .other_orders ul li, .theme_4 .this_order ul li, .theme_4 .selected_option, .theme_4 .previous_next_typeface ul, .theme_4 .license_options a li.other_volumes:after, .theme_4 .checkout_terms li:first-of-type, .theme_4 .checkout_terms li:nth-of-type(2), .theme_4 .checkout_terms li button, .theme_4 .typefaces_grid a div, .theme_4 .typeface_licenses ul.typeface_preview li, .theme_4 .information h4::before, .theme_4 .confirmation_message p, .theme_4 .license_buttons button::before, .theme_4 input[type='checkbox'], .theme_4 .subnav .options ul li::before, .theme_4 .login_input {
	border-color: rgba(60,87,84,0.2);
}

.theme_4 input:checked, .theme_4 .subnav .options ul li.active::before {
	border-color: rgba(60,87,84);
	}

.theme_4 *::selection, .theme_4 .wip {
	background: rgba(237,11,43,0.99);
	color: rgb(60,87,84);
}

.theme_4 .checkout_terms li button, .theme_4 .subnav .wip, .theme_4 .badge {
	background: rgba(60,87,84,0.99);
	color: rgb(237,11,43);
}

.theme_4 .checkout_terms li button {
	background: rgb(60,87,84);
	}

.theme_4 .img_wrapper {
	background: rgb(237,11,43);
	}

.theme_4 .typefaces_grid a div h3, .theme_4 .typefaces a div h3 {
	color: rgb(237,11,43);
	}

.theme_4 .typeface_licenses ul, .theme_4 .shop_typeface_list:not(.select_license) ul, .theme_4 .typeface_container ul, .theme_4 .specimen, .theme_4 .selected_option_container, .theme_4 .this_order ul:not(.validation), .theme_4 .typefaces_grid a, .theme_4 .typeface_licenses ul::before, .theme_4 .typefaces a, .theme_4 .information .content div, .theme_4 .confirmation_message {
	background: rgb(60,87,84);
	color: rgb(237,11,43);
	}

.theme_4 .typeface_licenses ul li, .theme_4 .shop_typeface_list ul li:not(.selected), .theme_4 .typeface_container ul li, .theme_4 .license_buttons::before, .theme_4 .license_options li, .theme_4 .selected_option, .theme_4 .license_options a li.other_volumes:after, .theme_4 .confirmation_message p, .theme_4 .license_buttons button::before, .theme_4 .this_order ul li.this_order_downloads {
	border-color: rgba(237,11,43,0.3);
	}

@media not all and (min-resolution:.001dpcm) {
    @media {

.theme_4 .nav, .theme_4 .subnav, .theme_4 .footer, .theme_4 h3, .theme_4 .sticky_menu {
	background: rgba(237,11,43,0.85);
	}

}}





/* ———————————————————————— */


.theme_5, .theme_5 .menu_block h3, .theme_5 .checkout_terms li button:disabled, .theme_5 .nav, .theme_5 .subnav, .theme_5 .footer, .theme_5 h3, .theme_5 .sticky_menu, .theme_5 label span span {
	background: rgb(235,230,233);
	color: rgb(76,77,77);
	}

.theme_5 .validation label::before, .theme_5 .information .line_bottom, .theme_5 .information .content div, .theme_5 .section_marker, .theme_5 .line, .theme_5 .cookies div, .theme_5 .nav ul li.nav_item::before, .theme_5 h1, .theme_5 .subnav ul, .theme_5 .subnav .options, .theme_5 .footer ul li:last-of-type::before, .theme_5 h3, .theme_5 .typeface_about .content, .theme_5 .typeface_character_set ul, .theme_5 .typeface_character_set ul li, .theme_5 .download_trials form, .theme_5 .download_trials form::before, .theme_5 .download_trials form:after, .theme_5 .download_trials form:after, .theme_5 .download_trials form button::before, .theme_5 .specimen_marker.bottom, .theme_5 .specimen_marker.top, .theme_5 .specimen_marker.flat, .theme_5 .specimen_marker.top:after, .theme_5 .specimen_marker.bottom:after, .theme_5 .subnav .options, .theme_5 .typeface_licenses ul li, .theme_5 .shop_typeface_list ul li, .theme_5 .typeface_container ul li, .theme_5 .cart_item, .theme_5 .price::before, .theme_5 .license_buttons::before, .theme_5 .license_header, .theme_5 .cart_empty, .theme_5 .license_options li, .theme_5 .other_orders ul li, .theme_5 .this_order ul li, .theme_5 .selected_option, .theme_5 .previous_next_typeface ul, .theme_5 .license_options a li.other_volumes:after, .theme_5 .checkout_terms li:first-of-type, .theme_5 .checkout_terms li:nth-of-type(2), .theme_5 .checkout_terms li button, .theme_5 .typefaces_grid a div, .theme_5 .typeface_licenses ul.typeface_preview li, .theme_5 .information h4::before, .theme_5 .confirmation_message p, .theme_5 .license_buttons button::before, .theme_5 input[type='checkbox'], .theme_5 .subnav .options ul li::before, .theme_5 .login_input {
	border-color: rgba(76,77,77,0.2);
}

.theme_5 input:checked, .theme_5 .subnav .options ul li.active::before {
	border-color: rgba(76,77,77);
	}

.theme_5 *::selection, .theme_5 .wip {
	background: rgba(235,230,233,0.99);
	color: rgb(76,77,77);
}

.theme_5 .checkout_terms li button, .theme_5 .subnav .wip, .theme_5 .badge {
	background: rgba(76,77,77,0.99);
	color: rgb(235,230,233);
}

.theme_5 .checkout_terms li button {
	background: rgb(76,77,77);
	}

.theme_5 .img_wrapper {
	background: rgb(235,230,233);
	}

.theme_5 .typefaces_grid a div h3, .theme_5 .typefaces a div h3 {
	color: rgb(235,230,233);
	}

.theme_5 .typeface_licenses ul, .theme_5 .shop_typeface_list:not(.select_license) ul, .theme_5 .typeface_container ul, .theme_5 .specimen, .theme_5 .selected_option_container, .theme_5 .this_order ul:not(.validation), .theme_5 .typefaces_grid a, .theme_5 .typeface_licenses ul::before, .theme_5 .typefaces a, .theme_5 .information .content div, .theme_5 .confirmation_message {
	background: rgb(76,77,77);
	color: rgb(235,230,233);
	}

.theme_5 .typeface_licenses ul li, .theme_5 .shop_typeface_list ul li:not(.selected), .theme_5 .typeface_container ul li, .theme_5 .license_buttons::before, .theme_5 .license_options li, .theme_5 .selected_option, .theme_5 .license_options a li.other_volumes:after, .theme_5 .confirmation_message p, .theme_5 .license_buttons button::before, .theme_5 .this_order ul li.this_order_downloads {
	border-color: rgba(235,230,233,0.3);
	}

@media not all and (min-resolution:.001dpcm) {
    @media {

.theme_5 .nav, .theme_5 .subnav, .theme_5 .footer, .theme_5 h3, .theme_5 .sticky_menu {
	background: rgba(235,230,233,0.85);
	}

}}








/* ––––––––————————————————————————––––––––– */

/* ––––––––– MOBILE BORDER COLORS –––––––––– */

/* ––––––––————————————————————————––––––––– */



/* ––––––––– NO SELECTION –––––––––– */

*:not([contenteditable], input, p, p a, .information .content *)::selection {
	background: rgba(255,255,255,0.01);
	color: inherit;
	}









@media (max-width: 1900px) {

html {
    zoom: 1.08;
	}

.editor {
	zoom: 0.8;
	}

}

@media (max-width: 1700px) {

html {
    zoom: 1.04;
	}

.editor {
	zoom: 0.9;
	}

}

@media (max-width: 1500px) {

html {
    zoom: 1.0;
	}

.editor {
	zoom: 1.0;
	}

}

@media (max-width: 1000px) {

.typeface_character_set ul li {
	font-size: 4.1vw;
	line-height: 4.8vw;
	}

.typeface_styles ul li {
	font-size: 4.1vw;
	line-height: 4.6vw;
	}

.typeface_character_set ul li, .typeface_character_set ul li:nth-child(12n+2), .typeface_character_set ul li:nth-child(12n+3), .typeface_character_set ul li:nth-child(12n+10), .typeface_character_set ul li:nth-child(12n+11), .typeface_character_set ul li:nth-child(12n), .typeface_character_set ul li:nth-child(12n+1), .typeface_character_set ul li:nth-child(12n+4) {
	width: -moz-calc(12.5% + 2px);
    width: -webkit-calc(12.5% + 2px);
    width: calc(12.5% + 2px);
	}

.typeface_character_set ul li:nth-child(8n+1), .typeface_character_set ul li:nth-child(8n+8) {
	width: -moz-calc(12.5% - 3px);
    width: -webkit-calc(12.5% - 3px);
    width: calc(12.5% - 3px);
	}

.typeface_character_set ul li:nth-child(8n+2), .typeface_character_set ul li:nth-child(8n+7) {
	width: -moz-calc(12.5% - 2px);
    width: -webkit-calc(12.5% - 2px);
    width: calc(12.5% - 2px);
	}

.typeface_character_set ul li:nth-child(8n+4), .typeface_character_set ul li:nth-child(8n+5) {
	width: -moz-calc(12.5% + 3px);
    width: -webkit-calc(12.5% + 3px);
    width: calc(12.5% + 3px);
	}

.typeface_character_set ul li:nth-child(-n+12) {
	border-top: 0.5px solid;
	}

.typeface_character_set ul li:nth-child(-n+8) {
	border-top: none;
	}

.typeface_language_support .content {
	column-count: 4;
	}

.typeface_licenses ul {
	column-count: 2;
	}

.typefaces_grid a, .link_bottom div, .link_bottom a {
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
	}

.information:not(.all_typefaces).link_bottom a:last-of-type {
	display: none;
	}

.footer ul li:first-of-type, .footer ul li:last-of-type::before {
	display: none;
	}

/* .footer ul li:last-of-type {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	} */

.typefaces_grid a .img_wrapper {
	height: -moz-calc(10vw + 40px);
	height: -webkit-calc(10vw + 40px);
	height: calc(10vw + 40px);
	}

.editor span {
	padding-left: 5px;
	padding-right: 5px;
	}

/* [contenteditable] {
	padding: 20px 10px 10px 10px;
	} */


		/* .typeface_styles ul li {
			padding-bottom: 3px;
			} */

}


@media (max-width: 750px) {

.nav ul li, .nav ul li:first-of-type {
	width: -moz-calc(25% - 20px);
	width: -webkit-calc(25% - 20px);
	width: calc(25% - 20px);
	text-align: center;
	}

.content, .checkout .shop_header ul:last-of-type, .sticky_menu, h3 span, .confirmation_message {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	}


		.typeface_styles ul li {
			padding-bottom: 2px;
			}

h3, .sticky_menu {
	top: 40px;
	border-top: none;
	-webkit-backdrop-filter: blur(25px);
	z-index: 0;
	width: -moz-calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	margin-left: -10px;
	padding-left: 20px;
	margin-right: 0;
	}

.sticky_menu h3 {
	padding-left: 0;
	}

h3 span {
 	border-bottom: 0.5px solid;
 	display: block;
 	padding-bottom: 13px;
	}
.information .content div:first-of-type {
	border-top: none;
	}

.typefaces a div h3 span:not(.wip), .typefaces_grid a div h3 span:not(.wip) {
	display: inline-block;
	border-bottom: none;
	padding: 0;
	}

.typefaces a div h3 span, .typefaces_grid a div h3 span {
	width: auto;
	}

.typeface_about .content {
	border-top: none;
	}

.typeface_character_set ul li {
	font-size: 7vw;
	line-height: 8.4vw;
	}

.typeface_styles ul li {
	font-size: 7vw;
	line-height: 8.4vw;
	}

.shop_cart, .shop_header li.checkout_step_3, .shop_header li.checkout_step_4 {
	width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
	}

.shop_typeface_list, .shop_header ul.back, .shop_header li.checkout_step_1 span:first-of-type, .shop_header .step_2 li.checkout_step_1, .menu_block, .menu_block.sticky, .shop_typeface_list.select_license {
	display: none;
	}

.typeface_container {
	display: block;
	}

.checkout .items, .checkout .checkout_terms {
	display: inline-block;
	}

.typeface_container, .checkout .items, .checkout .checkout_terms, .typeface_container.selected, .this_order {
	margin: 0 10px 0 10px;
	}

.typeface_container, .shop_header .selection, .checkout .checkout_terms {
	width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
	}

.shop_header .cart {
	width: 50%;
	}

.shop_header li.checkout_step_3 {
	margin-right: 20px;
}

.shop_header li.checkout_step_2::before, .shop_header li.checkout_step_3::before, .shop_header li.checkout_step_4::before, .subnav .options span {
	display: none;
	}

.subnav .options span,.subnav .options span::after {
	opacity: 0;
	font-size: 0;
	margin:0;
	}

.shop_header .selection li.checkout_step_2 {
	display: inline-block;
	margin: 0;
	}

.license_options a li.other_volumes {
	width: 25%;
	}

.license_options a:nth-of-type(4) li.other_volumes:after {
	display: none;
	}

.specimen.half.graphic, .specimen_marker.top:after, .specimen_marker.bottom:after {
	display: none;
	}


.specimen_marker {
	display: none;
	}

.information .content {
	padding-top: 45px;
	}
/*
.specimen h2, .typefaces a div h2 {
	border-bottom: 0.5px solid;
	padding-bottom: 12px;
	}
 */

 .specimen_wrapper .img_wrapper{
	 width: 100%;
	 height: 100%;
	 display:block;
 }

.typefaces .section_wrapper:last-of-type a div h2 {
	border-bottom: none;
	}

.typefaces a div h3 {
	margin-top: -28px;
	}

[contenteditable] {
	font-size: 10vw;
	padding-left: 0;
	padding-right: 0;
	}

.typefaces_grid a {
	padding-top: 25px;
	padding-bottom: 10px;
	}

/*
.typefaces a {
	margin-bottom: 3vw;
	}
 */

.confirmation_message {
	margin-left: 10px;
	}

.typefaces a .img_wrapper {
	padding-top: 45px;
	}

.typefaces {
	margin-bottom: 100px;
	}

.grid div {
    width: calc(25% - 40px);
	}

.grid div:nth-of-type(6), .grid div:nth-of-type(5), .grid span:nth-of-type(12), .grid span:nth-of-type(13), .grid span:nth-of-type(14), .grid span:nth-of-type(15) {
display:none;
}

.shop_header li.checkout_step_3, .shop_header li.checkout_step_4 {
	padding-left: 0;
	}

.content, .checkout .shop_header ul:last-of-type {
	margin-left: 10px;
	}

.shop_header ul.selection:not(.step_2) {
	padding-left: 0;
	}

/* .specimen_block:not(.graphic_block) .specimen.half:first-of-type {
	margin-bottom: 20px;
	} */

.typefaces_grid a div h2, .typefaces_grid a div h3 {
	margin-top: -5px;
	}

.trials_link {
	display: none;
	}

.variable_settings label, .variable_settings label:last-of-type {
	font-size: 0;
	margin: 0 0 0 10px;
	}

}


@media (max-width: 680px) {

.typeface_licenses ul {
	column-count: 1;
	}

.typeface_container, .checkout .checkout_terms, .shop_header .selection, .checkout .items, .typeface_container.selected, .this_order {
	width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
	}

.shop_cart {
	position: relative;
	top: unset;
	right: unset;
	height: auto;
	padding: 0;
	width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    margin: 0 50px 0 50px;
	}

.proceed {
	height: 130px;
	}

.cart_empty {
	height: 110px;
	}


.shop_header li.checkout_step_2, .shop_header li.checkout_step_3 {
	display: inline;
	}

.shop_header .cart, .shop_header li.checkout_step_2::before, .shop_header li.checkout_step_3::before, .shop_header li.checkout_step_4::before {
	display: none;
	}

.shop_header li.checkout_step_3, .shop_header li.checkout_step_4 {
	width: auto;
	margin: 0;
	}

.shop_header li.checkout_step_3:after {
	content: ", ";
	}

.shop_header li.checkout_step_4 {
	width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: calc(100% - 250px);
	}

.license_options a li.other_volumes	{
	width: 12.5%;
	}

.license_options a:nth-of-type(4) li.other_volumes:after {
	display: inline-block;
	}

.other_orders {
	display: none;
	}

.this_order ul li span.download_item {
	width: 50%;
	}

.validation label {
	width: 25%;
	}

label span span {
	width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
	}

.typeface_licenses ul::before {
	display: none;
	}

.typeface_licenses ul li:last-of-type {
	border-bottom: none;
	}
}





@media (max-width: 530px) {

/* body {
	min-height: -moz-calc(100vh - 35px);
	min-height: -webkit-calc(100vh - 35px);
	min-height: calc(100vh - 35px);
} */
.typeface_specs, .information, .typeface_licenses, .specimen_block, .cookies, .shop_typefaces, .shop_typeface_list.select_license, .typefaces_grid, .order, .order_confirmation {
	padding: 0 10px 0 10px;
	}

.typeface_specs {
	padding-bottom: 30px;
}

.previous_next_typeface, .shop_cart.checkout {
	padding: 0;
	}

.nav, .footer  {
	margin: 0;
	width: 100%;
	padding: 0 10px 0 10px;
	}

/*
.section, .section_wrapper, .specimen_marker, .editor, .editor * {
	pointer-events: none;
	}
 */

.typefaces a, .wip_section {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	margin-left: 20px;
}
/* .section_wrapper {
	margin-top: 35px;
	} */

.specimen_wrapper .section_wrapper {
	margin-top: 0;
	}

.link_bottom {
	padding-left: 10px;
	padding-right: 10px;
	}

.link_bottom div {
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
}

.shop_cart {
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 20px 0 20px;
	}

.shop_cart.checkout {
	width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 0 10px 0 10px;
	}

.typeface_language_support .content {
	column-count: 3;
	}

.typeface_features .content {
	column-count: 2;
	}

.subnav {
	margin: 0;
	width: 100%;
	height: 40px;
	padding-top: 11px;
	}

.subnav div {
	padding-left: 10px;
	padding-right: 10px;
	}

.link_bottom div, .link_bottom a {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	}

/*
.cookies div {
	height: 48px;
	padding-top: 18px;
	margin-bottom: 0px;
	}
 */

.information.link_bottom, .information .line_bottom {
	padding-left: 0;
	padding-right: 0;
	}

.information .line_bottom {
	width: 100%;
	margin-left: 0;
	}

.information .content {
	margin-bottom: 50px;
	}

.information.about {
  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	hyphens: auto;
	}

.typefaces a .img_wrapper {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	}

.information.about p {
	width: -moz-calc(90% - 20px);
	width: -webkit-calc(90% - 20px);
	width: calc(90% - 20px);
	font-size: -moz-calc(1vw + 18px);
    font-size: -webkit-calc(1vw + 18px);
    font-size: calc(1vw + 18px);
	line-height: -moz-calc(1vw + 23px);
    line-height: -webkit-calc(1vw + 23px);
    line-height: calc(1vw + 23px);
	margin-bottom: -moz-calc(1vw + 23px);
    margin-bottom: -webkit-calc(1vw + 23px);
    margin-bottom: calc(1vw + 23px);
	}

/*
.typefaces .section_wrapper:first-of-type {
	margin-top: 0;
	}

.typefaces .section_wrapper:first-of-type a {
	padding-top: 35px;
	}
 */

.typeface_licenses ul.typeface_preview {
	margin-top: 25px;
	}

label span span {
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
	}

.grid div {
    width: calc(25% - 25px);
	}

.previous_next_typeface {
	padding: 0 20px 0 20px;
	}



.typefaces a div h2 span, .typefaces a div h3 span:not(.wip), .typefaces_grid a div h3 span:not(.wip) {
	display: none;
	}

[contenteditable] {
	font-size: 12vw;
	}

/* .editor.v_align_adjust span {
	padding-bottom: 10px;
} */

.grid span:first-of-type, .grid span:nth-of-type(2), .grid span:nth-of-type(3), .grid span:nth-of-type(16), .grid span:nth-of-type(17), .grid span:nth-of-type(18) {
display:none;
	}

}





@media (max-width: 430px) {

.typefaces_grid a, .link_bottom div, .link_bottom a {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	}

.typeface_language_support .content, .typeface_features .content {
	column-count: 1;
	}

.typeface_language_support .content ul li, .typeface_features .content ul li {
	display: inline;
	}

.typeface_language_support .content ul li:after, .typeface_features .content ul li:after {
	content: ", ";
	}

.typeface_language_support .content ul li:last-of-type:after, .typeface_features .content ul li:last-of-type:after {
	content: "";
	}

.footer ul li:last-of-type a:nth-of-type(5) {
	display: none;
	}

input[type="range"] {
  width: 80px;
}

}



@media (max-width: 410px) {

.nav ul li {
	width: -moz-calc(33.333% - 20px);
	width: -webkit-calc(33.333% - 20px);
	width: calc(33.333% - 20px);
	}

.nav ul li:first-of-type, .nav ul li:nth-of-type(2)::before {
  	display: none;
	}


.typeface_character_set ul li, .typeface_character_set ul li:nth-child(12n+2), .typeface_character_set ul li:nth-child(12n+3), .typeface_character_set ul li:nth-child(12n+10), .typeface_character_set ul li:nth-child(12n+11), .typeface_character_set ul li:nth-child(12n), .typeface_character_set ul li:nth-child(12n+1), .typeface_character_set ul li:nth-child(12n+4), .typeface_character_set ul li:nth-child(8n+1), .typeface_character_set ul li:nth-child(8n+8), .typeface_character_set ul li:nth-child(8n+2), .typeface_character_set ul li:nth-child(8n+7), .typeface_character_set ul li:nth-child(8n+4), .typeface_character_set ul li:nth-child(8n+5) {
	width: 12.5%;
	}

}




@media (max-width: 370px) {

.footer ul li a:last-of-type {
	display: none;
	}

}






/* ––––––––– MOBILE BORDER COLORS –––––––––– */

.confirmation_message p, .typeface_character_set ul li:nth-child(-n+12), h3 span, .specimen h2, .typefaces a div h2 {
	border-color: rgba(10,10,11,0.15);
	}

.dark_mode .confirmation_message p, .dark_mode .typeface_character_set ul li:nth-child(-n+12), .dark_mode h3 span, .dark_mode .specimen h2, .dark_mode .typefaces a div h2 {
	border-color: rgba(255,255,255,0.3);
	}

.theme_2 .confirmation_message p, .theme_2 .typeface_character_set ul li:nth-child(-n+12), .theme_2 h3 span, .theme_2 .specimen h2, .theme_2 .typefaces a div h2 {
	border-color: rgba(10,10,11,0.2);
	}

.theme_3 .confirmation_message p, .theme_3 .typeface_character_set ul li:nth-child(-n+12), .theme_3 h3 span, .theme_3 .specimen h2, .theme_3 .typefaces a div h2 {
	border-color: rgba(233,220,225,0.3);
	}

.theme_4 .confirmation_message p, .theme_4 .typeface_character_set ul li:nth-child(-n+12), .theme_4 h3 span, .theme_4 .specimen h2, .theme_4 .typefaces a div h2 {
	border-color: rgba(60,87,84,0.2);
	}

.theme_5 .confirmation_message p, .theme_5 .typeface_character_set ul li:nth-child(-n+12), .theme_5 h3 span, .theme_5 .specimen h2, .theme_5 .typefaces a div h2 {
	border-color: rgba(76,77,77,0.2);
	}