/* ----------------------------------------------------------------------------*/
/* color hex code reminders */
/* ----------------------------------------------------------------------------*/
/* Air Force blue = #00308f
lighter blue for links = #0047d3;
green for hover = #008000;
white = #fff
black = #000
gray = #555 */

/* ----------------------------------------------------------------------------*/
/* END OF: color hex code reminders*/
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Basic setup */
/* ----------------------------------------------------------------------------*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  background-color: #fff;
  color: #222222;
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  box-sizing: border-box;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------*/
/* END OF: Basic setup */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* reusable compoments */
/* ----------------------------------------------------------------------------*/

/* .wrapper {
  max-width: 140rem;
  margin: auto;
  background: white;
  padding: 10px;
  position: relative;
} */

.row {
  max-width: 114rem;
  margin: 0 auto;
}

section {
  padding: 3rem 0 3rem 0;
}

.section-adjust {
  padding: 2rem 0 2rem 0;
}

.section-reduce-bottom {
  padding: 3rem 0 1rem 0;
}

.section-no-padding {
  padding: 0rem 0rem 0rem 0rem;
}

.italic {
  font-style: italic;
}

/* colors any section with class="gray-background" with slightly darker background to offset preceding white section */
.gray-background {
  background: #f2f2f2;
}

.white-background {
  background: #fff;
  padding: 2rem 0 0 0;
  border-radius: 0.7rem;
  border: 0.2rem solid #e1e1e1;
  border-style: inset;
}

.main-li .blue-bold {
  color: #00308f;
  font-weight: 500;
}

article {
  margin: 0 auto 0 auto;
  padding: 1rem 1rem 1rem 1rem;
}

.center {
  text-align: center;
}

.auto-center {
  max-width: fit-content;
  margin-inline: auto;
}

.center-left-align {
  width: 90%;
  margin: 0 auto;
}

.left-align {
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pic-center {
  width: 50%;
  margin: 0 25% 0 25%;
  border-radius: 1rem;
}

.page-top-heading {
  position: absolute;
  top: 85%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.page-top-heading-mem-apppay {
  position: absolute;
  top: 85%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.page-top-heading-paypal {
  position: absolute;
  top: 25%;
  left: 46%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.page-top-heading h1,
.page-top-heading-paypal h1,
.page-top-heading-mem-apppay h1,
.page-top-heading-election h1,
.page-top-heading-meeting-payment h1 {
  color: #fff;
  margin: 0;
  padding: 0.5rem 8rem 0 0;
  text-align: right;
}

.page-top-heading-vote-thanks h1 {
  color: #fff;
  margin: 0;
  padding: 0.5rem 8rem 0 0;
  text-align: left;
}
.page-top-heading h3,
.page-top-heading-paypal h3,
.page-top-heading-mem-apppay h3,
.page-top-heading-election h3,
.page-top-heading-meeting-payment h3 {
  color: #fff;
  text-align: right;
  padding: 0.5rem 8rem 0 0;
}

.page-top-heading-vote-thanks h3 {
  color: #fff;
  text-align: left;
  padding: 0.5rem 8rem 0 0;
}

.page-top-heading h3:after,
.page-top-heading-paypal h3:after,
.page-top-heading-mem-apppay h3:after,
.page-top-heading-election h3:after,
.page-top-heading-vote-thanks h3:after,
.page-top-heading-meeting-payment h3:after {
  opacity: 0;
}

.button-holder {
  text-align: center;
}

/* ----------------------------------------------------------------------------*/
/* END OF: reusable compoments */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Headings */
/* ----------------------------------------------------------------------------*/

h1 {
  margin-top: 0;
  margin-bottom: 2rem;
  color: #00308f;
  font-size: 5rem;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.3rem;
  text-shadow: 0.2rem 0.2rem 0.2rem #555;
}

h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  color: #00308f;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.3rem;
  text-shadow: 0.2rem 0.2rem 0.2rem #555;
}

h2:after {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 3rem auto;
  display: none;
}

.linking-pa-pros {
  color: #00308f;
  font-size: 3.2rem;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  text-align: center;
  margin: 0 auto 2.5rem auto;
  word-spacing: 0.2rem;
  letter-spacing: 0.1rem;
  text-shadow: 0.1rem 0.1rem 0.1rem #555;
}

h3 {
  color: #00308f;
  font-size: 3.5rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.15rem;
  text-align: center;
  padding-bottom: 2.5rem;
}

h3:after {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 3rem auto 0 auto;
  display: none;
}

.text-top {
  font-size: 4.5rem;
}

h4 {
  font-size: 2rem;
  font-weight: 400;
}

h4 i {
  color: #00308f;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

h5 {
  font-style: italic;
  font-size: 2rem;
  font-weight: 300;
  color: #00308f;
}
h5:after {
  display: block;
  height: 0.1rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 3rem auto 0 auto;
  display: none;
}

h6 {
  font-style: italic;
  font-size: 2.75rem;
  font-weight: 400;
  color: #00308f;
}

/* ----------------------------------------------------------------------------*/
/* END OF: Headings */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Paragraphs */
/* ----------------------------------------------------------------------------*/

p {
  font-size: 2rem;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
}
body.laravel ol li {
  font-size: 2rem;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
}

body.laravel {
  font-size: 2rem;
}

/* styles links in text - overriding browser default colors and lines */
p a:link,
p a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

p a:hover,
p a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

a:link,
a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

a:hover,
a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

h4 a:link,
h4 a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

h4 a:hover,
h4 a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

center a:link,
center a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

center a:hover,
center a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.line-height-adjust a:link,
.line-height-adjust a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.line-height-adjust a:hover,
.line-height-adjust a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: Paragraphs */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Styles and positions the home page background image */
/* ----------------------------------------------------------------------------*/

.blue-sky-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/img/blue-sky-background.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  position: relative;
}

/* header { */
/*background-image: url(img/pj-medeiros.jpeg);*/
/*background-image: url(img/f15e-in-dark-2000w.jpg);*/
/*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))), url(img/band-social-distance.jpg);*/
/*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url(img/super-bowl-2000w.jpg);*/
/*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))), url(img/memorial-day-kneeling.jpg );
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(img/memorial-day-kneeling.jpg );
    */
/*
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))), url(img/american-flag.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(img/american-flag.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
	position: relative;
    */
/* } */

.memorial-day-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(img/memorial-day-kneeling.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.christmas-2021-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/red-holiday-background.jpg);

  /* background-color: linear-gradient(rgba(232, 15, 15, 0.81), rgba(23, 208, 30, 0.8));
background-color: red;*/
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.holiday-intro {
  /*width: 50%;
  margin: 10rem auto 2rem auto;*/
  position: absolute;
  top: 45%;
  left: 40%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 50%;
}

.holiday {
  font-size: 4rem;
  color: #fff;
}

.top-margin {
  padding-top: 3rem;
}

.scholarship-announcement-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/stripes.jpg);
  background-size: cover;
  background-position: top right;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.seventy-fifth-anniversary-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)),
    url(/resources/css/img/af-75th-anniversary.jpg);
  background-size: cover;
  background-position: center right;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

/*
.home-logo-head-75th {
  position: absolute;
  top: 10%;
  left: 75%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 30%;
}
*/

.home-logo-head-75th {
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 30%;
}

.video-container {
  width: 100vw;
  height: 100vh;
}

.video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

/* Used for AF recruiting video only*/
/* height = 100 * (9 / 16) = 56.25 */

/* @media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    
    height: 56.25vw;
  }
} */

/* width = 100 / (9 / 16) = 177.777777 */

/* @media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    
    width: 177.78vh;
  }
} */

#text {
  position: absolute;
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* .af-recruiting-ad-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)),
    url("https://www.youtube.com/embed/LbNP0FUItjI");
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
} */

/* .veterans-day-2021-header {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))
    ),
    url(/resources/css/img/halvorsen-gail-text-3x2.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/halvorsen-gail-text-3x2.jpg);
  background-size: cover;
  background-position: left;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
} */

/* .hof-announcement-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/hof-3-final-min.jpg);
  background-size: cover;
  background-position: top center;
  height: 97vh;
  background-attachment: scroll;
  position: relative;
} */

.hof-2022-announcement-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
    url(/resources/css/img/hof-2022-class-16x9-b-52-final.jpg);
  background-size: cover;
  background-position: top center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.ryder-announcement-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/resources/css/img/ryder-pat-press-secretary-announcement.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.abel-announcement-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/resources/css/img/tbird-and-flag.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.hero-image-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
    url(/resources/css/img/leadership-home-page.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.best-of-best-2024 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
    url(/resources/css/img/b-o-b-2024-zoie-cox-c-17.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.dinfos-image-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
    url(/resources/css/img/hof-dinfos-home-page.jpg);
  background-size: cover;
  background-position: center left;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.hero-image-header .home-page-logo {
  position: absolute;
  top: 7%;
  left: 47%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 40%;
}

.hero-image-header .name-change-announcement {
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 90%;
}

.name-change-announcement h1,
.name-change-announcement h3 {
  color: #fff;
  text-align: center;
}

.hof-announcement-2024-below {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/hof-2024-announcement.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.san-antonio-2024-below {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/san-antonio-logo-riverwalk-and-sculpture.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: fixed;
  position: relative;
}

.dalton-scholarship-2024-announcement {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/dalton-scholarship-2024-announcement.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: fixed;
  position: relative;
}

/* 
.best-of-best-header {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0.1))
    ),
    url(/resources/css/img/hof-3-background-2-right.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/resources/css/img/hof-3-background-2-right.jpg);
  background-size: cover;
  background-position: top left;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
} */

/*
.abel-jennings-kinchen{
    position:absolute;
    top: 40%;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 100%;
    
}
*/

a.medeiros-cover-link:link,
a.medeiros-cover-link:visited {
  display: block;
  padding: 2rem;
  font-size: 2.2rem;
  color: #fff;
  background-color: #00308f;
}

a.medeiros-cover-link:hover,
a.medeiros-cover-link:active {
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------*/
/* END OF: Styles and positions the home page background image */
/* ----------------------------------------------------------------------------*/

/*-----------------------------------------------*/
/*BEGIN: Styles for Hall of Fame Home Page*/
/*-----------------------------------------------*/
.correll-even-columns {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 9.6rem;
  grid-template-columns: 1fr 1fr;
}

.grid-col-heading {
  font-style: italic;
  font-size: 2rem;
}

.bivens-columns {
  display: grid;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  row-gap: 4rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.bivens-img-1,
.bivens-img-2,
.bivens-img-3,
.bivens-img-4 {
  width: 100%;
  border-radius: 0.8rem;
}

.bivens {
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  text-align: center;
}

.rand {
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  text-align: left;
}

.miller-columns {
  display: grid;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.miller-img-1,
.miller-img-2 {
  width: 100%;
  border-radius: 0.8rem;
}

.miller {
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  text-align: center;
}

.rand-img-1,
.rand-img-2 {
  width: 75%;
  border-radius: 0.8rem;
}

.schillerstrom-columns {
  display: grid;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.schillerstrom-img-1,
.schillerstrom-img-2 {
  width: 85%;
  border-radius: 0.8rem;
}

.schillerstrom {
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  text-align: center;
}

.eaker-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.eaker-img-1,
.eaker-img-2,
.eaker-img-3 {
  width: 85%;
  border-radius: 0.8rem;
}

.shea-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.shea-img-1,
.shea-img-2 {
  width: 75%;
  border-radius: 0.8rem;
}

.three-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.three-col-img-1,
.three-col-img-2,
.three-col-img-3 {
  width: 75%;
  border-radius: 0.8rem;
}

.two-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.two-col-img-1,
.two-col-img-2 {
  width: 80%;
  border-radius: 0.8rem;
}

.two-col-img-1-oswald,
.two-col-img-2-oswald {
  width: 70%;
  border-radius: 0.8rem;
}

.grid-caption {
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  text-align: left;
  width: 70%;
  margin: auto;
}

.one-column {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
}

.one-col-img-1 {
  width: 100%;
  border-radius: 0.8rem;
}

.hof-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/hof-trophy-text-no-logo.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.hof-header-text h1 {
  color: #fff;
  font-size: 7rem;
  font-style: italic;
  font-weight: 500;
  text-transform: none;
  text-align: center;
  letter-spacing: 0.3rem;
  text-shadow: 0.2rem 0.2rem 0.2rem #555;
}

.hof-header-text {
  position: absolute;
  top: 45%;
  left: 30%;
  transform: translate(-50%, -50%);
}

.logo-head-hof {
  position: absolute;
  top: 8%;
  left: 70%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 55%;
}

#btn-hof-1,
#btn-hof-2,
#btn-hof-3,
#btn-hof-4 {
  width: 90%;
}

.hof-link-box {
  position: absolute;
  width: 90%;
  top: 94%;
  left: 51%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.hof-about-header {
  color: #00308f;
  font-size: 5rem;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  text-align: center;
  letter-spacing: 0.3rem;
  text-shadow: 0.2rem 0.2rem 0.2rem #555;
}

.hof-about-header:after {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 3rem auto;
}

.hof-gallery {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 4rem;
  row-gap: 3rem;
  grid-template-columns: repeat(4, 1fr);
}

.parallax-pic-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/dinfos-entrance-1200-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
}

.hof-trophy {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/hof-trophy-wide-1500.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: fixed;
}

.dinfos-display-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/hof-dinfos-display-16x9-transparent.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
}

.nomination-info {
  background-color: #00308f;
  color: #bfbbbb;
  padding: 3rem;
  border-radius: 2rem;
  font-style: normal;
  width: 70%;
  margin: 2rem auto 4rem auto;
}

.nomination-info h5:after {
  display: block;
  height: 0.2rem;
  background-color: #bfbbbb;
  content: " ";
  width: 15rem;
  margin: 1rem auto 0 auto;
}

a#hof-form-link:link,
a#hof-form-link:visited,
a#hof-email-link:link,
a#hof-email-link:visited,
a#hof-question-link:link,
a#hof-question-link:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

a#hof-form-link:hover,
a#hof-form-link:active,
a#hof-email-link:hover,
a#hof-email-link:active,
a#hof-question-link:hover,
a#hof-question-link:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.divider {
  border-top: 0.25rem solid #00308f;
}

.form-return-button:link,
.form-return-button:visited {
  display: inline-block;
  text-decoration: none;
  font-size: 1.5rem;
  padding: 1.2rem 2.4rem;
  margin: 1rem 0 1rem 0;
  border-radius: 5px;
  background-color: #00308f;
  color: #fff;
  transition: background-color 0.5s;
}

.form-return-button:hover,
.form-return-button:active {
  background-color: #1a459a;
}

.google-nomination-form {
  width: 640px;
  height: 3400px;
}

#back-to-hof {
  width: 30%;
  margin: 1rem auto 8rem auto;
  text-align: center;
  font-size: 2rem;
}

.inductee-tab-pic {
  width: 100%;
  margin: 0 auto;
  border-radius: 0.8rem;
  font-size: 2rem;
}

.inductee-tab-pic-1-of-6 {
  width: 15%;
  margin: 0 42.5% 1rem 42.5%;
  border-radius: 0.8rem;
}

.inductee-tab-caption {
  width: 100%;
  font-size: 1.9rem;
  text-align: center;
  margin: 0 auto;
}

.inductee-tab-caption-1-of-6 {
  width: 100%;
  font-size: 2rem;
  text-align: center;
}

.credit {
  text-align: center;
  font-size: 1.7rem;
}

/* inductee-pic is for no frame - not currently in use */
.inductee-pic {
  width: 75%;
  margin: 0 auto 2rem auto;
}
/*inductee-pic-frame is for a picture with a frame - currently in use  --- color choices for frame: #fffcee  #c0c0c0 #eaeaea #f3f3f3 */
.inductee-pic-frame {
  width: 25%;
  margin: 0 auto 2rem auto;
  border: 1.9rem solid #f3f3f3;
  border-radius: 0.8rem;
  box-shadow: 1rem 1rem 1rem #555;
}

.inductee-description {
  padding: 10rem 0 2rem 0;
}

.hof-inductee-page-logo {
  position: absolute;
  top: 5%;
  left: 13%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 23%;
}

.red-italics {
  color: red;
  font-style: italic;
}

p .book-title-italic {
  font-style: italic;
  font-size: 2rem;
}

/* Styles the HOF tab menu */

/* Android 2.3 :checked fix */
@-webkit-keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
body {
  -webkit-animation: fake 1s infinite;
  animation: fake 1s infinite;
}

.worko-tabs {
  width: 96%;
  margin: 2% 2% 2% 2%;
}
.state {
  position: absolute;
  left: -10000px;
}

.flex-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tab {
  flex-grow: 1;
  max-height: 40px;
  font-size: 2rem;
  color: #00308f;
  text-align: center;
}

.panel {
  background-color: #fff;
  padding: 20px;
  min-height: 300px;
  display: none;
  width: 100%;
  flex-basis: auto;
}

.tab {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  background-color: #d0d0d0; /*or Manila - #f1d592 Hex Color */
  cursor: hand;
  cursor: pointer;
  border-left: 0.5rem solid #00308f;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.tab:hover {
  background-color: #fff;
  border-top: 0.2rem solid #00308f;
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label,
#tab-five:checked ~ .tabs #tab-five-label,
#tab-six:checked ~ .tabs #tab-six-label,
#tab-seven:checked ~ .tabs #tab-seven-label,
#tab-eight:checked ~ .tabs #tab-eight-label,
#tab-nine:checked ~ .tabs #tab-nine-label,
#tab-ten:checked ~ .tabs #tab-ten-label,
#tab-eleven:checked ~ .tabs #tab-eleven-label {
  background-color: #fff;
  cursor: default;
  border-left-color: #00308f;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel,
#tab-five:checked ~ .tabs #tab-five-panel,
#tab-six:checked ~ .tabs #tab-six-panel,
#tab-seven:checked ~ .tabs #tab-seven-panel,
#tab-eight:checked ~ .tabs #tab-eight-panel,
#tab-nine:checked ~ .tabs #tab-nine-panel,
#tab-ten:checked ~ .tabs #tab-ten-panel,
#tab-eleven:checked ~ .tabs #tab-eleven-panel {
  display: block;
}

.tab-top {
  margin-top: 2rem;
}

/* End of Styles the HOF tab menu */

/*-----------------------------------------------*/
/*END: Styles for Hall of Fame Home Page*/
/*-----------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Styles and positions the go to home logo and navigation bar */
/* ----------------------------------------------------------------------------*/

/*  .logo - it's not used on home page because there is already the big one on the page, called .logo-head - not sure yet if it will be used at all in nav bar on other pages


.logo {
    height: 5rem;
    width: auto;
    float: left;
    margin-top: .5rem;
}

/* Main Navigation 
.nav {
    position: relative;
    width: 100%;
    margin:0 auto;
    padding:1rem;
    float: right;
}
 
.main-nav {
    margin: 0 auto 0 3rem;
    position: relative;
    float: left;
}
 
.main-nav li {
    display:inline;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    word-spacing: .2rem;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}
 
.main-nav li a {
    padding:1rem 2.5rem;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
    border-radius: .7rem;
}
 
.main-nav li a:hover {
    background:#f8f8f8;
    color:#00308f;
}
 
/* Drop-Down Navigation */
.main-nav li:hover > ul {
  /*these 2 styles are very important, they make the drop-down appear on hover */
  visibility: visible;
  opacity: 1;
}

.main-nav ul,
.main-nav ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*the next 2 styles (visibility: hidden and opacity:0) are very important, they make the drop-down stay hidden 
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    width: 25rem;
    border-radius: .7rem;
/* css3 transitions for smooth hover effect 
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
.main-nav ul {
    top: 4.3rem;
    left: .1rem;
}
 
.main-nav ul li ul {
    top: 0;
    left: 25.1rem; /* strong related to width:25rem; from above */
}

.main-nav ul li {
  clear: both;
  width: 100%;
  border: 0 none;
}
/* styles dropdown 
.main-nav ul li a {
    background: #f8f8f8;
    padding: 1rem 1rem;
    color:#00308f;
    text-align: center;
    text-decoration:none;
    display:inline-block;
    border-radius: .7rem;
    float:left;
    clear:both;
    width:25rem;    
}

/* Lines up the top of the dropdown with the bottom of the blue navigation bar. *
.main-nav ul li:first-child {
    margin-top: -.3rem;
}

/* changes color of dropdown links slightly at hover *
.main-nav ul li a:hover {
    background: #d3d3d3;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles and positions the logo and navigation bar */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Sticky Navigation style changes*/
/* ----------------------------------------------------------------------------*/

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 9999;
}

/* line below (.sticky .main-nav {margin-top: 1.8rem;} is only for other pages - not index.html *
.sticky .main-nav {
    margin:0 auto 0 3rem;
}

.sticky .main-nav ul li a {
    background: #00308f;
    color: #fff;
}

/* changes color of sticky dropdown links slightly at hover *
.sticky .main-nav ul li a:hover {
    background: #0041c2;
}

.sticky .main-nav ul li:first-child {
    margin-top: .7rem;
}
/* ----------------------------------------------------------------------------*/
/* END OF: Sticky Navigation style changes */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* styles and positions the home page AFPAAA heading */
/* ----------------------------------------------------------------------------*/

/* For Memorial Day only */
/* .home-logo-head {
  position: absolute;
  top: 6%;
  left: 20%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 30%;
} */

.home-logo-head {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 40%;
}

.logo-for-video {
  position: absolute;
  top: 0.35%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 30%;
}

.birthday-video {
  max-width: 100%;
  margin: auto;
}

.birthday-video-container {
  margin-top: 2.5rem;
}

/* Change to this home-logo-head on HoF Announcment Day:
.home-logo-head {
    position: absolute;
	top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	height: auto;
	width: 60%;
}
*/

.home-logo-head-hof {
  position: absolute;
  top: 8%;
  left: 25%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 35%;
}

.hof-announcement {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 31%;
  left: 25%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 25%;
}

.hof-announcement h1 {
  color: #fff;
  font-size: 7rem;
  margin: 0;
  padding: 0;
  text-transform: none;
}

.hof-announcement h3 {
  color: #fff;
  font-size: 2.5rem;
  margin: 0 auto 0 auto;
  padding: 0;
}

.hof-announcement p {
  font-size: 2.5rem;
}

.logo-head {
  position: absolute;
  top: 7%;
  left: 28%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 55%;
}

/* changed home page logo from part of the photoshop image to this to add 2024 class image on hof pages */

.hof-to-home-page-logo {
  position: absolute;
  top: 9%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 30%;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles and positions the AFPAAA home page heading */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGIN: styles and positions the small AFPAAA logo that links back to the home page */
/* ----------------------------------------------------------------------------*/

.home-page-logo {
  position: absolute;
  top: 7%;
  left: 12%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 23%;
}

.phone-only {
  display: none;
}

.election-header .home-page-logo {
  position: absolute;
  top: 7%;
  left: 13%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 25%;
}

/* ----------------------------------------------------------------------------*/
/* END: styles and positions the small AFPAAA logo that links back to the home page */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* styles the 5 home page link buttons */
/* ----------------------------------------------------------------------------*/

.link-box {
  position: absolute;
  width: 100%;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.btn:link,
.btn:visited {
  display: inline-block;
  padding: 1rem 1rem;
  margin: -0.4rem;
  font-size: 1.9rem;
  font-weight: 500;
  text-decoration: none;
  border: 0.3rem solid #fff;
  border-radius: 20rem;
  color: #fff;
  text-transform: uppercase;
  word-spacing: 0.3rem;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.btn:hover,
.btn:active {
  background-color: #fff;
  color: #00308f;
  border: 0.3rem solid #fff;
}

.hof-announcement .btn:link,
.hof-announcement .btn:visited {
  padding: 1rem 3rem;
}

#btn-header-hof {
  width: 15%;
  position: absolute;
  top: 70%;
  left: 75%;
  text-align: center;
}

#btn-header-1,
#btn-header-2,
#btn-header-3,
#btn-header-4,
#btn-header-5,
#btn-header-6,
#btn-header-7,
#btn-header-8,
#btn-header-9 {
  width: 100%;
}

.go-to-story {
  width: 15%;
  position: absolute;
  top: 60%;
  left: 2%;
  text-align: center;
}

.phone-button {
  display: none;
}

.bottom-link-box .phone-button {
  display: none;
}

.link-button {
  display: inline-block;
}

.btn-1:link,
.btn-1:visited {
  margin-right: 3.5rem;
}

.btn-2:link,
.btn-2:visited {
  margin-right: 3.5rem;
}

.btn-3:link,
.btn-3:visited {
  margin-right: 3.5rem;
}

.btn-4:link,
.btn-4:visited {
  margin-right: 3.5rem;
}

.photoshop-blank-link {
  height: 38%;
  width: 30%;
  position: absolute;
  top: 62%;
  left: 83%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.bottom-link-box {
  position: absolute;
  width: 90%;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.visit-hof-button {
  position: absolute;
  width: 25%;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.phone-version {
  display: none;
}

.tablet-version {
  display: none;
}

.bottom-link-box .btn:link,
.bottom-link-box .btn:visited {
  font-size: 2rem;
  border-radius: 20rem;
  border: 0.3rem solid #fff;
  padding: 1rem 1rem;
  margin-bottom: 1.1rem;
}

.bottom-link-box .btn:hover,
.bottom-link-box .btn:active {
  background-color: #fff;
  color: #00308f;
  border: 0.3rem solid #fff;
}

.sign-up-now {
  position: absolute;
  width: 20%;
  top: 47%;
  left: 25%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#btn-header-san-antonio {
  width: 100%;
}

.hof-2024-inductees-photo {
  position: absolute;
  width: 20%;
  top: 47%;
  left: 75%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#btn-header-2024-hof {
  width: 100%;
}

.hof-2024-inductees-on-home-page {
  position: absolute;
  width: 15%;
  top: 87%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.rand-2024-dinfos {
  position: absolute;
  width: 20%;
  top: 67%;
  left: 25%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.dalton-2024-recipients {
  position: absolute;
  width: 20%;
  top: 67%;
  left: 75%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.dalton-selectees-on-home-page {
  position: absolute;
  width: 15%;
  top: 62%;
  left: 22%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#btn-header-2024-dalton {
  width: 100%;
}

.memorial-day-heading {
  position: absolute;
  width: 100%;
  top: 16%;
  left: 62%;
  transform: translate(-50%, -50%);
}

.memorial-day-text {
  color: #fff;
}

.memorial-day-subtext {
  color: #fff;
  font-size: 3rem;
  font-style: italic;
  text-align: center;
}
/* ----------------------------------------------------------------------------*/
/* END OF: styles the 5 home page link buttons */
/* ----------------------------------------------------------------------------*/

/* BEGIN: styles the Gen Dalton home page link buttons */
/* ----------------------------------------------------------------------------*/
.link-box-dalton {
  position: absolute;
  width: 100%;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.dalton-head {
  position: absolute;
  width: 100%;
  top: 77%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.dalton-salute {
  font-size: 3rem;
  margin-bottom: 2rem;
}

.logo-head-dalton {
  position: absolute;
  top: 7%;
  left: 28%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 55%;
}
/* END: styles the Gen Dalton home page link buttons */

/* ----------------------------------------------------------------------------*/
/* styles the image links */
/* ----------------------------------------------------------------------------*/

.birthday-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/af-bday-symbol-72.jpg);
  background-size: cover;
  background-position: center top;
  height: 100vh;
  background-attachment: fixed;
}

.best-of-best-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/medeiros-best-of-best-6pt.jpg);
  background-size: cover;
  background-position: center top;
  height: 100vh;
  background-attachment: fixed;
}

.before-links-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/hurricane-hunters-1200-min.jpg);
  background-size: cover;
  background-position: left top;
  height: 100vh;
  background-attachment: fixed;
}

.broadcaster-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/afn-iraq-radio-shortened.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: fixed;
}

.band-heartland-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/band-heartland-of-america-1500-min.jpg);
  background-size: cover;
  background-position: top;
  height: 90vh;
  background-attachment: fixed;
}

.combat-camera-in-field-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/pj-elmendorf-min.jpg);
  background-size: cover;
  background-position: center center;
  height: 90vh;
  background-attachment: fixed;
}

.gallery {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
  grid-template-columns: repeat(4, 1fr);
}

.explore-wrapper {
  max-width: 100rem;
  padding: 0 1rem 1rem 1rem;
  margin: 0 auto;
}

.explore-gallery {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 10rem;
  row-gap: 6.4rem;
  grid-template-columns: repeat(3, 1fr);
}

.explore-gallery .hover-effect {
  width: 100%;
  margin: 0 auto;
}

.grid--2-cols {
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-columns: 2fr 3fr; */
}

.image-links {
  text-decoration: none;
}

.image-top {
  width: 100%;
  /* border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;*/
  background-color: #00308f;
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  /* margin: 1.75rem 1.75rem 0 1.75rem; */
}

.image-middle {
  width: 100%;
  margin-bottom: -0.5rem;
  /* margin: 0 1.75rem -0.5rem 1.75rem; */
}

.image-middle-gray {
  width: 100%;
  /* margin: 0 1.75rem -0.5rem 1.75rem; */
  margin-bottom: -0.5rem;
  background: #f2f2f2;
}

.image-bottom {
  width: 100%;
  /* border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;*/
  background-color: #00308f;
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  /* margin: 0 1.75rem 1.75rem 1.75rem; */
}

/* .hover-effect {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: all 0.5s;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
  background: #00308f;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  margin-bottom: 4rem;
}

.hover-effect:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
} */

.hover-effect {
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.4s;
}

.hover-effect:hover {
  transform: translateY(-1.2rem);
  box-shadow: 0 3.2rem 6.4rem rgba(0, 0, 0, 0.8);
}

/* .hover-effect a{
  overflow:hidden;
} */

/*-- below entry was on line 1556 in activities.html section - not sure why it was originally used but it affected the positioning of the Facebook symbol in the footer - it was removed on April 7, 2021 with no apparent adverse effect...

.hover-effect {
    width: 100%;
}

-- end of note above about hover-effect --*/

.image-link-section-phone {
  display: none;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles the image links */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* styles the Catch up on the News Updates section */
/* ----------------------------------------------------------------------------*/

.before-news-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/flightline-cameraman-min.jpg);
  background-size: cover;
  background-position: bottom;
  height: 90vh;
  background-attachment: fixed;
}

.broadcaster-tv-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/afn-iraq-tv-crop-1500-min.jpg);
  background-size: cover;
  background-position: left center;
  height: 90vh;
  background-attachment: fixed;
}

.singing-sergeants-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/singing-sergeants-stadium.jpg);
  background-size: cover;
  background-position: center;
  height: 90vh;
  background-attachment: fixed;
}

.media-interview-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/aeromed-interview-1500-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: fixed;
}

.who-we-are-three-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/who-we-are-three-16x9.jpg);
  background-size: cover;
  background-position: center;
  height: 65vh;
  background-attachment: fixed;
}

.news-updates {
  background-color: #f2f2f2;
}

.updates-section {
  padding: 3rem 0 2rem 0;
}

.newsletter {
  width: 100%;
  margin-left: 14rem;
}

.gen-dalton-pic {
  float: left;
  margin: 2rem 2rem 2rem 3rem;
  border-radius: 1rem;
}

.gen-dalton-update-pic {
  float: left;
  margin: 2rem 2rem 2rem 2rem;
  border-radius: 1rem;
  width: 30%;
}

.patty-pic {
  float: left;
  margin: 0.5rem 3rem 2rem 3rem;
  border-radius: 1rem;
  width: 35%;
}

.palmer-pic {
  width: 40%;
  margin: 0 30% 0 30%;
  border-radius: 1rem;
}

.pete-pic {
  width: 50%;
  margin: 0 25% 0 25%;
  border-radius: 1rem;
}

.medeiros-best-of-best-pic {
  width: 30%;
  margin: 0 35% 0 35%;
  border-radius: 1rem;
}

.gen-dalton-pic-caption {
  font-style: italic;
  padding-top: 6rem;
  padding-bottom: 5rem;
}

blockquote {
  margin: 0;
  font-style: italic;
}

blockquote p {
  padding-left: 5rem;
  padding-right: 5rem;
}

.get-whole-story {
  width: 86%;
  margin: 2% auto 2% 7%;
  border: 0.2rem outset #00308f;
  border-radius: 0.5rem;
}

p#newsletter-link {
  width: 59%;
  margin: 0 auto 1% 22%;
}

.pic-text-story-grid {
  /* display: grid;
  column-gap: 6.4rem; */
  /* row-gap: 6.4rem; */
  grid-template-columns: 1fr 3fr;
}

.pic-left-story-right-grid {
  /* display: grid;
  column-gap: 6.4rem; */
  /* row-gap: 6.4rem; */
  grid-template-columns: 1fr 3fr;
}

.pic-right-story-left-grid {
  /* display: grid;
  column-gap: 6.4rem; */
  /* row-gap: 6.4rem; */
  grid-template-columns: 3fr 1fr;
}

.four-award-winners-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 6.4rem;
}

.story-side-1 {
  grid-column: 1 / 4;
}

.pic-side-1 {
  grid-column: 4 / -1;
  align-self: center;
}

.story-side-2 {
  grid-column: 2 / -1;
  align-self: center;
}

.pic-side-2 {
  grid-column: 1 / 2;
  align-self: center;
}

.story-side-rand {
  grid-column: 2 / 4;
  align-self: center;
}

.pic-side-rand {
  grid-column: 1 / 2;
  align-self: center;
}

.pic-side-pic {
  width: 100%;
  margin: 0 auto;
  border-radius: 1rem;
}

.pic-side {
  align-self: center;
}

.article-padding {
  padding: 4rem 0;
}

.h4-adjust {
  font-size: 3rem;
  font-style: italic;
  color: #00308f;
}

.h5-adjust {
  font-size: 2.5rem;
  font-style: italic;
  color: #00308f;
}

.awards-story-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: repeat(4, 1fr); */
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
  align-items: center;
}

.grid-item-rand-story {
  grid-column: 1 / 4;
}

.grid-item-rand-pic-1 {
  grid-column: 4 /-1;
}

.grid-item-foutch-story {
  grid-row: 2 / 3;
  grid-column: 2 / -1;
}

.grid-item-foutch-pic {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}

.grid-item-mccullough-story {
  grid-row: 3 / 4;
  grid-column: 1 / 4;
}

.grid-item-mccullough-pic {
  grid-row: 3 / 4;
  grid-column: 4 / -1;
}

.grid-item-terino-story {
  grid-row: 4 / 5;
  grid-column: 2 / -1;
}

.grid-item-terino-pic {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
}

/* puts a line under the Gen Dalton article and styles it */
.gen-dalton-story-line {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 0 auto;
  margin-top: 1rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles the News Updates section */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* styles the Dayton Intro section */
/* ----------------------------------------------------------------------------*/

.dayton-intro-pic {
  background-image: url(img/af-museum-exterior-plane-min.jpg);
  background-size: cover;
  background-position: top;
  height: 75vh;
  background-attachment: fixed;
}

.dayton-intro {
  padding-bottom: 4rem;
}

.dayton-text {
  max-width: 75rem;
  margin: 1rem auto 0.5rem auto;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles the Dayton Intro section */
/* ----------------------------------------------------------------------------*/

/* Styles the last picture at bottom of home page */
/* ----------------------------------------------------------------------------*/

.bottom-of-page-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/photographer-journalist-broadcaster-1500-min.jpg);
  background-size: cover;
  background-position: left center;
  height: 90vh;
  background-attachment: fixed;
}

/* END OF: Styles the last picture at bottom of homw page */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* FOOTER: Styles the footer */
/* ----------------------------------------------------------------------------*/

footer {
  background-color: #00308f;
  color: #fff;

  position: relative;
  padding: 2rem 0 2rem 0rem;
}
footer p {
  font-size: 1.8rem;
}

.address p {
  padding-top: 2rem;
}

.copyright p {
  padding-left: 4.5rem;
  padding-top: 2rem;
}

.credits {
  padding-left: 5rem;
  padding-top: 2rem;
  padding-right: 10rem;
}
.credits a:link,
.credits a:visited {
  color: #fff;
  font-weight: 300;
}

.credits a:hover,
.credits a:active {
  color: #fff;
  font-weight: 400;
}

.facebook {
  height: 3rem;
}

.facebook img {
  height: 8rem;
  float: none;
}

.follow-us {
  padding-left: 9rem;
  font-size: 1.9rem;
}
.facebook p {
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.facebook a:hover,
.facebook a:active {
  text-decoration: none;
  font-weight: 400;
}

.facebook a:link,
.facebook a:visited {
  text-decoration: none;
  font-weight: 300;
}

.facebook a:hover,
.facebook a:active {
  text-decoration: none;
  font-weight: 400;
}

.facebook a:link,
.facebook a:visited {
  text-decoration: none;
  font-weight: 300;
}

.go-back-to-top p a:hover,
.go-back-to-top p a:active {
  text-decoration: none;
  font-weight: 400;
}

.go-back-to-top a:link,
.go-back-to-top a:visited {
  text-decoration: none;
  font-weight: 300;
}

.go-back-to-top p {
  color: #fff;
  text-align: right;
}

.go-back-to-top-text {
  text-align: right;
  padding-right: 1rem;
}

.go-back-to-top img {
  height: 10rem;
  padding: 0 2rem 2rem 3rem;
  float: right;
}

.go-back-to-top {
  height: 3rem;
}

hr #footer-divider {
  width: 100%;
}
.aircraft-symbol {
  height: 12rem;
  padding-bottom: 1rem;
  padding-left: 44rem;
}

.facebook-symbol {
  height: 12rem;
  padding-left: 1.5rem;
  padding-bottom: 1rem;
}

.linked-in-symbol {
  height: 12rem;
  padding-left: 1.5rem;
  padding-bottom: 1rem;
}
.footer-text {
  color: #fff;
}

.footer-symbols-left {
  width: 50%;
  margin: 0 45% 0 auto;
  text-align: center;
}

.footer-symbols-right {
  width: 50%;
  margin: 0 auto 0 40%;
  text-align: center;
}

.footer-bottom-row {
  width: 75%;
  margin: 0 auto 0 auto;
  text-align: center;
}

.footer-bottom-row a:link,
.footer-bottom-row a:visited {
  color: #fff;
  font-weight: 400;
  font-size: 2rem;
  text-decoration: none;
}

.footer-bottom-row a:hover,
.footer-bottom-row a:active {
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  text-decoration: none;
}

.divider-white {
  border-top: 0.25rem solid #fff;
  width: 95%;
  margin: 2.5% auto;
}

/* ----------------------------------------------------------------------------*/
/* END OF: Styles the footer */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGINS: WHO WE ARE PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.who-we-are {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/who-we-are-tbirds-16x9.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
}

.who-we-are .page-top-heading-center {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

/* ENDS: WHO WE ARE PAGE-SPECIFIC ENTRIES  ----------------------------------------------------------------------------*/

/* BEGINS: PRSA/IABC PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.accreditation-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(img/csaf-welch-secretary-lee-min.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

#google-form {
  width: 100%;
  margin: 0 auto 0 auto;
}

.app-form-list {
  padding: 1rem 0 1rem 5rem;
  font-size: 2rem;
  line-height: 1.5;
}

.app-form-list li:first-child {
  padding-bottom: 1rem;
}
.adjust-line-height {
  line-height: 2;
}

a.upload-button:link,
a.upload-button:visited {
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  border-radius: 0.3rem;
  background-color: #00308f;
  color: #fff;
  margin: 0 auto 0 auto;
}

a.upload-button:hover,
a.upload-button:active {
  background-color: #1a459a;
}

.upload-button-container {
  text-align: center;
}

/* ENDS: PRSA/IABC PAGE-SPECIFIC ENTRIES  ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGINS: ACTIVITIES (WHAT WE DO) PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.activities-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(img/congo-medical-exercise-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-center {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.activities-intro {
  width: 72%;
  margin: 0 auto 2rem auto;
}

.margin-vertical-adjust {
  margin: 3rem auto;
}

.activities-row {
  width: 80%;
  margin: 0 auto 0 auto;
}

.activities-gallery {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
  grid-template-columns: repeat(3, 1fr);
}

.active-force-support-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/pa-photojournalist-selfie-1500-min.jpg);
  background-size: cover;
  background-position: center;
  height: 82vh;
  background-attachment: scroll;
  position: relative;
}

.activities-list {
  padding: 1rem 0 1rem 5rem;
  font-size: 2rem;
  list-style: square;
  line-height: 1.2;
}

.activities-list-sub {
  padding: 1rem 0 1rem 5rem;
  font-size: 2rem;
  list-style: disc;
  line-height: 1.2;
}

.activities-list li {
  padding-bottom: 1rem;
}

.activities-list-sub li:last-child {
  padding-bottom: 0;
}

.activities-list li a:link,
.activities-list li a:visited {
  text-decoration: none;
  color: #0047d3;
}

.activities-list li a:hover,
.activities-list li a:active {
  text-decoration: none;
  color: #008000;
}

.activities-list-circle {
  list-style: circle;
}

/* START: text for active force support and oral history program and set width for all articles on the activities page*/
.active-force-support-activities-article,
.oral-history-activities-article,
.annual-meeting-activities-article,
.transition-support-activities-article,
.awards-activities-article,
.special-projects-activities-article {
  width: 70%;
  padding: 3% 0;
}

.oral-history-activities-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/operation-homecoming-flight-1973-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

/* START: annual meeting pic and info */

.before-annual-meeting-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/group-photo-charleston-adjust-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

.meeting-locations {
  width: 80%;
  padding-left: 6.5rem;
  margin-top: -3rem;
  margin-bottom: 5rem;
}

.city-names {
  list-style: none;
  padding-left: 3rem;
}

.city-names ul {
  padding: 1rem 0 1rem 5rem;
  font-size: 2rem;
  list-style: square;
}

/* START: pic and text for transition support */

.before-transition-section-parachute-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/parachute-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

/* START: pic and text for awards */

.before-awards-section-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/art-forster-david-salanitri-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

/* START: pic and text for special projects */
.before-special-projects-section-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/gen-dalton-and-gen-thomas-special-projects-min.jpg);
  background-size: cover;
  background-position: top;
  height: 80vh;
  background-attachment: fixed;
}
.activities-footer {
  margin-top: -2.5rem;
}

/* ----------------------------------------------------------------------------*/
/* ENDS: ACTIVITIES (WHAT-WE-DO) PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGINS: LEADERSHIP PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* styles and positions the leadership page heading and background image */
/* ----------------------------------------------------------------------------*/
.leadership-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(img/basic-training-lackland.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.leadership-columns {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 9.6rem;
  grid-template-columns: 3fr 1fr;
}

/* ----------------------------------------------------------------------------*/
/* END OF: styles and positions the leadership page background image */
/* ----------------------------------------------------------------------------*/

/* ARCHIVES page */

.archives-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(img/archive-page-heritage-aircraft.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.archive-columns {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 9.6rem;
  grid-template-columns: 1fr 1fr;
}

.archives-list {
  font-size: 2rem;

  margin: 0 auto 0 10rem;
  font-size: 2rem;
  list-style: square;
  list-style-position: outside;
  line-height: 1.4;
}

/* TEMPORARY ELECTION ANNOUNCEMENT */

.election-news {
  border: 0.25rem solid #00308f;
  border-radius: 1rem;
  padding: 1rem;
  width: 50%;
}

/* ------------------------------------------------------------------------------*/
/* Styles the leadership page board pics and the committee and past chairs lists */
/* ------------------------------------------------------------------------------*/

.board-gallery {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: repeat(13, 1fr);
}

.board1 {
  grid-column: 2 / 5;
}

.board2 {
  grid-column: 6 / 9;
}

.board3 {
  grid-column: 10 / 13;
}

.board4 {
  grid-row: 2 / 3;
  grid-column: 4 / 7;
}

.board5 {
  grid-row: 2 / 3;
  grid-column: 8 / 11;
}

.board7 {
  grid-row: 3 / 4;
  grid-column: 4 / 7;
}

.board8 {
  grid-row: 3 / 4;
  grid-column: 8 / 11;
}

.board-member-pic {
  width: 100%;
  /* margin: 0 10%; */
  border-radius: 0.75rem;
}

.board-member-caption {
  font-size: 2rem;
  text-align: center;
  padding: 1rem 0;
}

.committees-board-chairs {
  margin-top: -2rem;
}

.committees {
  width: 65%;
  margin: 0rem auto 2rem 40%;
}

.committee-names {
  list-style: none;
  margin-bottom: 1rem;
}

.committee-names ul {
  padding: 1rem 0 1rem 5rem;
  font-size: 2rem;
  list-style: square;
}

.committee-names h4 {
  color: #00308f;
  font-style: italic;
  font-weight: 500;
  font-size: 2.2rem;
}

.committee-names li {
  padding-bottom: 1rem;
}

.past-chair-1 {
  width: 40%;
  margin: 0 auto 1rem 55%;
}

.past-chair-2 {
  width: 40%;
  margin: 0 40% 1rem auto;
}

.leadership {
  padding: 4rem 0 0 0;
}

.leadership-footer {
  margin-top: -2.5rem;
}

.col-five-text-or-pic {
  padding: 0 1rem 0 1rem;
}

/* --------------------------------------------------------------------------------------*/
/* END OF: Styles the leadership page board pics and the committee and past chairs lists */
/* --------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* ENDS: LEADERSHIP PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BY-LAWS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.by-laws-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
    url(img/annual-membership-meeting.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}
.by-laws-header .page-top-heading-flex {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.by-laws-sub-heading {
  font-size: 2.3rem;
}

.incorporation-by-laws {
  width: 72%;
  margin: 0 auto 0 auto;
}

.by-laws-articles {
  margin: 2rem 0 2rem 0;
}

.by-laws-section-headings {
  font-size: 2rem;
  font-style: italic;
  margin: 0 auto 0 10rem;
  font-size: 2rem;
  list-style: square;
  list-style-position: outside;
  line-height: 1.4;
}

.by-laws-section-list {
  padding-bottom: 1rem;
}

.by-laws-section-list a:hover,
.by-laws-section-list a:active {
  color: #008000;
}

.by-laws-notes {
  font-size: 2rem;
  font-style: italic;
}

#agent-note {
  font-size: 2rem;
  font-style: italic;
}

.strike-through {
  text-decoration: line-through;
  padding-left: 5rem;
  display: inline-block;
}

/* ----------------------------------------------------------------------------*/
/* END OF: BY-LAWS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* AWARDS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.awards-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(img/ribbons-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.awards-heading-sub-heading {
  font-size: 2rem;
}

.three-column-text-col-one,
.three-column-text-col-two,
.three-column-text-col-three,
.col-one-text {
  padding: 0 1rem 0 1rem;
}

.three-column-text-col-one {
  margin-left: 1rem;
}

.three-column-text-col-two {
  margin-left: 2rem;
}

.three-column-text-col-three {
  margin-left: 2rem;
}

.mcraney-award-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/defrank-mcraney-3-4.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
}

.hart-award-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/best-of-best-david-salanitri-2019-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: scroll;
}

.presidents-award-pic {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/presidents-award-winners-2019-min.jpg);
  background-size: cover;
  background-position: top;
  height: 80vh;
  background-attachment: scroll;
}

.award-column-one {
  margin-left: 33rem;
  margin-bottom: 1rem;
}

.awards-header .page-top-heading-flex {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

/* adjusts award-column-one to account for Senior Airman Cunningham's long name */
.award-column-one-wide {
  margin-left: 16rem;
  margin-bottom: 1rem;
}

/* adjusts award-column-one slightly to account for Bill Helmantoler's long name */
.award-column-one-middle {
  margin-left: 29rem;
  margin-bottom: 1rem;
}

.award-column-two {
  margin-left: 12rem;
  margin-bottom: 1rem;
}

.award-column-two-middle {
  margin-left: 12rem;
  margin-bottom: 1rem;
}

.award-column-one .names,
.award-column-two .names,
.award-column-one-wide .names,
.award-column-one-middle .names,
.award-column-two-middle .names {
  list-style: none;
}

.award-column-one .years,
.award-column-two .years,
.award-column-one-wide .years {
  padding: 1rem 0 2rem 0rem;
  font-size: 2rem;
  list-style: square;
  margin: 0 0 0 4rem;
}

.award-column-one-middle .years {
  padding: 1rem 0 1rem 0rem;
  font-size: 2rem;
  list-style: square;
  margin: 0 0 0 4rem;
}

.award-column-two-middle .years {
  padding: 1rem 0 1rem 0rem;
  font-size: 2rem;
  list-style: square;
  margin: 0 0 0 4rem;
}

.names h4 {
  color: #00308f;
  font-style: italic;
  font-weight: 500;
  font-size: 2.2rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: AWARDS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* HOLIDAY 2021 PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.holiday-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/santa-singing-sergeants.jpg);
  background-size: cover;
  background-position: center;
  height: 75vh;
  background-attachment: scroll;
  position: relative;
}

/* ----------------------------------------------------------------------------*/
/* END OF HOLIDAY 2021 PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* AF NEWS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.afnews-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/usafe-cc-bulgaria-media-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.birthday-video {
  max-width: 100%;
  margin: auto;
}

.left-side {
  padding: 1rem 0 1rem 25rem;
}

.right-side {
  padding: 1rem 0 1rem 15rem;
}

li.info-links {
  padding: 1rem 1rem 1rem 1rem;
  list-style-type: none;
}

.afsong {
  list-style: square;
  margin-left: 5rem;
  font-size: 2rem;
}

.afsong a:link,
.afsong a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.afsong a:hover,
.afsong a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

a#new-af-song:link,
a#new-af-song:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

a#new-af-song a:hover,
a#new-af-song a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.video-divider {
  display: block;
  height: 0.3rem;
  background-color: #00308f;
  content: " ";
  width: 100%;
  margin: 4% auto 6% auto;
}

.video-divider-last {
  display: block;
  height: 0.3rem;
  background-color: #00308f;
  content: " ";
  width: 100%;
  margin: 4% auto 0 auto;
}

.laura-beckley-pic {
  width: 50%;
  margin: 0 25% 0 25%;
  border-radius: 1rem;
}
/*-- DVIDS code for space force song--*/

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------------------*/
/* END OF: AF NEWS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* REGISTRATION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.meeting-registration-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
    url(/resources/css/img/san-antonio-riverwalk-and-sculpture.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.main-li {
  list-style: square;
  font-size: 2rem;
  font-weight: 400;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 10rem;
  padding: 2rem 0 0 0;
}

.sub-li {
  list-style: circle;
  font-size: 2rem;
  font-weight: 300;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 5rem;
  padding: 1rem 0 1rem 0;
}

.sub-li a:link,
.sub-li a:visited,
.main-li a:link,
.main-li a:visited {
  text-decoration: none;
  color: #0047d3;
}

.sub-li a:hover,
.sub-li a:active,
.main-li a:hover,
.main-li a:active {
  text-decoration: none;
  color: #008000;
  font-weight: 400;
}

/* Formats the online registration form */

.meeting-form {
  width: 80%;
  margin: 0 auto;
  font-size: 2rem;
  font-weight: 400;
}

.form-warning-one {
  text-align: center;
  padding: 0 0 3rem 0;
  width: 80%;
  font-size: 2rem;
}

.form-warning-two {
  text-align: left;
  padding: 0 1rem 2rem 2rem;
  width: 90%;
  font-size: 2rem;
}

.form-warning-two a:link,
.form-warning-two a:visited {
  text-decoration: none;
  color: #0047d3;
}

.form-warning-two a:hover,
.form-warning-two a:active {
  text-decoration: none;
  color: #008000;
  font-weight: 500;
  font-size: 2rem;
}

.reg-number-label,
.reg-text-label {
  line-height: 2.3;
}

.move-box {
  background-color: red;
  padding-left: 10rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
  width: 100%;
  padding: 1rem;
  border-radius: 0.7rem;
  border: 0.2rem solid #ccc;
  border-style: inset;
}

input[type="reset"],
input[type="submit"] {
  width: 30%;
  margin: 0 7rem 3rem 7rem;
  padding: 1rem;
  border-radius: 0.7rem;
  border: 0.1rem solid #ccc;
  background-color: #00308f;
  color: #fff;
  transform: scale(1);
  transition: transform 0.5s;
}

input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
  transform: scale(1.1);
  outline: none;
}

input[type="text"],
input[type="email"] {
  outline-color: #00308f;
}

.red {
  color: #f80000;
  font-size: 2rem;
}

.section-form {
  padding-bottom: 1rem;
}

.registration-button {
  display: block;
  width: 80%;
  margin: 0 auto 0 auto;
  text-align: center;
}

.registration-grid {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 2rem;
  justify-items: center;
  align-items: center;
}

.reg-col-1-row-1 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  justify-self: self-start;
}

.reg-col-2-row-1 {
  grid-column: 5 / 7;
  grid-row: 1 / 2;
}

.reg-col-3-row-1 {
  grid-column: 7 / 11;
  grid-row: 1 / 2;
  justify-self: self-start;
}

.reg-col-4-row-1 {
  grid-column: 11 / 12;
  grid-row: 1 / 2;
}

.reg-col-5-row-1 {
  grid-column: 12 / 14;
  grid-row: 1 / 2;
}

.reg-col-1-row-2 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  justify-self: self-start;
}

.reg-col-2-row-2 {
  grid-column: 5 / 7;
  grid-row: 2 / 3;
}

.reg-col-3-row-2 {
  grid-column: 7 / 11;
  grid-row: 2 / 3;
  justify-self: self-start;
}

.reg-col-4-row-2 {
  grid-column: 11 / 12;
  grid-row: 2 / 3;
}

.reg-col-5-row-2 {
  grid-column: 12 / 14;
  grid-row: 2 / 3;
}

.reg-col-1-row-3 {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  justify-self: self-start;
}

.reg-col-2-row-3 {
  grid-column: 5 / 7;
  grid-row: 3 / 4;
}

.reg-col-3-row-3 {
  grid-column: 7 / 12;
  grid-row: 3 / 4;
  justify-self: self-start;
}

.reg-col-4-row-3 {
  grid-column: 12 / 13;
  grid-row: 3 / 4;
}

.reg-col-5-row-3 {
  grid-column: 13 / 15;
  grid-row: 3 / 4;
}

.reg-col-1-row-4 {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
  justify-self: self-start;
}

.reg-col-2-row-4 {
  grid-column: 5 / 7;
  grid-row: 4 / 5;
}

.reg-col-3-row-4 {
  grid-column: 7 / 12;
  grid-row: 4 / 5;
  justify-self: self-start;
}

.reg-col-4-row-4 {
  grid-column: 12 / 13;
  grid-row: 4 / 5;
}

.reg-col-5-row-4 {
  grid-column: 13 / 15;
  grid-row: 4 / 5;
}

/* ----------------------------------------------------------------------------*/
/* END OF: REGISTRATION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* EVENTS and UPDATES PAGES */
/* ----------------------------------------------------------------------------*/

.meeting-schedule-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(/resources/css/img/san-antonio-basic-training-fist-bump.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.meeting-updates-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(/resources/css/img/san-antonio-river-walk-bridge.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.meeting-attendees-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
    url(/resources/css/img/san-antonio-2024-group-photo.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.meeting-events-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
    url(/resources/img/2019-meeting-pics/charleston82-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.meeting-grid-headers {
  font-size: 3rem;
  color: #00308f;
  text-align: center;
  font-style: italic;
  padding-bottom: 1rem;
}

.meeting-columns {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3.2rem;
  row-gap: 6.4rem;
  grid-template-columns: repeat(10, 1fr);
}

.meeting-col-2 {
  grid-column: 4 / 8;
  grid-row: 1 / 2;
}

.meeting-col-1 {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}

.meeting-col-3 {
  grid-column: 8 / 11;
  grid-row: 1 / 2;
}

.meeting-col-1,
.meeting-col-3 {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.meeting-logo {
  width: 100%;
}

.san-antonio-meeting-logo {
  width: 35%;
  margin: 0 auto 0 auto;
  display: block;
}

.schedule-logo {
  width: 30%;
  margin: 0 auto 0 auto;
  display: block;
}

.tampa-lightbox-logo {
  width: 75%;
  margin: 0 auto 0 auto;
  display: block;
}

.meeting-list {
  padding: 1rem 0 1rem 2rem;
  font-size: 2rem;
  list-style: square;
  line-height: 1.5;
}

.meeting-list a:link,
.meeting-list a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.meeting-list a:hover,
.meeting-list a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.page-top-heading-flex-meeting {
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.ww2-combat-camera {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/ww2-combat-camera-1200-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

.memphis-belle {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/memphis-belle-poster-crop-2000.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  background-attachment: fixed;
}

.dayton-schedule-pics {
  width: 100%;
  margin: 5.5rem 1.75rem 3rem 1.75rem;
  padding-bottom: 4rem;
}

.dayton-schedule-pics-last {
  width: 100%;
  margin: 6rem auto 6rem auto;
}

.schedule-text {
  padding-left: 10rem;
}

.three-quarter-links {
  padding-left: 9.25rem;
  padding-bottom: 6rem;
  padding-top: 2rem;
}

.dayton-links-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
  justify-items: center;
  align-items: center;
}

.dayton-links-grid .hover-effect {
  width: 75%;
}

.dayton-links {
  padding: 1rem 0 3rem 0;
}

.tampa-links-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
  justify-items: center;
  align-items: center;
}

.tampa-links {
  padding: 4rem 0 6rem 0;
}

.page-top-heading-flex-tampa {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.san-antonio-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.san-antonio-upper-left {
  grid-column: 1/2;
  grid-row: 2/ 4;
}

.san-antonio-upper-right {
  grid-column: 3/4;
  grid-row: 2 / 4;
}

.san-antonio-middle-middle {
  grid-column: 2/3;
  grid-row: 1 / 5;
}

.san-antonio-lower-left {
  grid-column: 1/2;
  grid-row: 5 / 7;
}

.san-antonio-lower-right {
  grid-column: 3/4;
  grid-row: 5 / 7;
}

.san-antonio-logo {
  width: 75%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-logo-attendees {
  width: 85%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-attendees-1 {
  display: flex;
  align-items: center;
}

.san-antonio-pics-size {
  width: 90%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-bottom-links-size {
  width: 100%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-logo-bottom-link {
  width: 80%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-grid-bottom-logo-link {
  grid-row: 2 /3;
  grid-column: 2/3;
}

.san-antonio-logo-hotel-page {
  width: 15%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.hotel-main-li {
  list-style: square;
  font-size: 2rem;
  font-weight: 400;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 2rem;
  padding: 2rem 0 0 0;
}

.hotel-sub-li {
  list-style: circle;
  font-size: 2rem;
  font-weight: 300;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 2rem;
  padding: 1rem 0 1rem 0;
}

.san-antonio-hotel-reservation-shots-size {
  width: 100%;
  border-radius: 0.75rem;
  margin: auto;
  display: block;
}

.san-antonio-links-wrapper {
  /* 1140px or 1200px are pretty standard - Jonas used rem not px */
  max-width: 110rem;
  padding: 0 4.2rem;
  margin: 0 auto;
}

.san-antonio-columns-bottom {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 5rem;
  row-gap: 5rem;
  grid-template-columns: 1fr 1fr 1fr;
}

/* ----------------------------------------------------------------------------*/
/* END OF: EVENTS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* ATTENDEES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.attendees-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
    url(img/san-diego-group-1200-min.jpg);
  background-size: cover;
  background-position: bottom;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

.attendees-center {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  -moz-column-count: 3;
  column-count: 3;
  line-height: 2;
  list-style-type: none;
}

.san-antonio-attendees-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}

/* ----------------------------------------------------------------------------*/
/* END OF: EVENTS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* HOTEL PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.hotel-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/san-antonio-alamo.jpg);
  background-size: cover;
  background-position: bottom;
  height: 100dvh;
  background-attachment: scroll;
  position: relative;
}

.hotel-header .page-top-heading-center {
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.hotel-exterior {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/san-antonio-la-quinta-exterior.jpg);
  background-size: cover;
  background-position: center;
  height: 100dvh;
  background-attachment: fixed;
}

.hotel-room {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/san-antonio-la-quinta-guest-room.jpg);
  background-size: cover;
  background-position: center;
  height: 100dvh;
  background-attachment: fixed;
}

.hotel-outdoors {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/san-antonio-la-quinta-hot-tub.jpg);
  background-size: cover;
  background-position: bottom;
  height: 100vh;
  background-attachment: fixed;
}

.hotel-breakfast {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/san-antonio-la-quinta-breakfast.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: fixed;
}

.hotel-instructions {
  color: red;
}

.reservations-instructions-box {
  border-style: solid;
  border-color: #00308f;
  border-radius: 2rem;
  width: 80%;
  margin: 0 auto 0 auto;
  padding: 3rem;
  background: #f2f2f2;
}

.hotel-instructions-list-ul {
  width: 75%;
  margin: 0 auto 0 auto;
  font-size: 2rem;
  list-style: square;
  line-height: 1.2;
}

.hotel-instructions-list-li {
  margin-bottom: 2rem;
}

.lobby {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/holiday-inn-fairborn-lobby-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}

.bedroom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/holiday-inn-bedroom-min.jpg);
  background-size: cover;
  background-position: center;
  height: 80vh;
  background-attachment: fixed;
}
#hotel-reservations {
  padding-bottom: 1rem;
}

.directions {
  width: 85%;
  margin: 4rem auto 2rem auto;
}

.calendar-background {
  width: 85%;
  margin: 0rem auto 1rem auto;
}

.map-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.map-container iframe {
  border-radius: 1rem;
  border: 0.2rem solid #00308f;
  border-style: outset;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#dayton-info-links {
  margin-top: 10rem;
}

.hotel-main-li {
  list-style: square;
  font-size: 2rem;
  font-weight: 400;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 2rem;
  padding: 2rem 0 0 0;
}

.hotel-sub-li {
  list-style: circle;
  font-size: 2rem;
  font-weight: 300;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  margin-left: 2rem;
  padding: 1rem 0 1rem 0;
}

/* ----------------------------------------------------------------------------*/
/* END OF: HOTEL PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* Calendar Page */
.calendar-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/c-17-mcguire-calendar.jpg);
  background-size: cover;
  background-position: bottom;
  height: 100dvh;
  background-attachment: scroll;
  position: relative;
}

.blue-text {
  color: blue;
  font-style: italic;
}

.green-text {
  color: green;
  font-style: italic;
}

.red-text {
  color: red;
  font-style: italic;
}

/* Name Change Page */

.name-change-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)),
    url(img/name-change-tbirds.jpg);
  background-size: cover;
  background-position: bottom;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.name-change-header .page-top-heading-center {
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.chairmans-message {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* End Name Change Page */

/* ----------------------------------------------------------------------------*/
/* MEMBERSHIP CATEGORIES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.member-categories-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/f35-sunset-hill-afb-min.jpg);
  background-size: cover;
  background-position: bottom;
  height: 50dvh;
  background-attachment: scroll;
  position: relative;
}

.new-membership-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/pas-in-silhouette-wide-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100dvh;
  background-attachment: scroll;
  position: relative;
}

.join-renew-columns {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.join-renew-img {
  width: 60%;
  border-radius: 0.75rem;
  margin: 0 20% 0 20%;
}

.join-columns {
  display: grid;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.three-questions-img {
  width: 80%;
  border-radius: 0.75rem;
  margin: 0 10% 0 10%;
}

.pic-and-text-columns {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr 1fr;
}

.pic-and-text-1 {
  grid-column: 1 / 2;
  grid-row: 1/2;
}
.pic-and-text-2 {
  grid-column: 1 / 2;
  grid-row: 2 /3;
}
.pic-and-text-3 {
  grid-column: 2 / 4;
  grid-row: 1/3;
}

.pic-and-text-img {
  width: 75%;
  border-radius: 0.75rem;
  margin: 0 12.5% 0 12.5%;
}

.how-join-columns {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: 1fr 2fr;
}

.continue-on-columns {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: 1fr 2fr 0.25fr 2fr 1fr;
  padding-top: 5rem;
}

.continue-column-2 {
  grid-column: 2 /3;
}

.continue-column-4 {
  grid-column: 4 /5;
}

.continue-img {
  width: 85%;
  border-radius: 0.75rem;
  margin: 0 20% 0 20%;
}

#free {
  display: inline;
}
.membership-info {
  padding: 0 0.5rem 0 1rem;
  position: relative;
}
.categories {
  margin-left: 3rem;
}

a.join-button-1:link,
a.join-button-1:visited {
  display: inline-block;
  padding: 2rem 4rem;
  font-size: 2.5rem;
  font-weight: 400;
  text-decoration: none;
  border-radius: 20rem;
  background-color: #00308f;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 47%;
  transform: translate(-50%, -50%);
  margin-top: 8rem;
}

a.join-button-1:hover,
a.join-button-1:active {
  font-size: 2.7rem;
  padding: 2.2rem 4.2rem;
}

a.join-button-2:link,
a.join-button-2:visited {
  display: inline-block;
  padding: 2rem 4rem;
  font-size: 2.5rem;
  font-weight: 400;
  text-decoration: none;
  border-radius: 20rem;
  background-color: #00308f;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translate(-35%, -50%);
  margin-top: 6rem;
}

a.join-button-2:hover,
a.join-button-2:active {
  font-size: 2.7rem;
  padding: 2.2rem 4.2rem;
}

a.join-button-3:link,
a.join-button-3:visited {
  display: inline-block;
  padding: 2rem 4rem;
  font-size: 2.5rem;
  font-weight: 400;
  text-decoration: none;
  border-radius: 20rem;
  background-color: #00308f;
  color: #fff;
  text-transform: uppercase;
  margin: 0 39% 0 39%;
}

a.join-button-3:hover,
a.join-button-3:active {
  font-size: 2.5rem;
  padding: 2.05rem 4.05rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: MEMBERSHIP CATEGORIES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* BEGIN: ON THE FRONT LINES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.front-lines-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
    url(img/combat-camera-at-night-crop1.jpg);
  background-size: cover;
  background-position: top;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

.front-lines-intro {
  width: 84%;
  margin: 0 auto 2rem 10%;
}

.blog-title {
  text-align: center;
  font-size: 3rem;
}

.blog-date {
  text-align: center;
  font-size: 2.5rem;
}

/* ----------------------------------------------------------------------------*/
/* END: ON THE FRONT LINES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* BEGIN: JULIE WECKERLEIN BLOG PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.julie-blogs {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),
    url(img/julie-group-mountains.jpg);
  background-size: cover;
  background-position: bottom;
  height: 60vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-julie {
  position: absolute;
  top: 88%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.home-page-logo-julie {
  position: absolute;
  top: 7%;
  left: 12%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 23%;
}

.page-top-heading-julie h1 {
  color: #fff;
  margin: 0;
  padding: 0.5rem 8rem 0 0;
  text-align: right;
}

.page-top-heading-julie h3 {
  color: #fff;
  text-align: right;
  padding: 0.5rem 8rem 0 0;
}

.julie-text {
  width: 72%;
  margin: 0 auto 0 auto;
}

.photo-placement {
  width: 72%;
  float: left;
}

.julie-image-container-left {
  width: 45%;
  float: left;
  margin: 0 3% 1% 0;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.julie-image-container-left-smaller {
  width: 35%;
  float: left;
  margin: 0 3% 1% 0;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.julie-blog-images {
  width: 100%;
  border-radius: 2%;
}

.julie-image-container-right {
  width: 45%;
  float: right;
  margin: 0 0 1% 3%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.julie-image-container-right-smaller {
  width: 35%;
  float: right;
  margin: 0 0 1% 3%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.julie-image-container-2-col-left {
  width: 49%;
  float: left;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  margin: 0 1% 1% 0;
}

.julie-image-container-2-col-right {
  width: 49%;
  float: left;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  margin: 0 0 2% 1%;
}

.julie-image-container-2-col-right-float {
  width: 49%;
  float: right;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
  margin: 0 0 2% 1%;
}

.julie-blog-captions {
  float: left;
  width: 50%;
  font-style: italic;
  font-size: 2rem;
  margin: 1%;
  clear: left;
}

.julie-blog-images-right {
  width: 50%;
  float: right;
  margin-left: 2%;
  border-radius: 2%;
}

.julie-blog-captions-right {
  float: right;
  width: 50%;
  font-style: italic;
  margin: 1% 0 1% 1%;
}

.julie-center-bold {
  text-align: center;
  font-weight: 500;
  font-style: italic;
  color: #00308f;
}

.backup-url-for-ken-hackman {
  display: none;
}

/* END: JULIE WECKERLEIN BLOG PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* MEMBERSHIP APPLICATION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.warning {
  color: red;
  font-size: 3rem;
  font-style: italic;
}

.member-application-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/f22-over-water-min.jpg);
  background-size: cover;
  background-position: bottom;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

.radio-alignment {
  padding-left: 4rem;
  line-height: 80%;
}

.member-type-heading {
  color: #00308f;
  font-weight: 400;
  border-bottom: solid 0.2rem #00308f;
  font-style: italic;
  font-size: 2.1rem;
  text-align: center;
}

.payment-method {
  color: #00308f;
  font-weight: 400;
  font-style: italic;
  font-size: 2.1rem;
  text-align: left;
}
.payment-method-line {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 18rem;
  padding: 0;
}

textarea {
  height: 10rem;
}

.application-divider {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  max-width: 114rem;
  margin: 3rem auto 0 auto;
}

.clear-form-button {
  margin: 0 auto 0 auto;
}

/* Other formatting is in MEETING REGISTRATION entries */

/* ----------------------------------------------------------------------------*/
/* END OF: MEMBERSHIP APPLICATION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/*MEMBER-APP-PAYMENT-PAGE SPECIFIC ENTRIES*/
/* ----------------------------------------------------------------------------*/
.member-app-pay-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)),
    url(img/salute-honor-guard-min.jpg);
  background-size: cover;
  background-position: left top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.payment-selection {
  color: #00308f;
  font-style: italic;
  font-size: 2.5rem;
  padding-bottom: 3rem;
}

.payment-dropdown {
  width: 50%;
  display: block;
  margin-bottom: 4rem;
}

.payee-name-box {
  margin-bottom: 5rem;
  max-width: 50%;
  display: block;
}

.pay-now-button {
  width: 25%;
  margin-bottom: 5rem;
}

/* ----------------------------------------------------------------------------*/
/*END OF: MEMBER-APP-PAYMENT-PAGE SPECIFIC ENTRIES*/
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* HALL OF FAME PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.hall-of-fame-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(img/aviano-f-16-phone-400w-min.jpg);
  background-size: cover;
  background-position: bottom;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

.hof-committee-names {
  list-style: square;
  width: 72%;
  margin: 0 auto 2rem auto;
  font-size: 2rem;
  padding-left: 5rem;
  line-height: 1.3;
}

.image-between-paragraphs-mcgovern {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-in-1-col-span {
  width: 75%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-in-2-col-span {
  width: 40%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left {
  width: 30%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-22 {
  width: 25%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-50 {
  width: 50%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-45 {
  width: 45%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-40 {
  width: 40%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-35 {
  width: 35%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-large {
  width: 60%;
  float: left;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-center {
  width: 25%;
  margin: 1% auto 2% auto;
  font-size: 2rem;
  font-style: italic;
  color: #00308f;
}

.image-container-left-small {
  width: 24%;
  float: left;
  padding-right: 2%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-abel-book-left {
  width: 22%;
  float: left;
  padding-right: 2%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-abel-book-right {
  width: 22%;
  float: right;
  padding-left: 2%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.three-pic-row {
  width: 80%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-same-line-left {
  width: 48%;
  float: left;
  padding-bottom: 3%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-same-line-left-square {
  width: 40%;
  float: left;
  padding-bottom: 2.5%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-same-line-right {
  width: 48%;
  float: right;
  padding-bottom: 2.5%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-same-line-left-tilley {
  /*height: 15rem;*/
  width: 35%;
  float: left;
  padding-bottom: 3%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-same-line-right-tilley {
  /* height: 15rem;*/
  width: 51%;
  float: right;
  padding-bottom: 3%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.oldfield-book-image {
  width: 20%;
  border-radius: 2%;
  float: left;
  margin-right: 2%;
}

.clear {
  clear: both;
}

.image-container-same-line-right-square {
  width: 40%;
  float: right;
  padding-bottom: 3%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.pics-on-same-line {
  width: 80%;
  margin: 0 auto 0 auto;
}

.pics-on-same-line-larger {
  width: 95%;
  margin: 0 auto 0 auto;
}

.pics-on-same-line-smaller {
  width: 60%;
  margin: 0 auto;
}

.image-container-right {
  width: 22%;
  float: right;
  padding-left: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-right-30 {
  width: 25%;
  float: right;
  padding-left: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-right-eaker {
  width: 30%;
  float: right;
  padding-left: 1%;
  padding-top: 0.5%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-right-larger {
  width: 35%;
  float: right;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-right-45 {
  width: 45%;
  float: right;
  padding-left: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-container-right-50 {
  width: 50%;
  float: right;
  padding-left: 2%;
  padding-bottom: 1%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.line-height-adjust {
  line-height: 1.5;
}

.clear-text {
  clear: both;
}

.under-pics {
  padding-top: 1.5rem;
}

.hof-wrapper {
  max-width: 100%;
  padding: 0 4.2rem;
  margin: 0 auto;
}

.hof-2-pics-row {
  display: grid;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.hof-2-pics-row-size {
  width: 90%;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.hof-2-pics-row-size-tall {
  width: 60%;
  margin: 0 auto 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.hof-2-pics-row-size-square {
  width: 80%;
  margin: 0 auto 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.abel-obit {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.hof-lightbox-logo {
  width: 50%;
  margin: 0 auto 0 auto;
  display: block;
}

.underline {
  text-decoration: underline;
}

/* placeholder for HOF inductees not yet announced*/
.placeholder {
  display: none;
}

.jake-columns {
  display: grid;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  row-gap: 4rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.jake-col-1,
.jake-col-2,
.jake-col-3 {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 0.5rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
  width: 100%;
}

/* ----------------------------------------------------------------------------*/
/* END OF: HALL OF FAME PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* ORAL HISTORY PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.oral-history-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/operation-homecoming-hanoi-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.left-side-description {
  padding: 1rem 0 1rem 12rem;
}

.right-side-description {
  padding: 1rem 4rem 1rem 0;
}

h4#dinsmore2,
h4#lucas2,
h4#scott2 {
  display: inline;
}
h4#clickname {
  text-align: center;
  color: #00308f;
  font-style: italic;
  margin: -2rem 0 2rem 0;
}

/* ----------------------------------------------------------------------------*/
/* END OF: ORAL HISTORY PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* CHALLENGE COIN PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.challenge-coin-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url(img/challenge-coins-vintage-aircraft.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

/* .challenge-coin-header .page-top-heading-center h1,
.challenge-coin-header .page-top-heading-center h3 {
  color: #00308f;
}

.challenge-coin-header .chevron-down {
  stroke: #00308f;
} */

.challenge-coin-text {
  padding-left: 1rem;
}

.challenge-coin-pic {
  width: 100%;
  margin: 7rem auto 3rem auto;
}
ul.order-coin {
  list-style-type: square;
  font-size: 2rem;
  list-style-position: outside;
  padding: 1rem 0 1rem 5rem;
}

.order-coin li {
  padding: 1rem 0 0 0;
}

.order-coin li ul {
  padding-left: 2rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: CHALLENGE COIN PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* NEWSLETTER ARCHIVES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.newsletter-archives-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(img/c-17-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.archive-years {
  text-align: center;
}

.news-archives-phone {
  display: none;
}

.news-archive-icon {
  width: 75%;
  margin: 1rem 1rem 1rem 1rem;
  border: 0.2rem outset #00308f;
  border-radius: 0.5rem;
}

/* In the years when there are 3 issues rather than 4, the class is changed from .news-archive-icon to .news-archive-icon-3-to-4 to adjust for the change in size of the images and their location. The col span-1-of-4 is also changed to col span-1-of-3 in the HTML */

.news-archive-icon-3-to-4 {
  width: 56.25%;
  margin: 1rem auto 1rem auto;
  border: 0.2rem outset #00308f;
  border-radius: 0.5rem;
}

/* For year with 5 issues, this class changes the width of the image*/

.news-archive-icon-5-to-4 {
  width: 95%;
  margin: 1rem 1rem 1rem 1rem;
  border: 0.2rem outset #00308f;
  border-radius: 0.5rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: NEWSLETTER ARCHIVES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* LATEST UPDATES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.recent-updates-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),
    url(img/kennett-doug-san-diego-16x9.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

#jay-video {
  width: 80%;
  margin: 2% auto 2% 8%;
}

.updates-links {
  width: 45%;
}

.daedalus-image {
  width: 50%;
  margin: 0 auto;
  display: block;
  padding: 2rem 0 2rem 0;
}

.image-center {
  width: 60%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-center-75 {
  width: 75%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.image-center-full {
  width: 100%;
  margin: 0 auto;
  font-size: 1.9rem;
  font-style: italic;
  color: #00308f;
}

.story-divider {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 100%;
  margin: 8% auto 8% auto;
}

.one-to-two-story-divider {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 100%;
  margin: 3% auto 3% auto;
}

.dalton-service {
  border: 0.3rem outset #00308f;
  border-radius: 0.7rem;
  padding: 2rem;
  margin-bottom: 5rem;
}

.julie-opening-1 {
  float: left;
  width: 0.3em;
  font-size: 266%;
  line-height: 90%;
}

.julie-opening-2 {
  float: left;
  width: 0.7em;
  font-size: 266%;
  line-height: 90%;
}

.julie-opening-3 {
  float: left;
  width: 0.6em;
  font-size: 250%;
  line-height: 90%;
}

/*--- this is show more code not used
p.short {
    height: 94rem;
    overflow: hidden;
}

p.full-height {
    height: auto;
}
---*/

/*-- BEGIN: this is show more code that is now used ---*/

#more {
  display: none;
}

#myBtn {
  font-size: 2rem;
  color: #fff;
  padding: 0.5rem;
  border-color: #00308f;
  border-radius: 1rem;
  background-color: #00308f;
}
.blue-italic {
  color: #00308f;
  font-style: italic;
  font-size: 2.4rem;
}

.image-container-same-line-left-rosenker {
  width: 35%;
  float: left;
  padding-bottom: 3%;
}

.image-container-same-line-right-rosenker {
  width: 49%;
  float: right;
  padding-bottom: 3%;
}

/*-- END of: this is show more code that is now used-- */

/* -----------------------------------------------------*/
/* BEGIN: DALTON SCHOLARSHIP PAGE */
/* -----------------------------------------------------*/
.dalton {
  padding-bottom: 2rem;
}

.section-dalton {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-dalton:last-child {
  padding-bottom: 4rem;
}

.dalton-scholarship-header {
  background-image: url(img/gen-dalton-in-home-office-min-2k.jpg);
  background-size: cover;
  background-position: center right;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.dalton-explained {
  font-size: 3rem;
  color: #00308f;
  text-align: center;
  font-style: italic;
  padding-bottom: 3rem;
}
.dalton-text-top {
  font-size: 4.5rem;
  padding-bottom: 4.5rem;
}

.dalton-heading-primary {
  font-size: 3.5rem;
  font-style: italic;
  color: #00308f;
  text-align: center;
}

.dalton-heading-secondary {
  font-size: 2.5rem;
  text-align: center;
}

.dalton-columns {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
  grid-template-columns: 3.5fr 4fr;
}

.dalton-row-2 {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}

.dalton-col-1,
.dalton-col-2,
.dalton-row-2 {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.dalton-goals {
  font-size: 2rem;
  word-spacing: 0.1rem;
  letter-spacing: 0.1rem;
  line-height: 1.1;
}

.dalton-intro {
  width: 72%;
  margin: 0 auto 2rem auto;
}

.dalton-wrapper {
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 3.2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9.6rem;
  align-items: center;
}

li.dalton-goals a:link,
li.dalton-goals a:visited {
  color: #0047d3;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

li.dalton-goals a:hover,
li.dalton-goals a:active {
  color: #008000;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

.chevron-down {
  stroke: #fff;
  width: 5rem;
  height: 5rem;
}
.page-top-heading-dalton {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80rem;
}

p.activities-intro a:link,
p.activities-intro a:visited {
  color: #0047d3;
}

p.activities-intro a:hover,
p.activities-intro a:active {
  color: #008000;
}

.dalton-graphical-links {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 9.6rem;
  grid-template-columns: repeat(4, 1fr);
}

/* .page-top-heading-flex h1 {
  padding-bottom: 0.5rem;
} */

.page-top-heading-flex h1,
.page-top-heading-flex h3 {
  color: #fff;
  text-align: center;
}

.page-top-heading-flex h3 {
  line-height: 0.4;
}

.page-top-heading-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

h3.one-line {
  display: block;
}
h3.two-lines {
  display: none;
}

/* -----------------------------------------------------*/
/* END: DALTON SCHOLARSHIP PAGE */
/* -----------------------------------------------------*/

/* Jonas CSS Grid Setup */

/* To center content on a page: */
.container {
  /* 1140px or 1200px are pretty standard - Jonas used rem not px */
  max-width: 120rem;
  padding: 0 4.2rem;
  margin: 0 auto;
}

/* To center content on a page: */
.wrapper {
  /* 1140px or 1200px are pretty standard - Jonas used rem not px */
  max-width: 140rem;
  padding: 0 4.2rem;
  margin: 0 auto;
}

.grid {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
}

.grid--2-cols {
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-columns: 2fr 3fr; */
}

.grid--3-cols {
  grid-template-columns: repeat(3, 1fr);
}

.grid--4-cols {
  grid-template-columns: repeat(4, 1fr);
}

.grid--5-cols {
  grid-template-columns: repeat(5, 1fr);
}

.grid--center-v {
  align-items: center;
}

.heading-primary,
.heading-secondary,
.heading-tertiary {
  font-weight: 700;
  color: #333;
  /* color: #45260a; */
  /* color: #343a40; */
  letter-spacing: -0.5px;
}

.heading-primary {
  font-size: 5.2rem;
  line-height: 1.05;
  margin-bottom: 3.2rem;
}

.heading-secondary {
  font-size: 4.4rem;
  line-height: 1.2;
  margin-bottom: 9.6rem;
}

.heading-tertiary {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
}

.section-how {
  padding: 9.6rem 0;
}

.step-number {
  font-size: 8.6rem;
  font-weight: 600;
  color: #ddd;
  margin-bottom: 1.2rem;
}

.step-description {
  font-size: 2rem;
  line-height: 1.2;
}

.step-img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-img-box::before,
.step-img-box::after {
  content: "";
  display: block;

  /* makes it a circle; */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.step-img-box::before {
  width: 60%;
  /* not height:60%; won't work*/
  /* 80% of parent's width */
  padding-bottom: 60%;

  background-color: #fdf2e9;
  z-index: -2;
}

.step-img-box::after {
  width: 45%;
  /* not height:60%; won't work*/
  /* 80% of parent's width */
  padding-bottom: 45%;

  background-color: #fae5d3;
  z-index: -1;
}
.step-img {
  width: 35%;
}

/* End pf Jonas CSS Grid Setup */

/* ----------------------------------------------------------------------------*/
/* END OF: LATEST UPDATES PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* PA LEADERS PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.pa-leaders-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/arnold-maj-gen-hap-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.pa-leaders-text {
  font-style: italic;
  font-size: 2rem;
  font-weight: 400;
  color: #00308f;
  text-align: center;
}

.assignment {
  padding-top: 3rem;
}

.leader-column-1 {
  text-align: right;
  padding-right: 1rem;
}

.leader-column-2 {
  text-align: left;
  padding-left: 1rem;
}

.same-title {
  padding-bottom: 0;
}

same-title-break {
  padding-bottom: 0;
}

.pa-leaders-intro,
.army-air-corps,
.usaf-established {
  padding: 4rem 0 4rem 0;
}

.pa-leaders-notes {
  width: 35%;
  margin: 2% auto 0 auto;
}

.leader-bio-column-1 {
  text-align: right;
  padding-right: 1rem;
}

.leader-bio-column-2 {
  text-align: left;
  padding-left: 1rem;
}

.divider-h6 {
  display: block;
  height: 0.2rem;
  background-color: #00308f;
  content: " ";
  width: 25rem;
  margin: 1.5rem auto 0 auto;
}

/* ---END: PA LEADERS PAGE-SPECIFIC ENTRIES--------------------------*/

/* ---BEGIN: CONTACT US PAGE-SPECIFIC ENTRIES--------------------------*/

.contact-us-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/cleared-to-land-contact-us.jpg);
  background-size: cover;
  background-position: top right;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.google-contact-form {
  width: 640px;
  height: 1600px;
}

/* ---END: CONTACT US PAGE-SPECIFIC ENTRIES--------------------------*/

/* DIRECTORY PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.directory-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/combat-camera-afghanistan-1200-min.jpg);
  background-size: cover;
  background-position: top;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

/* ----------------------------------------------------------------------------*/
/* END OF: DIRECTORY PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* PAYPAL THANK YOU PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.paypal-thankyou-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)),
    url(img/refueling-155-ang-16x9.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-payment-thanks {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80rem;
}

.pay-thanks-columns {
  display: grid;
  -moz-column-gap: 6.4rem;
  column-gap: 6.4rem;
  row-gap: 6.4rem;
  grid-template-columns: 1fr 1fr;
}

.thanks-1,
.thanks-2 {
  border: 2px solid #00308f;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* ----------------------------------------------------------------------------*/
/* END OF: PAYPAL THANK YOU PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGIN: ELECTION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.election-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)),
    url(img/election-time.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-election-2022 {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.page-top-heading-election-2023 {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

.candidate-pic {
  width: 50%;
  margin: 0 25% 0 25%;
  border-radius: 3%;
}

.ballot {
  width: 85%;
  margin: 0 auto 2rem 13%;
}

.vote-li {
  list-style: none;
  font-size: 2.7rem;
  font-weight: 400;
  padding: 2rem;
}

input[type="checkbox"] {
  height: 2rem;
  transform: scale(1.5);
  margin-left: 1rem;
  margin-right: 1rem;
}
#writein {
  width: 95%;
  margin: -1rem auto 0 6rem;
}

#your-name {
  width: 95%;
  margin: -1rem auto 0 6rem;
}

#your-email {
  width: 95%;
  margin: -1rem auto 0 6rem;
}

#your-phone {
  width: 95%;
  margin: -1rem auto 0 6rem;
}

#vote-button {
  font-size: 2rem;
}

#clear-button {
  font-size: 2rem;
}

.google-ballot-form {
  width: 640px;
  height: 3900px;
}

.no-padding-bottom {
  padding-bottom: 0;
}

/* ----------------------------------------------------------------------------*/
/* END OF: ELECTION PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGIN: VOTE THANK YOU PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.votethanks-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)),
    url(img/i-voted-min.jpg);
  background-size: cover;
  background-position: center;
  height: 50vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-vote-thanks {
  position: absolute;
  top: 85%;
  left: 42%;
  transform: translate(-50%, -50%);
  width: 70rem;
}

/* ----------------------------------------------------------------------------*/
/* END OF: VOTE THANK YOU PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGIN: MEETING-REGISTRATION-PAYMENT PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

.meeting-payment-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
    url(/resources/img/2019-meeting-pics/charleston35-min.jpg);
  background-size: cover;
  background-position: left center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.page-top-heading-meeting-payment {
  position: absolute;
  top: 85%;
  left: 52%;
  transform: translate(-50%, -50%);
  width: 100rem;
}

/* ----------------------------------------------------------------------------*/
/* END: MEETING-REGISTRATION-PAYMENT PAGE-SPECIFIC ENTRIES */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* BEGIN: LIGHTBOX */
/* ----------------------------------------------------------------------------*/

.snowbird-lightbox {
  position: absolute;
  top: 40%;
  left: 50%;
  display: none;
  width: 95rem;
  padding: 4% 4% 5% 4%;
  color: #00308f;
  background-color: rgba(221, 221, 221, 0.8);
  text-shadow: #333 0 1px 0;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
}

#snowbird-text {
  width: 85%;
  margin: 0 auto 0 auto;
}

.snowbird-phone {
  display: none;
}

.snowbird-pic {
  width: 40%;
  margin: 0 30% 0 30%;
  border-radius: 1rem;
}

.ed-thomas-lightbox {
  position: absolute;
  top: 20%;
  left: 50%;
  display: none;
  width: 95rem;
  padding: 4% 4% 4% 4%;
  color: #00308f;
  background-color: rgba(221, 221, 221, 0.8);
  text-shadow: #333 0 1px 0;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
}

#thomas-text {
  width: 95%;
  margin: 0 auto 0 auto;
}

.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  padding: 5% 5% 5% 5%;
  color: #00308f;
  background-color: rgba(221, 221, 221, 0.8);
  text-align: center;
  text-shadow: #333 0 1px 0;
}

.cancel {
  text-align: left;
  width: 96%;
  margin: 0 auto;
}

/* button#b1 a,
button#b2 a {
    font-size: 2.5rem;
    color: #fff;
    background-color: #00308f;
    border: .2rem solid #00308f;
    border-radius: 1rem;
    padding: 1rem 2rem;
} */

a.phone-number-button:link,
a.phone-number-button:visited {
  display: inline-block;
  padding: 1.5rem 1.5rem;
  font-size: 2rem;
  border-radius: 1rem;
  background-color: #00308f;
  color: #fff;
  margin: 0 1rem;
  width: 25rem;
  text-align: center;
}

a.ballot-page-button:link,
a.ballot-page-button:visited {
  display: inline-block;
  padding: 1.5rem 1.5rem;
  font-size: 2rem;
  border-radius: 1rem;
  background-color: #00308f;
  color: #fff;
  margin: 0 1rem;
  width: 30rem;
}

a.ballot-page-button:hover,
a.ballot-page-button:active {
  font-size: 2.1rem;
}

.lightbox-divider {
  color: #00308f;
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 0.2rem;
}

p#days,
p#hours,
p#minutes,
p#seconds {
  font-size: 4rem;
  text-align: center;
}

.timebox {
  border: 0.5rem solid #fff;
  background-color: #00308f;
  padding: 1rem 0.5rem 1rem 0.5rem;
  text-align: center;
  color: #fff;
  border-radius: 1rem;
  box-shadow: 1rem 1rem 1rem #555;
}

.rosenker-lightbox {
  position: absolute;
  top: 27%;
  left: 50%;
  display: none;
  width: 55rem;
  padding: 1rem;
  margin-top: 10rem;
  color: #00308f;
  background-color: rgba(221, 221, 221, 0.9);
  transform: translate(-50%, -50%);
  border-radius: 1rem;
}

a.rosenker-button:link,
a.rosenker-button:visited {
  display: inline-block;
  padding: 1.5rem 1.5rem;
  font-size: 2rem;
  border-radius: 1rem;
  background-color: #00308f;
  color: #fff;
  margin: 0 1rem;
  width: 25rem;
}

/* On the button, background color is usually #00308f, and color ois #fff . Below is modified to work on Dick Cole Last Flight Out Watch Here button*/

/*
a.rosenker-button:link,
a.rosenker-button:visited {
  display: inline-block;
  padding: 1.5rem 1.5rem;
  font-size: 2rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #000;
  margin: 0 1rem;
  width: 25rem;
}

*/

a.rosenker-button:hover,
a.rosenker-button:active {
  font-size: 2.1rem;
}

#mark-text {
  width: 95%;
  margin: 0 auto 0 auto;
}

.x-out {
  text-align: right;
  margin-top: 0rem;
}

.x-circle {
  stroke: #00308f;
  width: 4rem;
  height: 4rem;
}

/* ----------------------------------------------------------------------------*/
/* END: LIGHTBOX */
/* ----------------------------------------------------------------------------*/

/* -----------------------------------------------------*/
/* BEGIN: MEETING PHOTOS PAGES */
/* -----------------------------------------------------*/
.charleston-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(img/charleston-at-night.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.photos-text {
  width: 85%;
  margin: 0 auto 3% auto;
}

.photos-intro {
  padding: 4rem 0 1rem 0;
}

.small {
  width: 90%;
  margin: 0 10% 0 10%;
  border-radius: 0.5rem;
}

.miley-small {
  width: 20%;
  border-radius: 0.5rem;
  margin: 1% 38% 3% 42%;
}

.big-photo {
  width: 97%;
  border-radius: 1rem;
  margin: 3% auto 3% 2%;
}

.big-photo-stacy {
  width: 97%;
  border-radius: 1rem;
  border-style: solid;
  border-width: 0.2rem;
  margin: 3% auto 3% 2%;
}

.tall-photo {
  width: 50%;
  border-radius: 1rem;
  margin: 1% auto 3% 24.5%;
}

.photo-identification {
  background-color: #00308f;
  color: #fff;
  padding: 2rem 2rem 2rem 2rem;
  border-radius: 1rem;
  width: 80%;
  margin: 0.5rem auto 0.5rem auto;
  text-align: center;
  line-height: 1.5;
}

.photo-download-box {
  background-color: #00308f;
  color: #fff;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 1rem;
  width: 20%;
  margin: 0.5rem auto 3rem auto;
  text-align: center;
  line-height: 1.5;
}

.photo-download-text {
  color: #fff;
}

/* San Diego */
.san-diego-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)),
    url(img/san-diego-skyline-marina-16x9.jpg);
  background-size: cover;
  background-position: top;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

ul.meeting-photos {
  list-style-type: none;
  text-indent: 2.5rem;
}

li#san-diego {
  padding-bottom: 1.2rem;
  color: #00308f;
}

li#charleston {
  padding-bottom: 1.1rem;
  color: #00308f;
}

i#annual-meeting-photos {
  color: #00308f;
}

/* Tampa */

.tampa-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
    url(/resources/css/img/tampa-skyline-16x9.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

/* -----------------------------------------------------*/
/* END: MEETING PHOTOS PAGES */
/* -----------------------------------------------------*/

/* -----------------------------------------------------*/
/* BEGIN: DONATE PAGE- Specific Entries */
/* -----------------------------------------------------*/
.donate-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(img/falcon9-rocket-1500-min.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.donate-ul {
  width: 90%;
  margin: 0 3% 0 7%;
  font-size: 2rem;
  list-style: square;
  line-height: 1.4;
}

.donate-li {
  padding-top: 1rem;
}

.bold {
  font-weight: 500;
  font-style: italic;
  color: #00308f;
}

.paypal-button-center {
  text-align: center;
}

.centurion-ul {
  width: 90%;
  margin: 0 auto 0 7%;
  font-size: 2rem;
  list-style: square;
  list-style-position: outside;
  line-height: 1.4;
}

/* -----------------------------------------------------*/
/* END: DONATE PAGE- Specific Entries */
/* ----------------------------------------------------*/

/* BEGIN: Photo Credit Page */

.five-to-two-rows {
  display: grid;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.caption {
  font-size: 2rem;
  color: #00308f;
  text-align: center;
  padding: 1rem 0;
}

.thumbnail {
  width: 100%;
  margin: 0 auto 0 auto;
  border-radius: 0.5rem;
}

.photo-credits-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(/resources/css/img/combat-camera-photog-close-up.jpg);
  background-size: cover;
  background-position: center;
  height: 100vh;
  background-attachment: scroll;
  position: relative;
}

.photos-text {
  width: 85%;
  margin: 0 auto 3% auto;
}

/* (For home page link to Photo Credit page) */

.credit-link {
  text-align: center;
  font-size: 2rem;
  color: #fff;
}

/* END: Photo Credit Page */

.big-and-bold {
  font-size: 24px;
  font-weight: bolder;
}

/* ----------------------------------------------------------------------------*/
/*Clip Path - chevron - clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); */
/* ----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/*Clip Path - star - clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); */
/* ----------------------------------------------------------------------------*/

/*Custom CSS*/
.headline img {
  width: 100%;
  height: 2px;
  max-width: 500px;
  margin: 20px 0 30px;
}
.extra-bold {
  font-size: 18px;
  font-weight: bold;
}

.login-form .forget-pass {
  color: #00308f !important;
  float: left;
  font-size: 14px;
  margin: 10px 0 0 20px;
}
.submit-form input[type="submit"] {
  margin: 0;
  float: left;
}
.login-form .btn.forget-pass {
  color: #000 !important;
  float: left;
  font-size: 14px;
  margin-left: 10px;
}
a:hover,
a:active {
  color: #00308f;
  font-weight: 400;
  text-decoration: none;
  font-size: 2rem;
}

*:focus {
  outline: none;
}
.min-height form {
  padding: 10% 0;
}
.admin-priv {
  color: red;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}
body .site-btn {
  margin: 0 1rem 3rem;
  padding: 10px 25px;
  border-radius: 0.7rem;
  border: 0.1rem solid #ccc;
  background-color: #00308f;
  color: #fff;
  transform: scale(1);
  transition: transform 0.5s;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.15;
  width: auto;
}
.logout-btn {
  margin-top: 30px;
  margin-bottom: 30px;
}
.c-s-z input {
  margin-bottom: 10px;
}
.pagination > li > a,
.pagination > li > span {
  font-size: 14px;
  color: #00308f;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #00308f;
  border-color: #00308f;
}
.small-btn a,
.small-btn input {
  background: #00308f;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 5px;
}
.users-list {
  margin-bottom: 10px;
}
.appyay-you p,
.appyay-you blockquote {
  text-align: center;
  font-style: normal;
}
.appyay-you blockquote a,
.appyay-you .underline a {
  text-decoration: underline;
}
i.sign {
  padding-left: 30%;
  margin-top: 20px;
  float: left;
  width: 100%;
}
#mytable td,
#mytable th {
  font-size: 2rem;
}

td.email {
  word-break: break-word;
}
a.small-btn {
  background-color: #00308f;
  padding: 4px;
  border-radius: 5px;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  font-weight: bold;
  font-size: 14px;
}

#mark {
  padding-bottom: 1rem;
}