/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  typography
- - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
  font-family: 'FuturaNext-Light';
  src: url('https://1979.ws/inc/woff/FuturaNext-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaNext-Book';
  src: url('https://1979.ws/inc/woff/FuturaNext-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaRound-Light';
  src: url('https://1979.ws/inc/woff/FuturaRound-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaRound-LightOblique';
  src: url('https://1979.ws/inc/woff/FuturaRound-LightOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaRound-Book';
  src: url('https://1979.ws/inc/woff/FuturaRound-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaRound-BookOblique';
  src: url('https://1979.ws/inc/woff/FuturaRound-BookOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaRound-Medium';
  src: url('https://1979.ws/inc/woff/FuturaRound-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaRound-MediumOblique';
  src: url('https://1979.ws/inc/woff/FuturaRound-MediumOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaRound-Demi';
  src: url('https://1979.ws/inc/woff/FuturaRound-Demi.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaRound-DemiOblique';
  src: url('https://1979.ws/inc/woff/FuturaRound-DemiOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaRound-Bold';
  src: url('https://1979.ws/inc/woff/FuturaRound-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaRound-BoldOblique';
  src: url('https://1979.ws/inc/woff/FuturaRound-BoldOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  generica
- - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin: 0px;
	padding: 0px;
}

html,
body {
  height: 100%;
	color: black;
	background-size: cover;
	background: #005DA6 url('https://1979.ws/inc/img/1979_bg.jpg') no-repeat center center fixed;
  box-sizing: border-box;
  font-family: 'Futura Next', sans-serif;
	font-size: 1em;
  font-variant-ligatures: none;
}

.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}

.title {
  text-transform: uppercase;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  layout: overall
- - - - - - - - - - - - - - - - - - - - - - - - - - */


#envelope {
  text-align: center;
}

.nav,
#content { 
  margin: 0 auto;
  width: 1024px;
  max-width: 1024px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  layout: nav
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav.header {
  margin: 50px auto;
}
.nav ul {
  margin-left: 50px;
  padding: 0 50px;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
}
.nav li {
  line-height: 0;
  justify-content: flex-end;
}
.nav li:not(.logo) {
  margin-left: 50px;
}
.nav li.logo {
  margin-right: auto;
}

.nav li {
  align-self: center;
  display: block;
  flex: 0 1 auto;
  list-style-type: none;
}
.nav li:last-of-type {
  padding-right: 50px;
}
.nav li a {
  letter-spacing: 0.1em;
  text-decoration: none;
  font-size: 1.333em;
  font-family: 'FuturaRound-Medium', sans-serif;
  text-transform: uppercase;
}
.nav .logo {
  text-align: left;
  margin-left: 50px;
}
.nav .logo img {
  width: 90%;
}
.nav .current a {
/*   font-family: 'FuturaRound-Bold', sans-serif; */
}
.nav .cart_quantity {
  border-radius: 5px;
  text-align: left;
  padding: 20px 15px;
  display: inline-block;
  letter-spacing: 0em;
  margin-left: 10px;
  font-family: 'FuturaRound-Bold', sans-serif;
}
.nav li:last-child {
  color: red !important;
  margin-top: -3px;
}

.nav.header li a {
  opacity: 0.4;
  color: white;
}
.nav.header a:hover {
  opacity: 0.8;
  transition: 200ms;
  transition-timing-function: ease-in;
}
.nav.header .logo a {
  opacity: 1;
}
.nav.header svg * { 
  fill: white;
}
.nav.header .logo a:hover {
  opacity: 1;
}
.nav.header .current a {
  opacity: 1;
}
.nav.header .cart_quantity {
  background-color: #1EB85F;
  color: white;
  background-color: #F8E034;
  color: black;
  background: white;
  color: #005DA6;
}

.nav.footer {
  padding: 50px 0;
  box-sizing: border-box;
  background: #f0f0f0;
  border-top: solid 1px #ddd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 100px;
}
.nav.footer a {
  opacity: 0.2;
  color: black !important;
}
.nav.footer a:hover {
  /* color: #005DA6; */
  opacity: 1;
  transition: 200ms;
  transition-timing-function: ease-in;
}
.nav.footer .logo a {
  fill: #666;
}
.nav.footer .logo a:hover svg {
  opacity: 1;
  transition: 200ms;
  transition-timing-function: ease-in;
  fill: #005DA6;
}
.nav.footer .current a {
  opacity: 1;
}
.nav.footer .current a:hover {
  color: #005DA6;
}
.nav.footer .cart_quantity {
  background-color: #005DA6;
  color: white;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  layout: content
- - - - - - - - - - - - - - - - - - - - - - - - - - */

#content {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: white;
}
#content .inset {
  padding: 50px;
}

#content a:not(.button),
#content a:not(.button):visited {
  color: #005DA6;
  text-decoration: none;
  font-family: 'FuturaRound-Book', sans-serif;
}
#content p a:not(.button):hover {
  color: black;
  border-bottom: solid 1px black;
}
#content p a:not(.button) {
  border-bottom: solid 1px #ddd;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  layout: module index
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.module {
  margin-bottom: 0px;
}

.row {
  display: flex;
}
.column {
  text-align: left;
  align-self: center;
  flex-direction: column;
}
.column.left {
  flex: 67%;
  text-align: left;
}
.column.right {
  flex: 33%;
  text-align: right;
  min-height: 58px;
}
.column.pad {
  padding: 50px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  layout: display elements
- - - - - - - - - - - - - - - - - - - - - - - - - - */

h1 {
  font-family: 'FuturaRound-Demi', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.0666em;
  font-size: 1.75em;
  color: #2b1707;
  color: black;
}
h1 span {
  font-family: 'FuturaRound-Light', sans-serif;
  color: #888;
}
h1.pad {
  padding: 60px 0 50px;
}
h2 {
  font-family: 'FuturaNext-Light', sans-serif;
  font-size: 22pt;
  line-height: 36pt;
  letter-spacing: 0.1em;
  padding: 50px 0 30px;
}
h2.pad {
  padding: 50px 0 40px;
}
h3 {
  letter-spacing: 0.0333em;
  font-size: 20pt;
  font-weight: normal;
  padding: 0 0 30px;
  font-family: 'FuturaRound-Book', sans-serif;
}

p {
  font-family: 'FuturaRound-Light', sans-serif;
  font-size: 1.25em;
  line-height: 1.5em;
  /* responsive */
  padding: 0 150px 40px;
  letter-spacing: 0.025em;
}
p i {
  font-family: 'FuturaRound-LightOblique', sans-serif;
}
p b {
  font-family: 'FuturaRound-Book', sans-serif;
}
p b i {
  font-family: 'FuturaRound-BookOblique', sans-serif;
}

.highlight {
  background: #fffe9f;
}
p.highlight {
  background: #FCFEE2;
  padding-top: 37.5px;
  margin: 0 150px 12.5px;
}
p.download {  
  background: #f8f8f8;
  margin: 0 150px 75px;
  padding: 50px 50px;
  border-radius: 10px;
}

.code {
  font-family: monospace;
}
h1.title + p {
  /* used for extras page, etc */
  padding: 25px 0 0;
}
.module + p {
  /* used for extras page, etc */
  padding: 50px 0;
}
p.large {
  font-size: 1.4em;
  line-height: 1.666em;
  /* responsive */
  padding: 0 150px 60px;
  letter-spacing: 0.025em;
}
p.large + p.large {
  margin-top: -25px;
}
.preorder + p.large,
.preorder + h3 {
  padding-top: 30px
}
.preorder h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}
h2 + .preorder {
  margin-top: 30px;
  padding-top: 50px;
  margin-bottom: 30px;
}

p.subtotal {
  font-size: 1.666em;
}
p.message {
  color: #ccc;
}
.description {
/* large type on module pages */
  padding: 20px 0;
}
.description h2 {
  padding-left: 100px;
  padding-right: 100px;
}
.preorder {
/* large type on module pages */
  padding: 50px 0 50px;
  background: #ffffee;
  background: #fcfee1;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.preorder p {
  line-height: 1.66em;
  font-size: 1.33em;
  font-family: 'FuturaRound-Light', sans-serif;
}

h2.hr {
  border-top: solid 1px #ccc;  
  padding: 75px 20% 25px;  
}
ul.features {
  font-size: 1.33em;
  font-family: 'FuturaRound-Light', sans-serif;
  padding-bottom: 62.5px;
}
ul.features li {
  padding: 12.5px 0;
  list-style: none;  
}


h1.image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 100px;
  margin-bottom: 0px;
  padding: 60px 0 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 33%,
    rgba(255,255,255,100) 100%
  ),url('http://1979.ws/img/temp.jpg') fixed 50px no-repeat;
}

#content a.button,
#content button {
  padding: 0.35em 1em 0.385em;
  letter-spacing: 0.0666em;
  border-radius: 1em;
  font-family: 'FuturaRound-Demi', sans-serif;
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  display: inline-block;
  background-color: #0C5AB5;
  text-transform: uppercase;
}
#content a.button span,
#content button span,
#content a.button.added,
#content button.added {
/*   font-family: 'FuturaRound-Book'; */
}
#content a.button.light,
#content button.light {
  font-family: 'FuturaRound-Light', sans-serif;
}
#content a.button.large,
#content button.large {
  font-size: 1.75em;
}
#content a.button.medium,
#content button.medium {
  font-size: 1.5em;
  padding: 0.5em 1em;
}
#content a.button.small,
#content button.small {
  font-size: 1.25em;
}
#content a.button.green,
#content button.green,
.price_button.green .button {
  background-color: #1EB85F !important;
}
#content a.button.orange,
#content button.orange,
.price_button.orange .button {
  background-color: #f28019 !important;
}
#content a.button.gray,
#content button.gray,
.price_button.gray .button {
  background-color: #ddd !important;
  color: #888 !important;
}
#content a.button.gray.light,
#content button.gray.light,
.price_button.gray.light .button {
  background-color: #f2f2f2 !important;
  color: #aaa !important;
}
#content a.button:hover,
#content button:hover {
  transition: 200ms;
  transition-timing-function: ease-in;
  cursor: pointer;
}
#content a.button:hover,
#content button:hover,
#content a.button.green:hover,
#content button.green:hover,
#content .green button:hover,
#content a.button.orange:hover,
#content button.orange:hover,
#content .orange button:hover {
  color: rgba(255,255,255,1);
}
#content a.button.gray:hover,
#content button.gray:hover,
#content .gray button:hover {
  color: rgba(0,0,0,1);
}
#content a.button.null:hover,
#content button.null:hover {
  cursor: default; 
}

button {
  border: 0;
}
button[type=submit] {
  margin: 10px 0 30px;
}

#content img {
  width: 100%;
  margin-bottom: 0;
}

hr {
  border: 0;
  border-top: solid 1px #ddd;
  display: block;
  margin-bottom: 0;
}
p + hr {
  margin-top: 30px;
}

div.return {
  padding: 68px 0 30px;
}
p.return {
  padding-bottom: 60px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  mailchimp signup form
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.mc-field-group p {
  padding-bottom: 0;
}

div[for=mce-EMAIL],
#mce-responses,
#mce-success-response,
#mce-error-response {
  margin: 30px 0;
  color: #ccc;
  letter-spacing: 0.05em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  responsive media embedding
- - - - - - - - - - - - - - - - - - - - - - - - - - */

iframe {
  border: 0;
  margin-bottom: 0;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.audio iframe {
  width: 100%;
  height: 166px;
  width: 100%;
  height: 200px;
}
.video + .video,
.video + .audio,
.audio + .video,
.audio + .audio {
  margin-top: 50px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  responsive slideshow - responsiveslides.com
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.rslides_container {
  position: relative;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 1;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.rslides_nav {
  display: block;
  z-index: 2;
  border: 0;
  opacity: 0.5;
  width: 42px;
  height: 42px;
  background: url('https://1979.ws/inc/img/rslides_arrow.svg') no-repeat;
}
.rslides_nav:hover {
  opacity: 1;
  transition: 200ms;
  transition-timing-function: ease-in;
}
.rslides_nav.prev {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
.rslides_nav.next {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) scaleX(-1);
}

.rslides .title {
  background-color: #0c5ab5;
  position: relative;
}
.rslides .title img {
  position: relative;
  z-index: 1;
  opacity: 0.5;
}
.rslides .title .acronym {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: 'FuturaRound-BoldOblique', sans-serif;
  font-size: 6.66em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
  order/cart page
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.cart {
  padding: 0 150px 50px;
}
.cart li {
  text-align: left;
  list-style: none;
  padding: 30px 0;
  font-size: 1.666em;
  border-bottom: solid 1px #ddd;
  display: grid;
  grid-template-columns: 3fr 6fr;
  grid-gap: 1.25em;
}

.cart li:first-child {
  border-top: solid 1px #ddd;
}

.cart img {
  max-width: 100%;
}

.cart .subtotal {
  opacity: 0.5;
  font-weight: 'FuturaRound-Light', sans-serif;
  font-size: 80%;
}

.cart .quantity {
  display: flex;
  align-items: center;
}
.cart .price {
  display: flex;
  align-items: center;
  color: #ccc;
  font-size: 75%;
  padding: 20px 0 0;
}
.cart .quantity a {
  display: inline-block;
  height: 34px;
  opacity: 0.33;
  padding: 0 -1px;
  margin: 0 6px;
}
.cart .quantity a:hover {
  opacity: 1;
  transition: 200ms;
  transition-timing-function: ease-in;
}
.cart .quantity img {
  height: 35px;
  width: 35px;
}

input[type=text],
input[type=number] {
  border-radius: 10px;
  border: solid 1px #f9f9f9;
  padding: 8px 5px 10px;
  margin: 20px 12px 20px 0;
  text-align: center;
  width: 2em;
  font-size: 1em;
  font-family: 'FuturaRound-Book', sans-serif;
  background: #eee;
}
input[type=email] {
  border-radius: 5px;
  border: solid 1px #ccc;
  padding: 8px 5px 10px;
  margin: 10px 0;
  text-align: center;
  font-size: 1em;
  font-family: 'FuturaRound-Book', sans-serif;
  background: #f8f8f8;
}
button:focus,
input:focus {
  outline: none;
  background: #ffffe0;
}
input[type='number'] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.pending {
  animation: flash 1.5s; 
}
@keyframes flash {
  0%   { background: #ffdf00; }
  100%  { background: #eee; }
}
input.pending {
  animation: flash 1.5s; 
}
@keyframes flash {
  0%   { background: #ffdf00; }
  100%  { background: #eee; }
}

input.removing {
  animation: goodbye 1.5s; 
}
@keyframes goodbye {
  0%   { background: #ffdf00; }
  100%  { background: #fff; }
}


.cart-items {
  padding: 30px 0;
}