@font-face {
    font-family: 'Audi Type Extended';
    src: url('../font/AudiType-ExtendedNormal.woff2') format('woff2'),
        url('../font/AudiType-ExtendedNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Extended';
    src: url('../font/AudiType-ExtendedItalic.woff2') format('woff2'),
        url('../font/AudiType-ExtendedItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Audi Type';
    src: url('../font/AudiType-BoldItalic.woff2') format('woff2'),
        url('../font/AudiType-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Audi Type';
    src: url('../font/AudiType-Bold.woff2') format('woff2'),
        url('../font/AudiType-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Extended';
    src: url('../font/AudiType-ExtendedBoldItalic.woff2') format('woff2'),
        url('../font/AudiType-ExtendedBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Audi Type';
    src: url('../font/AudiType-Italic.woff2') format('woff2'),
        url('../font/AudiType-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Audi Type';
    src: url('../font/AudiType-Normal.woff2') format('woff2'),
        url('../font/AudiType-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Extended';
    src: url('../font/AudiType-ExtendedBold.woff2') format('woff2'),
        url('../font/AudiType-ExtendedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {
	margin:0;
	padding:0;
	font-family:'Audi Type', sans-serif;
	font-weight:400;
	font-size:17px;
	line-height:1.4em;
	background-color:#000;
	color:#fff;
}

.clear {
	clear:both;
}

.content-container {
	background-position:center top;
	background-repeat:no-repeat;
}

.content-container > .inner-block {
	margin:0 auto;
}

.content-container > .inner-block > .padding {
	padding:0.1px 10px;
}

h1, h2, h3 {
	font-family:"Audi Type Extended", sans-serif;
	line-height:1.1em;
	margin:0;
}

h1 {
	font-weight:700;
	font-size:52px;
}

h2 {
	font-weight:400;
	font-size:25px;
}

h3 {
	font-weight:700;
	font-size:17px;
}

a {
	color:inherit;
}

a, image {
	outline:none;
}

.tab-link-list {
	display:flex;
	flex-direction:row;
}

.details.info-popup {
	font-size:14px;
	text-decoration:underline;
	cursor:pointer;
}

.button.outline {
	color:#fff;
	padding:0.3em 3em 0.3em;
	text-decoration:none;
	line-height:initial;
	display:inline-block;
	font-size:16px;
	border:solid 2px #fff;
}

.button.outline.selected {
	background-color:#fff;
	color:#000;
	text-shadow:none;
}

.scroll-arrow {
	text-align:center;
}

.tab-block .tab-content-block {
	padding-top:0.5em;
}

.tab-block > .tab-link-list > a.tab-link.button.outline[data-tab-index="2"] {
	margin:0 2em;
}

.tab-block[data-selected-index="1"] > .tab-link-list > a.tab-link[data-tab-index="1"],
.tab-block[data-selected-index="2"] > .tab-link-list > a.tab-link[data-tab-index="2"],
.tab-block[data-selected-index="3"] > .tab-link-list > a.tab-link[data-tab-index="3"] {
	color:#000;
	background-color:#fff;
	text-shadow:none;
}

.tab-content-block {
	display:none;
}

.tab-block[data-selected-index="1"] > .tab-content-list > .tab-content-block[data-tab-index="1"],
.tab-block[data-selected-index="2"] > .tab-content-list > .tab-content-block[data-tab-index="2"],
.tab-block[data-selected-index="3"] > .tab-content-list > .tab-content-block[data-tab-index="3"] {
	display:block;
}

.content-container.footer {
	margin-top:-84px;
}

.content-container.footer > .inner-block {
	border-top:solid 2px #fff;
}

.content-container.footer > .inner-block > .padding {
	font-size:17px;
}

.content-container.footer > .inner-block > .padding b {
	font-size:22px;
}

.content-container.footer > .inner-block > .padding a.logo > img {
	float:right;
	margin-left:10px;
}

.content-container.footer > .inner-block > .padding a {
	text-decoration:none;
}

.transition-animation {
	transition:all 1s;
}

.transition-animation.fade-in.animate {
	opacity:0 !important;
}

.transition-animation.up.animate {
	transform: translate(0, 25px);
}

.transition-animation.left.animate {
	transform: translate(50px, 0);
}

.transition-animation.right.animate {
	transform: translate(-50px, 0);
}

.content-container.eyrie .menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}

.content-container.eyrie .menu > p {
	flex:1 1 100%;
	margin-bottom:2em;
}

.content-container.eyrie ul {
	list-style:none;
	margin:0.5em 0 0;
	padding:0;
}

.content-container.eyrie ul.tickets {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	line-height:1.0em
}

.info-popup {
	position:relative;
	display:inline-block;
}

.info-popup > .popup {
	display:none;
	z-index:2;
}

.info-popup.active > .popup,
.info-popup:active > .popup {
	display:block;
	position:absolute;
	padding:1em;
	background-color:#fff;
	color:#000;
	width:300px;
	font-size:12px;
	box-sizing:border-box;
	line-height: 1.5em;
}

.special ul {
	list-style:none;
	margin:0;
	padding:0;
}

.special ul > li {
	margin:0.75em 0;
}

.special ul > li::before {
	content:'> ';

}

.special ul > li.details::before {
	color:transparent;
}

/* Mobile */
@media (max-width:749px) {
	body {
		font-size:11px;
	}

	.hide-mobile {
		display:none !important;
	}

	.content-container > .inner-block {
		width:320px;
	}

	h1 {
		font-size:16.25px;
	}

	h2 {
		font-size:15px;
	}

	h3 {
		font-size:17px;
	}

	.content-container.hero {
		background-image:url("../img/audin-01-garage-sale-mobile-320x319.jpg");
		height:319px;
	}

	.content-container.special {
		background-image:url("../img/audin-02-garage-sale-mobile-320x489.jpg");
		height:489px;
	}

	.content-container.team {
		background-image:url("../img/audin-03-garage-sale-mobile-320x401.jpg");
		height:401px;
	}

	.content-container.new {
		background-image:url("../img/audin-04-garage-sale-mobile-320x348.jpg");
		height:348px;
	}

	.content-container.eyrie {
		background-image:url("../img/audin-05-garage-sale-mobile-320x596.jpg");
		height:596px;
	}

	.content-container.circuit {
		background-image:url("../img/audin-06-garage-sale-mobile-320x485.jpg");
		height:525px;
	}

	.button.outline {
    padding: 0.3em 2em 0.3em;
    font-size: 10px;
    text-align:center;
	}

	.tab-block > .tab-link-list > a.tab-link.button.outline[data-tab-index="2"] {
		margin: 0 0.8em;
	}

	.tab-block > .tab-link-list > a.tab-link.button.outline {
		padding-left:1em;
		padding-right:1em;
	}

	.special h2.heading {
		margin-bottom:1em;
	}

	.special .tab-block {
		min-height:184px;
	}

	.team .member {
		width:94px;
		height:auto;
		float:left;
		margin-top:1em;
		margin-right:0.5em;
		margin-bottom:0.5em;
	}

	.team a.button.outline {
		float:left;
		clear:left;
		padding-left: 0;
		padding-right: 0;
		width: 90px;
		margin-right:0.5em;
	}

	.team .quote {
		text-shadow: 0 0 5px #000;
		width: 199px;
		float: right;
		line-height: 1.1em;
	}

	li.details::before {
		display:none;
	}

	p.inventory {
		margin-top:2em;
	}

	.details.info-popup {
		font-size: 11px;
	}

	.info-popup.active > .popup,
	.info-popup:active > .popup {
		right:0;
	}

	.logo {
		margin-bottom:0.4em;
	}

	.hero .logo img {
		width:56px;
		height:auto;
	}

	.hero a.button.outline {
		font-size:7.88px;
		border:solid 1px #fff;
	}

	.hero .scroll-down {
		margin-top:1em;
	}

	.smooth-anchor-scroll img {
		width:28px;
		height:28px;
	}

	.hero .scroll-arrow {
		margin-top:17em;
	}

	.content-container.hero > .inner-block > .padding,
	.content-container.special > .inner-block > .padding {
		padding-top:20px;
	}

	.eyrie .indent {
		margin-left:1em;
	}

	.ver-logo {
		width:140px;
		height:auto;
		margin-top:15px;
		margin-left:45px;
	}

	.ver-offer img.oktoberfest {
		display:none;
	}

	.ver-offer {
		margin-top:15em;
	}

	.ver-offer h2 {
		width: 200px;
	}

	.ver-offer .buttons {
		margin-top:1em;
	}

	.ver-offer .buttons .details.button {
		margin-right:2em;
	}

	.vimc-logo {
		display:none;
	}

	.circuit h2 {
		margin-top:11em;
	}

	.content-container.footer > .inner-block > .padding b {
		font-size: 12px;
	}

	.content-container.footer > .inner-block > .padding {
		font-size: 10px;
	}

	.team .scroll-arrow.left img {
		position:relative;
		top:5em;
	}

	.new .scroll-arrow.right {
		text-align:right;
	}

	.new .scroll-arrow.right img {
		margin-top:-4em;
	}

	.eyrie .scroll-arrow.left {
		text-align:right;
	}

	.eyrie .scroll-arrow.left img {
		margin-top:-2em;
	}
}

/* Tablet */
@media (min-width:750px) and (max-width:1199px) {
	.hide-tablet {
		display:none !important;
	}

	.content-container > .inner-block {
		width:730px;
	}

	h1 {
		font-weight: 700;
		font-size: 35px;
		width: 500px;
	}

	.content-container.hero > .inner-block > .padding,
	.content-container.team > .inner-block > .paddin,
	.content-container.new > .inner-block > .padding {
		padding-top:50px;
	}

	.special h2.heading {
		margin:1em 0 1.5em;
	}

	.team h2 {
		width: 525px;
	}

	.team img.member {
		margin-bottom: 1.5em;
	}

	.team .button {
		margin-top: -3em;
		padding-left:0;
		padding-right:0;
		text-align:center;
		width:226px;
	}

	.content-container.eyrie > .inner-block > .padding {
		position:relative;
	}

	.circuit h2 {
		margin-top:10.5em;
	}

	img.vimc-logo {
		margin-top:3em;
	}
}

/* Desktop */
@media (min-width:1200px) {
	.hide-desktop {
		display:none !important;
	}

	.content-container > .inner-block {
		width:1120px;
	}

	.content-container.hero > .inner-block > .padding,
	.content-container.special > .inner-block > .padding,
	.content-container.team > .inner-block > .paddin,
	.content-container.new > .inner-block > .padding {
		padding-top:50px;
	}

	.special h2.heading {
		margin:2em 0 1.5em;
	}

	.content-container.eyrie > .inner-block > .padding,
	.content-container.circuit > .inner-block > .padding {
		padding:0.1px 50px;
	}

	.circuit h2 {
		margin-top:14em;
	}
}

/* Desktop and Tablet */
@media (min-width:750px) {
	.content-container.hero {
		background-image:url("../img/audin-01-garage-sale-emailer-1920x811.jpg");
		height:811px;
	}

	.content-container.special {
		background-image:url("../img/audin-02-garage-sale-emailer-1920x809.jpg");
		height:809px;
	}

	.content-container.team {
		background-image:url("../img/audin-03-garage-sale-emailer-1920x961.jpg");
		height:961px;
	}

	.content-container.new {
		background-image:url("../img/audin-04-garage-sale-emailer-1920x659.jpg");
		height:659px;
	}

	.content-container.eyrie {
		background-image:url("../img/audin-05-garage-sale-emailer-1920x-899.jpg");
		height:899px;
	}

	.content-container.circuit {
		background-image:url("../img/audin-06-garage-sale-emailer-1920x811.jpg");
		height:811px;
	}

	.content-container.circuit > .inner-block > .padding {
		padding-top:0px;
	}

	.hero .scroll-arrow img {
		margin-left:70px;
	}

	.hero a.button.outline {
		font-size:12.57px;
		border:solid 1px #fff;
	}

	.logo {
		margin-bottom:0.5em;
	}

	.hero .logo img {
		width:125px;
		height:auto;
	}

	h1 {
		margin-bottom:1.5em;
	}

	.hero .scroll-arrow {
		margin-top:26em;
	}

	.special p.inventory {
		margin-top:2em;
	} 

	.tab-block {
		margin-top:1.2em;
	}

	.special .tab-block {
		margin-bottom:2.0em;
		height:260px;
	}

	.team img.member {
		float:left;
		margin-right:1.5em;
	}

	.team p.quote {
		max-width:940px;
	}

	.new p {
		max-width:690px;
	}

	.content-container.eyrie {
		line-height:1.25em;
		text-shadow:0 0 5px #000;
	}

	.content-container.eyrie ul.tickets {
		width:500px;
	}

	.content-container.eyrie ul.tickets .age {
		font-size:0.75em;
	}

	.content-container.eyrie p.tickets {
		width:375px;
	}

	.team-list {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}

	img.ver-logo {
		width:225px;
		height:auto;
		float:left;
	}

	.ver-offer {
		width:458px;
		float:right;
	}

	.eyrie h2.heading {
		margin-bottom:2.5em;
	}

	.ver-offer h2 {
		margin-top:1em;
		width:300px;
	}

	.ver-offer .buttons {
		margin-top:1em;
	}

	.ver-offer .button {
		padding-left:0;
		padding-right:0;
		width:170px;
		text-align:center;
	}

	.ver-offer .button:first-child {
		margin-right:2em;
	}

	img.vimc-logo {
		width:220px;
		height:auto;
	}

	.circuit p.about-track {
		max-width: 940px;
		margin-bottom:2em;
	}

	.team .scroll-arrow.left {
		text-align:left;
		margin-top:6em;
	}

	.new .scroll-arrow.right {
		text-align:right;
	}

	.new .scroll-arrow.right img {
		margin-top:-4em;
	}

	.eyrie .scroll-arrow.left {
		text-align:left;
	}

	.eyrie .scroll-arrow.left img {
		margin-top:-12em;
	}
}