/*=================================== Custom fonts ===================================*/

/*=================================== Initialization & General ===================================*/
/*.inlineBlock, .inlineFlex { font-size:0; }*/

/*=================================== Site-specific Framework & Snippets ===================================*/
/*Site-specific grids, widths & heights*/
/*Site-specific paddings*/
/*Site-specific margins*/

/*Site-specific framework: Backgrounds*/
.bg-grid { background-size: 10% 10%; background-image: linear-gradient(to right, black 1px, transparent 1px), linear-gradient(to bottom, black 1px, transparent 1px); }
.bg-white { background-color:#fff; }
.bg-versus { background-image:url(/assets/images/icon-versus-black.svg); background-size:7rem; background-repeat:no-repeat; background-position:center center; }

/*Site-specific framework: Borders & Corners*/
.b-black { border:1px solid #000; }
.b-black.strong { border:3px solid #000; }
.bt-black {border-top:1px solid #000; }
.b-red { border:1px solid #ff3b00; }
.b-red.strong { border:3px solid #ff3b00; }

/*Site-specific framework: Cursors, buttons & icons*/
button.link { background-position:left 0.5rem center; background-size:2.5rem; background-repeat:no-repeat; }
button.link.large { background-position:left 0.6rem center; background-size:3.2rem; padding-left:6rem !important; }
button.link.lightLilac { background-image:url(/assets/images/icon-link-lightLilac.svg); }

/*Snippets*/
li { margin-left:2rem; margin-top:1rem; }
input[type="number"].large { width:8rem; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/*=================================== Templates ===================================*/

/*=================================== Texts ===================================*/

/*Default types*/
header nav { font:700 1.8rem/1.8rem "Sofia Sans Extra Condensed", sans-serif; text-transform:uppercase; letter-spacing:0.04rem; }
h1, input[type="number"].large { font: 700 10rem/9rem "Sofia Sans Extra Condensed", sans-serif; text-transform:uppercase; letter-spacing:0.03rem; }
h1.verySmall { font:700 2rem/2rem "Sofia Sans Extra Condensed", sans-serif; text-transform:uppercase; letter-spacing:0.03rem; }
h2, h1.small { font:700 3rem/3rem "Sofia Sans Extra Condensed", sans-serif; text-transform:uppercase; letter-spacing:0.03rem; }
h3 { font:700 1.8rem/2.2rem "Rethink Sans", sans-serif; }
span { font:400 1.6rem/2.2rem "Rethink Sans", sans-serif; }
span.label { font:400 5rem/5rem "Sofia Sans Extra Condensed", sans-serif; }
span.large { font:400 2.6rem/3.3rem "Rethink Sans", sans-serif; }
span.veryLarge { font:400 5rem/5rem "Rethink Sans", sans-serif; }
button { font: 400 3rem/3rem "Sofia Sans Extra Condensed", sans-serif; text-transform:uppercase; letter-spacing:0.03rem; }

/*Type colors*/
.beige, .beige a, a.beige { color:#FCFCF6; }
.black, .black a, a.black { color:#000; }
.red, .red a, a.red { color:#ff3b00; }
/*Type styles*/
.italic, .list li.active > * { font-style:italic !important; }
.uppercase, span.data { text-transform:uppercase; }
.strong { font-weight:bold !important; }
.strikethrough, button.publication { text-decoration:line-through; }

/*Link styles*/
a { text-decoration:none; }
.black.alwaysUnderline a:link, .black.alwaysUnderline a:visited, .black.alwaysUnderline a:hover, .black.alwaysUnderline a:active, .black.hoverUnderline a:hover, a.black.hoverUnderline:hover { border-bottom:2px solid #000; }
.white.alwaysUnderline a:link, .white.alwaysUnderline a:visited, .white.alwaysUnderline a:hover, .white.alwaysUnderline a:active, a.white.alwaysUnderline, .white.hoverUnderline a:hover, a.white.hoverUnderline:hover { border-bottom:2px solid #fff; }