// AUTOCOMPILE FIRST LINE COMMENT REQUIRED

// Common styles
@import "assets/styles/common/utils";
@import "assets/styles/common/variables";

// Header
#banner {
  background: $clr_1!important;
}
#brand {
  width: 270px!important;
  //background: url('../../assets/images/logo-main.png') no-repeat scroll 50%/contain transparent!important;
  background: none!important;
}
header[role=banner] {
  // Off Canvas nav
  ::selection {
    background: transparent!important;
  }
  ::-moz-selection {
    background: transparent!important;
  }
  ::-webkit-selection {
    background: transparent!important;
  }
}
#nav {
  border-color: darken($clr_1, 2)!important;
 	@include breakpoint(bp-768) {
    padding: 12px 0 0;
    margin: 20px 0 0;
  };
}
// Body
#big-background {
  height: 30vh!important;
  @include breakpoint(bp-768) {
    height: 60vh!important;
  };
  @include breakpoint(bp-1024) {
    height: 70vh!important;
  };
}
/*#ear-piece {
  background: transparent url('../../assets/images/encap.earpiece.png') no-repeat center;
  width: 87px;
  height: 98px;
  position: absolute;
  top: $gutter * 2;
  z-index: 3;
}*/
.panel.blue {
  background: $clr_9!important;
}
// Footer
footer[role=contentinfo] {
  background: $clr_3!important;
  h3, .item {
    border-color: white!important;
  }
  #sign-off {
    background: $clr_1!important;
  }
}
/* Sliding side bars */
.sidebarLeft, .sidebarRight {
  background-color: darken($clr_1, 5)!important;
}
// Global
ul.underlined li {
  border-color: white!important;
}
.button.green {
  background: $clr_5!important;
}