@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5Oew.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNpXw.ttf) format('truetype');
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ96A.ttf) format('truetype');
}
/* variables */
/*  base color scheme */
/* palette */
/* base */
html {
  text-rendering: optimizelegibility;
  font-size: 100%;
}
/* typography */
body {
  color: #292934;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  line-height: 125%;
  margin: 0 auto;
}
.page-content {
  padding-top: 50px;
}
#results,
#resultsGood,
#resultsBad {
  display: none;
}
#results .btn-outline-success {
  font-weight: 700;
  text-transform: uppercase;
  border-width: 3px;
}
#discountCode {
  text-align: center;
  font-size: 30px;
  color: #333;
  font-weight: 700;
}
/* ------------------header------------------- */
#headerWrapper {
  background: #fff;
  box-shadow: 2px 3px 5px #f6f6f6;
  color: #292934;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  /*
    .btn {
        font-size: 1.3em;
        min-width: 230px;
        font-family: @font-name-cursive;
        //text-transform: uppercase;
        background: transparent !important;
    }
    .btn-signup {
        border: solid 3px @accentColor !important;
        color: @accentColor !important;
    }
    .btn-shop {
        border: solid 3px @accentColorGold !important;        
        color: @accentColorGold !important;
    }
    */
}
#headerWrapper #logoWrapper {
  text-align: center;
}
#headerWrapper #logoWrapper img {
  max-height: 200px;
  padding: 10px;
}
#headerWrapper .md-nav {
  font-size: 1.2em;
  min-width: 230px;
  font-family: 'Merriweather', serif;
  color: #175676;
  margin-left: 16px;
  text-decoration: none;
  font-weight: 700;
}
#headerWrapper #profile {
  color: #5b5d62;
}
#homeSplash {
  padding: 150px 10%;
  background: url('../images/flags-s2m.jpg') center center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
#homeSplash .splash-content {
  padding: 40px;
  background: rgba(214, 40, 57, 0.7);
  border-radius: 12px;
  color: #fff;
}
#homeSplash .splash-content h1 {
  font-family: 'Merriweather', serif;
}
#homeSplash .splash-content p {
  font-size: 1.2em;
}
#homeFeatures {
  padding: 50px 0;
  background: #FEFEF9;
}
#homeFeatures .feat-section {
  padding: 30px;
}
#homeFeatures .feat-section .far,
#homeFeatures .feat-section h2 {
  color: #175676;
}
#homeFeatures .feat-section h2 {
  padding-bottom: 20px;
  font-family: 'Pacifico', cursive;
}
#homeFeatures .feat-section p {
  padding-left: 10%;
  padding-right: 10%;
}
#homeInfo {
  padding: 50px 0;
}
#homeInfo .info-content h2 {
  color: #175676;
  font-family: 'Merriweather', serif;
}
#homeInfo .info-content p {
  padding: 30px;
  font-size: 1.2em;
  line-height: 2em;
}
.btn-accent {
  background: transparent !important;
  border: solid 3px #D62839 !important;
  color: #D62839 !important;
  font-size: 1.1em;
  min-width: 200px;
  font-weight: bold;
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) {
  #navWrapper {
    text-align: left;
  }
  #navWrapper ul {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin: 10px;
    padding: 10px;
  }
  #navWrapper ul li {
    display: inline;
    padding: 0 14px;
  }
  #navWrapper ul li a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
    border-bottom: solid 2px transparent;
    color: #fff;
    font-size: 1.3em;
    line-height: 100px;
    vertical-align: middle;
  }
  #adminNav {
    background: #ddd;
    padding: 10px 0 0 20px;
    border-bottom: solid 1px #bbb;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 900px) {
  main {
    min-height: 900px;
  }
  #homeSplash {
    padding: 150px 10%;
    background: url('../images/flags-s2.jpg') center center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  #homeSplash .splash-content {
    padding: 40px;
  }
  #homeSplash .splash-content p {
    font-size: 1.2em;
  }
}
/*end media query */
/* cover example
.header-background {
    .cover-bg('images/headerbg1mobile.jpg');
}
*/
/* --------------home-------------*/
/*--------pages---------*/
.content-page {
  min-height: 300px;
  padding: 10px 30px;
}
#contentHeader {
  background: #f6f6f6;
  padding: 10px;
}
.page-title-wrapper {
  background: #292934;
  color: #eee;
  font-size: 2.5em;
  display: none;
}
#contentDynamic {
  font-size: 1.3em;
}
#contentDynamic input[type="submit"] {
  font-size: 1em;
  padding: 12px;
}
.col1 {
  background: #E05E69;
  color: #000;
}
.col2 {
  background: #D62839;
  color: #fff;
}
.col3 {
  background: #9b1c29;
  color: #fff;
}
/*
#contentLoginWrapper {
    background: #f6f6f6;
    #contentLogin {
        background: #fff;
        padding: 100px 40px;
    }
}
*/
#contentSignup,
#contentLogin,
#contentContact,
#contentEligibility {
  background: #FEFEF9;
  padding: 40px;
  margin-top: 30px;
}
#contentSignup .form-group,
#contentLogin .form-group,
#contentContact .form-group,
#contentEligibility .form-group {
  margin-top: 10px;
}
#contentSignup .form-group label,
#contentLogin .form-group label,
#contentContact .form-group label,
#contentEligibility .form-group label {
  margin-bottom: 8px;
}
#contentSignup .form-group .required,
#contentLogin .form-group .required,
#contentContact .form-group .required,
#contentEligibility .form-group .required {
  vertical-align: super;
  color: #D62839;
  font-size: 85%;
}
#contentSignup .btn,
#contentLogin .btn,
#contentContact .btn,
#contentEligibility .btn {
  margin-top: 10px;
}
#contentSignup .error,
#contentLogin .error,
#contentContact .error,
#contentEligibility .error {
  display: block;
  color: #9b1c29;
  font-weight: 700;
}
#contentSignup .forms-wrapper .nav-tabs .nav-link.active,
#contentLogin .forms-wrapper .nav-tabs .nav-link.active,
#contentContact .forms-wrapper .nav-tabs .nav-link.active,
#contentEligibility .forms-wrapper .nav-tabs .nav-link.active {
  color: #292934;
  font-weight: 700;
}
#contentSignup .forms-wrapper .nav-tabs .nav-link,
#contentLogin .forms-wrapper .nav-tabs .nav-link,
#contentContact .forms-wrapper .nav-tabs .nav-link,
#contentEligibility .forms-wrapper .nav-tabs .nav-link {
  color: #175676;
  font-weight: 700;
}
#contentSignup .forms-wrapper #formTabs .tab-pane.active,
#contentLogin .forms-wrapper #formTabs .tab-pane.active,
#contentContact .forms-wrapper #formTabs .tab-pane.active,
#contentEligibility .forms-wrapper #formTabs .tab-pane.active {
  background: #fff;
  padding: 20px;
  border: solid 1px;
  border-color: #fff #dee2e6 #dee2e6;
}
#contentLandingWrapper {
  padding: 150px 10%;
}
#contentLandingWrapper .splash {
  padding: 40px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  color: #292934;
}
#contentLandingWrapper .splash h1 {
  font-family: 'Merriweather', serif;
}
#contentLandingWrapper .splash p {
  font-size: 1.2em;
}
.landing-maternity {
  background: url('../images/splash-maternity-1m.jpg') center center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.landing-tricare {
  background: url('../images/splash-tricare-1m.jpg') center center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.landing-base {
  background: url('../images/splash-base-1m.jpg') center center no-repeat transparent;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
/* iPads (portrait and landscape) ----------- */
/* Desktops and laptops ----------- */
@media only screen and (min-width: 900px) {
  .landing-maternity {
    background: url('../images/splash-maternity-1.jpg') center center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  .landing-tricare {
    background: url('../images/splash-tricare-1.jpg') center center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  .landing-base {
    background: url('../images/splash-base-1.jpg') center center no-repeat transparent;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
}
/*end media query */
/* -------footer------*/
footer {
  background: #175676;
  color: #FEFEF9;
  padding-top: 30px;
}
footer a {
  color: #FEFEF9;
  padding: 3px 0;
  display: inline-block;
  font-size: 0.9em;
}
footer a:hover {
  text-decoration: underline;
  color: #FEFEF9;
}
footer ul {
  list-style: none;
  padding-left: 0;
}
.footerInfoWrapper {
  text-align: center;
  padding: 30px 0;
  color: #FEFEF9;
}
/* Desktops and laptops ----------- */
/*end media query */
.mobile-splash {
  padding: 25px;
}
.mobile-splash-wrapper {
  text-align: center;
  padding: 10px;
  background: #fff;
  opacity: 0.7;
  font-size: 1.3em;
  box-shadow: 3px 4px 6px #444;
}
.splash-wrapper {
  text-align: center;
  padding: 40px;
  background: #fff;
  opacity: 0.7;
  margin: 70px auto;
  width: 80%;
  font-size: 1.3em;
  box-shadow: 3px 4px 6px #444;
}
#homeSection {
  background: #eee;
  padding: 20px;
}
#contentShop .card {
  border-style: inset !important;
}
#contentShop .card img {
  padding: 20px;
  height: 250px;
  object-fit: contain;
}
#contentShop .card .shop-links a {
  display: block;
  margin-top: 4px;
}
.spinner-wrapper {
  padding: 30px;
  text-align: center;
}
#adminWrapper .card img {
  padding: 20px;
}
#adminWrapper #adminForm {
  margin-top: 40px;
}
#adminWrapper #adminForm .form-group {
  padding-top: 14px;
}
#adminWrapper #adminForm .form-group label {
  padding-bottom: 8px;
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 500px) {
  #contentShop .card .shop-links {
    text-align: center;
  }
  #contentShop .card .shop-links a {
    display: inline-block;
    width: auto;
    margin: 3px;
  }
}
/* Desktops and laptops ----------- */
/*end media query */