/*
Theme Name: Karlsson's Vodka
Theme URI: http://www.karlssonsvodka.com/
Description: Theme for Karlsson's Vodka.
Author: Well Made World
Author URI: http://wellmadeworld.com/
Version: 2.0

License: All rights reserved. Copyright 2012 Private Brands Inc.
*/

@include url('http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css');

/* @see http://nicolasgallagher.com/micro-clearfix-hack/ */
.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
  zoom:1;
}

/* @see http://www.fettblog.eu/blog/2012/04/16/robust-(but-hacky)-way-of-portrait/landscape-detection/ */
body:after {
  content: "";
  position: absolute;
  color: transparent;
}
@media all and (orientation: portrait) {
  body:after {
    content: "p";
  }
}
@media all and (orientation: landscape) {
  body:after {
    content: "l";
  }
}

.hidden {
  display: none !important;
}

strong {
  color: #ffffff;
  font-weight: normal;
}

fieldset, img {
  border: 0;
}

input[type=submit],
.button {
  background-color: #666666;
  border: 0;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 0.6875em; /* 11px / 16px */
  padding: 8px 20px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
input[type=submit]:hover,
.button:hover {
  background-color: #CCCCCC;
  color: #f0efeb;
  text-decoration: none;
}

body {
  background: #000000;
  color: #ffffff;
  margin: 0;
  z-index: 1;
}

a {
  color: #ffffff;
  text-decoration: none;
}

input[type=text], input[type=email], textarea {
  border: 0;
  color: #000000;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8125em; /* 13px / 16px */
  margin: 10px 0;
  padding: 8px 10px;
}

#page {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}

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

#navigation {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}

.nav.primary {
  background: #000000;
}
.nav.primary ul {
  height: 60px;
}
.nav.primary li {
  display: inline-block; 
  font-size: 0.75em; /* 12px / 16px */
  text-transform: uppercase;
}
.nav.primary li.logo {
  padding: 0 10px;
}
.nav.primary li a {
  color: #909090;
  display: table-cell; 
  height: 60px;
  letter-spacing: 0.5px;
  padding: 0 10px;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  vertical-align: middle; 
}
.nav.primary li a:hover,
.nav.primary li a.active {
  color: #ffffff;
}

.nav.secondary {
  margin: 0 auto;
}
.nav.secondary ul {
  width: 100%;
}
.nav.secondary li {
  float: left; 
}
.nav.secondary ul.two-column li {
  width: 50%;
}
.nav.secondary ul.three-column li {
  width: 40%;
}
.nav.secondary ul.three-column li:first-child,
.nav.secondary ul.three-column li:first-child+li+li {
  width: 30%;
}
.nav.secondary li a {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.5);
  border-bottom: 1px solid rgb(64,64,64);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  border-right: 1px solid rgb(64,64,64);
  border-right: 1px solid rgba(0,0,0,0.25);
  color: #000000;
  display: block;
  font-size: 0.875em; /* 14px / 16px */
  letter-spacing: 1px;
  margin: auto;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  vertical-align: middle;
}
body.page-id-9 .nav.secondary li a,
body.parent-pageid-9 .nav.secondary li a {
  background: rgb(255,255,255);
  background: rgba(0,0,0,0);
}
.nav.secondary li a:hover,
.nav.secondary li a.active {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
}
body.page-id-9 .nav.secondary li a:hover,
body.page-id-9 .nav.secondary li a.active,
body.parent-pageid-9 .nav.secondary li a:hover,
body.parent-pageid-9 .nav.secondary li a.active {
  background: rgb(255,255,255);
  background: rgba(0,0,0,0.1);
}
.nav.secondary .two-column li:first-child+li a,
.nav.secondary .three-column li:first-child+li+li a {
  border-right: 0;
}

#hero {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 60px;
  position: relative;
  width: 100%;
  z-index: 99;
}

#hero .hgroup {
  margin: 0 auto;
  padding: 20px 0;
  width: 70%;
}
#hero .hgroup h1 {
  color: #000000;
  font-size: 2.5em; /* 40px / 16px */
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0 auto 10px;
  text-align: center;
  text-transform: uppercase;
}
#hero .hgroup h2,
#hero .hgroup h3 {
  color: #000000;
  font-size: 0.9375em;
  font-weight: normal;
  letter-spacing: 2.5px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
#hero .hgroup h3 {
  color: #c8c8c8;
  filter: alpha(opacity=30);
  margin-top: 5px;
  opacity: 0.3;
  zoom: 1;
}
#hero .hgroup a {
  color: #000000;
}
#hero .hgroup a.more {
  display: block;
  font-size: 0.6875em; /* 11px / 16px */
  margin-bottom: 15px;
  text-align: left;
  text-transform: uppercase;
}
#hero .hgroup a.more:after {
  content: ' >';
}
#hero .hgroup p {
  color: #000000;
  font-size: 0.8125em; /* 13px / 16px */
  font-weight: normal;
  line-height: 140%;
  margin: 25px 0 15px; 
  text-align: justify;
}

#hero .feature {
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}

#hero .feature.image {
  background-color: #ffffff; 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); 
  background-image:    -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background-image:     -ms-linear-gradient(top, #ffffff, #e5e5e5);
  background-image:      -o-linear-gradient(top, #ffffff, #e5e5e5);
  color: #000000;
  padding: 35px 0 10px;
}
body.home #hero .hgroup {
  width: 70%;
}
body.home #hero .feature.image {
  padding-top: 10px;
}
#hero .feature img {
  height: auto;
/*  max-height: 100%;*/
/*  max-width: 100%;*/
/*  width: auto;*/
  width: 100%;
}
#hero .feature.image img {
  height: auto;
  max-height: 100%;
/*  max-width: 100%;*/
  width: auto;
}

a.post {
/*  display: block;*/
  display: none;
  height: 36px;
  overflow: hidden;
  text-indent: 21px;
  width: 21px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  z-index: 100;
}
a.post.prev {
  background: url(images/arrow-prev.png) no-repeat 50% 50%;
  left: 30px;
}
a.post.next {
  background: url(images/arrow-next.png) no-repeat 50% 50%;
  right: 30px;
}

.nav.strip {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 100;
}
.nav.strip ul {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  height: 75px;
  margin: auto;
}
.nav.strip li {
  border-right: 1px solid #000000;
  float: left;
}
.nav.strip a {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  zoom: 1;
}
.nav.strip a:hover,
.nav.strip a.active {
  filter: alpha(opacity=100);
  opacity: 1;
}

#content {
  filter: alpha(opacity=0);
  margin: 0 auto;
  opacity: 0;
  padding-top: 30px;
  position: relative;
  width: 70%;
  zoom: 1;
}
body.page-template-gallery-php #content,
body.page-template-links-php #content,
body.single #content,
body.attachment #content {
  padding-top: 105px;
}
#content.no-header {
  margin-top: 60px;
}
#content.no-header .hgroup {
  padding: 50px 0;
}
#content .hgroup hr {
  border: 0;
  border-top: 1px solid #333333;
  display: none;
  margin: 0;
  position: relative;
  top: 20px;
  width: 100%;
  z-index: -1;
}
.page-template-locations-php #content .hgroup hr,
#content.no-header .hgroup hr {
  display: block;
}

#content .hgroup h1 {
  background: #000000;
  display: inline-block; /* TODO: IE7 */
  font-size: 2.25em; /* 36px / 16px */
  font-weight: normal;
  letter-spacing: 2.5px;
  margin: 0 auto;
  max-width: 70%;
  padding: 0 50px;
  text-transform: uppercase;
  width: auto;
}
#content .hgroup h2 {
  color: #7c7c7c;
  font-size: 0.8em;
  font-weight: normal;
  letter-spacing: 2.5px;
  margin: 0;
  text-transform: uppercase;
}

.article {
  color: #bababa;
  text-align: left;
}
.article h2 {
  font-size: 1.875em; /* 30px / 16px */
  margin: 40px 0 20px;
  text-transform: uppercase;
}
.article h3 {
  text-transform: uppercase;
}
.article p {
  font-size: 0.875em; /* 14px / 16px */
  line-height: 150%;
  text-align: justify;
  text-justify: auto;
}
.article a {
  color: #ffffff;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.article a:hover {
  color: #bababa;
}
.article iframe {
  margin: 20px auto;
}

.article div.wpcf7 {
  margin-top: 40px;
}

.article-wrapper {
  float: right;
  width: 100%;
}
.article.with-sidebar {
  margin-right: 239px;
}
.sidebar {
  float: right;
  margin-right: -100%;
  padding: 40px 0 40px 40px;
  width: 199px;
}
.sidebar a {
  display: block;
  margin-bottom: 40px;
}

#share-search {
  margin: 100px auto 20px;
}
body.home #share-search {
  margin-top: 20px;
}

#share {
  display: inline-block; /* TODO: IE7 */
}
#share a {
  -moz-border-radius: 11px;
  -o-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  display: block;
  float: left;
  height: 21px;
  margin: 1px 0 0 4px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  width: 22px;
}
#share a:first-child {
  margin-left: 0;
}
#share a.twitter {
  background: #24a3c6 url(images/twitter.png) no-repeat 1px 1px;
}
#share a.twitter:hover {
  background: #19728a url(images/twitter.png) no-repeat 1px 1px;
}
#share a.facebook {
  background: #005a89 url(images/facebook.png) no-repeat 1px 0;
}
#share a.facebook:hover {
  background: #003f60 url(images/facebook.png) no-repeat 1px 0;
}

#search {
  display: inline-block; /* TODO: IE7 */
  position: relative;
  vertical-align: top;
  width: 200px;
}
#search input[type=text] {
  background: rgb(192,192,192);
  background: rgba(255,255,255,0.2);
  border: 0;
  color: #ffffff;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 0.625em; /* 10px / 16px */
  height: 22px;
  letter-spacing: 1px;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
  width: 90%; /* 180px / 200px */
}
#search input[type=text]::-webkit-input-placeholder {
  color: #ffffff;
}
#search input[type=image] {
  position: absolute;
  right: 10px;
  top: 5px;
}

#page > .footer {
  margin: 0 auto 50px;
  padding-top: 30px;
  width: 80%;
}
#page > .footer > div {
  border-right: 1px solid #333333;
  display: block;
  float: left;
  font-size: 0.75em; /* 12px / 16px */
  padding: 0 3%;
  text-align: left;
  width: 22%;
}
#page > .footer > div:first-child {
  padding-left: 0;
  width: 18%;
}
#page > .footer > div:first-child+div+div+div {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
  width: 18%;
}
#page > .footer a {
  color: #cccccc;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#page > .footer a:hover,
#page > .footer a:focus{
  color: #909090;
}
#page > .footer h1 {
  font-size: inherit;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#page > .footer li {
  margin-bottom: 0.416666666666667em;
  padding-right: 9.132420091324201%; /* 20px / 219px */
}

.instagram-image {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.instagram-image img {
  max-width: inherit;
}

#latest_tweets li {
 line-height: 1.5em;
}
#latest_tweets .widgettitle, #latest_tweets .rssSummary {
  display: none;
}

#page > .footer .like_button {
  font-family: 'Lucida Grande',sans-serif;
  font-size: 1.25em; /* 15px / 12px */
  font-weight: bold;
}
#page > .footer .like_fb {
  font-family: 'Lucida Grande',sans-serif;
  font-size: 0.916666666666667em; /* 11px / 12px */
}
#join_us_on_facebook iframe {
  height: auto !important;
  max-width: 100%;
}

/* Age Verification Dialog */
#age-verification-dialog {
  background: #000000;
  border: 1px solid #333333;
  display: none;
  /*height: 472px; *//* 541px */
  left: 50%;
  margin-left: -370px;
  padding: 50px 20px 15px;
  position: absolute;
  top: 100px;
  width: 700px; /* 916px * 0.8 = 732.8px */
  z-index: 1000001;
}
#age-verification-dialog .header {
  /*border-bottom: 3px solid #000000;*/
  height: 75px;
  margin-bottom: 1px;
  width: 100%;
}
#age-verification-dialog .header img {
  display: block;
  margin: 0 auto;
}
#age-verification-dialog .question-container {
  text-align: center;
  width: 100%;
}
#age-verification-dialog .question-container h1,
#age-verification-dialog .question-container h2 {
  color: #ffffff;
  font-size: 2em;
  letter-spacing: 1px;
  text-shadow: rgba(0,0,0,0.44) 1px 1px 0;
  text-transform: uppercase;
}
#age-verification-dialog .question-container h1 {
  margin-bottom: 0;
}
#age-verification-dialog .question-container h2 {
  margin-top: 0;
}
#age-verification-dialog .question-container h3 {
  font-size: 1em;
}
#age-verification-dialog .age-verification-buttons {
  margin: 52px auto;
}
#age-verification-dialog .age-verification-buttons .button {
  background-color: #393838;
}
#age-verification-dialog .age-verification-buttons .button:hover {
  background-color: #666666;
}
#age-verification-yes {
  margin-right: 25px;
  width: 10%;
}
#age-verification-no {
  width: 10%;
}
#age-verification-dialog label {
  font-size: 0.8em;
}
#age-verification-dialog .footer {
  /*border-top: 1px solid #000000;*/
  margin-top: 1px;
  padding-top: 25px;
  text-align: center;
  width: 100%;
}
#age-verification-dialog .footer p {
  color: #ffffff;
  font-size: 0.75em; /* 12px / 16px */
  margin: 0 auto;
  width: 50%;
}

#mask {
  background: rgb(0,0,0); /* IE fallback */
  background: rgba(0,0,0,0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999;
}

#copyright {
  color: #cccccc;
  font-size: 0.625em; /* 10px / 16px */
  margin-top: 60px;
  text-align: center;
}
#copyright li {
  display: inline;
}
#copyright li:after {
  color: #999999;
  content: ' | ';
}
#copyright li:first-child+li+li+li:after {
  content: '';
}

#locations-form {
  margin-bottom:34px;
  margin-top:34px;
  text-align: center;
  width: 100%;
}
#locations-form input[type=text] {
  border: 0;
  margin-right: 2%;
  padding: 5px 8px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
   border-radius: 4px;
}
#locations-form input[name=zip] {
  width: 12%;
}
#locations-form select {
  margin-right: 2.553191489361702%; /* 24px / 940px */
  width: 18.085106382978723%;  /*170px / 940px */
  padding: 7px;
}
.pac-item {
  color: black !important;
}
.pac-container::after {
  content: none !important;
}

#locations {
  padding: 30px 10% 0;
  width: 80%;
}
#locations > div {
  float: left;
  line-height: 110%;
  margin-right: 5%;
  padding-top: 126px;
  text-align: left;
  width: 30%;
}
#locations > div:first-child+div+div {
  margin-right: 0;
}
#locations > div h1 {
  color: #ffffff;
  font-size: 0.75em; /* 12px / 16px */
  margin-bottom: 25px;
  text-transform: uppercase;
}
#locations > div dt {
  font-size: 0.75em; /* 12px / 16px */
}
#locations > div dd {
  font-size: 0.75em; /* 12px / 16px */
  margin: 0 0 1em;
}
#locations-bar {
  background: url(images/locations_bar.png) no-repeat 0 0;
}
#locations-store {
  background: url(images/locations_store.png) no-repeat 0 0;
}
#locations-delivery {
  background: url(images/locations_delivery.png) no-repeat 0 0;
}
#locations dd a {
  color: #ffffff;
  text-decoration: underline;
  -webkit-transition: color 0.1s ease;
  -moz-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
#locations dd a:hover {
  color: #7C7C7C;
}

.loader {
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 999;
}

#hero a.download {
  background: url(images/download.png) no-repeat 0 0;
  display: block;
  height: 100px;
  right: 10%;
  overflow: hidden;
  position: absolute;
  text-indent: 100px;
  top: 20%;
  width: 100px;
}
#hero a.download:hover {
  background-position: 0 100%;
}

/* Search results */
.search-results .feature {
  padding: 35px 70px 25px !important;
  text-align: left;
}
.search-results-container {
  max-width: 800px;
}
h1.title {
  font-size: 1.5625em; /* 25px / 16px */
  letter-spacing: 2.5px;
  margin-top: 0;
  text-transform: uppercase;
}
.search-info {
  font-size: 0.75em; /* 12px / 16px */
}
ul.search-results {
  margin-top: 40px;
}
ul.search-results li {
  margin-bottom: 25px;
}
ul.search-results h1 {
  font-size: 1.25em; /* 20px / 16px */
  margin-bottom: 0;
}
ul.search-results p {
  font-size: 0.75em; /* 12px / 16px */
}
ul.search-results a {
  color: #000000;
  text-decoration: underline;
}
.search-pagination {
  font-size: 0.75em; /* 12px / 16px */
  margin-bottom: 70px
}
.search-pagination a {
  color: #000000;
}

/* Arrow nav around article header */
.nav.mobile {
/*  position: absolute;
  top: 5px;*/
  position: relative;
  top: 12px;
  width: 100%;
}
#content.no-header .nav.mobile {
  display: none;
}
.nav.mobile li {
  display: block;
}
.nav.mobile li.prev {
  float: left;
}
.nav.mobile li.next {
  float: right;
}
.nav.mobile a {
  display: block;
  height: 22px;
  overflow: hidden;
  text-indent: 21px;
  width: 13px;
}
.nav.mobile li.prev a {
  background: url(images/arrow-prev-mobile.png) no-repeat 50% 50%;
}
.nav.mobile li.next a {
  background: url(images/arrow-next-mobile.png) no-repeat 50% 50%;
}


/* Hide mobile elements */
.mobile-logo,
.nav.mobile-footer-primary {
  display: none;
}

/*** Tablet + Mobile ***/
@media only screen and (max-device-width: 768px) and (orientation: portrait),
       only screen and (max-width: 768px)  {
         
  /* Show gaps on edges of map for scrolling */
  .gm-map iframe {
    width: 80%;
  }
         
  /* Drop primary nav down below logo */
  .mobile-logo {
    display: block;
    padding-top: 14px;
    text-align: center;
    width: 100%;
  }
  .nav.primary li.logo {
    display: none;
  }
  
  .nav.secondary li a {
    font-size: 0.75em;
  }
  
  #content .hgroup h1 {
    font-size: 1.75em; /* 28px / 16px */
  }
  #content .hgroup h2 {
    font-size: 0.656875em; /* 10.51px / 16px */
  }
  
  /* Footer becomes vertical list */
  #page > .footer {
    width: 70%;
  }
  #page > .footer > div {
    border-bottom: 1px solid #333333;
    border-right: none;
    display: block;
    padding: 20px 0;
    text-align: center;
    width: 100% !important;
  }
  #page > .footer > div:first-child {
    border-top: 1px solid #333333;
  }
  #page > .footer li {
    padding: 0;
  }
  .instagram-image {
    text-align: center;
    width: 100%;
  }
  #join_us_on_facebook iframe {
    height: 100px !important;
  }
  #latest_tweets > ul {
    width: 75%;
    margin: 0 auto;
  }
  #copyright {
    width: 75%;
    margin: 0 auto 25px;
  }
  
  /* Age Verification Dialog */
  #age-verification-dialog {
    margin-left: -200px;
    padding: 50px 20px 15px;
    top: 100px;
    width: 360px;
  }
  #age-verification-dialog .header {
    height: 50px;
  }
  #age-verification-dialog h1 {
    margin-top: 0;
  }
  #age-verification-dialog .age-verification-buttons {
    margin: 25px auto;
  }
  
  /* Sidebar */
  .article-wrapper {
    float: none;
  }
  .article.with-sidebar {
    margin-right: 0;
  }
  .sidebar {
    float: none;
    margin-right: 0;
    padding: 40px 0;
    text-align: center;
    width: 100%;
  }
}

/*** Mobile ***/
@media only screen and (max-device-width: 480px),
       only screen and (max-width: 480px)  {
  
  body {
    -webkit-text-size-adjust: none;
  }

  /* Primary nav becomes two-column list */
  .nav.primary ul {
    height: auto;
    padding: 5px 10% 15px;
  }
  .nav.primary li {
    display: block;
    float: left;
    width: 50%;
  } 
  .nav.primary li a {
    display: block;
    height: auto;
    padding: 2px;
  }
  
  #share-search {
    margin-top: 40px;
  }
  
  .nav.mobile {
    top: 7px;
  }
  
  .nav.mobile-footer-primary {
    display: block;
  }
  .nav.mobile-footer-primary ul {
    height: auto;
    padding: 5px 10% 15px;
  }
  .nav.mobile-footer-primary li {
    display: block; 
    float: left;
    font-size: 0.75em; /* 12px / 16px */
    text-transform: uppercase;
    width: 50%;
  }
  .nav.mobile-footer-primary li a {
    color: #909090;
    display: block; 
    letter-spacing: 0.5px;
    padding: 2px;
    text-align: center;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    vertical-align: middle; 
  }
  .nav.mobile-footer-primary li a:hover,
  .nav.mobile-footer-primary li a.active {
    color: #ffffff;
  }

  .nav.secondary li a {
    font-size: 0.5625em; /* 9px / 16px */
    letter-spacing: 0;
  }
  
  .nav.strip {
    display: none;
  }

  a.post {
    display: none !important;
  }

  #content .hgroup hr {
    display: none;
  }
  
  /* Content takes up more of screen */
  #hero .hgroup {
    width: 90%;
  }
  #hero .hgroup h1 {
    font-size: 2em;
  }
  #hero .hgroup h2,
  #hero .hgroup h3 {
    font-size: 0.8em;
  }
  #content {
    padding-top: 20px;
    width: 90%;
  }
  #content .hgroup h1 {
    padding: 0;
  }
  #page > .footer {
    width: 100%;
  }
  
  #hero a.download {
    display: none;
  }
  
  #page > .footer {
    margin-bottom: 20px;
    padding-top: 10px;
  }
  
  #about_karlssons ul {
    padding: 0 10%;
  }
  #about_karlssons li {
    display: block;
    float: left;
    width: 50%;
  }
  
  /* Age Verification Dialog */
  #age-verification-dialog {
    margin-left: -150px;
    padding: 20px;
    top: 20px;
    width: 260px;
  }
  #age-verification-dialog h1,
  #age-verification-dialog h2 {
    font-size: 1.5em !important; /* 24px / 16px */
  }
  #age-verification-dialog .footer {
    padding-top: 5px;
  }
}