html {
    height:100%;
    background-color: #60b5d4;
}
  
body {
  min-height: 100%;
  background: url(../img/website/lightblue.gif);
  background-size: 1270px 100px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-repeat: repeat-y;
  }

.header {
    background-color: #183859;
  }

.modal-header {
  background-color: #183859;
  color:white;
}

.modal-body {
  background-color: #60b5d4;
}

.modal-footer {
  background-color: #183859;
  color:white;
}

.headerimage {
  width: 100% !important;
  object-fit: contain;
  object-position: top center;
}

.navigationbar {
    position: absolute;left: 40px; top:-2px; color: darkgray;
  }
  
.container {
    margin-bottom: 50px;
    padding: 25px;
    padding-top: 0px;
    margin-bottom: 50px;
  
  }
  
    /* The grid: Four equal columns that floats next to each other */
.line {
    top: 8px;
    border: 1px solid #343434;
    position: absolute;
    bottom: 8px;
    left: 185px;
  }
  
.navbar-toggler-icon{
    font-size: 0.5em;
    margin: -6px -4px 0px -4px;
  }
  
.navbar-collapse {
  margin-top: -4px;
  }
.imgborder {
    cursor: pointer;
    width: 100%;
    object-fit: contain;
    border: 5px solid white;
    border-radius: 5px;
  }
  
@media only screen and (max-width: 1200px) {
      .mobile-column-reverse{
        flex-direction: column-reverse!important
        }
  }

ul.navbar-nav a:hover { color: #ff841f !important; }
ul.nav-pills a { color: #001269 !important; }
ul.nav-pills a:hover { color: #5562a2 !important; }
a:hover { color: #5DA23B !important; }

.card-body {background-color: #3ca4cb8a;}
.card {    --bs-card-border-color: #3ca4cb !important;}

ul.navbar-nav a:hover { color: #ff841f !important; }
ul.nav-pills a { color: #001269 !important; }
ul.nav-pills a:hover { color: #5562a2 !important; }
a:hover { color: #ff841f !important; }

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #ff841f !important;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-outline-primary { color: #c7c7c7 !important; }

.btn {
    --bs-btn-color:  #3ca4cb !important;
    --bs-btn-border-color:  #3ca4cb !important;
    --bs-btn-hover-color: #3ca4cb !important;
    --bs-btn-hover-bg: #3ca4cb !important;
    --bs-btn-hover-border-color:  #3ca4cb !important;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color:  #3ca4cb !important;
    --bs-btn-active-bg:  #3ca4cb !important;
    --bs-btn-active-border-color: #3ca4cb !important;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
}

.lightbold {
  font-weight: 500;
}