body {
  font-family: "Open Sans", sans-serif;
}

h1.display-1 {
/*  font-family: 'Anton', sans-serif;   */
  font-size: 40px;
  font-weight: bold;
  text-shadow: 2px 2px 10px #333;
}
h1.display-2 {
/*  font-family: 'Anton', sans-serif;  */
  font-size: 36px;
  font-weight: bold;
  text-shadow: 2px 2px 10px #333;
}
.w-80 {
  width:80%!important
}

h2.intro-text {
  font-size: 1.4em;
  padding-bottom: 20px;
}

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed; /* optional */
  min-height: 50vh;
  padding-top: 30px;
  padding-bottom: 50px;
  margin-bottom: 30px;
}

#main-text ul {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
}
#main-text li {
  margin-bottom: 7px;
}

#main-text img {
  max-width: 100%;
  height: auto;
}

#contact-sec a, #contact-sec a:visited {
  color: #FEFEE6;
  text-decoration: none;
}
#contact-sec a:hover {
  color: #fff;
  text-decoration: underline;
}


a, a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

.p7AMM li a.logo-link {
  padding: 7px 10px 7px 0;
}

.p7AMM.amm-rootlinks-white ul a.logo-link:hover, .p7AMM.amm-rootlinks-white ul a.logo-link:focus, .p7AMM.amm-rootlinks-white ul a.logo-link.amm-trigger.open {
  background-color: transparent;
  padding: 7px 10px 7px 0;
}
.amm-fixed {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
ul.amm-level-0.opened img {
  display: block;
  margin: 0 auto;
}

footer #logo img {
  max-width: 98px;
  margin: 0 auto;
}

footer a,
footer a:visited {
  color: #F0FACE;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer {
  font-size: 0.85em;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}


.alert-secondary a,
.alert-secondary a:visited {
  color: #FEFDD2;
  text-decoration: none;
}
.alert-secondary a:hover {
  color: #fff;
  text-decoration: underline;
}


/*===== bootstrap overrides ======*/
.container-med {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 15px;
}

.card {
  padding: 0;
}

.card-body {
  padding: 25px 20px 15px 20px;
}

.card-body h5 {
  text-align: center;
  font-weight: bold;
}

p.card-text {
  font-size: 0.85em;
}
h5.card-title {
  font-size: 0.9em;
}

/* css vars */
:root {
 --primary-color-hex: #38939b;
 --secondary-color-hex: #9FBF4B;

--bs-link-color-rgb: 56,147,155;
--bs-link-hover-color-rgb: 21,113,121;

--bs-primary: #38939b;
--bs-primary-rgb: 56,147,155;
--bs-primary-text-emphasis: #163B3E;
--bs-primary-bg-subtle: #D7E9EB;
--bs-primary-border-subtle: #AFD4D7;
--bs-secondary: #9FBF4B;
--bs-secondary-rgb: 159,191,75;
--bs-secondary-text-emphasis: #404C1E;
--bs-secondary-bg-subtle: #ECF2DB;
--bs-secondary-border-subtle: #D9E5B7;
--bs-dark: #434343;
--bs-dark-rgb: 67,67,67;
--bs-dark-text-emphasis: #1B1B1B;
--bs-dark-bg-subtle: #D9D9D9;
--bs-dark-border-subtle: #B4B4B4;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #38939b;
  --bs-btn-border-color: #38939b;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #56A3AA;
  --bs-btn-hover-border-color: #4C9EA5;
  --bs-btn-focus-shadow-rgb: 8,22,23;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #60A9AF;
  --bs-btn-active-border-color: #4C9EA5;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #38939b;
  --bs-btn-disabled-border-color: #38939b;
}

.btn-outline-primary {
  --bs-btn-color: #38939b;
  --bs-btn-border-color: #38939b;
  --bs-btn-focus-shadow-rgb: 56,147,155;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #38939b;
  --bs-btn-hover-border-color: #38939b;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #38939b;
  --bs-btn-active-border-color: #38939b;
  --bs-btn-disabled-color: #38939b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #38939b;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #9FBF4B;
  --bs-btn-border-color: #9FBF4B;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ADC966;
  --bs-btn-hover-border-color: #A9C55D;
  --bs-btn-focus-shadow-rgb: 24,29,11;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #B2CC6F;
  --bs-btn-active-border-color: #A9C55D;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #9FBF4B;
  --bs-btn-disabled-border-color: #9FBF4B;
}

.btn-outline-secondary {
  --bs-btn-color: #9FBF4B;
  --bs-btn-border-color: #9FBF4B;
  --bs-btn-focus-shadow-rgb: 159,191,75;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #9FBF4B;
  --bs-btn-hover-border-color: #9FBF4B;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #9FBF4B;
  --bs-btn-active-border-color: #9FBF4B;
  --bs-btn-disabled-color: #9FBF4B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9FBF4B;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #434343;
  --bs-btn-border-color: #434343;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #393939;
  --bs-btn-hover-border-color: #363636;
  --bs-btn-focus-shadow-rgb: 227,227,227;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #363636;
  --bs-btn-active-border-color: #323232;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #434343;
  --bs-btn-disabled-border-color: #434343;
}

.btn-outline-dark {
  --bs-btn-color: #434343;
  --bs-btn-border-color: #434343;
  --bs-btn-focus-shadow-rgb: 67,67,67;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #434343;
  --bs-btn-hover-border-color: #434343;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #434343;
  --bs-btn-active-border-color: #434343;
  --bs-btn-disabled-color: #434343;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #434343;
}



/*===== media queries ======*/

@media screen and (max-width:800px) {
#main-nav {
  /* make mobile navbar bg color full width, breaks at 800px */
  background-color: var(--primary-color-hex);
}
}

/* bootstrap breakpoints - xs=lt 576, sm, md, lg, xl, xxl */
@media screen and (max-width: 575px) {
.bg-image {
  background-attachment: scroll;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.bg-image {
  background-attachment: scroll;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.bg-image {
  background-attachment: scroll;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.bg-image {
  background-position: center;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.bg-image {
  background-position: center;
}

}
@media screen and (min-width: 1400px) {
.bg-image {
  background-position: center;
}
}