@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

*{
   font-family: 'Open Sans', sans-serif;
   font-weight: 500;
   --dk-blue: #1D2947;
   --blue: #223551;
   --dk-green: #636B3E;
   --green: #858E4A;
   --grey: #D6D6D8;
}

html {
  scroll-behavior: smooth;
}

a{
   color:var(--dk-blue);
}

a:hover{
   color: var(--blue);
}

.anchor{
   padding-top: 5em;
   margin-top: -5em;
}

.front-top{
   height:80vh;
   background-color:var(--grey);
   /*background-image: linear-gradient(rgba(30, 30, 30, 0.4), rgba(30, 30, 30, 0.9)), url("img/bg-sm.png");*/
   background-image: 
      linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)),
      url("img/bg-lg.png"),
      url("img/bg.png"),
      url("img/bg-sm.png");
   /*background-position: top,top,top;*/
   background-repeat: no-repeat,no-repeat,no-repeat;
   background-size: cover,cover,cover;
   color:var(--dk-blue);
}

.front-top a{
   color:white;
}

.front-top h1{
   margin-top:1em;
   text-shadow: 2px 2px #ffffff;
}

.front-logo{
   display:block;
   max-width:50%;
   margin-right:auto;
   margin-left:auto;
}

.serif{
   font-family: 'Lusitana',serif;
}

h1{
   font-weight: 800;
   text-transform: uppercase; 
}

h2,h3,h4{
   text-align: center;
}

h2{
   font-size: 2.5rem;
   color:var(--dk-blue);
}

h3{
   font-size: 1.5rem;
}

h4{
   font-size: 1.25rem;
}

.nav-link:hover{
   color: var(--grey);
}

.nav-link:active,.nav-link.active{
   /*font-weight:600;*/
   color:var(--green);
}

.underline{
   text-decoration:underline;
   text-decoration-color: var(--green);
}

.nav{
   /*min-height:3rem;*/
   padding-top:1rem;
   padding-bottom:1rem;
   background-color:var(--blue);
}

.heading{
   margin-top:10em;
}

.main{
   margin-top:3rem;
   margin-bottom:3rem;
}

.title{
   margin: 1em auto;
   /*border-top: solid var(--lt-green) 1px;*/
   padding-top: 2em;
}

.sm-title{
   margin: .5em auto;
}

.footer{
   padding-top: 1rem;
   padding-bottom: 1rem;
   background-color: var(--blue);
   color: white;
   font-size:.7em;
}

.img-thumbnail{
   margin-top:.5em;
   margin-bottom:.5em;
}

.staff-pic{
   display:block;
   width:50%;
   margin: 1em auto;
}

form button{
   margin-top:1em;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: white;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: var(--dk-blue) !important;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
   box-shadow: 0 0 0 0.2rem rgba(130,143,67,.5);
}
 
.btn-primary:active, .btn-primary.active {
    background: var(--dk-green) !important;
    box-shadow: none;
}

dd{
   margin-left:1.5em;
}

.no-indent dd{
   margin-left:0em;
}

dt{
   margin-top:1em;
}

@media only screen and (min-width:768px){
   .front-logo{
      max-width:100%;
      margin-right:auto;
      margin-left:auto;
   }
   .front-top{
      height:100vh;
   }
   .front-top h1, .front-logo{
      margin-top:4em;
   }
   /*.services div.col div.row{
      margin-bottom:1em;
   }*/
   .heading{
      margin-top:5em;
   }
   .anchor{
      padding-top: 2em;
      margin-top: -1em;
   }
}