/*
Theme Name:     Extraset
Theme URI:     	http://www.extraset.ch/wp-content/themes/extraset
Description:   	Style Extraset
Author:         Extraset
Author URI:     http://extraset.ch
Template:       twentyeleven                 
Version:       	1
*/

@import url('../../../fonts/catalogue/Davidoff/Davidoff.css');
/*@import url('../../../fonts/catalogue/KlarheitGrotesk/KlarheitGrotesk.css');*/
/*@import url('../../../fonts/catalogue/KlarheitKurrent/KlarheitKurrent.css');*/
@import url('../../../fonts/catalogue/Nein/nein.css');
@import url('../../../fonts/catalogue/Peak/Peak.css');
@import url('../../../fonts/catalogue/PeakRounded/PeakRounded.css');
@import url('../../../fonts/catalogue/Rebond/Rebond.css');
/*@import url('../../../fonts/catalogue/RebondGrotesque/RebondGrotesque.css');*/
@import url('../../../fonts/catalogue/Quarz/quarz.css');
@import url('../../../fonts/catalogue/Build/Build.css');
@import url('../../../fonts/catalogue/Allianz/Allianz.css');
@import url('../../../fonts/catalogue/Face/Face.css');
@import url('../../../fonts/catalogue/Dokument/Dokument.css');
@import url('../../../fonts/catalogue/Klarheit/klarheit.css');
@import url('../../../fonts/catalogue/Klarheit/klarheitPan.css');
@import url('../../../fonts/catalogue/Replan/replan.css');
@import url('../../../fonts/catalogue/XTR/xtr.css');
@import url('../../../fonts/catalogue/Park/park.css');

::-moz-selection{
	background: black;
	color: white;
}

::selection { 
	background: black;
	color: white;
	fill: white;
}

[class="SVG-Mobile"]{
	display: none;
}

[class="SVG-Desktop"]{
	display: initial;
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

#mouse{
	z-index: 999999;
	width: 40px;
	height: 40px;
	transform: translate(-50%, -50%);
	transform-origin: center;
	background: rgba(255, 0, 0, 0);
	border: 1px solid red;
	border-radius: 100px; 
	position: absolute;
	mix-blend-mode: darken;

	transition: width 0.4s ease-in-out, height 0.4s ease-in-out, background 0.4s ease-in-out;
	-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out, background 0.4s ease-in-out;
	pointer-events: none;
}

:not(.home) #mouse,
:not(.page-id-11689) #mouse{
	display: none;
};

#mouse.on{
	width: 120px;
	height: 120px;
	transform: translate(-50%, -50%);
	background: rgba(255, 0, 0, 1);

	transition: width 0.4s ease-in-out, height 0.4s ease-in-out, background 0.4s ease-in-out;
	-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out, background 0.4s ease-in-out;

}

[id*="SEQ"] > * {
    opacity: 0;
  }
.red a:hover svg text,
.red a:hover svg path,
.red a:hover svg [id*="SHAPEGrot"] circle,
.red a:hover svg [id*="SHAPEVolato"] circle{
	fill: red;
}

.red a:hover svg [id*="SHAPE"] path{
	fill: #F9EADC;
}

.red a:hover svg [id*="SHAPEAlte"] [id*="DRAW"] rect,
.red a:hover svg [id*="SHAPERevista"] [id*="DRAW"] circle,
.red a:hover svg [id*="SHAPEGrot"] line{
	stroke: red;
}



.glyphFlex span.smartphone{
		display:none;
	}

.glyphFlex span.screen{
		display:block;
}

*{outline: none;}

#TypeTester label, #TypeTester li{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
} 


#TypeTester li#CSSHelp{
	-webkit-touch-callout: initial; /* iOS Safari */
    -webkit-user-select: initial; /* Safari */
     -khtml-user-select: initial; /* Konqueror HTML */
       -moz-user-select: initial; /* Old versions of Firefox */
        -ms-user-select: initial; /* Internet Explorer/Edge */
            user-select: initial; 
} 

/*------------------- FONT ---------------------*/

[title="Rebond"], [title="Rebond Grotesque"], .Rebond {font-family: 'ES-Rebond'; font-variation-settings: 'CNRT' 0;}
[title="Rebond Alte"], [id*="RebondAlte"], .rebondAlte {font-family: 'ES-Rebond'; font-variation-settings: 'CNRT' 250;}
[title="Rebond Volato"], .rebondVolato {font-family: 'ES-Rebond'; font-variation-settings: 'CNRT' 680;}
[title="Rebond Revista"], .rebondRevista {font-family: 'ES-Rebond'; font-variation-settings: 'CNRT' 900;}


[title="Peak"], .Peak {font-family: 'Peak';}
[title="Peak Rounded"], .PeakRounded {font-family: 'Peak Rounded';}
[title="Davidoff"], .davidoff {font-family: 'Davidoff';}
[title="Klarheit Grotesk"], .klarheitGrotesk {font-family: 'ES-Klarheit-Grotesk';}
[title="Klarheit Kurrent"], .klarheitkurrent {font-family: 'ES-Klarheit-Kurrent';}
[title="Nein"], .nein {font-family: 'Nein';}
[title="Quarz"], .Qwarz {font-family: 'Quarz';}
[title="Build"], .Build {font-family: 'Build';}
[title="Allianz"], .Allianz {font-family: 'Allianz';}
[title="Face"], .Face {font-family:'ES-Face';}
[title="Dokument"], .Dokument {font-family:'ES-Dokument';}
[title="Klarheit Grotesk Mono"], .KlarheitGroteskMono {font-family:'ES-Klarheit-Grotesk-Mono';}
[title="Klarheit Kurrent Mono"], .KlarheitKurrentMono {font-family:'ES-Klarheit-Kurrent-Mono';}
[title="Klarheit Plakat"], .KlarheitPlakat {font-family:'ES-Klarheit-Plakat';}
[title="Klarheit Grotesk Paneuro"], .klarheitGroteskPaneuro {font-family:'ES-Klarheit-Grotesk-PanEuro';}
[title="Replan Variform"], .replan {font-family:'ES-Replan';}
[title="XTR"], .xtr {font-family:'ES-XTR';}
[title="Park"], .park {font-family:'ES-Park';}


/*------------------- HTML ---------------------*/

html{margin:0 !important; margin-top:0 !important; padding:0 !important;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;


}

#wpadminbar{display:none;}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder  { /* Chrome/Opera/Safari */
  color: black;
}
 

body{
line-height:1.1em;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-family: 'Davidoff';
font-weight: normal;
font-style: normal;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;

/*font-feature-settings: "kern" on;
	-moz-font-feature-settings: "kern" on;
	-webkit-font-feature-settings: "kern" on;
	-ms-font-feature-settings: "kern" on;
	-o-font-feature-settings: "kern" on;
*/
margin:0; padding:0;
background: white;

font-size: 14px;

overflow-x: hidden;
width: 100vw;

}



.brown{
	background: #f9eadc;
	padding-top: 0.8em !important;
	padding-bottom: 10em !important;
}

.home, .home #branding.putLine,
.page-id-11689, .page-id-11689 #branding.putLine{
	background: #f9eadc;
}

.borderImg{
	width: 97.1%;
	height: calc(22vw - 1.7em);
    transform: translateY(-0.65vw);
    border: 0.5vw solid black;
    display: grid !important;
    grid-template-columns: repeat(10, 1fr);
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
		transform: inherit;
		gap: 0 !important;
}

.borderImg:after{
	content: '';
    width: 0.5vw;
    height: 101%;
    position: absolute;
    left: calc(100%/5*3);
    top: -1px;
    background: black;
}

.borderImg .wp-block-column{
	grid-column: 1 / span 6;
}

.borderImg .wp-block-column + .wp-block-column{
	grid-column: 7 / span 4;
}


.borderImg .wp-block-column:first-child img{
	padding: 1vw;
}

.borderImg .wp-block-column .sliderType-100{
	position: absolute;
	bottom: 3vw;
}

.borderImg .wp-block-column{
	padding: 0;
	margin: 0 !important;
	position: relative;
}

.borderImg img{

}


.stroke{
	padding-bottom: 1.5em !important;
    border-bottom: 1px solid black;
    margin-bottom: 3em !important;
}

.stroke .wp-block-image{
	margin: 0;
}



.new:before {
    content: '';
    z-index: 1;
    width: calc(80vw / 9);
    height: calc(80vw / 9);
    background-image: url(https://extraset.ch/wp-content/uploads/New.png);
    background-size: contain;
    border-radius: 1000px;
    position: absolute;
    right: calc(22vw);
    transform: translateY(-73%) rotate(3deg);
    filter: invert(42%) sepia(91%) saturate(7493%) hue-rotate(353deg) brightness(106%) contrast(131%);
}



select{
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.3em 0.5em 0.2em;
  outline: none;
    margin: 0 0.5em;
    background: none;
    border: 1px solid;
    border-radius: 100px;
    line-height: 1em;
    display: inline-block;
    cursor: pointer;
    font-family: 'Davidoff';
    font-size: 12px;

    font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}

option{
	min-height: inherit;
}

select::-ms-expand {
  display: none;
}



.wrap-page .wp-block-columns.brown{
	margin-bottom: 0;
}

.wrap + .wrap{
	padding-top: 0;
}

.wp-block-spacer.space{ height: 1em !important; }

a{	outline: none; position: relative;}

.brown p{
	margin-bottom: 0;
}

.cli_user_consent_state a{
	text-decoration: none;
	display: inline-block;
	position: relative;
}

p a:after,
p.nodeco a:after,
.cli_user_consent_state a:after,
article .wp-block-column a:after{
	content: '';
	background: black;
	width: 100%;
	position:absolute;
	bottom: 0;
	left: 0;
	height: 1px;
}

p a.wp-block-button__link:after,
p.nodeco a.wp-block-button__link:after,
.cli_user_consent_state a.wp-block-button__link:after,
article .wp-block-column a.wp-block-button__link:after{
	height: 0;
}


.cli_user_consent_state a:after{
	bottom: 1px;
}



p a:hover:after,
p.nodeco a:hover:after{
	background: red;
}

p a,
p.nodeco a{

}

img, video{

	background-color: transparent;
	display: block;
}

.line{
	height: 1em;
}

.sticky{
	position: sticky;
	position: -webkit-sticky;
	top: calc(4em + 3px);
}

.wp-block-columns .wp-block-columns{
	margin: 0;
}

.wp-block-columns{
	gap:  1em !important;
}



hr.wp-block-separator{
	border: inherit;
	border-top: 1px solid black;
	margin: 0;
	padding: 0;
}

article h6{
	font-size: 12px;
	color: rgb(120,120,120);
	font-weight: normal;
    margin: 0 0 0.1em;
    letter-spacing: 0.001em;
}

/*------------------- TYPE SETTING ---------------------*/
[data-type = Skeletton], 
[data-type = Hairline],
[data-type = Thin], 
[data-type = Ultralight],
[data-type = Extralight],
[data-type = Light], 
[data-type = Book],  
[data-type = Medium],
[data-type = Semibold], 
[data-type = Bold],
[data-type = Extrabold]
[data-type = Black]
[data-type = Extrablack]
[data-type = Poster]
{display:none;}


.font-weight-skeletton [data-type = Skeletton], 
.font-weight-hairline [data-type = Hairline], 
.font-weight-thin [data-type = Thin], 
.font-weight-extralight [data-type = Extralight], 
.font-weight-ultralight [data-type = Ultralight],
.font-weight-light [data-type = Light], 
.font-weight-regular [data-type = Regular], 
.font-weight-book [data-type = Book], 
.font-weight-medium [data-type = Medium],
.font-weight-semibold [data-type = Semibold],
.font-weight-bold [data-type = Bold], 
.font-weight-extrabold [data-type = Extrabold]
.font-weight-black [data-type = Black]
.font-weight-black [data-type = Extrablack]
.font-weight-black [data-type = Poster]
{display:block;}


#type-title #normal li[data-type = Skeletton]:after{content:' Skeletton'}
#type-title #normal li[data-type = Hairline]:after{content:' Hairline'}
#type-title #normal li[data-type = Thin]:after{content:' Thin'}
#type-title #normal li[data-type = Extralight]:after{content:' Extralight'}
#type-title #normal li[data-type = Ultralight]:after{content:' Ultralight'}
#type-title #normal li[data-type = Light]:after{content:' Light'}
#type-title #normal li[data-type = Regular]:after{content:' Regular'}
#type-title #normal li[data-type = Book]:after{content:' Book'}
#type-title #normal li[data-type = Medium]:after{content:' Medium'}
#type-title #normal li[data-type = Semibold]:after{content:' Semibold'}
#type-title #normal li[data-type = Bold]:after{content:' Bold'}
#type-title #normal li[data-type = Extrabold]:after{content:' Extrabold'}
#type-title #normal li[data-type = Black]:after{content:' Black'}
#type-title #normal li[data-type = Extrablack]:after{content:' Extrablack'}
#type-title #normal li[data-type = Poster]:after{content:' Poster'}

li#weight li[data-type = Skeletton]:after, #weightformap li[data-type = Skeletton]:after{content:' Skeletton'}
li#weight li[data-type = Hairline]:after, #weightformap li[data-type = Hairline]:after{content:' Hairline'}
li#weight li[data-type = Thin]:after, #weightformap li[data-type = Thin]:after{content:' Thin'}
li#weight li[data-type = Extralight]:after, #weightformap li[data-type = Extralight]:after{content:' Extralight'}
li#weight li[data-type = Ultralight]:after, #weightformap li[data-type = Ultralight]:after{content:' Ultralight'}
li#weight li[data-type = Light]:after, #weightformap li[data-type = Light]:after{content:' Light'}
li#weight li[data-type = Regular]:after, #weightformap li[data-type = Regular]:after{content:' Regular'}
li#weight li[data-type = Book]:after, #weightformap li[data-type = Book]:after{content:' Book'}
li#weight li[data-type = Medium]:after, #weightformap li[data-type = Medium]:after{content:' Medium'}
li#weight li[data-type = Semibold]:after, #weightformap li[data-type = Semibold]:after{content:' Semibold'}
li#weight li[data-type = Bold]:after, #weightformap li[data-type = Bold]:after{content:' Bold'}
li#weight li[data-type = Extrabold]:after, #weightformap li[data-type = Extrabold]:after{content:' Extrabold'}
li#weight li[data-type = Black]:after, #weightformap li[data-type = Black]:after{content:' Black'}
li#weight li[data-type = Extrablack]:after, #weightformap li[data-type = Extrablack]:after{content:' Extrablack'}
li#weight li[data-type = Poster]:after, #weightformap li[data-type = Poster]:after{content:' Poster'}

[data-type="Skeletton"], .w-30{font-weight: 30;}
[data-type="Hairline"], .w-80{font-weight: 80;}
[data-type="Thin"], .w-100{font-weight: 100;}
[data-type="Extralight"], .w-200{font-weight: 200;}
[data-type="Ultralight"], .w-250{font-weight: 250;}
[data-type="Light"], .w-300{font-weight: 300;}
[data-type="Regular"], .w-400{font-weight: normal;}
[data-type="Book"], .w-450{font-weight: 450;}
[data-type="Medium"], .w-500{font-weight: 500;}
[data-type="Semibold"], .w-600{font-weight: 600;}
[data-type="Bold"], .w-700{font-weight: bold;}
[data-type="Extrabold"], .w-800{font-weight: 800;}
[data-type="Extrablack"], .w-867{font-weight: 867;}

[data-type="Black"], [title="Klarheit Plakat"][data-type="Poster"], .w-900{font-weight: 900;}
[title="Klarheit Plakat"][data-type="Black"], .w-833{font-weight: 833;}

li#weight li, #weightformap li{ font-weight: normal; }
/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------
[data-num="Case-Sensitive"]:after{content: ' Case Sensitive'}
[data-num="Proportional-Numbers"]:after{content: ' Proportional Numbers'}
[data-num="OldStyle-Numbers"]:after{content: ' OldStyle Numbers'}
[data-num="Tabular-Numbers"]:after{content: ' Tabular Numbers'}
[data-num="Alternate"]:after{content: ' Alternate'}
*/
/*-----------------------------------------------------------------------------------------------------------------*/
[data-alt="ss01"], .ss01{font-feature-settings:'ss01' 1}
[data-alt="ss02"], .ss02{font-feature-settings:'ss02' 1}
[data-alt="ss03"], .ss03{font-feature-settings:'ss03' 1}
[data-alt="ss04"], .ss04{font-feature-settings:'ss04' 1}
[data-alt="ss05"], .ss05{font-feature-settings:'ss05' 1}
[data-alt="ss06"], .ss06{font-feature-settings:'ss06' 1}
[data-alt="ss07"], .ss07{font-feature-settings:'ss07' 1}
[data-alt="ss08"], .ss08{font-feature-settings:'ss08' 1}
[data-alt="ss09"], .ss09{font-feature-settings:'ss09' 1}
[data-alt="ss10"], .ss10{font-feature-settings:'ss10' 1}
[data-alt="ss11"], .ss11{font-feature-settings:'ss11' 1}
[data-alt="ss12"], .ss12{font-feature-settings:'ss12' 1}
[data-alt="ss13"], .ss13{font-feature-settings:'ss13' 1}
[data-alt="ss14"], .ss14{font-feature-settings:'ss14' 1}
[data-alt="ss15"], .ss15{font-feature-settings:'ss15' 1}
[data-alt="ss16"], .ss16{font-feature-settings:'ss16' 1}
[data-alt="ss17"], .ss17{font-feature-settings:'ss17' 1}
[data-alt="ss18"], .ss18{font-feature-settings:'ss18' 1}
[data-alt="ss19"], .ss19{font-feature-settings:'ss19' 1}
[data-alt="ss20"], .ss20{font-feature-settings:'ss20' 1}

.ss01.ss05{
	font-feature-settings:'ss01','ss05';
}

.ss05.ss08{
	font-feature-settings:'ss05','ss08';
}

.liga.ss05{
	font-feature-settings:'liga', 'dlig', 'clig', 'ss05';
}

.liga.ss05.ss08{
	font-feature-settings:'liga', 'dlig', 'clig', 'ss05','ss08';
}

.liga.ss12{
	font-feature-settings:'liga', 'dlig', 'clig', 'ss12';
}

.noliga{
	font-feature-settings:'liga' 0, 'dlig' 0, 'clig' 0;
}


.typeTesterFiltre [data-alt="ss01"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss02"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss03"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss04"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss05"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss06"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss07"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss08"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss09"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss10"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss11"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss12"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss13"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss14"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss15"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss16"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss17"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss18"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss19"]{font-feature-settings:normal;}
.typeTesterFiltre [data-alt="ss20"]{font-feature-settings:normal;}
/*-----------------------------------------------------------------------------------------------------------------*/


[data-otf="oldstyle"], .oldstyle{ font-variant-numeric: oldstyle-nums;}
[data-otf="tab"], .tnum{ font-variant-numeric: tabular-nums;}
[data-otf="sup"], sup, .sups{font-feature-settings: 'sups' 1;}
[data-otf="sub"], .sub{font-variant-position: sub;}
[data-otf="frac"]{font-variant-numeric: diagonal-fractions;}
[data-otf="ordn"]{	font-variant-numeric: ordinal;}
[data-otf="case"], .case{	text-transform: uppercase;}
[data-otf="liga"], .liga{	font-variant-ligatures: common-ligatures;}
[data-otf="diga"], .dliga{	font-variant-ligatures: discretionary-ligatures;}
[data-otf="calt"], .calt{	font-variant-alternates: contextual;}
[data-otf="swsh"], .swsh{
	-moz-font-feature-settings: 'swsh';      /* low-level (old Firefox)      */
	-webkit-font-feature-settings: 'swsh';   /* low-level (old Webkit)       */
	font-feature-settings: "swsh" on;        /* low-level (all new browsers) */
}
[data-otf="zero"], .slzero{	font-variant-numeric: slashed-zero;    /* high-level property          */}

.tnum.oldstyle{
	font-feature-settings: 'onum' 1, 'tnum' 1;
}

.ghost{
	width: 0;
	height: 0;
	font-size: 0px;
	opacity: 1;
}

/* Feature Buttons: */

			.typeTesterFiltre label{
				display: inline-block;
			}

			#featureControls {
				padding: 0;
			}
			#featureControls:empty{display: none}
			.otFeatureLabel, .otFeature {
				position: relative;
				opacity: 1;
				pointer-events: auto;
				white-space: nowrap;
			}
			.otFeatureLabel {
				padding: 0.4em 0.5em 0.3em;
    			line-height: 1em;
    			border-radius: 100px;
    			border: 0;
    			text-align: center;
    			margin: 0.5em;
    			cursor: pointer;
    			border: 1px solid;
    			font-weight: normal;
    			display: inline-block;
			}
			.otFeature {
				visibility: collapse;
				margin: 0 -1em 0 0;
			}
			#featureControls input[type=checkbox],
			#otf input[type=checkbox]{
				position: absolute;
				left: -999999px;
			}

			#featureControls input[type=checkbox]:checked + label,
			#otf input[type=checkbox]:checked + label { 
				visibility: visible;
				position: relative;
			}
			
			



/*-----------------------------------------------------------------------------------------------------------------*/






/*------------------- STRUCTURE ---------------------*/

body.home,
body.page-id-11689{
	padding:0; margin:0;
	font-size:14px;

	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;

}

body.home .wordrepeat,
body.page-id-11689 .wordrepeat{display:none;}

a{
	color: black;
	text-decoration: none;
}

#branding nav a:hover,
#colophon a:hover,
#content a:hover{
	color: red;
}

ul, li{
	margin: 0; padding: 0;
	list-style: none;
	line-height: 1.1em;
}

h1, h2, h3{
	margin: 0; padding: 0;
	font-weight: normal;
	line-height: 1em;
}

h2{
	font-size: calc(14px + 1.5vw);
}

.clear{clear:both;}

#main{
	margin-top: 4.4em;
}

.home #main,
.page-id-11689 #main{
	margin-top: 5.4em;
}

body.page-id-1143,
body.page-id-1143 #branding,
body.page-id-1143 #page:before,
body.page-id-15364, 
body.page-id-15364 #branding,
body.page-id-15364 #page:before{
	background-color: yellow;
}

.page-id-1143 footer,
.page-id-1143 .wrapMarqueeFollow,
.page-id-15364 footer,
.page-id-15364 .wrapMarqueeFollow,{
	background-color: white;
}


/* T_SHIRT 3d*/

.t3d{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 99;
	overflow: scroll;
	transform: translateY(0);
	transition: transform 0.5s ease-out;
}

.t3d figure:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	cursor: n-resize;
}


.t3d .wp-block-group__inner-container:not(.slick-initialized){
	height: 101vh;
	width: 100vw;
	z-index: 1;
}


.t3d a img{
	filter: none !important;
}


.t3d.delete{
	transform: translateY(-100vh);
	transition: transform 0.5s ease-out;
	overflow: hidden;
	width: 100%;
}

.sliderType-tsh{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 9999;
}

.sliderType-tsh figure{
	display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    height: 100vh;
    justify-content: center;
}

.sliderType-tsh img{
	width: auto;
	max-height: 90vh;
	margin: 0 auto;
	margin-top: 5vh;
}

.border{
	border: 2px solid ;
}



.margeLeft{
	padding-left: 1em;
}

.tshirt{

    /*
    background: url(https://extraset.ch/wp-content/uploads/ES-Shirt_Back_Cut_ES-2.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
        align-items: center;
    justify-content: center;
    */
}

/*
.noT3d{
	width: 100%;
	position: relative;
}

#page.post-11689.fixed{
	position: fixed;
	top: 0;
	height: 100vh;
    width: 100vw;
}
.t3d.fixed{
	display: none;
}

*/
.t3d .tshirt a{
	position: relative;
    top: 0;
    left: 0;
    width: 96vw;
    height: 85vh;
    max-height: 100vw;
    color: transparent;
    font-size: 0px;
    text-decoration: none !important;
    border: none;
}

.t3d .tshirt a:after{
	display: none;
}

/*------------------- HEADER ---------------------*/

header{
    padding: 1em 1em 0.7em 0;
    margin-left: 2em;
}

#branding{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: transparent;
	z-index: 99;
}

body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364) #branding{
	background: white;
}

body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364).postid-64399 #branding,
body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364).postid-64406 #branding{
	background: transparent;
}
body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364).postid-64399 #branding.putLine,
body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364).postid-64406 #branding.putLine{
	background: white;
}

body:not(.home):not(.page-id-11689):not(.page-id-1143):not(.page-id-15364) #page:before{
	background: white;
}


#branding:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	background: black;
	width:0;

	transition: width 0.4s ease-in;
}

#branding.putLine:after{
	width:100%;
	transition: width 0.4s ease-out;
}



.menu-screen{
	flex-wrap: wrap;
	display: flex;
	align-items: center;
}

.menu-mobile{
	display: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

#header-nav-mobile {
	display: none;
        position: fixed;
    width: 100%;
    z-index: 95;
    border-bottom: 1px solid black;
    left: 0;
    top: 0;
    background: white;
   	padding-top: 8.5em;
    box-sizing: border-box;
    height: 100vh;
    overflow: scroll;
}

#header-nav-mobile li{

}
#header-nav-mobile a {
    
   font-size: calc(14px + 1.5vw);
    	padding: 0.8em 0.35em;
	border-top: 1px solid black;
    background: white;
   
    display: block;
}

#branding nav#header-nav-mobile a:hover{
	color: white;
    background: red;
}

h1.ExtraTitle{
	margin: 0;
	padding: 0;
	position: fixed;
	transform: rotate(-90deg);
	transform-origin: 100% 0;
	top: 0.7em;
	left: -4.5em;
	z-index: 9999;
	mix-blend-mode: multiply;
	font-size: 1.4em;
}

#page:before {
    content: '';
    top: 0;
    left: 0;
    height: 1.5em;
    position: fixed;
    width: 2.2em;
    z-index: 99;
}




h1.ExtraTitle a{
	font-size: 1em;
	margin: 0;
	line-height: 1.2em;
	padding: 0.45em 0.5em 0.2em;
	background: black;
	color: white;
	mix-blend-mode: multiply;
}


h1.ExtraTitle a:hover{
	background: red;
	color: white;
}

.home h1.ExtraTitle a,
.page-id-11689 h1.ExtraTitle a{
	/*color: #f9eadc;*/
}

.page-id-15364 h1.ExtraTitle a,
.page-id-1143 h1.ExtraTitle a{
	color: yellow;
}


.menu-screen nav{
	padding: 0 0 0.15em 1.15em ;
	width: calc(100%/3);
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.menu-screen nav div{
	grid-column: 1/4;
}

.menu-screen nav ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}



.typeButton ul.sub-menu{
	display: block !important;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9999999;
	background: white;
	left: 0;
	top: 0;
	overflow-y: scroll;
	columns: inherit;
	top: -100%;
	transition: top 0.4s;
}

.typeButton.on ul.sub-menu{
	top:0;
	transition: top 0.4s;
}

.typeButton ul.sub-menu:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: calc(50vw - 0.15vw);
	z-index: 99;
	pointer-events: none;
	border-left: 0.15vw solid black;
}


.typeButton ul.sub-menu li{
	display: block;
	border-bottom: 0.15vw solid black;
	float: left;
	position: relative;
	width: 50vw;
	line-height: 1.1em;
	box-sizing: border-box;
}

.typeButton ul.sub-menu li:nth-child(even){
	border-right: 0.15vw solid black;
}

.typeButton ul.sub-menu li a{
	display: block;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 3vw;
	width: 100%;
	line-height: 1.1em;
}

.typeButton ul.sub-menu li:hover{
	background: red;
	color: white;
}

.typeButton ul.sub-menu li:hover a{
	color: white;
}

.typeButton ul.sub-menu li.typefacesCloseButton{
	width: 100vw;
	clear: both;
	float: none;
	position: relative;
	z-index: 999;
	background: white;
}

.typeButton ul.sub-menu li.typefacesCloseButton:hover a{
	color: black;
}

.typeButton ul.sub-menu li.typefacesCloseButton:after{
	content: "X";
	position: absolute;
	right: 0;
	padding: 0.5em;
	font-size: 3vw;
	box-sizing: border-box;
	line-height: 1em;
	z-index: 9;
	top: 0;
	color: black;
}


#content.collection,
#typePage.collection {
    display: flex;
    flex-wrap: nowrap;
}

.wrap.more{
	padding: 1em;
	padding-bottom: 0;
	position: absolute;
}

#typePage .typeInfos{
	gap: 0.95em;
}
#typePage.collection h3{ font-size:1em; }
#typePage.collection h3 + article a{
	padding-top: 1.5em;
}

.typeCollection{
	/*width: calc((100%/4)*3 - 0.5em);*/
	width: 100%;
	border-top: 1px solid;
	overflow: hidden;
}

#typePage .typeCollection {
	border-top: 0;
}


.typeFamilly{
	width: calc((100%/4) + 0.5em);
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	background-color: rgb(246, 246, 246);
	border-top: 1px solid;
	display: none;
}

.typeFamilly ul{
	position: -webkit-sticky;
	position: sticky;
	top:calc(4em + 3px);
	padding: 1em;
}

.typeFamilly ul li{
	font-size: calc(14px + 3.5vw);
	line-height: 1em;
}

#content.collection article a,
#typePage.collection article a{
    border-bottom: 1px solid black;
    padding: 1em;
    display: block;
    cursor: pointer;
}
#content.collection article a:hover h2,
#typePage.collection article a:hover h2{
	mix-blend-mode: multiply;
}

#content.collection article h2,
#typePage.collection article h2{
	font-size: calc(14px + 7vw);
    line-height: 1em;
	padding: 0; 
	height: 1em;
	display: flex;
	white-space: nowrap;
}

#content.collection article.category-defilenormal h2,
#typePage.collection article.category-defilenormal h2  {
    transform: translateX(-0.08em);
}


.typeCollection article a h2 .wrapMarquee:after{
	content: attr(data-title);
	margin-left: 0.3em;
}

.typeCollection article a h2 .wrapMarquee:before{
	content: attr(data-title);
	margin-right: 0.3em;
}


.wrapMarquee{
        position: absolute;
    display: flex;
}

.typeCollection article a:hover .wrapMarquee{
	-webkit-animation: backward-infinite 20s linear infinite;
    animation: backward-infinite 20s linear infinite;
    animation-play-state: running !important;
    will-change: transform;
}

@keyframes backward-infinite{
	0%{transform:translate3D(0,0,0)}
	100%{transform:translate3D(calc((-100%/3) - 0.1em),0,0)}
}

.typeCollection article a:hover h2 span.fontName{
	opacity: 1;
}

.typeCollection article a h2.indent .wrapMarquee{
	text-indent: -0.08em;
}

.typeCollection article a h2 .wrapMarquee{
	    line-height: 1;
    margin: 0;
    position: absolute;
    display: flex;
}

.typeInfos{
	 display: grid;
    flex-wrap: nowrap;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
}

.typeInfos h3 span{
		width: 50px;
}

#content.collection article h3,
#typePage.collection article h3{

	font-size: 14px;
    line-height: 1em;
    color: black;
    display: flex;
}


.bigLine{
	position: -webkit-sticky;
	position: sticky;
	top: 4em;
	width: 100%;
	height: 3px;
	background: black;
	z-index: 9;
}

.typefaces-template-default .bigLine{
	display: none;
}



/*------------------- SLIDER --------------------- */


.buy-button{
	padding: 0.75em 0 0.55em;
	border-radius: 500px;
	background: red;
	color: white;
	font-size: 14vw;
	width: calc(100% - 0.08em);
	position: relative;
	bottom: 0;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
}

.wp-block-buttons .wp-block-button.read a.wp-block-button__link{
	padding: 0.3em 0 0.1em;
	border-radius: 500px;
	background: red;
	color: white;
	font-size: 14vw;
    width: calc(50vw - 0.08em);
	position: relative;
	bottom: 0;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
}

#content .wp-block-buttons .wp-block-button.read a.wp-block-button__link:hover{
	background: rgb(0,215,111);
	color: black;
}

.blocbuy {

    position: relative;
    width: 40%;

}

.arrowBox {
   
    display: flex;
    align-items: center;
    width: calc(100%/5);
    justify-content: space-between;
    padding: 0 1em;
    height: 2.7vw;
}

.arrowBox button {
    font-size: 2vw;
    line-height: 1em;
    height: 1.45vw;
  	border: none;
  	background: inherit;
  	outline: no
}




/*------------------- HOME ---------------------*/


.bloc-typeface{
	background-color: rgb(246, 246, 246);
	position: relative;
	padding: 1em 1em 0!important;
}


.home #page:before,
.page-id-11689 #page:before{
	background-color: #f9eadc;
}

.bloc-typeface h2{
	font-size: 3vw;
	line-height: 1em;
	padding: 0 0 23vw;
}

.homeImg{
	max-width: 100%;
	padding: 50%;
	background: red;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.font-infos{
	display: flex;
	justify-content: space-between;
}

.font-infos h3{
	padding: 0.5em 0 0;
    margin-bottom: 0.4em;
}

.font-infos h3.more{
	border-bottom: 1px solid;
}

ul#typeface {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20em;
}


ul#typeface li{
	flex-basis: 50%;
	padding: 0;
	display: block;
    max-width: calc(50% - 0.5em);
    position: relative;
    display: flex;
}

ul#typeface li a{
	display: block;
	width: 80%
}

ul#typeface li:last-child{
	
}

ul#typeface li:first-child a,
ul#typeface li:nth-child(6n+6) a{
	width: 100%
}

ul#typeface li:nth-child(3n+2){
	flex-direction: row-reverse;
}

ul#typeface li:nth-child(5n+5){
	align-items: flex-end;
}


ul#typeface li:nth-child(2n) {
    top: -22.95vw;
}

figure{
	position: relative;
}

figure.wp-block-image:last-child{
	margin-bottom: 0;
}

.wp-block-image,
.wp-block-video{
	margin-top:  0;
}

.wp-block-image.wrap{
margin-bottom: 0;
padding-bottom: 0;
}

#content [class^="wp-block-"] figcaption{
	font-family: 'Lexica';
    font-size: 10px;
    color: black;
    margin: -0.8em -0.7em;
    padding: 0;
    transform-origin: 0;
    position: absolute;
    transform: rotate(-90deg);
    bottom: 0;
    box-sizing: border-box;
}

#content [class^="wp-block-"] figcaption:before{
	display: none
}


.home .wp-block-column,
.home .wp-block-columns,
.home figure[class^="wp-block-"],
.home .wp-block-column:not(:first-child),
.home .wp-block-column:nth-child(2n),
.home .wp-block-image,
.page-id-11689 .wp-block-column,
.page-id-11689 .wp-block-columns,
.page-id-11689 figure[class^="wp-block-"],
.page-id-11689 .wp-block-column:not(:first-child),
.page-id-11689 .wp-block-column:nth-child(2n),
.page-id-11689 .wp-block-image,{
	position: relative;
	margin: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}






.home p,
.page-id-11689 p{
	font-size: 14px;
	line-height: 1em;
	padding: 0;
    margin: 0;
}

.gp-infos {
    width: 100%;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1.5em;
}

.wp-block-column .gp-infos.big-infos p{
	font-size: calc(14px + 1.5vw);
}

.gp-infos.noMarge{
	margin-bottom: 0;
}

.lessTop{
	margin-top: -5vw;
}
.wrap.lessTop{
	margin-top:-1.5vw !important;
}

.lessTopMid{
	margin-top: -2vw;
}

.lessTopMidTwo{
	margin-top: -1vw;
}

.lessLeft{
	left:-0.3vw;
	position: relative;
}

.lesslessLeft{
	left:-0.6vw;
	position: relative;
}

.gp-infos .wp-block-group__inner-container {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    grid-gap: 0.8rem;
    margin: 0 0;
    width: calc(100% - 1rem);
    justify-content: space-between;
}

.colOnTwo .gp-infos .wp-block-group__inner-container{
	 grid-template-columns: repeat(2, 1fr);
}

.gp-infos.big-infos .wp-block-group__inner-container{
	 grid-template-columns: repeat(1, 1fr);
}
body:not(.home) .gp-infos .wp-block-group__inner-container{
	margin: 0;
}


.gp-infos .wp-block-group__inner-container .wp-block-group__inner-container{
	width: 100%;
	margin: 0;
	padding: 0;
}

.home .wp-block-column,
.page-id-11689 .wp-block-column{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.home p.btn-buy,
.home p.btn-trial,
.page-id-11689 p.btn-buy,
.page-id-11689 p.btn-trial {
    width: max-content;
    text-align: left;
    height: initial;
    padding: 0;
    background: initial;
    border: initial;
    color: black;
    font-size: 14px;
    text-transform: none;
}


.home .gp-infos .gp-buy .wp-block-group__inner-container,
.page-id-11689 .gp-infos .gp-buy .wp-block-group__inner-container{
	display: block;
	margin: 0;
}

.sliderType,
.sliderType-50,
.sliderType-100,
.sliderType-300,
[class*="slideshow"]{
	width: 100%;
	position: relative;
}

.wp-block-group.sliderType,
.wp-block-group.sliderType-50,
.wp-block-group.sliderType-100,
.wp-block-group.sliderType-300,
[class*="slideshow"]{
		margin-bottom: 1em;
}

.wp-block-column *:last-child{
	margin-bottom: 0;
}

.home .wp-block-group.sliderType,
.home .wp-block-group.sliderType-50,
.home .wp-block-group.sliderType-100,
.home .wp-block-group.sliderType-300,
.page-id-11689 .wp-block-group.sliderType,
.page-id-11689 .wp-block-group.sliderType-50,
.page-id-11689 .wp-block-group.sliderType-100,
.page-id-11689 .wp-block-group.sliderType-300,
.home .wp-block-group[class*="slideshow"],
.home .wp-block-group[class*="slideshow"]{
		margin-bottom: 0;
}

.noMarge.sliderType,
.noMarge.sliderType-50,
.noMarge.sliderType-100,
.noMarge.sliderType-300,
.noMarge[class*="slideshow"]{
		margin-bottom: 0em;
	}

.sliderType .wp-block-image,
.sliderType-50 .wp-block-image,
.sliderType-100 .wp-block-image,
.sliderType-300 .wp-block-image,
.sliderType-tsh .wp-block-image,
[class*="slideshow"] .wp-block-image{
	margin-bottom: 0em;
}


[class*="slideshow"]{

}

[class*="slideshow"] figure{
	top: 0;
	position: absolute;
	left: 100%;
}

[class*="slideshow"] figure.active{
	left: 0;
}



.home .wp-block-group .wp-block-group:hover a img,
.home .wp-block-column .wp-block-group:hover a img,
.home .pair:hover a img,
.page-id-11689 .wp-block-group .wp-block-group:hover a img,
.page-id-11689 .wp-block-column .wp-block-group:hover a img,
.page-id-11689 .pair:hover a img{
	filter: invert(42%) sepia(91%) saturate(7493%) hue-rotate(353deg) brightness(106%) contrast(131%);
    mix-blend-mode: darken;
	mix-blend-mode: darken;
}



.home .wp-block-column .wp-block-group:hover .green a img,
.home .wp-block-column .wp-block-group:hover .green a img,
.home .pair:hover .green a img
.page-id-11689 .wp-block-group .wp-block-group:hover .green a img,
.page-id-11689 .wp-block-column .wp-block-group:hover .green a img,
.page-id-11689 .pair:hover .green a img{
	/*filter: invert(100) brightness(50%) sepia(1) hue-rotate(81deg) saturate(245.5%) brightness(118%);*/
		    filter: invert(100) brightness(70%) sepia(1) hue-rotate(81deg) saturate(350%) brightness(118%);

	mix-blend-mode: darken;
}

.borderImg:hover,
.wp-block-column .wp-block-group:hover .borderImg{
	border-color:rgb(0, 255, 113);
}
.borderImg:hover:after,
.wp-block-column .wp-block-group:hover .borderImg:after{
	background-color:rgb(0, 255, 115);
}


.otfNein{
	height: calc(28.5vw - 5.5em) !important;
	border-bottom: 0.65vw solid black;
}
.home .wp-block-column .wp-block-group:hover .otfNein,
.page-id-11689 .wp-block-column .wp-block-group:hover .otfNein{
	filter: invert(40%) sepia(91%) saturate(7000%) hue-rotate(150deg) brightness(155%) contrast(90%);
	mix-blend-mode: darken;
}

.home .wp-block-column .wp-block-group:hover .otfNein a img,
.page-id-11689 .wp-block-column .wp-block-group:hover .otfNein a img{
	filter: none;
}

.new:hover:before{
	filter: none;
}

.home p strong,
.page-id-11689 p strong{
	font-weight: normal;
    width: 3.5em;
    display: inline-block;
}

.home .wp-block-group:not(.gp-infos),
.page-id-11689 .wp-block-group:not(.gp-infos) {
   /* margin-top: 0.5em;*/
}

.home .gp-infos .wp-block-group,
.page-id-11689 .gp-infos .wp-block-group{
	margin-top: 0;
}




/*------------------- NEW TYPE PAGE ---------------------*/

.alignHeader{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1em 0.5em;
    position: fixed;
    top: 0;
    width: 100%;
    pointer-events: none;
    z-index: 99;
}

.alignHeader div{
	 pointer-events: initial;
}

.alignHeader .grpTitle{
	grid-column: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.alignHeader .grpTitle div{
	padding: 0 0.5em;
}

.alignHeader h2{
	font-size: 1em;
}

.alignHeader .grpTitle span{
	    width: 4em;
    display: inline-block;

}

.grpBtn {
    padding: 0 0.5em;
}

.grpBtn .btn-buy{
    font-size: 1em;
    margin-right: 10px;
    height: 2em;
}
/*------------------- OLD TYPE PAGE ---------------------*/

.wrap.fontBottom{
	padding: 1.01em 1em 0.5em;
}
.fontBottom{position: relative;
}

.fontBottom{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.fontBottom{
	align-items: stretch;
}

.fontTitle.wrap{
	padding: 0 1em 0.3em;
}

.priceZone{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.btn-zone{
	display: flex;
}

.typeName, .price{
	padding: 0;
}

.wrap-btn{
	box-sizing: border-box;
	padding: 0;
}

.fontBottom .wrapTypeNamePrice{
	display: flex;
    max-width: 320px;
    align-content: space-between;
    flex-wrap: wrap;
}

.fontTitle h2, .fontBottom h2{padding: 0;line-height: 1em;font-size: calc(14px + 1.5vw);}
.fontTitle span, .fontBottom span{float: left; width: calc(100px + 5vw);}

.priceZone .btn-buy{
	margin: 0.08em 0.5em 0 0;
}


.btn-buy {
    font-size: calc(14px + 2.4vw);
    padding: 0.7em 0.35em 0.5em 0.4em;
    height: 1.4vw;
    background: black;
    display: flex;
    align-items: center;
    color: white;
    border-radius: 1em;
    margin: 0;
    text-transform: uppercase;
    border: 1px solid black;
    box-sizing: border-box;
}


.priceZone .btn-buy.trial{
	margin: 0.08em 0.2em 0 0;
}


.btn-buy.trial{
	  background: transparent;
	  color: black;

}

.fontBottom h2{ width: 10em;}



.fontBottom .btn-buy {
	font-size: calc(5em + 15.3vw);
	height: calc(100% - 0.029em);
}

#content a.btn-buy:hover{
	background: red;
	border-color: red;
	color: white;
}






@media screen and (max-width: 1440px){
	.btn-buy {font-size: calc(14px + 2.7vw);}
	.fontBottom .btn-buy {font-size: calc(5em + 11.5vw);}
}


  
.single-typefaces #main{
	padding-top: 0;
	padding-bottom: 0;
}

.pageTitle h2{
	font-size: calc(14px + 1.5vw);
}

.spaceTop{
	padding-top: 7em;
}


ul.nav{
	position: fixed;
	top: 3em;
	z-index: 999;
	background: white;
	padding: 1em 3em 1em;
}


.wrap{  width: 100%; box-sizing: border-box; padding: 1em 1em; margin: 0 auto; gap: 1em !important;}
.home .wrap, .page-id-11689 .wrap{
	padding: 0 1em;
}
#Features.wrap{padding: 0 1em;}
#wordrepeat.wrap{margin: 0 auto; }
.wrap.nav{
	border-bottom: 1px solid black;
}

.subtitle{
	padding: 1em 0;
	font-size: calc(14px + 1.5vw);
}
.first-wrap .subtitle {
    padding: 1em 0;
}

.num{
	padding-right: 1em;
}

.firstWrap{
	padding-top: 5em !important;
}

.strate{
	padding-top:3em;
}

#blockName{
	width: calc((100vw - 6em)/6);
}

#name, #version, #blockG, #blockD{ font-size: 2.6em; line-height: 1.5em;}
#version{ }

#blockShop{
}

#blockG{
	float: left;
}

#blockD{
	float: right;
}

#licenceInfo{
	border-top: 1px solid rgb(246, 246, 246);
	margin-top: 0.5em;
	padding-top: 0.5em;
}

#wordrepeat{
	background: rgb(246, 246, 246);
	padding: 1.5em 1em 1em;
	overflow: hidden;
}

#TypeInUse, .fontBottom{
	/*background: rgb(246, 246, 246);*/
	border-top: 1px solid;
    border-bottom: 1px solid;
}



.intro{ width:100%; font-size:1.5vw; line-height:1.3em; overflow:hidden; border:none; outline:none; box-sizing:border-box; text-align:left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

column-count: 2;
column-gap: 1.3em;

}

.intro p{
	padding: 0 0 1.3em;
}


.intro p:last-child{
	padding: 0;
}

.wordrepeat{
	width: 100%;
	font-size: 8vw; 
	line-height:1.1em;
	display: flex;
	flex-wrap: wrap;
}

.postid-46343 .wordrepeat{
	font-size: 18vw; 
}

.postid-46343 .wordrepeat option{
	line-height: 0.78em;
}


.category-condensed #wordrepeat,
.category-extended #wordrepeat{
	padding-top: 0
}

.wordrepeat[data-width="Condensed"]:before,
.wordrepeat[data-width="Standard"]:before,
.wordrepeat[data-width="Extended"]:before{
	display: block;
	width: 100%;
	font-size: 16px
}

.wordrepeat[data-width="Condensed"]:before{
	content: 'Condensed';
}

.wordrepeat[data-width="Standard"]:before{
	content: 'Standard';
}

.wordrepeat[data-width="Extended"]:before{
	content: 'Extended';
}



.category-condensed.category-extended #wordrepeat{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
}



.wordrepeat[title="Dokument"]{
	font-size: 2.4vw;
}
.wordrepeat option{
	box-sizing: border-box;
	padding-right: 0.25em;
	flex-basis: 50%;
	line-height: 0.875em;
    /*font-variation-settings: 'kern' 1;*/
}

.home #primary,
.page-id-11689 #primary{
	padding-top: 0 !important;
}

#primary nav li{float:left; padding:1vw; box-sizing:border-box; line-height:initial; position:relative;}
#primary nav li ul {padding:0; line-height:1.4em; display:none;}
#secondary {}

#type-title{font-size:1em; line-height:1.25em;}


#type-title #normal, #type-title #alternate{width:50%; float:left; box-sizing:border-box; font-size:2.5em;}
#type-title #alternate{background-color:#000; color:#fff;}



input {
    font-family: inherit;
    
	border:none;
	outline:none;
	border-radius: none;
}


#CharacterMap{clear:both; margin:0 -1px; position:relative; cursor: pointer; display: flex;}

.big-letter{display: flex; width: 50%;  align-items: center; justify-content: center; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: calc(100vw/30*11 + 1px);
	position: sticky;
	position: -webkit-sticky;
	top: calc(4em - 1px);
	border-right: 1px solid black;
}


#weightformap{
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 12px;
}

#weightformap ul#weight{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0.5em;
}

.big-letter .BigOne{
	display: flex; 
	align-items: center;
	justify-content: center;
	
	width:100%; 
	height:100%; 
}
.big-letter div{ 
	display: block; 
	font-size:20vw; 
	text-align:center; 
	padding:0;
}

.glyphFlex p{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid black;
	padding: 0;
}

.glyphFlex span{
	display: flex;
	justify-content: center; 
}

#glyph_chart{
	width: 50%;
	margin-left: -1px;
}

.glyphFlex div{
	box-sizing:border-box; 
	position: relative; 
	width: calc((100vw + 1px)/30); 
	font-size: 2vw; 
	text-align:center; 
	height: calc(100vw/30);
	line-height:calc(100vw/30);
	box-shadow: 1px 0 0 0, 0 1px 0 0, 1px 1px 0 0, 1px 0 0 0 inset, 0 1px 0 0 inset;
	padding:0;
	overflow: hidden;
}

.glyphFlex div:nth-child(15n+15) {
    box-shadow: 0px 0 0 0, 0 0 0 0, 0px 1px 0 0, 0 0 0 0 inset, 0 1px 0 0 inset;
}




.page article {
    margin-top: 0;
}

article p {
	margin:0;
	padding-right: 1em;
	line-height: 1.1em;
}

article #langage p{
	padding-right: 0;
}

article .sampleText p{
	hyphens: auto;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
   text-overflow: ellipsis;
   overflow-y: hidden;
  display: -webkit-box;
   -webkit-line-clamp: 15; /* number of lines to show */
   -webkit-box-orient: vertical;

}

.page article p{
	margin-bottom: 1em;
}

.page article p:empty{
	margin: 0;
}

.page article h3{
	color: red;
}





.wrap-page .wp-block-columns{
	padding: 0 1em 1em;
	margin-bottom: 0 !important;
	gap: 1em !important;
}

.wrap-page .wp-block-columns:first-child{
	padding-top:0;
}

.wp-block-gallery{
	margin: 0 0 0 !important;
}



.wrap .wp-block-gallery,
.wrap.wp-block-columns{
	padding: 0 1em 1em;
	margin: 0 0 !important;
	box-sizing: border-box;
}

.wrap + .wrap .wp-block-gallery{
	margin: 0;
}

.wrap.moreMarge .wp-block-gallery,
.wrap.moreMarge.wp-block-columns{
	padding: 0 0 0;
	margin: 0 0 !important;
}

.wrap.wp-block-columns .wp-block-gallery,
.wrap .wp-block-columns{
	padding: 0;
	margin: 0;
}



.wrap-page article p{

}

.wrap-page .wp-block-columns h2{
	margin-bottom: 0.5em !important;
}
.wrap-page .wp-block-column{
	flex-basis: 50%;
}

.wp-block-column{
margin-left: 0;
margin-right: 0em;
width: 100%;
}

.wrap-page .wp-block-column:nth-child(2n){
	margin: 0em !important;
}

.wp-block-column:not(:first-child){
margin-left: 0em !important;
margin-right: 0em !important;
}

.wp-block-column:last-child{
margin-left: 0em !important;
margin-right: 0;

}




.wp-block-column:last-child .slick-slider .wp-block-image{
	margin: 0;
}

.col1323 .wp-block-column:first-child, .col2313 .wp-block-column{
	flex-basis: calc(100%/3) !important;
	box-sizing: border-box;
}

.col1323 .wp-block-column .wp-block-column:first-child{
	flex-basis: calc((100%/3 + 0.45vw)*2) !important;
}


.col2313 .wp-block-image,
.col1323 .wp-block-image,
.col2313 .wp-block-group.sliderType, 
.col2313 .wp-block-group.sliderType-50, 
.col2313 .wp-block-group.sliderType-100, 
.col2313 .wp-block-group.sliderType-300,
.col1323 .wp-block-group.sliderType, 
.col1323 .wp-block-group.sliderType-50, 
.col1323 .wp-block-group.sliderType-100, 
.col1323 .wp-block-group.sliderType-300{
	margin-bottom: 0; 
}

.wp-block-image img{
	max-width: 100%;
	height: initial;
}


.col1323 .wp-block-column, .col2313 .wp-block-column:first-child{
	flex-basis: calc((100%/3 + 0.45vw)*2) !important;
	box-sizing: border-box;
}

.wrap.wp-block-gallery .blocks-gallery-image, 
.wrap.wp-block-gallery .blocks-gallery-item,
.wp-block-gallery .slick-list .blocks-gallery-image, 
.wp-block-gallery .slick-list .blocks-gallery-item{
    margin: 0; 
}

.wp-block-gallery.big-slider{
	margin: 0;
}

.wp-block-video video{
	width: 100%;
}

.wp-block-video{
	margin-bottom: calc(1em - 6px);
}

.wp-block-image:last-child,
.wp-block-video:last-child{
}
.videoSpecial figure.wp-block-video{
	overflow: hidden;
}

.videoSpecial .wp-block-video video{
	width: calc(100% + 2px);
    margin-left: -1px;
}


.wrap .wp-block-column{
	flex-basis: 50%;
	margin-bottom: 0em !important;
	margin-right: 0em !important;
}


.wrap .wp-block-column:not(:first-child) {
    margin-left: 0em !important;
    margin-right: 0em !important;
}

.wrap .wp-block-column:last-child {
    margin-left: 0em !important;
    margin-right: 0px !important;
}

.home .wrap .wp-block-column:last-child{
		margin-left: 0 !important;
}

.wp-block-gallery .blocks-gallery-image img, 
.wp-block-gallery .blocks-gallery-item img{
	width: 100%;
}

.wrap.wp-block-columns .wp-block-column ul:last-child {
	margin: 0 !important;
}

.contrat ol{
	padding: 0 0 1em 1.2em;
	margin: 0;
}

.contrat ol li{
	list-style: decimal;
	padding-left: 0.25em;
}

.contrat li{
	max-width: 98%;
}

.wp-block-column .wp-block-group{
	width: 100%;
}


@media (min-width: 780px){
	.wp-block-column p, .contrat ol, .page article h3{font-size: calc(14px + 0.3vw); line-height: 1.1em;}
	.wp-block-column .gp-infos p{font-size: 14px; line-height: 1.1em;}
}

@media (min-width: 1024px){

	.wp-block-column p, .contrat ol, .page article h3{font-size: calc(14px + 0.5vw); line-height: 1.1em;}
		.wp-block-column .gp-infos p{font-size: 14px; line-height: 1.1em;}

}

@media (min-width: 1280px){
	.wp-block-column p, .contrat ol, .page article h3{font-size: calc(14px + 0.65vw);line-height: 1.1em;}
		.wp-block-column .gp-infos p{font-size: 14px; line-height: 1.1em;}

}


#characterzone{width:100%; height:100%;position:absolute; z-index:99; left:0;}
#characterzone div{ width:100%;}
.category-zonetwo #characterzone div{ width:50%; height:100%; float:left;  }
.category-zonethree #characterzone div{ width:33.3333%;}
.category-zonefour #characterzone div{ width:25%;}
.category-zonefive #characterzone div{ width:20%;}
.category-zonesix #characterzone div{ width:16.6666%;}
.category-zoneseven #characterzone div{ width:14.28%;}
.category-zoneeight #characterzone div{ width:12.5%;}
.category-zonenine #characterzone div{ width:11.1111%;}
.category-zoneten #characterzone div{ width:10%;}


#TypeTester{
	clear:both; 
	line-height:1.2em;
	position: relative;
	display: flex;
    flex-wrap: nowrap;   
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#TypeTester p{
	padding: 0;
	line-height: inherit;
}

#TypeTester .width-wrap,
#TypeTester .weight-wrap{
		display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 0 0.5em 0.5em;
    width: 100%;
}
#TypeTester .weight-wrap{
		margin: 0 0.5em;
}

#type-edit{
	padding: 0.5em 1em 1em;
    min-height: 80vh;
    width: calc(100% - 200px);
    overflow: hidden;
    border-right: 1px solid;
}

#type-edit:before {
    content: 'Typewriter';
}




.typeblocks{
	width: 200px;
}

.editable{
	font-size: 15vw;
	width:100%;
	line-height: 1em;
	border:none;
	outline:none;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#type_tester_nav{
	clear: both;
    box-sizing: border-box;
    z-index: 9;
    width: 100%;
    display: none;
    position: sticky;
    position: -webkit-sticky;
    top: calc(4em + 3px);
    overflow: hidden;
}

body.typefaces-template-default #type_tester_nav{display:block;}

.typeTesterFiltre{
	width: 100%;
}


/*

#weight:before{
	content: 'Weight';
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0;
	float: left
}

#style:before{
	content: 'Alternate';
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0;
	float: left
}

#otf:before{
	content: 'OTF';
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0;
	float: left
}

*/

#set{
	display: none;
}

#type_tester_nav li{
font-size: 12px;
line-height: 1em;
text-align: left;
box-sizing: border-box;
position: relative;
padding: 1em;

}

#type_tester_nav li.select,
#type_tester_nav li#width{
	border-bottom: 1px solid;
}

#type_tester_nav li.select:last-child{
	border-bottom: none;
}

#weightformap select.width{
	display: none;
}

.category-condensed #weightformap select.width,
.category-condensed #weightformap select.width,
.category-extended #weightformap select.width,
.category-extended #weightformap select.width{
	display: inline-block;
}

select.width:before{
	content: 'width: ';
}

select.weight:before{
	content: 'weights: ';
}

#type_tester_nav li ul li,
#weightformap li{
	padding: 0.4em 0.5em 0.2em;
	margin: 0.5em;
	background: none;
	border: 1px solid;
	border-radius: 100px;
	line-height: 1em;
	display: inline-block;
	cursor: pointer;
}

#weightformap li{
	padding: 0.5em 0.5em 0.2em;
}

#weightformap li.noline{
	padding: 0;
	border:  0;
}

#weightformap li#negatifformap{
	padding: 0;
	margin: 1em 0;
	border: none;
	border-radius: none;
}

#type_tester_nav li span:hover + ul li,
#type_tester_nav li ul:hover li{
	cursor: pointer;
}




#type_tester_nav li#color ul li, #type_tester_nav li#colortext ul li{
	padding:0;
	
}

#type_tester_nav li ul{position: relative; padding:0; top: 0; box-sizing: border-box;}



#type_tester_nav li#noRouded ul{
	padding: 0
}

.typeTesterFiltre #italic, #italicformap{
	display: inline-block;
}

.typeTesterFiltre #negatif, #negatifformap{
	border: none;
	display: inline-block;
	padding: 0;
}



.typeTesterFiltre #negatif span, 
#negatifformap span{
	padding: 10px;
	border: 1px solid !important;
	border-radius: 100px;
	width: 0px;
	display: inline-block;
	cursor: pointer;
	position: relative;
    margin: -7px 5px;
    overflow: hidden;
    background: none !important;
}
.typeTesterFiltre #negatif span:after, #negatifformap span:after{
	content: '';
	padding: 17px 14px;
    width: 0px;
    position: absolute;
    left: 18%;
    top: 22%;
    transform-origin: center;
    transform: rotate(45deg);
}

.destype{font-size:1em; margin-right:5px;}

.holder {
    padding: 0 0.5em 0 1em !important;
    width: calc(100% - 20px);
    display: inline-block;
    margin-left: 20px;
}
.ui-widget-header{
	border: 0 !important;
}



.sliderLabelHolder {
    width:24px;
    height:40px;
    display: inline-block;
}
.sliderLabelContainer {
    color:#999;
}
.sliderT {
    position:relative;
    position: absolute;
    font-size: 10px;
   	line-height: 1.6em;
   	    margin: 0 0.5em;
}

.sliderT.font-size span{
	font-size: 8px;
}

.sliderT.letter-spacing,
.sliderT.line-height span{
	border-bottom: 1px solid;
}

.sliderT.line-height{
	font-size: 10px;
	display: inline-grid;
	border-left: 1px solid;
    padding: 0 5px;
    line-height: 1em
}

.ui-slider{
	position: relative;
}

.slick-slider button{
	outline: none;
	border: none;
	display: none;
}


.ui-slider-handle {width: 15px; height: 15px;border-radius: 100% !important;top: -7px;margin-left: -7px;z-index: 99;display: block;position: absolute;border: none !important;outline: none;}

.ui-slider-range{
	height:1px;
	position: absolute;
	width: 100%;
}

.ui-slider-range.ui-slider-range-min{
	position: absolute;
	height: 2px;

}

li.fontSliderHolder{
	padding: 1em;
}

.sliderT span{
	padding: 0;
	display: initial;
}





/*------------------- OPEN TYPE FEATURE ---------------------*/
#opentype-features{margin-left:-1px;}
#opentype-features div{overflow:hidden;}
#opentype-features ::before{font-size:1em; display:block; line-height:1.5em;}
#opentype-features .features{width:100%; box-sizing:border-box; padding:0.5em 0.5em;
font-size:4em; line-height:1.5em; 
}

#langage{
	font-size:1em; width:100%;  
	padding:1em; position:relative; box-sizing: border-box; 
	display: grid; grid-template-columns: repeat(2, 1fr);
	gap: 1em !important
}



.tnum{
-webkit-font-feature-settings: "tnum" 1;
-moz-font-feature-settings:    "tnum" 1;
-ms-font-feature-settings:     "tnum" 1;
font-feature-settings: "tnum" 1; 
}

.oldnum{
-webkit-font-feature-settings: "onum" 1;
-moz-font-feature-settings:    "onum" 1;
-ms-font-feature-settings:     "onum" 1;
font-feature-settings: "onum" 1;
}

.infnum{ 
-webkit-font-feature-settings: "sub" 1;
-moz-font-feature-settings:    "sub" 1;
-ms-font-feature-settings:     "sub" 1;
font-feature-settings: "sub" 1; 
}

.supnum{ 
-webkit-font-feature-settings: "sup" 1;
-moz-font-feature-settings:    "sup" 1;
-ms-font-feature-settings:     "sup" 1;
font-feature-settings: "sup" 1;
}

.frac{
-webkit-font-feature-settings: "frac" 1;
-moz-font-feature-settings:    "frac" 1;
-ms-font-feature-settings:     "frac" 1;
font-feature-settings: "frac" 1; 
}


.liga{
font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig", 'dlig';
  -webkit-font-feature-settings: "liga", "clig", 'dlig';
  font-feature-settings: "liga", "clig", 'dlig';

}

.case:before{content:'Case sensitive';}
.case{
-webkit-font-feature-settings: "case" 1;
-moz-font-feature-settings:    "case" 1;
-ms-font-feature-settings:     "case" 1;
font-feature-settings: "case" 1; 
}


.alt:empty{
	display: none;
}

/*------------------- Page ------------------*/


/*---------------------------- TYPE EDITOR MENU --------------------*/
.toolbar {
}

.toolbar a{
  color: black;
  padding: 1em;
  display: inline-block;
}

.toolbar a:hover{
}

a[data-command='strikeThrough'],
a[data-command='justifyFull'],
a[data-command='p'],
a[data-command='superscript'] {
}

a[data-command='justifyLeft'],
a[data-command='insertUnorderedList'],
a[data-command='indent'],
a[data-command='h1'],
a[data-command='subscript'] {
}


/*------------------- Footer ------------------*/
footer{
	position: relative;
	padding: 1em;
	background: white;
}

.page-id-1145 footer,
.page-id-1774 footer,
.page-id-1143 footer,
.error404 footer,
.page-id-2533 footer{
	border-top: 1px solid;
}

.page-template-home-page footer{
	/*margin-top: -20vw;*/
}

#first ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	font-size: 14px;
	line-height: 1.1em;
	flex-wrap: wrap;
	grid-gap: 1em;
}

.footerLast {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 10em;
}

#second {
	position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    align-items: flex-end;
}

#third {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
}

.agrement-box{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid;
	justify-content: space-between;
	
}

aside#text-2{
	min-width: 401px;
	width: 100%;
}

.mc4wp-form-fields *{
	width: 100%;
	max-width: 100%;
	width: auto;
	box-sizing: border-box;
}


#second .widget-title{
	font-size: calc(14px + 1.5vw);
	line-height: 1.2em;
}

aside{
	max-width: 100%;
}


.topArrow {
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
}

figure.topArrow{
	position: relative;
	right: initial;
	top: initial;
}

.menu-1-menu-principal-container {
    width: calc(100vw/4);
}


#nav_menu-4 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: -0.05em;
}

.textwidget.custom-html-widget {
	float: right;
	width: 185px;
    padding: 0;
    margin-bottom: -0.05em;
}
.textwidget.custom-html-widget form{
	max-width: 100%;
}
.textwidget.custom-html-widget input[type=email]{
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0.3em 0;
}

.textwidget.custom-html-widget input[type=email]:invalid{
	box-shadow: inherit;
} 

input[type="email"]{
	background: transparent;
	line-height: 1.1em;
	padding: 0 0 0.25em;
}

.textwidget.custom-html-widget input::placeholder{
	color: rgb(100,100,100);
}

.agrement{
	color: black;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0 0.3em;
}

.agrement input[type=checkbox]{
	position: absolute;
	opacity: 0;
  	cursor: pointer;
  	height: 20px;
 	width: 20px;
 	
}

.agrement .checkmark{
	background: rgba(0,0,0,0.3);
    border: 0 !important;
    padding: 10px;
    width: 0;
    z-index: 99;
    pointer-events: none;
    margin: 0;
    border-radius: 100px;
}

.agrement a{
	color: black;
	margin: 0.5em 0.5em 0.3em;
}

input[type=checkbox]:hover ~ .checkmark {
  background-color: rgb(0,215,111);
}

.agrement input[type=checkbox]:checked ~ .checkmark {
  background-color: rgb(0,215,111);
}

input[type=submit]{
	padding: 0.5em;
	border-radius: 0;
	background-color: black;
	color: white;
	cursor: pointer;
	appearance: button;
	font-weight: normal;
}

input[type=submit]:hover{
	background-color: rgb(0,215,111);
}

.wrapMarqueeFollow {
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    font-size: calc(14px + 1.5vw);
    height: 1.1em;
    left: 0;
    margin-top: 0.25em;
}


.marqueeFollow{
    position: absolute;
    display: flex;
    white-space: nowrap;
    background: white;
}

.marqueeFollow span{
	padding: 0 0.3em;
	box-sizing: border-box;
	font-size: calc(14px + 1.5vw);
	line-height: 1.1em;
	letter-spacing: -0.02em;
}


.marqueeFollow{
	-webkit-animation: backward-infinite-follow 8s linear infinite;
    animation: backward-infinite-follow 8s linear infinite;
    animation-play-state: running ;
    will-change: transform;
}

.marqueeFollow:hover{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes backward-infinite-follow{
	0%{transform:translate3D(0,0,0)}
	100%{transform:translate3D(calc((-100%/4) - 0.1em),0,0)}
}

/*----------- 10-ANIMATION ---------*/

#loader{
	width: 100%;
	height: 100vh;
	font-size: calc(36px + 40vw);
	line-height: 100vh;
	color: white;
	position: fixed;
	z-index: 9999999;
}

.load-right, .load-left{
	width: 50%;
	height: 100vh;
	position: absolute;
	background: red;
}
.load-right div, .load-left div{
	position: relative;
}

.load-left{
	text-align: right;
	left:0;
	
}
.load-right{
	left: 50%;
}

#loader span{
	animation:linear rotateLetter 3s infinite ;
	position: absolute;
}

#loader .load-left span{
	right: 0;
}

#loader .load-right span{
	left: 0;
}

#loader .load-right span{
	left: 0;
}


#loader.stop{
	display: none;
}

#follow {
    position: relative;
    width: 100%;
    line-height: 2.3em;
    overflow: hidden;
    height: 120%;
}

.marquee{
	font-size: 3vw;
    width: 100vw;
    position: relative;
    margin: 0;
    -webkit-animation: linear marqueelike 10s infinite;
    -moz-animation: linear marqueelike 10s infinite;
    -o-animation: linear marqueelike 10s infinite;
    -ms-animation: linear marqueelike 10s infinite;
    animation: linear marqueelike 10s infinite;
    line-height: 1.2em;
}

.marquee:hover{
	animation-play-state: paused;
}

@keyframes marqueelike {
 	0% {margin-left: 100%;}
 	100% {margin-left: -125%;}
 }

 @keyframes rotateLetter {
 	0% {transform:rotateY(0deg)}
 	100% {transform:rotateY(360deg)}
 }





#pageTransWrap{
	width: 100%;
    height: 100vh;
    
    
    position: fixed;
    top: 0;
    left: 0;
   
    z-index: 999999;
    font-weight: bold;
    display: flex;
    transform-origin: center;
    pointer-events: none;
    /* align-items: center; */
  	 background: rgb(0,0,0);

}

#pageTrans {
	position: relative;
	-webkit-transform: translate3d(0,0,100vh);
}


#pageTrans span {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    line-height: 114vh;
    font-size: 80vh;
   
    color: white;
    display: block;
    
    
    /*animation: linear rotate 1s infinite; */ 

    -webkit-animation-name: rotation;  
    -webkit-animation-duration: 1s;  
    -webkit-animation-iteration-count: 1;
    -webkit-animation-play-state: running;
   
}


.wait #pageTrans{
}

.wait #pageTrans span{

}

.showPage #pageTrans {
}

.showPage #pageTrans span {
	

}


#pageTrans.on {
	 
}

#pageTrans.on span {
}



 @keyframes rotate{
 	0%{transform: perspective(100vh) rotate3d(0, 1, 0, 0deg);}
 	100%{transform: perspective(100vh) rotate3d(0, 1, 0, 360deg);}
 }

 @-webkit-keyframes rotation{
 	0%{-webkit-transform: rotate3d(0, 1, 0, 0deg);}
 	100%{-webkit-transform: rotate3d(0, 1, 0, 360deg);}
 }

  

/*---------------- COOKIE BAR -------------------*/

#cookie-law-info-bar {
    box-shadow: initial !important;
    font-size: 1em !important;
    text-align: left !important;
    padding: 1em !important;
    margin: 0 !important;
    font-family: 'Lexica', helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}

#cookie-wrap{
	display: flex;
	justify-content: space-between;
}

#cookie-text{
	font-size: 2.3vw;
	line-height: 1.1em;
	max-width: 80%;
}

#cookie-text a{
	text-decoration: underline;
}

.cli-plugin-button {
    margin: 0 !important;
    border-radius: 100px;
    font-size: 3vw !important;
    padding: 0.4em 0.6em 0.3em !important;
}

.cli_user_consent_state {
    font-size: calc(14px + 0.68vw);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0.5em 0;
    margin-bottom: 1em;
    line-height: 1.1em;
}


.wrap-page table.cookielawinfo-row-cat-table.cookielawinfo-classic{
    width: 100%;
    color: black;
    border: 1px solid black;
    border-collapse: inherit;
    font-family: inherit;
    margin: 1em 0;
}

.wrap-page table.cookielawinfo-classic thead tr th{
    background: none;
    border: 1px solid black;
    border-left: none;
    text-transform: inherit;
    font-weight: inherit;
    padding: 0 0.5em;
    border-top: none;
}

.wrap-page table.cookielawinfo-classic thead tr th:last-child {
    border-right: none;
}

.wrap-page table.cookielawinfo-classic td, table.cookielawinfo-classic th {
    border: none;
}

	#cookie-btn a:hover{
   		background: rgb(0,215,111) !important;
   	}



/*---------------- Error Page ----------------*/
.error404 h2 {
    font-family: nein;
    font-size: 159.5vw;
    color: red;
    line-height: 0.52em;
    padding-bottom: 0.205em;
    letter-spacing: -0.01em;
}

.error404 h3 {
    text-align: center;
    font-size: 2vw;
    line-height: 2em;
}

/*------------------- ITALIC ---------------------*/

#italic, 
.typeTesterFiltre #italic, 
#italicformap,
#type_tester_nav li ul li#italicformap, 
#weightformap li#italicformap,
.wordrepeat .italic,
#condensedformap, #standardformap, #extendedformap,
#weightformap .width,
#TypeTester .width-wrap,
select.width,
#widthformap
{ display: none; }

#weight div{
	margin: 0 0.5em;
}

.category-italic #italic, 
.category-italic .typeTesterFiltre #italic, 
.category-italic #italicformap,
.category-italic #type_tester_nav li ul li#italicformap, 
.category-italic .wordrepeat .italic,
.category-italic #weightformap ul li#italicformap,
.category-italic #weightformap:hover ul li#italicformap
{ display: inline-block; }


.category-standard #weightformap .width,
.category-condensed #weightformap .width,
.category-extended #weightformap .width{
	display: block; 
}

.category-standard #TypeTester .width-wrap,
.category-condensed #TypeTester .width-wrap,
.category-extended #TypeTester .width-wrap,

.category-condensed select.width,
.category-standard select.width,
.category-extended select.width{ 
	display: grid; 
}



.italic{ font-style: italic; }
#weightformap .italic{ font-style: normal; }


/*---- SPECIAL ------*/
.postid-1631 .wordrepeat option {
    flex-basis: 100%;
    font-size: 60.5vw;
    line-height: 0.56em;
    padding-bottom: 0.19em;
}

.postid-7608 .wordrepeat option {
	flex-basis: 100%;
    font-size: 42.5vw;
    line-height: 0.8em;
    padding-bottom: 0.15em;
    text-indent: 0.035em;
}



/* FORMULAIRE CONTACT / SHOP */

.float-l{float: left;}
.float-r{float: right;}
.clear{ clear: both; }

.sliderType-slide {
    width: 55vw;
    transform: translateX(-9.5vw);
}

.sliderType-slide .wp-block-image{
	margin: 0;
}
.wp-block-image img{
	display: block;
}

.hublot{
	width: 35vw;
    overflow: hidden;
    border-radius: 100vw;
    -webkit-border-radius: 100vw;
    -moz-border-radius: 100vw;
    margin: 0 1em;
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.page article p.shopType{
	width: 100%;
    text-align: justify;
    padding: 0;
    padding-top: 0.09em;
    width: 100%;
    margin: 0;
    word-break: break-all;
    line-height: 0.75em;
    position: relative;
    letter-spacing: -0.005em;
}

.page-id-15248 #colophon{
	border-top: 1px solid;
}

.page article p.shopType{
	padding: 0 0;
}

.page article .tOne p.shopType{
	padding-top: 0.09em;
}
.page-id-51923 .wp-block-columns .wp-block-columns{
	padding: 0 !important;
}

.page article p.shopType.shopInfo{
	display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    line-height: 0.54em;
    padding-top: 0.35em;
    box-sizing: border-box;
}

.shopType.red{
	color: black;
}

.page article p.shopType strong,
.page article p.shopType em{
	font-weight: normal;
	font-style: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page article p.shopType strong sup,
.page article p.shopType em sup{
	position: absolute;
    background: red;
    border-radius: 100px;
    font-size: 0.1em;
    color: white;
    height: 2em;
    line-height: 2em;
    transform: translateY(-50%);
    padding: 0 0.4em;
}

.page article p.shopType strong{
    cursor: pointer;
    font-size: 1.4em;
    margin: 0;
    text-decoration: none;
    text-shadow: none;
    line-height: 0em;
    display: flex;
    align-items: center;
    transform: translateY(-0.3em);
    letter-spacing: -0.04em;
    padding: 0.75em 0.45em 0.55em;
    background: black;
    color: white;
    border-radius: 1000px;
}

.page article p.shopType strong:hover{
	 background: red;
}

figure.tish{
	width: 100%;
    text-align: right;
    position: relative;
    height: 0;
    margin-top: -7vw;
}

figure.tishleft{
	width: 100%;
    text-align: left;
    position: absolute;
    height: 50vw;
    margin-top: -21vw;
}

figure.tish img,
figure.tishleft img{
	width: 60vw;
    height: auto;
    position: absolute;
    right: 0;
}
figure.tishleft img{
	right: inherit;
}



.wp-block-contact-form-7-contact-form-selector{
	display: flex;
    align-items: center;
    padding: 50px;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000000;
    background-color: rgba(0,0,0,0.2);
    box-sizing: border-box;
    justify-content: center;
}


.wpcf7{
	width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.wpcf7 form{
	background: rgb(245, 234, 220);
  box-shadow: 0px 0 16px 0px rgb(0 0 0 / 80%);
  flex-grow: 1;
  position: relative;
  z-index: 9;
}

.wpcf7 form input:not([type="submit"]){
	font-size: 1.5em;
    line-height: 1.1em;
    font-family: helvetica, sans-serif;
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid black;
    padding: 0.75em 0 0.25em;
    box-sizing: border-box;
    width: 100%;
}

span.wpcf7-form-control-wrap .wpcf7-list-item label {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1em;
}

.wpcf7 form input[type="checkbox"]{
		margin: 0;
    width: 20px;
    height: 20px;
    appearance: inherit;
    border-radius: 100px;
    background: white;
    border-bottom: 0;
    margin-top: -5px;
}

.wpcf7 form input[type="checkbox"]:checked{
	background: red;
}

.submitZone{
	border-top: 1px solid;
	display: flex;
	flex-direction: row-reverse;
}
.submitZone p{
display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.wpcf7 form input[type="submit"]{
	font-size: 3em;
    line-height: 0.9;
    padding: 12px 0.5em 5px;
    margin: 10px 10px;
    border-radius: 100px;
    text-transform: uppercase;
    color:rgb(245, 234, 220);
    width: auto;
}



.popUpField {
    max-height: 90vh;
    overflow: scroll;
    position: relative;
    z-index: 999;
}

body.onPop{
	scroll-behavior: ;
}

.popHead{
	font-size: 30px;
    line-height: 1em;
    padding: 1rem;
    background-color: white;
    position: relative;
}

.popHead p{
	margin: 0;
}

.closePop.cross{
	background-image: url('https://extraset.ch/wp-content/themes/twentyeleven-child/shop/images/cross.svg');
	background-size: contain;
	width: 23px;
	height: 23px;
	position: absolute;
	right: 14px;
	top: 18px;
	cursor: pointer;
}

.formCol{
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
}

.formCol p{
	width: 100%;
	margin: 0;
}

.formCol p + p{
	margin-top:1em ;
}



.formCol p br{
	display: none;
}

.formCol span{
 	box-sizing: border-box;
}

.ship-infos{
	padding: 1em 0 0;
	max-width: 40em;
}

.wpcf7 form.sent .wpcf7-response-output{
	border: none;
}

.t-Mess {
   padding: 1em;
}

.t-Mess textarea{
	width: 100%;
	background-color: white;
	padding: 1em;
	border: none;
	margin-top: 1em;
}

.closePop.flat{
   	width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 0;
}

@media screen and (max-width: 760px){
	.popImg .closePop.flat{
		background: rgba(255, 255, 255, 0.8);
	}

	.cursor.show{
		display: none !important;
	}
}


.wp-block-buttons .wp-block-button .wp-block-button__link{
	-webkit-box-shadow: none;
	box-shadow: none;
    cursor: pointer;
    font-size: calc(24px + 3vw);
    margin: 0;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
    line-height: 1em;
    padding: 0.2em 0.4em 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	border: none;
	background-color: red;
	color: white;
	padding: 1em;
	margin: 0;
	box-sizing: border-box;
}

.wpcf7 form.sent .wpcf7-response-output{
	background-color: rgb(0, 215, 111);
	padding: 1em;
	margin: 0;
	box-sizing: border-box;
}


/* ITEM SHOP */

.itemShop{
	width: 100vw;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1em;
	grid-row-gap: 3.25em;
	padding: 1em;
}

.itemShop article .item-img{
	position: relative;
	height: calc(((100vw - (4*1em + 1em))/4)/3*4);
	overflow: hidden;
}

.item-infos-wrap{
	   padding: 0.74em 0 0.25em;
    margin-left: -0.08em;
    position: relative;
}

@media screen and (max-width: 1280px){.itemShop{grid-template-columns: repeat(3, 1fr);}.itemShop article .item-img{height: calc(((100vw - (3*1em + 1em))/3)/3*4);}}
@media screen and (max-width: 960px){.itemShop{grid-template-columns: repeat(2, 1fr);}.itemShop article .item-img{height: calc(((100vw - (2*1em + 1em))/2)/3*4);}}
@media screen and (max-width: 580px){.itemShop{grid-template-columns: repeat(1, 1fr);}.itemShop article .item-img{height: calc(((100vw - (1*1em + 1em))/1)/3*4);}}


.itemShop article .item-img div{
	width: 100%;
	height: 100% ;
	position: absolute;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;

}

.itemShop article h3{
	color: black;
}

.item-infos{
	display: flex;
	justify-content: space-between;
	outline: none;
	padding: 0.1em 0;
}

ul.item-infos{
	justify-content: initial;
	grid-gap: 0.5em;
}

.item-infos li{
	border: 2px solid;
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.item-infos li:hover{
	color: red;
	border-color: red;
}


.item-infos li.highlight{
}

.item-infos li span.choice {
   padding: 0.2em 0.5em 0.1em;
}

.item-infos li.highlight span.choice{
	padding: 0.2em 0.5em 0.1em 0.35em;
	background-color: red;
	color: white;
}


.item-infos span::selection{
	background: none;
	color: inherit;
}

.item-infos span{
	cursor: pointer;
}

.item-infos .highlight{
	color: red;
	display: flex;
	align-items: center;
	grid-gap: 0;
}

.highlight .choiceValue {
    font-size: 0.6em;
    width: 2em;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.itemImg{
	opacity: 0;
}

.itemImg.current{
	opacity: 1;
}

.item-infos li{
	width: max-content;
	font-size: calc(14px + 0.3vw);
}

.item-infos li.reset{
		display: none;
		color: black;
		background: black;
}

.item-infos li.reset span{
	display: block;
	background-image: url(https://extraset.ch/wp-content/themes/twentyeleven-child/shop/images/cross.svg);
	width: 1.5em;
	height: 1em;
	background-size: 0.8em;
	background-position: center;
	background-repeat: no-repeat;
	filter: invert(1);
}

.item-infos li.reset.show{
	display: flex;
}


.item-infos li.reset:hover{
	background: red;
	color: red;
}

.item-infos h3.price{
	width: auto;
}

.item-infos h3.price:after,
span[data-name="recap"] li span.price:after,
span[data-name="recap"] li span.totalEst:after{
	content: '.–';
}



.item-infos h3.price:before,
span[data-name="recap"] li span.price:before,
span[data-name="recap"] li span.totalEst:before{
	content: 'CHF ';
}

.res-wrap{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 1em;
}

.res-wrap button{
	grid-column: 2;
	width: 100%;
	border: none;
	border-radius: 100vw;
	font-size: calc(5em + 15.3vw);
	padding: 0.25em 0.25em 0.09em;
	background: black;
	cursor: pointer;
	color: white;
	z-index: 9;
}

.res-wrap button:hover{
	background: red;
}

/* ITEM SHOP FORM */
.wpcf7{
	margin: 0 auto;
	padding: 1em 1em 0;
}
.page-template-page-shop .pop{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	display: none;
}

.page-template-page-shop .pop.show{
	display: flex;
	align-items: center;
	height: 100vh;
	z-index: 999999;
}

@media screen and (max-width: 760px){
	.page-template-page-shop .pop.show{
		height: initial;
	}

	.page-template-page-shop .wpcf7{
		height: 80vh;
	}
}

.page-template-page-shop .alignHeader{
	grid-template-columns: 1fr 1fr;
	left: 0;
	box-sizing: border-box;
}

.page-template-page-shop .grpBtn{
	grid-column: 2;
}

.page-template-page-shop .grpBtn button{
	color: black;
	border-radius: 100px;
	font-size: 1.25em;
	padding: 0.2em 0.4em 0.09em;
	background: white;
	cursor: pointer;
	border: 1px solid black;
}

.page-template-page-shop .grpBtn button:hover{
	background: red;
	border-color: red;
	color: white;
}

span[data-name="recap"]{
	width: 100%;
	display: block;
}

span[data-name="recap"] li{
	padding: 0.5em 0;
	border-bottom: 1px solid black;
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 1em;
}

span[data-name="recap"] li span:first-child{
	grid-column: span 2;
}

span[data-name="recap"] li:last-child span:first-child{
	grid-column: span 4;
}


span[data-name="recap"] li span.totalEst{
	grid-column: 5;
}

.textRecap {
    display: none;
}

.out{
	pointer-events: none;
}

.popRes{
	position: sticky;
	bottom: -1px;
	z-index: 999;
	border-bottom: 1px solid black;
	width: 100%;
	padding: 1em;
	display: flex;
	opacity: 0;
	pointer-events: none;
	justify-content: center;
	align-items: center;
	transform: translateY(100%);
	transition: opacity 0.1s 0.2s ,transform 0.3s ease-in-out;
}

.popRes .desc{
	font-size: 1.5em;
	line-height: 1em;
	max-width: 45em;
}

.popRes-btn{
	display: flex;
	grid-gap: 1em;
}

.popRes.hide{
	display: none;
}

button{
	font-family: 'Davidoff';
	cursor: pointer;
}

.popRes-btn .res:hover{
	background: red;
	border-color: red;
}

.popRes-btn .clear:hover{
	background: red;
	border-color: red;
	color: white;
}


.isShopping .popRes{
	opacity: 1;
	pointer-events: initial;
	transform: translateY(-0%);
	transition: opacity 0.1s, transform 0.3s ease-in-out;
}

.popRes button{
		border: 0;
    background: black;
    color: white;
    font-size: 3em;
    padding: 0.4em 0.4em 0.2em;
    border-radius: 100px;
    height: max-content;
}

@media screen and (max-width: 760px){
	.popRes button{
		font-size: 2em;
	}
}

.popRes button.clear{
	background: white;
	color: black;
	border: 1px solid;
}

.cursor{
	border: 1px solid black;
	background: white;
	color: black;
	border-radius: 100px;
	width: 2em;
	height: 2em;
	line-height: 0;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
	display: none;
	z-index: 99999;
}

.cursor.less{
	background: transparent;
}

.cursor.show{
	display: flex;
}

.submitZone .clear{
		font-size: 3em;
    line-height: 0.9;
    padding: 12px 0.5em 5px 0.45em;
    margin: 10px 10px;
    border-radius: 100px;
    text-transform: uppercase;
    border: 1px solid black;
    background: transparent;
		color: black;
    width: auto;
    cursor: pointer;
}

.submitZone .clear:hover{
	background: black;
  color: rgb(245, 234, 220);
}

.item-infos span.choice, .item-infos span.choiceValue{
	cursor: none;
}

.popImg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

article.item{
	position: relative;

}

article.item .more{
	display: none;
}

article.item.more .more{
	position: absolute;
	right: 1em;
	top: 1em;
	border: none;
	background: white;
	color: black;
	border-radius: 100px;
	width: 2em;
	height: 2em;
	line-height: 0;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	z-index: 1;
	display: flex;
}

article.item.more .more:hover{
	background: rgb(0,215,111);
}

.popImg.show{
	display: flex;
}

.popImg .popImgWrap{
	position: relative;
	max-width: 80%;

}

.popImg .popImgWrap img{
	display: none;

}

.popImg .popImgWrap img.current{
	display: inline-block;
	box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


li.infoSize{
	display: none;
}

.category-t-shirt li.infoSize{
	display: flex;
  width: 1.5em;
  height: 1.5em;
  justify-content: center;
  background: black;
  border-color: black;
  color: white;
  font-size: 0.8rem;
  cursor: pointer;
}



.category-t-shirt li.infoSize span{
	display: none;
	position: absolute;
    top: -2em;
    transform: translateY(calc(-100% + 1em));
    background: black;
    color: white;
    left: 1em;
    font-size: 1rem;
    line-height: 1.2em;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0,0,0,0.8);
}

.category-t-shirt li.infoSize:hover span{
	display: block;
}

@media screen and (max-width: 560px){



	span[data-name="recap"] li{
		grid-template-columns: repeat(6, 1fr);
	}

	span[data-name="recap"] li:last-child span:first-child{
		grid-column: span 4;
	}

	span.price{
		grid-column: span 2;
	}

	span[data-name="recap"] li span.totalEst{
		grid-column: 5 / span 2;
	}
}

/*---------------- 11-RESPONCIVE ----------------*/

#mobileWeight{
		display: none;
		font-weight: normal;
		font-family: 'Lexica', helvetica, sans-serif;
	}
#mobileWeight:after{
	content: '';
    background-image: url(shop/images/chevron-down.svg);
    background-repeat: no-repeat, repeat;
    background-position: center 4px;
    background-size: 50%;
    width: 2em;
    height: 1em;
    position: relative;
    display: inline-block;
}

#mobileWeight li{
	font-weight: normal;
		font-family: 'Lexica', helvetica, sans-serif;
}
.italic #mobileWeight:after{
	content: ' Italic';
}

@media screen and (max-width:1800px){
	.border{
		border: 1px solid ;
	}
}

@media screen and (max-width: 1440px) {
	.menu-screen nav{
		grid-template-columns: repeat(1, 1fr);
	}

	.home .menu-screen nav,
	.page-id-11689 .menu-screen nav{
		width: calc((100vw/2) - 2.15em)
	}
}

@media screen and (max-width:1280px){

	.alignHeader .grpTitle{
		grid-template-columns: repeat(2, 1fr);
	}
}


@media screen and (max-width: 960px) {
	.typeCollection{
	display: block;
}
.typeCollection article:nth-child(even){
	border-left: 0;
}

	[class="SVG-Mobile"]{
	display: initial;
}
.SVG-Mobile + .wrap.wp-block-columns{
	padding: 0 4.5vw 1em;
}

h4{ font-weight:normal; font-size: 13px; line-height: 1.2em;}

[class="SVG-Desktop"]{
	display: none;
}

	.category-italic #weightformap ul li#italicformap{ 
		display: none; 
	}

	#page:before{
		display: none;
	}

	.bigLine{
		display: none;
	}
	body{
		    max-width: 100vw;
    overflow-x: hidden;
	}

	
	#CharacterMap{
		flex-wrap: wrap;
	}

	#glyph_chart{
		width: 100%;
		margin: -1px 0 0;

	}

	.big-letter{
		border-right: none;
		width: 100vw;
		margin: 0; 
	}

	.glyphFlex div{width: calc(100vw/10);line-height: calc(100vw/10); height: calc(100vw/10); font-size: 5vw; }
	.glyphFlex div:nth-child(10n){box-shadow:0px 0 0 0, 0 1px 0 0, 0px 1px 0 0, 1px 0 0 0 inset, 0 1px 0 0 inset;}
	.glyphFlex div:nth-child(1n){box-shadow:-1px 0 0 0, 0 1px 0 0, 0px 1px 0 0, 0 0 0 0 inset, 0 1px 0 0 inset;}

	.big-letter{top: 0; z-index: 9; height: 45vh;}
	.big-letter div{font-size: 50vw;}


#branding{width: 100%; z-index: 999; top: 0; padding: 0;}
	#main{margin-top:8.4em; position: relative;}
	.home #main,
	.page-id-11689 .main{
		padding-top: 7.7em;
		margin: 0;
	}
	
	.menu-screen{display: none;}
	.menu-mobile{display: flex;     flex-direction: row-reverse;}
	.intro{columns: inherit; font-size: 1em;}

	#CharacterMap{
		margin: 0;
	}


.typeButton ul.sub-menu:before{
	left: 100%;
	border-left: none;
}


.typeButton ul.sub-menu li{
	float: none;
	width: 100vw;
}

.typeButton ul.sub-menu li:nth-child(even){
	border-right: none;
}

.typeButton ul.sub-menu li a{
	font-size: 5vw;
}





/*---------------- Menu Burger ----------------*/

.burger{
	cursor: pointer;
	position: fixed;
    right: 0;
    top: 0.7em;
    z-index: 99;
}

.burger span{
	width: 45px;
	height: 5px;
	margin: 8px 0;
	background: black;
	display: block;
}

	.alignHeader{
		position: fixed;
    	bottom: 0;
    	left: 0;
    	top: inherit;
    	z-index: 999;
    	background: white;
    	
    	padding: 1em 1em 1.2em;
    	box-sizing: border-box;
    	width: 100%;
    	border-top: 1px solid;
    	grid-template-columns: repeat(2, 1fr);
	}

	.alignHeader .grpTitle {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

	.priceZone .btn-buy{
		margin: 0;
		font-size: 2em;
	}

	

	.wrap-btn{
		width: 100%;
	}

    .fontBottom .btn-buy{
		font-size: calc(5em + 19vw);
		width: 100%;
    	display: block;
    	text-align: center;
	}

	.fontBottom .wrapTypeNamePrice{
		max-width: 100%;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding-bottom: 1em; 
	}

	.fontBottom .wrapTypeNamePrice .price h2{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}

	.fontTitle span, .fontBottom span{float: none; width: 100%;}




	#content.collection article a h2,
	#typePage.collection article a h2{
		font-size: calc(14px + 4vw);
	}



	#mobileTitle{
		display:none;
	}

	span.smartphone{
		display:block;
	}

	span.screen{
		display:none;
	}

	#weightformap{
		bottom: inherit;
   		top: calc(45vh - 3em);
	}

	#weightformap #mobileWeight{
		display: block;
	}

	#weightformap ul{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#weightformap ul li{
		display: none;
		padding: 0.35em 0.5em 0.35em;
	}

	#weightformap:hover ul li{
		display: block;
	}


	#TypeTester{
		display: none;
	}

	.typeInfos{
		margin-top: 1em;
		 grid-template-columns: repeat(3, 1fr);
	}

	.typeFamilly{
		display: none;
	}

	.typeCollection{
		width: 100%;
	}

	.lessTop{
		
	}
	

	footer{
		padding: 1em 1em 3em;
	}

	.single-typefaces footer{
		padding: 1em 1em 8em;
	}

	

	#second {
	position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    align-items: flex-end;
	}

	#third {
    	grid-template-columns: repeat(1, 1fr);
    	grid-template-rows: repeat(2, 1fr);
	}

	.menu-1-menu-principal-container{
		width: 100%;
	}

	.textwidget.custom-html-widget{
		float: none;
	}

	#branding.putLine:after{
		display: none;
	}

	.popHead{
		padding-left: 14px;
		position: sticky;
		top: 0;
		z-index: 9;
	}

	


	.page article p.shopType.float-l{
		width: calc(55vw - 1rem);
	}


	.category-condensed.category-extended #wordrepeat{
		display: block;
	}

	.wordrepeat[title="Dokument"]{
		font-size: 7.5vw;
	}
}


@media screen and (max-width: 780px) {



	#mobileTitle{
		display:flex;
		justify-content: center;
		min-height: calc((103vw/4)*3);
		    align-items: center;
		    margin-bottom: 1em;
		
	}

	#mobileTitle span{
		font-size: calc(14px + 8vw);
    text-align: center;
    line-height: 0.9em;
    width: 80%; 
	}

	.glyphFlex div{width: calc(100vw/6);line-height: calc(100vw/6); height: calc(100vw/6);font-size: 8vw; }
	.glyphFlex div:nth-child(60n){box-shadow:0px 0 0 0, 0 1px 0 0, 0px 1px 0 0, 1px 0 0 0 inset, 0 1px 0 0 inset;}
	.glyphFlex div:nth-child(1n){box-shadow:-1px 0 0 0, 0 1px 0 0, 0px 1px 0 0, 0 0 0 0 inset, 0 1px 0 0 inset;}

	article{margin-top:0;}

	body{font-size: 14px;}

	h2, h3, .fontTitle h2, .fontBottom h2, #first ul{font-size: calc(14px + 1.5vw);}
	
	
	.slider{width: 100%; border: none;}
	.pagingInfo{width: 100%; border: none; font-size: 6vw;}
	.pagingInfoCount { right: 2.5%; left: inherit;}
	#caption{position: relative; right: inherit; font-size: 6vw; width: 100%; padding: 0 2.5%;}
	#follow { font-size: 6vw; position: relative; left: 0; width: 100%; line-height: 1.2em; overflow-x: inherit; height: 6vw; padding-bottom: 1em;}


	ul#typeface{columns: inherit;}
	ul#typeface li{padding:0;}
	ul#typeface li:first-child{ padding: 0;}
	ul#typeface li.medium{width: 100%;}
	
	.page-template-home-page footer {margin: 0;}


	#wordrepeat {padding-bottom: 1em}
	.wordrepeat {font-size: 19vw; columns: inherit; display: block;}
	.wordrepeat option{line-height: 1em;}
	.wrapFeatures .wp-block-gallery ul.blocks-gallery-grid{padding-bottom: 1em;}
	.wrapFeatures{columns: inherit;}
	#TypeTester{display: none;}
	.wrap .wp-block-column:not(:first-child) { margin-left: 0; margin-right: 0;}
	.wp-block-column,
	.wrap .wp-block-column,
	.col1323 .wp-block-column:first-child, 
	.col2313 .wp-block-column,
	.col1323 .wp-block-column, 
	.col2313 .wp-block-column:first-child{
		flex-basis: 100% !important;
	}

	.wrap .wp-block-column{
		margin-bottom: 1em;
	}

	.slick-slider .wp-block-image{
		margin: 0;
	}


	.wp-block-column:empty{
		display: none;
	}

	
	.wrap.wp-block-columns{
		margin-bottom:0;
	}

	.wrap.wp-block-columns:last-child{
		margin-bottom:1em;
	}


	.wrap.wp-block-columns .wp-block-column ul:last-child{
		margin: 0 0 1em;
	}

	.wp-block-column { 
		font-size: 1.2em;
		line-height: 1.1em;

	}

#langage{
	grid-template-columns: repeat(1, 1fr);
}

	.wp-block-columns .wp-block-column{
		flex-basis: initial !important;
		margin-right: 0;
	}

	.wp-block-columns .wp-block-column:last-child{
		margin-bottom: 0;
		margin-left: 0;
	}

	.wp-block-columns .wp-block-column:last-child .wp-block-image{
	}



	#langage p:first-child{
		padding-bottom: 1em; 
	}

	#introBox{ display: none; }
	ul#typeface{ display: initial;}
	ul#typeface li:nth-child(2n){ top: inherit; }
	ul#typeface li{ width: 100%; flex-basis: 100%; max-width: inherit;}
	ul#typeface li a{width: 100%;}

	.bloc-typeface h2{padding: 0 0 0.5em;}


	#content.collection article,
	#typePage.collection article{
		width: 100%;
	}
	#content.collection article a h2,
	#typePage.collection article a h2{
		font-size: calc(14px + 20vw);
	}

	.widget_nav_menu{
		margin-top: 1em;
	}

	#first ul{
		grid-template-columns: repeat(2, 1fr);
	}
	#second{
		display: inherit; 
		    padding-top: 5em;
	}

	aside ul.menu {
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: space-between;
    	width: 100%;
	}

	aside ul.menu li {
    	width: 50%;
    	font-size: calc(14px + 1.5vw);
	}

	#third{
		padding: 0;
    	font-size: 1em;
	}

	.alignHeader{
   		 grid-template-columns: repeat(5, 1fr);
   	}

   	.alignHeader .grpTitle {
    grid-column: 1/5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	}



	#wordrepeat{
		padding: 0.5em 0.5em 0;
	}

	#first ul li{
	flex-basis: 50%;
	
	}


	aside#text-2{
		min-width: inherit;
	}

	#nav_menu-4 ul{
		 grid-template-columns: repeat(2, 1fr);
	}

	aside ul.menu li {
    	width: 100%;
    	
	}

	.menu-1-menu-principal-container{
		width: 100%;
	}

	.textwidget.custom-html-widget{
		    width: 185px;
    	padding: 1em 0;
    	margin-bottom: -0.05em;
    	float: none;
	}

	.wp-block-columns.noMobile,
	.wrap.noMobile{
		display:none;
	}

	.footerLast {
    	display: inherit;
    	grid-template-columns: inherit;
     	padding-top: inherit; 
	}

	#third {
    grid-template-columns: repeat(1, 1fr);
  	grid-template-rows: inherit; 
	}

	.wp-block-column:empty{
		display: none;
	}

	.borderImg{
		width: 100%;
    	border: 0.5vw solid black;
    	min-height: calc(50vw/4*2);
	}



	.borderImg .wp-block-column{
		
	}

	.borderImg:after{
		width: 0.5vw;
		left: calc(100%/5*3);
	}

	.stroke {
    	padding-bottom: 0em !important;
    	border-bottom: 1px solid black;
    	margin-bottom: 1em !important;
	}

	.stroke .wp-block-column{
    	margin: 0;
	}

	.hublot{
		width: calc(100vw - 2rem);
	}

	.sliderType-slide{
		width: 150vw;
	}

	.page article p.shopType{
		
	}

	figure.tish img, figure.tishleft img{
		width: 100vw;
	}

	figure.tish{
		margin-top: -4vw;
    	height: 50vw;
	}

	.page article p.shopType.float-l{
		width: calc(100vw - 2rem);
	}

	figure.tishleft{
		position: relative;
		margin-top: -9vw;
	}

	.page article p.shopType.shopInfo{
		line-height: 0.64em;
	}



	.wordrepeat[title="Dokument"]{
		font-size: 15vw;
	}


}

@media screen and (max-width: 600px){
	.borderImg{
    	min-height: calc(100vw/4*2);
    	border-width: 1.2vw;
    	height: initial;
	}

	.borderImg:after{
		width: 1.2vw;
	}
}


@media screen and (max-width: 470px) {
    	
	.fontBottom h2{
		width: inherit;
	}

	.typeName, .price{
		width: 100%;
	}

	#langage{
		font-size: 12px; line-height: 1em;
	}
	#langage p:first-child{
		padding-bottom: 1em; 
	}

	#cookie-text {
    	font-size: calc(14px + 0.5vw);
    	line-height: 1.1em;
    	max-width: 100%;
	}

	.cli-plugin-button {
    	margin-top: 14px !important;
   		font-size: 24px !important;
   	}

   	#cookie-btn a{
   		display: block !important;
   		text-align: center;
   	}

   	input[type=submit]{
   		display: block;
   		width: 100%;
   		text-align: left;
   	}

   	.alignHeader .grpTitle{
		grid-template-columns: repeat(1, 1fr);
	}

   	.grpTitle div:last-child{
   		display: none;
   	}

   	.home .gp-infos .wp-block-group__inner-container p,
   	.page-id-11689 .gp-infos .wp-block-group__inner-container p{
	font-size: 10px;
	}

	.fontBottom .btn-buy {
	    font-size: calc(5em + 11vw);
	}

	h2, h3, .fontTitle h2, .fontBottom h2, #first ul {
    font-size: calc(14px + 1vw);
	}

	.wp-block-contact-form-7-contact-form-selector{
		padding: 2em;
	}

	.page article p.shopType strong{
		font-size: calc(24px + 6.5vw);
	}

	.borderImg{
		width: 100%;
    	border: 1.3vw solid black;
    	min-height: calc(100vw/4*2);
	}

	.borderImg:after{
		width: 1vw;
		left: calc(100%/5*3);
	}

}

/* RESPONCIVE COLONNE TEXTE*/

@media screen and (max-width: 1920px){

	

	.onTwo,
	.wp-block-columns.onTwo {
    	display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-row-gap: 1em;
	}


	.onThree,
	.wp-block-columns.onThree {
    	display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	grid-row-gap: 1em;
	}

	

	.onTwo .wp-block-column:not(:first-child),
	.onTwo .wp-block-column:last-child,
	.onThree .wp-block-column:not(:first-child),
	.onThree .wp-block-column:last-child{
		margin-left: inherit;
    	margin-right: inherit;
	}




}

@media screen and (max-width: 1280px){
	.onOne,
	.wp-block-columns.onOne {
    	display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	grid-row-gap: 1em;
	}

	.page article p.shopType{
		font-size: calc(16px + 15vw);
	}

}


@media screen and (max-width: 960px){

	

	.onTwo,
	.wp-block-columns.onTwo {
    	display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	grid-row-gap: 1em;
	}

	.onThree,
	.wp-block-columns.onThree {
    	display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-row-gap: 1em;
	}

	.onOne .wp-block-column,
	.onThree .wp-block-column,
	.onTwo .wp-block-column{
		margin-bottom: 0;
	}

	.onOne .wp-block-column:last-child,
	.onThree .wp-block-column:last-child,
	.onTwo .wp-block-column:last-child{
		margin-bottom: 1em;
	}

}

@media screen and (max-width: 720px){

	.onThree,
	.wp-block-columns.onThree{
    	display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	grid-row-gap: 1em;
	}

	.wp-block-columns.onTwo.noMobile, 
	.wp-block-columns.onThree.noMobile, 
	.wp-block-columns.onOne.noMobile,
	.noMobile{

		display: none;
	} 
	#content [class^="wp-block-"] figcaption{
		    margin: -0.8em -0.6em;
	}

	.wrapMob {
    padding: 0 0.9em;
	}


}


/* SPECIAL T*/
canvas {
	position: absolute;
	top: 0;
}

#page.post-11689{
	position: sticky;
	top:0;
}


/* XTR */


@media screen and (max-width: 720px){

	.postid-63367 .single-typefaces #main{
		overflow: hidden;
	}
}


.postid-63367 #editor{
	line-height: 0.82em;
}

.postid-63367 .wrap .wp-block-gallery, 
.postid-63367 .wrap.wp-block-columns{
	padding: 0 1em;
}

.postid-63367 .wordrepeat{
	font-size: 7.46vw;
	justify-content: space-evenly;
}
.postid-63367 .wordrepeat option{
	flex-basis: initial;
	line-height: 0.7em;
	padding: 0;
}

.postid-63367 #wordrepeat{
	display: none;
}

.imgSnap figure{
	margin: 0;
}

.postid-63367 .shop-select-row.light,
.postid-63367 .shop-select-row:nth-child(1){
	display: none;
}
.postid-63367 .shop-select-table{
	display: grid;
}
.postid-63367 .shop-select-row.typeface-children{
	 grid-row: 1;
}

.page-template-page-typefaces article.post-63367,
.page-template-page-typefaces article.post-63638{
	display: none;
}

.shop-trials-group .shop-trials-item:nth-last-child(2){
	
}

.postid-63367 .shop-font-description-style:after{
	content:'Included variable font';
}

.postid-63367 .xtr.reg{
	line-height: 0.8em;
    padding: 0.5rem;
    font-size: 2vw !important;
}

.postid-63367 .wp-block-image{
	margin: 0;
}



/* SPECIAL PARK */
#post-63882 .wp-block-columns{
	gap:  2em !important;
}

#post-63882 .wp-block-separator.is-style-wide{
 border-top: 1px solid black;
}

#post-63882 .wp-block-separator.is-style-wide.marge{
	margin: 1em 0;
}

#post-63882 .ParkSpeLine .wp-block-column{
		position: relative;
	}

#post-63882 figure.wp-block-image, 
			#post-63882 figure.wp-block-video,
			#post-63882 .wp-block-group.sliderType, 
			#post-63882 .wp-block-group.sliderType-50, 
			#post-63882 .wp-block-group.sliderType-100, 
			#post-63882 .wp-block-group.sliderType-300, 
			#post-63882 [class*="slideshow"]{
				margin: 0 0 0;
		}

#post-63882 .wrap .wp-block-gallery, 
#post-63882 .wrap.wp-block-group{
	padding-bottom: 0;
}


.Licences{
	width: 97.1% !important;
	height: calc(24vw - 3.4em);
	margin: 0;
	padding: 1em;
	cursor: pointer;
}

.Licences:hover{
	filter: invert(100) brightness(70%) sepia(1) hue-rotate(81deg) saturate(350%) brightness(118%);
	mix-blend-mode: darken;
}

.Licences .wp-block-column:first-child p{
	font-size: 12vw;
	line-height: 0.95em;
	text-indent: -0.02em;
	margin: 0;
	padding: 0;
}

.Licences .wp-block-column:last-child p{
	font-size: 5vw;
	text-align: right;
	margin: 0;
	padding: 0;
}


@media screen and (min-width:720px){
	#post-63882 .nomore{
	max-width: 75vw;
	margin: 0 auto;
}
	#post-63882 .ParkSpeLine .wp-block-column:nth-child(2):before{
		content: '';
		background: black;
		width: 1px;
		height: 100%;
		position: absolute;
		left: -1em;
		top: 0;
	}

	#post-63882 .wp-block-group__inner-container .wp-block-columns:last-child .wp-block-separator{
		display: none;
	}

	#post-63882 .ParkSpeLine .wp-block-column:nth-child(2):after{
		content: '';
		background: black;
		width: 1px;
		height: 100%;
		position: absolute;
		right: -1em;
		top: 0;
	}
}