:root {
 --background-color: #FFFFFF;
 --accent-color: #006E92;
}

body {
 min-height: 100%;
 padding: 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 background-color: var(--background-color);
}

.grid {
 min-height: 100%;
 display: grid;
 grid-template-columns: auto;
 grid-template-rows: auto 1fr auto;
}

.header {
 grid-column: 1 / 2;
 display: grid;
 grid-template-columns: auto 1fr;
 grid-template-rows: auto;
 padding: 0 150px 0 150px;
}

.header_mobile {
 display: none;
}

.logo {
  grid-column: 1 / 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
 height: 100px;
 margin: 10px;
}

.sidebar {
  grid-column: 2 / 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: right;
  margin-left: 30px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 18pt;
}


.sidebar_mobile {
 display: none;
}

.sidebar .menu ul
{
 padding: 0;
 margin: 0;
}

.sidebar .menu ul li
{
 list-style-type: none;
 display:inline;
 text-decoration: none;
 margin-right: 50px;
}

.sidebar .menu ul li a
{
 text-decoration: none;
 box-shadow: inset 0 0 0 0 --accent-color;
 color: black;
 margin: 0 -.25rem;
 padding: 0 .25rem;
 transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.sidebar .menu ul li.current_page_item a
{
 text-decoration: none;
 box-shadow: inset 150px 0 0 0 var(--accent-color);
 color: white;
}

.sidebar .menu ul li a:hover
{
 text-decoration: none;
 box-shadow: inset 150px 0 0 0 var(--accent-color);
 color: white;
}

.content {
  grid-column: 1 / 2;
  grid-row: 2;
  background-color: white;
  padding: 0 150px 0 150px;
}

.footer {
  grid-column: 1 / 2;
  grid-row: 3;
  font-size: 12pt;
  color: white;
  background-color: var(--accent-color);
  display: grid;
  grid-template-columns: 0.25fr 0.5fr 0.25fr;
  line-height: 25px;
  padding: 30px 150px 30px 150px;
}

.footer1 {
 grid-column: 1 / 2;
 display: flex;
 align-items: center;
 justify-content: left;
}

.footer1 .menu ul
{
 padding: 0;
 margin: 0;
}

.footer1 .menu ul li
{
 list-style-type: none;
 text-decoration: none;
}

.footer1 .menu ul li a
{
 text-decoration: none;
 color: white;
}

.footer1 .menu ul li.current_page_item a
{
 text-decoration: underline;
}

.footer1 .menu ul li a:hover
{
 text-decoration: underline;
}

.footer2 {
 grid-column: 2 / 3;
 display: flex;
 align-items: center;
 text-align: center;
}

.footer3 {
 grid-column: 3 / 4;
 display: flex;
 align-items: center;
 justify-content: right;
}

@media (max-width: 800px) {
 .header {
  display: none;
 }

 .header_mobile {
  display: grid;
  grid-template-columns: 0.75fr 0.25fr;
  grid-template-rows: 1fr;
 }

 .logo_mobile {
  grid-column: 1;
  grid-row: 1;
 }

 .logo_mobile img {
  max-height: 80px;
  margin: 10px;
 }

 .menu_mobile {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 120px;
 }

 .menu_mobile a img {
  height: 45px;
 }
 
 .sidebar {
  display: none;
 }

 .sidebar_mobile {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  z-index: 100;
  padding: 0 30px 0 30px;
  background-color: white;
  display: none;
 }

 .sidebar_mobile {
  align-items: flex-start;
  justify-content: center;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 18pt;
}

.sidebar_mobile .menu ul
{
 padding: 0;
 margin: 0;
}

.sidebar_mobile .menu ul li
{
 list-style-type: none;
 text-decoration: none;
 margin-top: 20px;
}

.sidebar_mobile .menu ul li a
{
 text-decoration: none;
 box-shadow: inset 0 0 0 0 --accent-color;
 color: black;
 margin: 0 -.25rem;
 padding: 0 .25rem;
 transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.sidebar_mobile .menu ul li.current_page_item a
{
 text-decoration: none;
 box-shadow: inset 150px 0 0 0 var(--accent-color);
 color: white;
}

.sidebar_mobile .menu ul li a:hover
{
 text-decoration: none;
 box-shadow: inset 150px 0 0 0 var(--accent-color);
 color: white;
}

 .content {
  padding: 0 30px 0 30px;
 }
 
 .footer {
  grid-template-columns: 1fr;
  grid-template-rows: 0 auto auto;
  padding: 30px;
 }

 .footer1 {
  visibility: hidden;
  grid-column: 1;
  grid-row: 1;
 }

 .footer2 {
  grid-column: 1;
  grid-row: 2;
 }

 .footer3 {
  grid-column: 1;
  grid-row: 3;
  justify-content: center;
  margin-top: 30px;
 }
}