/* color definition */
/* google map */
/* squeezbox filter */
#classic-lateral-nav {
  height: 100%;
  left: 0;
  top: 0;
  visibility: block;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #013150;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s; }
  #classic-lateral-nav .cd-navigation {
    margin: 10px 0 16px; }
  #classic-lateral-nav .sub-menu {
    padding: 0 10px 20px 15px;
    display: none; }
  #classic-lateral-nav a {
    display: block;
    line-height: 2em;
    padding: 0 16px 0 32px;
    color: #4d8dde; }
    #classic-lateral-nav a.current {
      background-color: #4e739d;
      color: #FFF; }
    .no-touch #classic-lateral-nav a:hover {
      color: #FFF; }
  @media only screen and (min-width: 800px) {
    #classic-lateral-nav .cd-navigation {
      margin: 20px 0; } }
  #classic-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    /* smooth the scrolling on touch devices - webkit browsers */
    -webkit-overflow-scrolling: touch; }

/* style menu items which have a submenu  */
#classic-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 800;
  /* this is the right arrow to show that the item has a submenu  */ }
  #classic-lateral-nav .item-has-children > a::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1em;
    background: url("../codyhouse/img/cd-arrow.svg") no-repeat center center;
    background-size: 8px 11px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s; }
  #classic-lateral-nav .item-has-children > a.submenu-open::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }

#classic-lateral-nav .socials {
  padding: 0 32px; }
  #classic-lateral-nav .socials:after {
    content: "";
    display: table;
    clear: both; }
  #classic-lateral-nav .socials a {
    height: 32px;
    width: 32px;
    float: left;
    padding: 0;
    background-image: url("../codyhouse/img/cd-socials.svg");
    background-repeat: no-repeat;
    background-size: 128px 64px;
    background-color: #3d5a7b;
    margin-right: .5em;
    border-radius: 0.25em; }
    #classic-lateral-nav .socials a.cd-twitter {
      background-position: 0 -32px; }
    #classic-lateral-nav .socials a.cd-github {
      background-position: -32px 0; }
    #classic-lateral-nav .socials a.cd-facebook {
      background-position: -64px -32px; }
    #classic-lateral-nav .socials a.cd-google {
      background-position: -96px 0; }
    .no-touch #classic-lateral-nav .socials a:hover {
      background-color: #4d8dde; }
      .no-touch #classic-lateral-nav .socials a:hover.cd-twitter {
        background-position: 0 -32px; }
      .no-touch #classic-lateral-nav .socials a:hover.cd-github {
        background-position: -32px -32px; }
      .no-touch #classic-lateral-nav .socials a:hover.cd-facebook {
        background-position: -64px -32px; }
      .no-touch #classic-lateral-nav .socials a:hover.cd-google {
        background-position: -96px -32px; }

/*# sourceMappingURL=classic.css.map */