/* 1854 Skeleton */

/* basics */

body {
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  color: #1e1e1e;
  font-weight: 300;
}

.underform {
  margin-top: -2.5rem;
}

#promoform {
  display:none;
}

#promotoggle {
  text-decoration: underline;
}

.h-captcha {
  margin-bottom: 20px;
}

@media (min-width: 550px) {
  h1 { 
    font-size: 4.0rem!important; 
  }
  h2 { 
    font-size: 3.6rem!important; 
  }
}

a:link,  a:visited, a:active {
  color: #666;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.mb25r {
  margin-bottom: 2.5rem;
}

.fw600 {
  font-weight: 600!important;
}

.dividerbar {
  border-bottom: 1px solid #ccc;
}

.mb20 {
  margin-bottom: 20px;
}

#pc_input {
  display: none;
}

/* headers - flexbox */

#header1854 {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 10px;
}  
.toplogo {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.desktopbutton {
  display: none;
}
.mobilebutton {
  padding-top:25px;
}
.headerconts {
  display:flex;
  justify-content: center;
  align-items: center;
}
#headercent {
    width:50vw;
    text-align: center;
}
#headerleft {
    width:25vw;
}
#headerright {
    width:25vw;
    text-align: right;
}
#mobilemenu {
    border-top: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    display:none;
}
.mobilemenuitem {
  color: #000;
  text-decoration: none;
  margin-bottom: 0px;
}
.topleftheader {
  display: none;
}

/* footer, fixed btm */

#abovefooter {
  min-height: calc(100vh - 130px);
}
#footer1854 {
  background-color: #000;
  width: 100%;
  height: 130px;
  color: #fff;
  font-size: small;
}
#footer1854 a:link, #footer1854 a:hover, #footer1854 a:visited, #footer1854 a:active {
  color: #fff;
}
#footer1854 a:hover {
  text-decoration: underline;
}
.footertext {
  margin-top: 40px;
}
.vamimage {
  vertical-align: middle;
  display:none;
}

.cent {
  text-align: center;
}

/* override some button styles */

.button a:hover {
  text-decoration: none!important;
}

.button, 
button,
input[type="submit"].button,
input[type="reset"].button,
input[type="button"].button {
  color: #000;
  background-color: #FFF;
  font-weight: 300;
  font-size: 0.8em;
  text-decoration: none!important;
}
.button,
button,
input[type="submit"].button:hover,
input[type="reset"].button:hover,
input[type="button"].button:hover,
.button.button:focus,
button.button:focus,
input[type="submit"].button:focus,
input[type="reset"].button:focus,
input[type="button"].button:focus {
  color: #000;
  background-color: #FFF;
  font-weight: 300;
  font-size: 0.8em;
  text-transform: none!important;
  border-radius: 0px !important;
  text-decoration: none!important;
}  

.button.button-primary, 
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: rgb(25, 93, 230);
  border-color: rgb(25, 93, 230); 
  font-weight: 300;
  font-size: 0.8em;
  text-transform: none!important;
  border-radius: 0px !important;
  text-decoration: none!important;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: rgb(25, 93, 230);
  border-color: rgb(25, 93, 230); 
  font-weight: 300;
  font-size: 0.8em;
  text-transform: none!important;
  border-radius: 0px !important;
  text-decoration: none!important;
}  

@media screen and (min-width: 600px) {
  .vamimage {
    vertical-align: middle;
    display: inline;
    margin-right: 20px;
  }
}

/* embiggen the screen, embiggen the styles */
@media screen and (min-width: 1150px) {
  .toplogo {
    width: 400px;
  }
  .headercent {
    text-align: center;
    margin-bottom : 0.5rem;
    margin-top: 0.5rem;
  }
  .desktopbutton {
    margin-top: 25px;
    display: block;
    color:#fff;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 0.8em;
    background-color: rgb(25, 93, 230);
    border-color: rgb(25, 93, 230); 
    text-transform: none!important;
  }
  .mobilebutton {
    display: none;
  }
  .mobilemenu {
    display:none;
  }
  .topleftheader {
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    display: inline-block;
  }
  .topleftheader a:hover,
  .topleftheader a:link,
  .topleftheader a:visited
  {
      color: #000;
      text-decoration: none;
  }
}