#body-container{
 background-color:#023e8a;
}

.border-primary{
  border-color: #023e8a !important;
}


.bg-tertiary{
  background-color: #EFE8FF !important;
}

header{
  background-color: #023e8a;
}

.tab-content{
  border:1px;
  border-radius:;
}

th.dt-orderable-none{
  display:none;
  visibility:hidden;
}

#shoppingList_wrapper .mt-2{
  margin-top:0 !important;
}

#bought-form, #shopping-list-form{
  max-width:32px !important;
}

h1{
  font-family:"Overseer";
}

.ql-editor{
  background-color: white;
  padding: 2%;
  border-radius:5px;
  min-height: 100px;
}

.ql-container{
  margin-top:15px;
  border-radius:5px;
}

.ql-editor p{
  font-family:lato;
}

@font-face {
    font-family: 'Overseer';
    src: url('../fonts/manifest-creativity.ttf');
    font-weight: normal;
    font-style: normal;
 }

body{
    font-family: Lato;
}

/* Site Header Styling */
  .header-fixed {
    padding: 10px 30px 0 30px;
    box-sizing: border-box;
    top:-100px;
    -webkit-transition:top 0.3s;
    transition:top 0.3s;
  }

  .header-fixed .header-limiter {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  /* The navigation links */

  .header-fixed .header-limiter a {
    color: white;
    text-decoration: none;
  }

  .header-fixed .header-limiter nav {
    line-height: 40px;
    float: right;
  }

  .header-fixed .header-limiter nav a{
    display: inline-block;
    padding: 0 5px;
    text-decoration:none;
    color: black;
    opacity: 0.9;
  }

  .header-fixed .header-limiter nav a:hover{
    opacity: 1;
  }

  .header-fixed .header-limiter nav a.selected {
    color: #608bd2;
    pointer-events: none;
    opacity: 1;
  }


  /* Making the header responsive */

  @media all and (max-width: 600px) {

    .header-fixed {
      padding: 20px 0;
      height: 75px;
    }

    .header-fixed .header-limiter h1 {
      float: none;
      margin: -8px 0 10px;
      text-align: center;
      line-height: 1;
    }

    .header-fixed .header-limiter nav {
      line-height: 1;
      float:none;
    }

    body.fixed .header-fixed {
      display: none;
    }

  }