/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box; }

/*html {
	font-size: 62.5%;
}*/
body {
  font-family: "Nunito", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*a {
	color: $color-2;
	text-decoration: none;
}*/
/*h1 {
	text-align: center;
	width: 100%;
	/*margin: 2em auto 0;*/
	/*font-size: 2.4rem;
	color: shade($color-2, 50%);
	font-weight: bold;

	@include MQ(M) {
		font-size: 3.2rem;
	}
}

/*input {
	font-family: $primary-font;
	font-size: 1.6rem;
}*/
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
  background: #4a4a4a;
  /*margin: 4em auto;*/
  box-shadow: 0 4px 40px shade(#2c7dc1, 30%); }
  .cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none; }
  .cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0; }
  .cd-accordion-menu label, .cd-accordion-menu a {
    position: relative;
    display: block;
    padding: 8px 8px 8px 34px;
    background: #4a4a4a;
    box-shadow: inset 0 -1px tint(#4a4a4a, 5%);
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 400; }
    .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
      background: tint(#4a4a4a, 3%); }
  .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .cd-accordion-menu label {
    cursor: pointer; }
    .cd-accordion-menu label::before, .cd-accordion-menu label::after {
      background-image: url(../img/cd-icons.svg);
      background-repeat: no-repeat; }
    .cd-accordion-menu label::before {
      /* arrow icon */
      left: 8px;
      background-position: 0 0;
      transform: translateY(-50%) rotate(-90deg); }
    .cd-accordion-menu label::after {
      /* folder icons */
      left: 21px;
      background-position: -16px 0; }
  .cd-accordion-menu a::after {
    /* image icon */
    left: 16px;
    background: url(../img/cd-icons.svg) no-repeat -48px 0; }
  .cd-accordion-menu input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    transform: translateY(-50%); }
  .cd-accordion-menu input[type=checkbox]:checked + label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0; }
  .cd-accordion-menu input[type=checkbox]:checked + label + ul,
  .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block; }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    background: #313131;
    box-shadow: inset 0 -1px #3d3d3d;
    padding-left: 42px; }
    .no-touch .cd-accordion-menu ul label:hover,
    .no-touch .cd-accordion-menu ul a:hover {
      background: #383838; }
  .cd-accordion-menu > li:last-of-type > label,
  .cd-accordion-menu > li:last-of-type > a,
  .cd-accordion-menu > li > ul > li:last-of-type label,
  .cd-accordion-menu > li > ul > li:last-of-type a {
    box-shadow: none; }
  .cd-accordion-menu ul label::before {
    left: 16px; }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 29px; }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 50px; }
  .cd-accordion-menu ul ul label::before {
    left: 24px; }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 37px; }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 58px; }
  .cd-accordion-menu ul ul ul label::before {
    left: 32px; }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 45px; }
  @media only screen and (min-width: 600px) {
    .cd-accordion-menu label, .cd-accordion-menu a {
      padding: 24px 24px 24px 82px;
      font-size: 1.9rem; }
    .cd-accordion-menu label::before {
      left: 24px; }
    .cd-accordion-menu label::after {
      left: 53px; }
    .cd-accordion-menu ul label,
    .cd-accordion-menu ul a {
      padding-left: 106px; }
    .cd-accordion-menu ul label::before {
      left: 48px; }
    .cd-accordion-menu ul label::after,
    .cd-accordion-menu ul a::after {
      left: 77px; }
    .cd-accordion-menu ul ul label,
    .cd-accordion-menu ul ul a {
      padding-left: 130px; }
    .cd-accordion-menu ul ul label::before {
      left: 72px; }
    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul a::after {
      left: 101px; }
    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a {
      padding-left: 154px; }
    .cd-accordion-menu ul ul ul label::before {
      left: 96px; }
    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul a::after {
      left: 125px; } }
  .cd-accordion-menu.animated label::before {
    /* this class is used if you're using jquery to animate the accordion */
    transition: transform .3s; }

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