/*!
 * Version: 2.0
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 */


li .fa {
  vertical-align: initial;
  margin-right: 5px;
}



/* line 1, ../sass/_helpers.scss */
.float-left {
  float: left;
}

/* line 5, ../sass/_helpers.scss */
.float-right {
  float: right;
}

/* line 1, ../sass/_canvas.scss */
[canvas=container] {

}

/* line 1, ../sass/_off-canvas.scss */
[off-canvas] {
  background-color: #222222;
}
/* line 4, ../sass/_off-canvas.scss */
[off-canvas] .padded-box {
  padding: 20px;
}
/* line 8, ../sass/_off-canvas.scss */
[off-canvas] ul.menu {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}
/* line 14, ../sass/_off-canvas.scss */
[off-canvas] ul.menu li a {
  color: rgba(255, 255, 255, 0.87);
  display: block;
  padding: 5px 10px;

  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  font-size:16px;
}

[off-canvas] ul.menu li .fas, 
[off-canvas] ul.menu li .fa,
[off-canvas] ul.menu li .far 
{
width:30px;
}


/* line 23, ../sass/_off-canvas.scss */
[off-canvas] ul.menu li a:hover {
	color: #eee;
	background-color: rgba(255, 255, 255, 0.1);
}


/* line 111, ../sass/_off-canvas.scss */
.custom-transition-duration {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}



/* line 1, ../sass/_controls.scss */
[class*=js-open-],
[class*=js-toggle-],
[class*=js-close-] {
  cursor: pointer;
}

/* line 1, ../sass/_nav.scss */
nav[canvas] {
display:none;
}
/* line 13, ../sass/_nav.scss */
nav[canvas] .button {
  top: -5px;
}



/* line 5, ../sass/_manhattan.scss */
[canvas=container] [mhtn=row]:not(.no-margin) {
  margin-top: 20px;
  margin-bottom: 20px;
}



@media (max-width: 800px) {
  /* line 5, ../sass/_manhattan.scss */
 
 nav[canvas] {
  display:block;
  position: fixed;
  top: 20px;
  right:30px;
  width: 100px;
  background-color: transparent;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
/*  border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}
 
  [canvas=container] {

/*	margin-top: 60px;
  height: -webkit-calc( 100% - 60px );
  height: -moz-calc( 100% - 60px );
  height: calc( 100% - 60px );*/
}
 
  nav[canvas] .button{ 
  font-size: 30px;
  font-weight:bold;
  padding:7px 10px;

  color:#c79b58;
  }

ul.menu li a.js-close-any{text-align:right; font-size:30px; height: 60px;}
 ul.menu li a.js-close-any:hover{background-color:transparent;}
ul.menu li a.js-close-any span.text{text-align:left; font-size:20px;margin-right:30px; vertical-align: top;}
}


.button {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.7em;
}
/* line 11, ../sass/_buttons.scss */
.button .fa {
	top: 0;
	margin-right: 5px;

}
/* line 23, ../sass/_buttons.scss */
.button:hover {
  background-color: rgba(0, 0, 0, 0.024);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
 
 nav[canvas] {

  right:10px;

}
}