/* @less partials */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* @group GN Additions */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Greys */
/* @end */
/* @group Variables */
/* @end */
/* @Resets */
button:focus,
.drawer-content li a {
  outline: 0;
}
/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	Overlay / background effect on launch
   2.	Logo
   3.	NavBar
   4.	Hamburger
   5.	Drawer
   6.	Social icons
   7.	Solid Menu
   8.	Search
   - - - - - - - - -
 */
/* 1. Overlay / background effect on launch */
.darkenOverlay {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) !important;
  display: none;
  transition: all 0.1s linear;
}
.has-offcanvas--overlay .darkenOverlay {
  display: block;
}
.c-offcanvas-bg--overlay {
  background: rgba(0, 0, 0, 0) !important;
}
.has-offcanvas--overlay {
  transition: all 0.1s linear;
}
.has-offcanvas--overlay .darkenWithDrawer {
  -webkit-filter: grayscale(1) contrast(1);
  filter: grayscale(1) contrast(1);
}
/* @end */
/* 2. Logo */
.drawer-logo {
  width: 165px;
  line-height: 75px;
  position: fixed;
  z-index: 99;
}
.standardLogo {
  display: none;
}
.scrolldrawer-logo.standardLogo {
  display: block;
}
.revLogo {
  display: block;
}
.scrolldrawer-logo.revLogo,
.has-offcanvas--overlay .revLogo {
  display: none!important;
}
.has-offcanvas--overlay .standardLogo {
  display: block!important;
}
.SolidMenu .revLogo {
  display: none;
}
.SolidMenu .standardLogo {
  display: block;
}
/* @end */
/*  3. NavBar */
nav.drawer {
  width: 100%;
  height: 75px;
  position: fixed;
  z-index: 10;
  transition: all 0.1s linear;
  top: 0px!important;
}
.has-offcanvas--overlay nav.drawer.scrollDrawer {
  background: rgba(255, 255, 255, 0);
}
nav.drawer.scrollDrawer {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.has-offcanvas--visible nav.drawer.scrollDrawer {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}
/* @end */
/* 4. Hamburger */
.positioning-right .hamburger,
.positioning-left .hamburger {
  z-index: 9999!important;
  position: fixed!important;
  top: .7rem;
}
.has-offcanvas--top .drawer-logo,
.has-offcanvas--left .drawer-logo {
  display: none;
}
.hamburger-right {
  right: 1rem;
}
.hamburger-left {
  left: 0px;
}
.hamburger-label {
  font-weight: 400;
  display: inline-block;
  margin-left: -5px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-top: -17px;
  color: white;
  transition: all 0.1s linear;
}
.positioning-right .drawer-logo,
.positioning-left .drawer-logo {
  top: 1.5rem;
}
.positioning-right .drawer-logo {
  left: 1.5rem;
}
.positioning-left .drawer-logo {
  right: 1.5rem;
}
.has-offcanvas--left .hamburger-right .hamburger-inner,
.has-offcanvas--bottom .hamburger-right .hamburger-inner,
.has-offcanvas--bottom .hamburger-left .hamburger-inner,
.has-offcanvas--left .hamburger-right .hamburger-inner:after,
.has-offcanvas--bottom .hamburger-right .hamburger-inner:after,
.has-offcanvas--bottom .hamburger-left .hamburger-inner:after,
.has-offcanvas--left .hamburger-right .hamburger-inner:before,
.has-offcanvas--bottom .hamburger-right .hamburger-inner:before,
.has-offcanvas--bottom .hamburger-left .hamburger-inner:before {
  background-color: #fff!important;
}
.has-offcanvas--left .hamburger-right .hamburger-label,
.has-offcanvas--bottom .hamburger-right .hamburger-label,
.has-offcanvas--bottom .hamburger-left .hamburger-label {
  color: white;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 30px!important;
  height: 2px!important;
  border-radius: 0px!important;
  background-color: #fff!important;
  transition: all 0.1s linear;
}
.scrollDrawer .hamburger-inner,
.scrollDrawer .hamburger-inner:after,
.scrollDrawer .hamburger-inner:before,
.is-active .hamburger-inner,
.is-active .hamburger-inner:after {
  background-color: #111111 !important;
}
.scrollDrawer .hamburger-label,
.is-active .hamburger-label {
  color: #111111;
}
.SolidMenu nav.drawer {
  background-color: white;
}
.SolidMenu .hamburger-inner,
.SolidMenu .hamburger-inner:after,
.SolidMenu .hamburger-inner:before {
  background-color: #111111 !important;
}
.SolidMenu .hamburger-label {
  color: #111111;
}
/* @end */
/* 5. Drawer */
.c-offcanvas {
  z-index: 9!important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.c-offcanvas__inner {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-offcanvas__inner .drawer-content ul {
  padding-left: 0;
}
.c-offcanvas__inner .drawer-content ul li {
  list-style: none;
  text-align: center;
  font-size: 1.1em;
  font-weight: 400;
}
.c-offcanvas__inner .drawer-content ul li a {
  color: #111111;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  transition: all 0.1s linear;
}
.c-offcanvas__inner .drawer-content ul li a.section,
.c-offcanvas__inner .drawer-content ul li a.current,
.c-offcanvas__inner .drawer-content ul li a:hover,
.c-offcanvas__inner .drawer-content ul li a:active,
.c-offcanvas__inner .drawer-content ul li a:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.c-offcanvas--top .drawer-content ul,
.c-offcanvas--bottom .drawer-content ul {
  margin-bottom: 0px;
}
.c-offcanvas--top .drawer-content ul li,
.c-offcanvas--bottom .drawer-content ul li {
  display: inline;
  margin-left: .35rem;
  margin-right: .35rem;
}
/* @end */
/* 6. Social icons */
.drawerSocial {
  margin-left: .35rem!important;
  margin-right: .35rem!important;
  font-size: 1em!important;
  display: inline;
}
.has-offcanvas--right .drawerSocialSpacer,
.has-offcanvas--left .drawerSocialSpacer {
  display: block;
  clear: both;
  margin-top: -0.4rem;
}
/* Large screens ————— */
/* iPad in landscape ————— */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .drawer-content ul li {
    font-size: 1.25em;
    line-height: 1.35em;
  }
}
/* iPad in portrait ————— */
/* Smartphones (portrait and landscape) ————— */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .drawer-content ul {
    padding-top: 3rem;
  }
  .drawer-content ul li {
    font-size: 1em!important;
    margin-left: .5rem!important;
    margin-right: .5rem!important;
  }
}
/* @end */
/* 7. Solid menu */
.SolidMenu nav.drawer {
  border-bottom: 1px solid #dddddd;
}
.SolidMenu.has-offcanvas--visible nav.drawer {
  border-bottom: none!important;
}
/* @end */
/* @group 8. Search */
.js-offcanvas .search-bar {
  margin-top: -4px;
  margin-left: 1.5rem;
  border: 1px solid #ececec;
  float: right;
}
.js-offcanvas .search-bar input {
  background-color: white!important;
  color: #111111 !important;
}
.js-offcanvas .search-bar input:focus {
  outline: none!important;
}
.js-offcanvas .search-bar input#SearchForm_SearchForm_action_results {
  background-image: url(images/search-drk.png) !important;
}
/* iPad in landscape ————— */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .js-offcanvas .search-bar {
    display: none;
  }
}
/* @end */
/*# sourceMappingURL=drawer.css.map */