/* CSS Document */

body {
  margin: 0;
  padding: 0;
}

.menu-button {
  color: blue; /* change? */
}


.header-top-bar {
  display:none;
}

.header-bar {
  display:none;
}

  
.header-image {
  max-height: 120px; /* change? */
}
  
/* Add additional height for proper scrolling of menu */
.nav-extra {
  height: 120px; /* change? */
}
  
.page-background {
  background-color: gold /* change? */
}
  
.w3-top {
  padding-left: 16px;
  padding-right: 16px;
}

.fake-top {
  margin-left: 16px;
  margin-right: 16px;
  padding: 0;
}
  
.w3-sidebar {
  background-color: darkgreen/* change? */
}
  
.nav-content {
  z-index: 3;
  width: 210px; /* change? */
  color: khaki!important; /* change? */
  font-weight: bold;
  margin-left: 16px;
  margin-right: 16px;
  border-style: solid;
  border-width: thin;
  border-color: white;
}
  
.w3-main {
  margin-left: 226px; /* change? */
  margin-right: 16px;
}
  
@media (max-width:992px){
  /* .w3-sidebar.w3-collapse{display:none} */
  .w3-main{margin-left:16px!important;margin-right:16px!important}
  /* .w3-auto{max-width:100%} */
}


.page-content {
  background-color: aquamarine; /* change? */
}
  
.section-area {   
  padding-left: 16px;
  padding-right: 16px;
    
  border-style: solid;
  border-width: thin;
  border-color: white;
}

.section-title {
  color:darkturquoise; /* change? */
}
  
.article-area {
}
  
.article-title {
  color:lightcoral; /* change? */
}

.article-content {

}
  
.aside-area {
  display:none;
  /*
  display:table-cell;
  */
  width: 25%; /* change? */
  color: #fff!important; /* change? */
  padding-left: 16px;
  padding-right: 16px;
  border-style: solid;
  border-width: thin;
  border-color: white;
  background-color: blue; /* change? */
}

.aside-area-title{
  color:white; /* change? */
}

.aside-article {

}

.aside-article-title {
  color:white; /* change? */
}

.aside-article-content {

}
  
.footer-area {
  color: darkkhaki; /* change? */
  background-color: darkgreen; /* change? */
  padding-left: 16px;
  padding-right: 16px;
  border-style: solid;
  border-width: thin;
  border-color: white;

}
