body {overflow-x: hidden;}

/* NAVIGATION STYLES */
#offcanvasLeft,
#offcanvasRight {
	background: #535353; /* offcanvas background */
}

.nav-icon {
  font-size: 2rem;
  width: 1rem;  
  display: inline-block;
  vertical-align:middle;
}
#site-menu .nav-icon-menu {
  margin-right: 2rem;
  padding-right: 1.25em;
}
#global-menu .nav-icon-menu {margin-right: .5rem; padding-right: .5em;}
.nav-icon-x {
  margin-left: 0.5rem;
  padding-right: 0;
}
.nav-text {vertical-align: middle;}

#site-menu li a,
#global-menu li a,
#close-offcanvasLeft li a, 
#close-offcanvasRight li a {
	background: #535353; color: white; /* menu defaults */
}
#site-menu li a:hover,
#global-menu li a:hover,
#close-offcanvasLeft li a:hover, 
#close-offcanvasRight li a:hover {
	background: white; color: #1779ba; /* menu:hover */
} 


/* CONTENT STYLES */


/* FOOTER SYTLES */
footer {background: #0a0a0a; color: #fff; padding: 0; height: 2.75rem; z-index: 13 !important;}
footer p {font-size: 0.9rem; }
footer img {width: 10rem; background: #fff; padding: 0.5rem; border-radius: 0.5rem;}

/* MEDIA SIZE: Medium and up */
@media screen and (min-width: 40em) {
footer {height: 1.75rem;}

} /* end medium and up */


/* Large and up */
@media screen and (min-width: 64em) {  
  #in-canvas-wrapper {margin-left: 85px;}

  #offcanvasLeft {
  width: 70px;
  // height: 90%;
  position: fixed;
  margin-top: 2.6em;
  transition: 0.5s;
  overflow: hidden;
  white-space: nowrap;
  box-shadow: none;
}
  #offcanvasRight {
    transition: 0.5s;
    box-shadow: none;
  }
  
  #page-title {background-color: white; font-weight: 500; font-size: 1.5rem; padding-left: 0.75rem; margin-left: -15px; border-bottom: 1px solid #cacaca;}

  #site-title {padding-left: 0.35em;}
  
#main-content {padding-top: 1rem;}
  

} /* end Large and up */