@charset "UTF-8";
/* CSS Document */
/*
 * Style tweaks
 * --------------------------------------------------
 */
 
/*removed "html," from line below, which allows entire offcanvas menu to show up correctly. Before doing that, navbar got cut off.*/
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body { /*reduced padding from 70px down, to remove extra space up top*/
  padding-top: 20px;
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -66.66666667%; /* was 50% which is 6 columns but increased it since adding 10px margins to row-w-margins */ 
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 66.66666667%; /* was 50% which is 6 columns but increased it since adding 10px margins to row-w-margins */ 
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/*more code added below*/
.toggle-btn { /*affects margin to left side of toggle btn*/
	margin-left: 0px;
}

.list-group-item.active, 
.list-group-item.active:focus, 
.list-group-item.active:hover { /*changes bg color of left nav bar active button*/
	background-color: #583f2a;
	background-image: none;
	border-style: none;
}

.list-group-item { /*changes bg color of left nav bar non-active buttons*/
	background-color: #583f2a;
	background-image: none;
	border-style: none;
	padding: 5px 5px 5px 5px;
}

a.list-group-item { /*changes font color of hyperlinks in left nav menu*/
    color: #FFF;
}

a.list-group-item:focus, 
a.list-group-item:hover { /*changes background color and font color of hyperlinks on hover*/
	background-color: #583f2a;
	color: #FFF;
}

.btn-primary { /*changes color of left nav toggle btn and side nav buttons*/
	background-color: #6c4d33;
	background-image: none;
	border-style: none;
	width: 100%;
	text-align: left;
}

.btn-primary:active { /*first code - possibly remove later*/
	background-color: #6c4d33;
	background-image: none;
	border-style: none;
}

.btn-primary.active, .btn-primary:active { /*changes appearance of side nav active buttons*/
    background-color: #583f2a;
    border-color: #583f2a;
}

.btn-primary:focus, .btn-primary:hover { /*changes bg and border color of active toggle btn*/
	background-color: #6c4d33;
	background-image: none;
	border-color: #efd5c3;
	outline-color: #efd5c3; /*changes halo color*/
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { /*changes halo color of toggle button after clicked*/
	outline-color: #efd5c3; 
	box-shadow: none; /*removes shadow from buttons in active state*/
}

.button { /*for sidenav dropdown parent*/
	background-color: #6c4d33;
}

.well { /*for sidenav dropdown children. BG should match that of .list-group-item above.*/
	background-image: none;
	background-color: #583f2a;
	box-shadow: none;
	border: none;
	margin-bottom: 0px;
	padding: 5px;
}

.well-donation { /*for donation box*/
	background-color: #6c4d33;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
}

.collapse { /*indents children buttons*/ 
	padding-left: 15px;
}