html {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html,
body {
  height: 100%;
  /*background-color: #f5f5f5;*/
  background-color: #202020;
  background-image: url(../../images/source/darkened_gitar.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;

}

.layout-container{
	width: 960px;
    margin: 0 auto;
    background: white;
	padding: 20px;
}
p > a {
	color: #9999da;
}

.branding-container{
	float:left;
}

/* DROP DOWN MENU */

#header .Home{
	opacity:0;
	visibility: hidden;
	float: none !important;
	display: none !important;
}

#header .menu{
	margin-top: 10px;
	float: right;
}

#header .menu-item{
	color: #4a4a4a;
	background: #f6f7fa;
    display: block;
    /*padding: 1rem;*/
	/*padding: 0 10px;*/
	font-size: 13px;
	line-height: 40px;
    position: relative;
    text-decoration: none;
	float:left;
	/*box-shadow: inset 0 -2px 0 0px #6e6e84;*/
	box-shadow: inset 0px -1px 0px 0px #eeeeef, inset 0px 1px 0px 0px #eeeeef;
	
}
#header .menu-item--active-trail{
	background: #848597;
	background: -moz-linear-gradient(top, #848597 0%, #848597 50%, #6f6f81 51%, #6f6f81 100%);
	background: -webkit-linear-gradient(top, #848597 0%,#848597 50%,#6f6f81 51%,#6f6f81 100%);
	background: linear-gradient(to bottom, #848597 0%,#848597 50%,#6f6f81 51%,#6f6f81 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848597', endColorstr='#6f6f81',GradientType=0 );
}
#header .menu-item--active-trail a{
	color:white;
}
#header .menu-item .menu-item--expanded .menu-item--active-trail a{
	color: #4a4a4a !important;
}

#header .menu-item > .menu{
	color: #4a4a4a;
    visibility: hidden;
	opacity: 0;
	min-width: 5rem;
    position: absolute;
	transition: all 0.2s ease;
	/*padding: 10px 15px 15px 0px;*/
    left: 0;
	display: none;
	z-index: 200;
}

#header li li a{
	width: 100% !important;
}


#header .menu-item > a{
	color: #4a4a4a;
	padding: 15px 10px;
	font-size: 16px;
	white-space: nowrap;
}

#header .menu-item--active-trail{
	background: #848597;
	background: -moz-linear-gradient(top, #848597 0%, #848597 50%, #6f6f81 51%, #6f6f81 100%);
	background: -webkit-linear-gradient(top, #848597 0%,#848597 50%,#6f6f81 51%,#6f6f81 100%);
	background: linear-gradient(to bottom, #848597 0%,#848597 50%,#6f6f81 51%,#6f6f81 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848597', endColorstr='#6f6f81',GradientType=0 );
}
#header .menu-item--active-trail a{
	color:white;
}

#header .menu .menu-item .menu .menu-item,
#header .menu .menu-item .menu .menu-item a{
	width: 100%;
	box-shadow: none !important;
	color: #4a4a4a;
	display: block;
	line-height: normal;
}

#header .menu .menu-item .menu .menu-item:hover a{
	color:white;
}
#header .menu .menu-item .menu .menu-item--active-trail a{
	color:white;
}





#header .menu .menu-item:hover .menu{
	visibility: visible;
	opacity: 1;
	display: block;
	color: #4a4a4a !important;
	margin-top: 0px;
	padding-top: 0px;
}

#header .menu .menu-item:hover a{
	color: #fff;
}

#header .menu .menu-item:nth-child(2){
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}



#header .menu .menu-item:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#header .menu .menu-item .menu .menu-item:nth-child(2){
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

#header .menu .menu-item .menu .menu-item:last-child{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	
}

#header .menu .menu-item:hover,
#header .menu .menu-item .menu .menu-item:last-child:hover{
	/*box-shadow: inset 0 -2px 0 0px #9292a0 !important;*/
	background: #a8aac2;
	background: -moz-linear-gradient(top, #a8aac2 0%, #a8aac2 50%, #9494ac 50%, #9494ac 100%);
	background: -webkit-linear-gradient(top, #a8aac2 0%,#a8aac2 50%,#9494ac 50%,#9494ac 100%);
	background: linear-gradient(to bottom, #a8aac2 0%,#a8aac2 50%,#9494ac 50%,#9494ac 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8aac2', endColorstr='#9494ac',GradientType=0 );


}
#header .menu .menu-item:hover a,
#header .menu .menu-item .menu .menu-item:last-child:hover a{
	color: white;
}



/* end of navbar */



#sidebar-first .menu .menu-item a{
	font-size: 16px;
}
#sidebar-first .menu .menu-item .menu .menu-item{
	text-indent: 20px;
}

/*aside h3{
	padding: 4px 0px;
}*/

.file a{
	text-decoration: underline;
}

.container {
  margin: auto;
  max-width: 1200px;
}

.container::after {
  clear: both;
  content: "";
  display: block;
}

#content-wrapper {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

#sidebar-first div,
#sidebar-second div{
	margin: 0 5px;
	color: white;
}

.no-sidebar #content {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}

@media only screen and (min-width: 720px) {
  .no-sidebar #content {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .no-sidebar #content {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 720px) {
  .one-sidebar.sidebar-second #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .one-sidebar.sidebar-second #content {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 720px) {
  .one-sidebar.sidebar-first #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}

@media only screen and (min-width: 960px) {
  .one-sidebar.sidebar-first #content {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}

@media only screen and (min-width: 720px) {
  .two-sidebars #content {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}

@media only screen and (min-width: 960px) {
  .two-sidebars #content {
    width: calc(41.66667% - 28.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px);
  }
}

@media only screen and (min-width: 720px) {
  #sidebar-first {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(-75% - 5px + 40px);
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: calc(-100% - 0px + 40px);
  }
}

@media only screen and (min-width: 960px) {
  #sidebar-first {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(-66.66667% - 6.66667px + 40px);
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: calc(-100% - 0px + 40px);
  }
}

@media only screen and (min-width: 720px) {
  #sidebar-second {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: calc(0% - 20px + 40px);
  }
}

@media only screen and (min-width: 960px) {
  #sidebar-second {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(0% - 20px + 40px);
  }
}

#header, #footer,
#sidebar-first,
#sidebar-second,
#navigation {
  /*background: rgba(170, 170, 170, 0.2);*/
  /*background: #818196;*/
  background-color: #ffffff;
  border: 1px solid #b4b4c1;
}

#sidebar-first,
#sidebar-second,
#content {
	margin-top: 15px;
	border-radius: 5px;
	padding: 5px;
}
#header{
	border: none;
	border-bottom: 1px solid #818196;
	padding-bottom: 20px;
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

#footer{
	margin-top: 5px;
	bottom: bottom;
	color: #949494;
	text-align: center;
	font-size: 13px;
	border: none;
	background: none;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	color: #949494;
}
#footer a:hover{
	text-decoration: underline;
}

#main-figure{
	margin-top: 20px;
}

#edit-preview{
	opacity: 0;
	display: none;
	
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxheW91dC9sYXlvdXQvX2xheW91dC0tZ3JpZC5zY3NzIiwibGF5b3V0L2NvbmZpZy9fdmFyaWFibGVzLnNjc3MiLCJsYXlvdXQvbGF5b3V0LmNzcyIsIm5vZGVfbW9kdWxlcy9ib3VyYm9uLW5lYXQvY29yZS9uZWF0L21peGlucy9fZ3JpZC1jb250YWluZXIuc2NzcyIsIm5vZGVfbW9kdWxlcy9ib3VyYm9uLW5lYXQvY29yZS9uZWF0L21peGlucy9fZ3JpZC1jb2xsYXBzZS5zY3NzIiwibm9kZV9tb2R1bGVzL2JvdXJib24tbmVhdC9jb3JlL25lYXQvbWl4aW5zL19ncmlkLWNvbHVtbi5zY3NzIiwibGF5b3V0L2NvbmZpZy9fZ3JpZC1zZXR0aW5ncy5zY3NzIiwibm9kZV9tb2R1bGVzL2JvdXJib24tbmVhdC9jb3JlL25lYXQvbWl4aW5zL19ncmlkLW1lZGlhLnNjc3MiLCJub2RlX21vZHVsZXMvYm91cmJvbi1uZWF0L2NvcmUvbmVhdC9taXhpbnMvX2dyaWQtcHVzaC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNBO0VBQ0UsdUJDd0M4QjtFRHZDOUIsK0JBQXNCO1VBQ3ZCLHVCQUFBO0NFYkE7O0FGZ0JEOzs7RUFHQyw0QkFBQTtVRWJTLG9CQUFvQjtDRmU5Qjs7QUVaQTs7RUFFRSxhQUFhO0NGZWY7O0FFWkE7RUFDRSxVQUFVO0NGZVo7O0FFWkE7RUZpQkMsYUFBQTtFRWZDLGtCQUFrQjtDQ0NsQjs7QURFRjtFQ0NJLFlBQVM7RUFDVixZQUFBO0VEQ0QsZUFBZTtDRldqQjs7QUVSQTtFRUFFLG1CQUFPO0VKVVIsb0JBQUE7RUVQQyx5QkFBeUI7Q0ZVekI7O0FFUEY7RUdGRSx5QkNoQ1c7RU51RFYsWUFBQTtFRWxCRCxrQkFBa0I7Q0trQmxCOztBTGZGO0VBQ0U7SUdUQSx5QkNoQ1c7SU51RFYsWUFBQTtJRVhDLGtCQUFrQjtHQUNuQjtDS1VEOztBTFBGO0VBQ0U7SUdqQkEseUJDaENXO0lOdURWLFlBQUE7SUVIQyxrQkFBa0I7R0FDbkI7Q0tFRDs7QUxDRjtFQUNFO0lHekJBLHdCQ2hDVztJTnFFVixZQUFBO0lFVEMsa0JBQWtCO0dBQ25CO0NLTkQ7O0FMU0Y7RUFDRTtJR2pDQSxvQ0NoQ1c7SU5xRVYsWUFBQTtJRURDLGtCQUFrQjtHQUNuQjtDS2REOztBTGlCRjtFQUNFO0lHekNBLHdCQ2hDVztJRTBCVCxZQUFzQztJUjJEdkMsa0JBQUE7SUVSQyxxQ0FBcUM7R0FDdEM7Q0t2QkQ7O0FMMEJGO0VBQ0U7SUdsREEsd0JDaENXO0lFMEJULFlBQXNDO0lSMkR2QyxrQkFBQTtJRUNDLHFDQUFxQztHQUN0QztDS2hDRDs7QUxtQ0Y7RUFDRTtJRzNEQSx3QkNoQ1c7SUUwQlQsWUFBc0M7SVIyRXZDLGtCQUFBO0lFTkMscUNBQXFDO0dBQ3RDO0NLekNEOztBTDRDRjtFQUNFO0lHcEVBLG9DQ2hDVztJRTBCVCxZQUFzQztJUjJFdkMsa0JBQUE7SUVHQyxxQ0FBcUM7R0FDdEM7Q0tsREQ7O0FMcURGO0VBQ0U7SUc3RUEsd0JDaENXO0lFMEJULFlBQXNDO0lSd0d6QyxrQkFBQTtJQWpCRyxxQ0FUSjtHRVVHO0VBQ0Q7SUFDRSxzQ0FBc0M7R0FDdkM7Q0s5REQ7O0FMaUVGO0VBQ0U7SUd6RkEsd0JDaENXO0lFMEJULFlBQXNDO0lSd0d6QyxrQkFBQTtJQUpHLGlEQUE2QjtHRUE5QjtFQUNEO0lBQ0Usc0NBQXNDO0dBQ3ZDO0NLMUVEOztBTDZFRjtFQUNFO0lHckdBLHdCQ2hDVztJRTBCVCxZQUFzQztJUndIekMsa0JBQUE7SUVURyxvQ0FBb0M7R0FDckM7Q0tuRkQ7O0FMc0ZGO0VBQ0U7SUc5R0Esb0NDaENXO0lFMEJULFlBQXNDO0lSd0h6QyxrQkFBQTtJRUFHLG9DQUFvQztHQUNyQztDRkVIOztBQUVBOzs7O0VFR0UscUNBQXFDO0NGR3ZDOztBQUVBOzs7OztFRUdFLFlBQVk7Q0FDYiIsImZpbGUiOiJ0by5jc3MifQ== */
/*# sourceMappingURL=layout.css.map */
