/* Colors */
:root {
	--white: #fff;
	--wp--preset--color--green: #a4de02; /* 1.6119264590909879 */
	--wp--preset--color--dark-green: #4c9a2a; /* 3.5217327105702414 */
	--wp--preset--color--medium-green: #76ba1b; /* 2.3837363854547733 */
	--wp--preset--color--lighter-green: #acdf87; /* 1.5374415760153683 */
	--wp--preset--color--orange: #f4a117; /* 2.109081843769592 */
	--wp--preset--color--light-green: #68bb59; /* 2.375298375804655 */
	--wp--preset--color--darker-green: #1e5631; /* 8.639595079475423 */
	--wp--preset--color--dark-gray: #333;
	--wp--preset--color--medium-gray: #636363;
	--wp--preset--color--light-gray: #cacaca;

	--smart-and-final--color--medium-red: rgba(200, 17, 44, 0.59);
	--smart-and-final--color--dark-red: #610615;
	--smart-and-final--color--light-red: rgba(252, 134, 152, 0.14);
}

@font-face {
	font-family: 'Knockout 31 Junior Middleweight';
	src: url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.eot'); /* IE9 Compat Modes */
  src: url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF31_Junior-Middleweight/Knockout-31_Web.svg#Knockout-31JuniorMiddlewt') format('svg'); /* Legacy iOS */
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Fonts */
@font-face {
	font-family: 'Knockout 26 Junior Flyweight';
	src: url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.eot'); /* IE9 Compat Modes */
  src: url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.woff2') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://daviselen.com/wp-content/themes/865-figueroa/dist/fonts/Knockout/HTF26_Junior-Flyweight/Knockout-26_Web.svg#Knockout-26JuniorFlywght') format('svg'); /* Legacy iOS */
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Global stylesheet */
* {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Knockout 31 Junior Middleweight", "Knockout-HTF31-JuniorMiddleweight", Knockout, -apple-system, system-ui, sans-serif;
  color: var(--wp--preset--color--dark-gray);
  background-color: var(--white);
}
h1, h2, h3 {
	font-family: "Knockout 26 Junior Flyweight", "Knockout 26", "Knockout-HTF26-JuniorFlyweight", Knockout;
}
p:last-child {
  margin-bottom: 0;
}
p,
.tmpl-post li,
img {
  max-width: 37.5em; /* 600px /16 */
}
p,
.tmpl-post li {
  line-height: 1.45;
}
a[href] {
  color: var(--wp--preset--color--darker-green);
}
a[href]:visited {
  color: var(--wp--preset--color--dark-green);
}
.wrap {
	width: calc((7 * 100%) / 8 - 864px);
	min-width: 1024px;
  max-width: 1504px;
	margin-left: auto;
	margin-right: auto;
}
.body {
	padding-top: 4.5em;
}
main :first-child {
  margin-top: 0;
}
header {
}
header:after {
  content: "";
  display: table;
  clear: both;
}
table {
  margin: 1em 0;
}
table td,
table th {
  padding-right: 1em;
}

pre,
code {
  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
  line-height: 1.5;
}
pre {
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  padding: 1em;
  margin: .5em 0;
  background-color: #f6f6f6;
}
code {
  word-break: break-all;
}

/* Header */
.home {
  padding: 0 1rem 0 0;
  float: left;
  margin: 1rem 0; /* 16px /16 */
  font-size: 1em; /* 16px /16 */
}
.home :link {
	display: inline-block;
}
.home :link:not(:hover) {
  text-decoration: none;
}
.home img {
	background-color: rgba(10, 10, 10, 0.8);
}

/* Nav */
.nav {
  padding: 0;
  list-style: none;
  float: left;
  margin-left: 1em;
}
.nav-item {
  display: inline-block;
  margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
  text-decoration: none;
}
.nav-item-active {
  font-weight: 700;
  text-decoration: underline;
}

/* Clients list */
.clientlist {
  list-style: none;
  padding: 0;
}
.clientlist-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  counter-increment: start-from -1;
  line-height: 1.8;
}
.clientlist-item:before {
  display: inline-block;
  pointer-events: none;
  content: "" counter(start-from, decimal-leading-zero) ". ";
  line-height: 100%;
  text-align: right;
}
.clientlist-date,
.clientlist-item:before {
  font-size: 0.8125em; /* 13px /16 */
  color: var(--wp--preset--color--dark-gray);
}
.clientlist-date {
  word-spacing: -0.5px;
}
.clientlist-link {
  padding-left: .25em;
  padding-right: .25em;
  text-underline-position: from-font;
  text-underline-offset: 0;
  text-decoration-thickness: 1px;
}
.clientlist-item-active .clientlist-link {
  font-weight: bold;
}
.tmpl-home .clientlist-link {
  font-size: 1.1875em; /* 19px /16 */
  font-weight: 700;
}


/* Tags */
.client-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 0.75em; /* 12px /16 */
  padding: 0.08333333333333em 0.3333333333333em; /* 1px 4px /12 */
  margin-left: 0.6666666666667em; /* 8px /12 */
  margin-top: 0.5em; /* 6px /12 */
  margin-bottom: 0.5em; /* 6px /12 */
  color: var(--wp--preset--color--dark-gray);
  border: 1px solid var(--wp--preset--color--medium-gray);
  border-radius: 0.25em; /* 3px /12 */
  text-decoration: none;
  line-height: 1.8;
}
a[href].client-tag,
a[href].client-tag:visited {
  color: inherit;
}
a[href].client-tag:hover,
a[href].client-tag:focus {
  background-color: var(--wp--preset--color--light-gray);
}
.clientlist-item > .client-tag {
  align-self: center;
}

/* Warning */
.warning {
  background-color: #ffc;
  padding: 1em 0.625em; /* 16px 10px /16 */
}
.warning ol:only-child {
  margin: 0;
}

/* Direct Links / Markdown Headers */
.direct-link {
  font-family: sans-serif;
  text-decoration: none;
  font-style: normal;
  margin-left: .1em;
}
a[href].direct-link,
a[href].direct-link:visited {
  color: transparent;
}
a[href].direct-link:focus,
a[href].direct-link:focus:visited,
:hover > a[href].direct-link,
:hover > a[href].direct-link:visited {
  color: #aaa;
}

.client > header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
@media screen and (min-width: 1920px) {
	.client > header {
		top: 36px;
	}
}
.tmpl-post header {
	height: 40vh;
	min-height: 432px;
	display: flex;
	align-items: end;
}
.tmpl-post header h1 {
	margin-bottom: 1em;
}
h1 {
	"Knockout 26 Junior Flyweight", Knockout;
	color: var(--white);
	text-transform: uppercase;
	font-weight: normal;
}
h1 span {
	display: block;
	font-size: 112px;
	line-height: 1;
}
h1 span.client {
	font-size: 1em;
}
iframe {
	width: 100%;
}
footer {
	padding: 2em 0 4em;
}

/* Clients */
.smart-and-final .tmpl-post header {
	background-color: #cc122d;
	background-image:
		url(/img/smart-and-final/smartandfinal-logo.png),
		url(/img/smart-and-final/truck.png),
		url(/img/smart-and-final/storefront.png),
		linear-gradient(72.77deg, var(--smart-and-final--color--light-red), var(--smart-and-final--color--medium-red) 34.66667%, var(--smart-and-final--color--dark-red) 66.66667%);
	background-repeat: no-repeat;
	background-size: auto 104.5%, auto, contain, auto;
	background-position: 104.5% center, 22% bottom, 1111px center, center center;
	background-blend-mode: normal, multiply, normal, normal;
}
.webpalpha .smart-and-final .tmpl-post header {
	background-image:
		url(/img/smart-and-final/smartandfinal-logo.webp),
		url(/img/smart-and-final/truck.webp),
		url(/img/smart-and-final/storefront.webp),
		linear-gradient(72.77deg, var(--smart-and-final--color--light-red), var(--smart-and-final--color--medium-red) 34.66667%, var(--smart-and-final--color--dark-red) 66.66667%);
}


.toyota .tmpl-post header {
	background-color: #eb0a1e;
	background-image: url(/img/sctda/header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (min-width: 1280px) {
	.wrap {
		width: 80%;
	}
}
@media screen and (min-width: 1440px) {
	.smart-and-final .tmpl-post header {
		background-position-x: 1080px, 22%, 1111px, 50%;
	}
}
@media screen and (min-width: 1920px) {
	h1 span {
		font-size: 124px;
		line-height: 0.959677;
	}
	h1 span.client {
		font-size: 1.15em;
	}
	.smart-and-final .tmpl-post header {
		background-position-x: calc(100% - 430px), calc((100vw - 1504px)/2 + 82px), right, center;
	}
}
@media screen and (min-height: 1081px) {
	.smart-and-final .tmpl-post header {
		background-size: 37.5vh, auto, contain, auto;
		background-position-x: calc(100% - 500px), calc((100vw - 1504px)/2 + 82px), right, center;
	}
}