/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  height: 100%;
}

body {
  background-color: #fff;
}

#background-container {  
  
}

main { 
  height: 100%;
}

#content-container {
 
}

.container {
  max-width: 980px;
  padding-left: 0px;
  padding-right: 0px;
}

.footer {
  /* position: absolute;
  bottom: 0; */
  width: 100%;
  /*background-color: #f5f5f5;*/
}

header {
  border-bottom: 2px #898989 solid;
}

.navbar-brand img {
  max-width: 112px;
}

.navbar-light .navbar-nav .nav-link {  
  color: rgb(12,59,79); 
  font-size: 14px;
  font-weight: 700;
  padding-right: .5rem;
  padding-left: .5rem;
}

.nav-justified .nav-item {
  flex-basis: unset;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: rgb(23,119,158);
}

.nav-item.bar {
  border-right: 1px rgb(23, 119, 158) solid;
}

.kidz-orange {
  background-color: #f08000;
  border-color: #f08000;
}

  .kidz-orange:hover {
    background-color: #b35f00;
    border-color: #b35f00;
  }

.btn.kidz-orange {
  border-radius: 1.75rem;
}

.bg-kidz-title {
  font-family: 'Poppins','akbar','Segoe UI',Verdana,Tahoma,Arial,sans-serif;
  background-color: #0079c2 !important;
}

.enrol-heading {
  font-family: 'Poppins','akbar','Segoe UI',Verdana,Tahoma,Arial,sans-serif;
}

.kidz-font {
  font-family: 'Poppins','akbar','Segoe UI',Verdana,Tahoma,Arial,sans-serif;
}

.important-white {
    color: #fff !important;
}
.dropdown-item {
    color: #212529 !important;
}

.licence-display {
  display: none;
}

@media (max-width: 407px) {
  #indexHeader {
        font-size: 24px;
    }

    h3.bg-kidz-title {
        font-size: 1.25em;
    }
}

@media (max-width:500px) {
}

@media (max-width:767px)  {
    .navbar-brand {
        padding-left: 15px !important;
    }
    #content-container {
        min-height: 600px;
    }
}

@media (max-width: 991px) {
  .licence-display { 
    display: block !important;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {

}