/* paths */
/* padding & margins */
/* colors */
.clearfix {
  overflow: hidden;
}
.main-navigation {
  position: relative;
  z-index: 4000;
  height: 100%;
}
.main-navigation a {
  text-decoration: none;
}
.main-navigation li {
  position: relative;
  z-index: 10;
  padding: 0 20px;
  float: left;
  /* skew the box */

  -moz-transform: skew(-18deg);
  -webkit-transform: skew(-18deg);
  transform: skew(-18deg);
}
div.krd_container-flexible.default .main-navigation {
  left: -120px;
  margin-bottom: 60px;
}
div.krd_container-flexible.inner .main-navigation {
  margin-left: -50px;
}
/* default nav */
.krd_container-flexible.default .main-navigation li.biography,
.krd_container-flexible.default .main-navigation li.wine,
.main-navigation li.appearances,
.krd_container-flexible.default .main-navigation li.contact {
  padding-left: 200px;
}
.krd_container-flexible.default .main-navigation li a {
  font: 450% ColaborateBoldRegular;
  display: block;
  width: 100%;
  color: white;
  text-transform: capitalize;
  /* skew the box */

  -moz-transform: skew(18deg);
  -webkit-transform: skew(18deg);
  transform: skew(18deg);
}
.krd_container-flexible.default .main-navigation li.slash {
  font: 450% ColaborateBoldRegular;
  color: white;
  z-index: 20;
  padding: 0;
  margin: 0 -14px 0 -8px;
  /* reset the slash */

  -moz-transform: skew(0deg);
  -webkit-transform: skew(0deg);
  transform: skew(0deg);
  -moz-box-shadow: inset 0 0 0 transparent;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
/* inner nav */
.krd_container-flexible.inner .main-navigation li a {
  font: 320% ColaborateBoldRegular;
  display: block;
  width: 100%;
  color: white;
  text-transform: capitalize;
  /* skew the box */

  -webkit-transform: skew(18deg);
  -moz-transform: skew(18deg);
}
.default #social {
  margin-left: 200px;
}
#social {
  margin-left: 100px;
  width: 350px;
  clear: both;
  padding-top: 20px;
  background-color: transparent
}
#social li {
  float: left;
  text-shadow: none;
  width: 32px;
  -webkit-transform: skew(0);
  -moz-transform: skew(18deg);
  padding: 0;
  display: inline-block;
  clear: none;
  margin-right: 10px;
  -moz-box-shadow: inset 0 0 0 transparent;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
  background-color: transparent;
}
#social li a {
  font-size: 20px;
  -webkit-transform: skew(0);
  -moz-transform: skew(0);
  background-color: transparent;
  display: block;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}
#social li.twitter-menu a {
  background: url('../images/social/small/twitter.png') no-repeat center center;
}
#social li.facebook a {
  background: url('../images/social/small/facebook.png') no-repeat center center;
}
#social li.youtube a {
  background: url('../images/social/small/youtube.png') no-repeat center center;
}
#social li.igicon a {
  background: url('../images/social/small/igicon.png') no-repeat center center;
}
.krd_container-flexible.inner .main-navigation li.slash {
  display: none;
}
.krd_container-flexible.inner .main-navigation li {
  padding-left: 100px;
  margin-bottom: 5px;
  clear: both;
}
.main-navigation li {
  -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}
/* Colors */
.main-navigation li.biography {
  position: relative;
  /*background-color: #5C8D8A; 97, 141, 138*/

  background-color: #5c8d8a;
  background-color: rgba(92, 141, 138, 0.9);
}
.main-navigation li.books {
  /* background-color: #A59006; 165, 144, 6 */

  background-color: #a59006;
  background-color: rgba(165, 144, 6, 0.9);
}
.main-navigation li.wine {
  /* background-color: #400C09; 64, 12, 9 */

  background-color: #400c09;
  background-color: rgba(64, 12, 9, 0.9);
}
.main-navigation li.other {
  /* background-color: #878065; 135, 128, 101 */

  background-color: #878065;
  background-color: rgba(135, 128, 101, 0.9);
}
.main-navigation li.media {
  /* background-color: #D8562F; 216, 86, 47 */

  background-color: #d8562f;
  background-color: rgba(216, 86, 47, 0.9);
}
.main-navigation li.appearances {
  /* background-color: #682138; 104, 33, 56 */

  background-color: #682138;
  background-color: rgba(104, 33, 56, 0.9);
}
.main-navigation li.blog {
  /* background-color: #668021; 102, 128, 33 */

  background-color: #364365;
  background-color: rgba(54, 67, 101, 0.9);
}
.main-navigation li.contact {
  /* background-color: #364365; 54, 67, 101 */

  background-color: #668021;
  background-color: rgba(102, 128, 33, 0.9);
}
/* iPad Portait */
@media screen and (max-width: 1024px) {
  .krd_container-flexible.default .main-navigation li a, .krd_container-flexible.default .main-navigation li.slash {
    font: 300% ColaborateBoldRegular;
  }
  .krd_container-flexible.inner .main-navigation li a, .krd_container-flexible.inner .main-navigation li.slash {
    font: 300% ColaborateBoldRegular;
  }
  /* default nav */
  .krd_container-flexible.default .main-navigation li.biography,
  .krd_container-flexible.default .main-navigation li.wine,
  .main-navigation li.appearances,
  .krd_container-flexible.default .main-navigation li.contact {
    padding-left: 80px;
  }
  .main-navigation li {
    padding: 0 15px;
  }
  div.krd_container-flexible.default .main-navigation {
    left: -30px;
    margin-bottom: 50px;
  }
  div.krd_container-flexible.inner .main-navigation {
    left: -10px;
    margin-bottom: 50px;
  }
}
/* iPhone */
@media screen and (max-width: 480px) {
  div.krd_container-flexible.default .main-navigation {
    float: none;
  }
  div.krd_container-flexible.default .main-navigation ul {
    margin: 0;
    left: 0;
    padding: 0;
  }
  div.krd_container-flexible.default .main-navigation li {
    float: left;
    clear: both;
    padding-left: 80px;
    margin: 0;
    left: 0;
  }
  div.krd_container-flexible.default .main-navigation li.slash {
    display: none;
  }
  div.krd_container-flexible.inner .main-navigation {
    min-width: 320px;
    max-width: 480px;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    left: 0;
    top: 0;
  }
  .inner .main-navigation nav, .inner .main-navigation ul, .krd_container-flexible.inner .main-navigation li {
    width: 100%;
    /* skew the box */
  
    -moz-transform: skew(0);
    -webkit-transform: skew(0);
    transform: skew(0);
    padding-left: 0;
    padding-right: 0;
  }
  div.krd_container-flexible.inner .main-navigation ul li a {
    -moz-transform: skew(0);
    -webkit-transform: skew(0);
    transform: skew(0);
    text-align: center;
  }
}