.navbar {
  max-height: 70px;
  border-bottom: 2px solid;
  border-bottom-color: rgb(228, 231, 242);
}

.navbar-light .navbar-nav a.nav-link {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  color: #4e62c4;
  margin-top: 0px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 0;
  font-weight: normal;
}

.navbar-light .navbar-nav a.nav-link:hover {
  color: #fff;
  background: #060360;
}

.site-name {
 font-size: 16px;
 color: #4e62c4;
}

nav.navbar .logo img {
 height: 40px;
}

.navbar-brand {
 padding: 0;
 margin-right: 0;
}

.d-md-inline {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
}

.d-md-inline:hover {
  color: #fff;
  background: #060360; 
}

#page-header .card {
 border: 0;
}

#page-header {
 border-bottom: 2px solid rgb(228, 231, 242);
 margin-bottom: 30px;
}

@media (min-width: 768px){
.d-md-inline {
    display: inline-block !important;
}
}

#page {
  margin-top: 70px;
}

h1 {
 font-size: 48px;
 font-weight: 400;
}

.breadcrumb {
  background: $brand-lightest;
  padding: 0;
  text-transform: uppercase;
  color: #999999;
  font-family: Oswald;
  font-size: 22px;
}

.btn-secondary {
  background: #89e9d7;
  border-color: #89e9d7;
}

#nav-notification-popover-container {
  padding-top: 16px;
  padding-bottom: 16px;
}

#nav-drawer {
  background: #e4e7f2;
  border-right: 1px solid #ccc;
}

.list-group-item.active {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #fff;
  background-color: #2e2e2e;
}

h1 {
  color: #2e2e2e;
}

[data-region="drawer"] {
  padding: 16px 16px;
  top: 70px;
  height: calc(100% - 70px);
}

#region-main {
  border: 0;
}

.card {
  border: 1px solid #ccc;
}

[data-region="blocks-column"] {
  padding-right: 16px;
  padding-top: 16px;
  width: 285px;
}

#page-header {
  margin-bottom: 0;
  border-color: #ccc;
}

h3 {
  font-size: 24px;
}

h2 {
  color: #060360;
  font-weight: normal;
  font-family: 'Lato', Helvetica, Arial;    
  font-size: 32px;
}

#region-main-settings-menu.has-blocks, #region-main.has-blocks {
  width: calc(100% - 290px);
  padding-left: 0;
  padding-right: 16px;
}

.card-body, .userprofile .profile_tree section {
  padding: 16px;
}

.courses .coursebox {
  border-color: #ccc;
}

#region-main #coursesearch {
  right: 19.25rem;
}

header .usertext, header .moodle-actionmenu .dropdown-toggle {
  color: #4e62c4;
}

.bg-dark {
  background: #2e2e2e !important;
}

.tool_dataprivacy {
  display: none;
}

#page-footer .homelink {
  display: none;
}

.btn-light {  
  background: #eeedee;
  color: #00033d; 
}

#region-main-settings-menu.has-blocks, #region-main.has-blocks {
  padding-top: 16px;
}

@media screen and (max-width: 992px) {

  #region-main-settings-menu.has-blocks, #region-main.has-blocks {
    width: 100%;
  }

  [data-region="blocks-column"] {
    width: 100%;
  }

  #frontpage-course-list {
    margin-top: 120px;
  }

  #region-main #coursesearch {
    width: 100%;
  }

  .coursesearchbox {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  div.courses {
    padding-top: 0 !important;
  } 

  #region-main #coursesearch {
    right: 0;
  }

  #region-main #coursesearch #shortsearchbox {
    width: 100%;
  }

}