* {
  box-sizing: border-box;
}

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

#landing-list-links {
  color: #2976a4;
  width: 100%;
  margin: 0 0 15px;
  font-size: 1em;
  font-weight: 600;
  clear: both;
  background-image: none !important;
}

#landing-list-links ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#landing-list-links ul li a.redlinks {
  color: #e03a08;
  list-style-type: none !important;
}

#landing-list-links ul li {
  color: #2976a4;
  line-height: 1.25rem;
  list-style-type: none !important;
  width: 100%;
  margin: 0;
  padding: 10px;
  display: flex;
}

@media screen and (min-width: 420px) {
  #landing-list-links ul li {
    width: calc(100% / 2);
  }
}

@media screen and (min-width: 768px) {
  #landing-list-links ul li {
    width: calc(100% / 3);
  }
}

#landing-list-links ul li::before {
  content: "";
  background-image: none;
}

#landing-list-links ul a:link {
  color: #2976a4;
  text-decoration: none;
  width: 100%;
  padding: 2% 2% 2% 0;
  list-style-type: none !important;
}

#landing-list-links ul a:visited {
  color: #2976a4;
  text-decoration: none;
  width: 100%;
  padding: 2% 2% 2% 0;
  list-style-type: none !important;
}

#landing-list-links ul a:hover {
  color: #2976a4;
  text-decoration: underline;
  width: 100%;
  padding: 2% 2% 2% 0;
  list-style-type: none !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 0 1em 0;
}

div.disclaimer {
  font-size: 0.95em;
  border: 2px solid rgb(41, 118, 164);
  /* border-radius: 5px; */
  padding: 1.5em;
  width: 100%;
  margin: auto;
}

p.disclaimer {
  font-size: 0.95em;
  border: 2px solid rgb(41, 118, 164);
  /* border-radius: 5px; */
  padding: 1em;
}

div.notice {
  font-size: 0.95em;
  border: 2px solid rgb(41, 118, 164);
  /* border-radius: 5px; */
  padding: 1.5em;
  width: 85%;
  margin: auto;
}

button.fWide div {
  width: 100%;
}

p.notice {
  font-size: 1.15em;
  border: 2px solid rgb(41, 118, 164);
  /* border-radius: 5px; */
  padding: 0.5em;
  text-align: center;
  color: white;
  background-color: rgb(41, 118, 164);
}

.contactMain {
  border: solid 1px #454335;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  display: block;
  color: #454335;
  background-color: #e4e7ee;
  margin: 0 0 15px 0;
  padding-top: 0;
}

.contactRow {
  border: solid 1px white;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  color: #454335;
  background-color: white;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 97%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.contactTopic {
  width: 41%;
  float: left;
  margin-top: auto;
  margin-bottom: auto;
  height: auto;
  padding-right: 1%;
}

.contactName {
  width: 28%;
  float: left;
  margin-top: auto;
  margin-bottom: auto;
  height: auto;
}

.contactPhone {
  width: auto;
  float: right;
  margin-top: auto;
  margin-bottom: auto;
  height: auto;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgb(41, 118, 164);
  margin: 1em;
  padding: 0;
}

.introCopy {
  font-size: 1.15em;
  font-weight: 600;
}

.sponsor {
  font-size: 1em;
  border: 1px solid rgb(41, 118, 164);
  border-radius: 5px;
  padding: 1em;
  width: 100%;
  margin: 0 0 15px;
}

.sponsorKnockOut {
  font-size: 1em;
  border: 1px solid rgb(41, 118, 164);
  color: white;
  border-radius: 5px;
  padding: 1em;
  width: 100%;
  margin: 0 0 15px;
}

.miButton div {
  margin: 10em 0 0 0;
}

.miCenter {
  display: flex;
  justify-content: center;
}

/* p:first-of-type {
  font-size: 1.15em;
  font-weight: 600;
} */

div.DamAlertBox {
  font-size: 0.95em;
  border: 2px solid #ebbb0b;
  border-radius: 5px;
  padding: 1em;
  width: 85%;
  margin: 0 auto 1em auto;
  text-align: center;
  background-color: #ffe999;
}

p.DamAlertBox {
  font-size: 0.95em;
  /* border: 2px solid #006699;
  border-radius: 5px; */
  padding: 0.5em;
  text-align: center;
}

/* Dropdown menu - drpdwn */

.drpdwnMenu {
  margin: 15px auto;
  height: fit-content;
}

.drpdwnMenu ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

.drpdwnMenu ul a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 32px;
  padding: 0 15px;
  /*font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif*/
}

.drpdwnMenu ul li {
  position: relative;
  float: left;
  background-color: #006699;
  margin: 0;
  padding: 0;
}

.content-block .drpdwnMenu ul li:before {
  content: none;
}

.drpdwnMenu ul li.current-menu-item {
  background: #ddd;
}

.drpdwnMenu ul li:hover {
  background: #007cba;
}

.drpdwnMenu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 0;
}

.drpdwnMenu ul ul li {
  float: none;
  width: 200px;
}

.drpdwnMenu ul ul a {
  line-height: 120%;
  padding: 10px 15px;
}

.drpdwnMenu ul ul ul {
  top: 0;
  left: 100%;
}

.drpdwnMenu ul li:hover > ul {
  display: block;
}

/* End Dropdown menu - drpdwn */

.callout {
  display: block;
  width: 100%;
  padding: 20px;
  margin: 0 0 15px;
  background-color: #caebf2;
  border: thin solid #d9d9d9;
  font-size: 0.85rem;
  border-collapse: collapse;
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .callout {
    max-width: 300px;
    margin: 0 0 15px 15px;
    float: right;
  }
}

.FlexDisplay {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.FlexDisplay * {
  box-sizing: border-box;
}
.FlexDisplay .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 220px; /* Set for image sized to 200px max width of height */
  padding: 0;
  margin: 5px;
}
.FlexDisplay .item:hover {
  background-color: #cccccc;
  border-radius: 10px;
}
.FlexDisplay .item a {
  width: 100%;
  padding: 10px;
  text-decoration: none;
}
.FlexDisplay .image {
  width: 100%;
  padding-top: 100%;
  background: transparent center center no-repeat;
  background-size: contain;
}
.FlexDisplay .video {
  width: 100%;
  padding: 10px;
}
.FlexDisplay .video video {
  width: 100%;
}
.FlexDisplay .title {
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 10px 5px 5px;
}
.FlexDisplay .video ~ .title {
  padding: 0 5px 10px;
}

.content-block ol li::before {
  background-image: none !important;
}

.sponsorKnockOut {
  font-size: 1em;
  /* border-color: #c9e8a9; */
  color: #006699;
  border: 1px solid #c9e8a9;
  background-color: #eff8e6;
  border-radius: 5px;
  padding: 1em;
  width: 100%;
  margin: 0 0 15px;
}

.sponsorKnockOut h3 {
  color: #006699 !important;
}

.sponsorKnockOut a:link,
.sponsorKnockOut a:visited {
  color: #71b02f;
}

.sponsorKnockOut a:hover {
  color: #07aed1;
}

@import url("https://webarchive.library.unt.edu/web/20201218114628cs_/https://fonts.googleapis.com/css?family=Montez");
@import url(https://webarchive.library.unt.edu/web/20201218114628cs_/https://fonts.googleapis.com/css?family=Francois + One);

blockquote {
  display: block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 1em 20px 1em;
  position: relative;

  /*Font*/
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  line-height: 1.75em;
  color: #666;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;

  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-right-width: 2px;
}

blockquote::before {
  /* content: "\201C"; */ /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: "Montserrat", sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top: 5px;
}

blockquote::after {
  /*Reset to make sure*/
  content: "";
}

blockquote a {
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover {
  color: #666;
}

blockquote em {
  font-style: italic;
}

/*Default Color Palette*/
blockquote.default {
  border-left-color: #656d77;
  border-right-color: #434a53;
}

/*Grapefruit Color Palette*/
blockquote.grapefruit {
  border-left-color: #ed5565;
  border-right-color: #da4453;
}

/*Bittersweet Color Palette*/
blockquote.bittersweet {
  border-left-color: #fc6d58;
  border-right-color: #e95546;
}

/*Sunflower Color Palette*/
blockquote.sunflower {
  border-left-color: #ffcd69;
  border-right-color: #f6ba59;
}

/*Grass Color Palette*/
blockquote.grass {
  border-left-color: #9fd477;
  border-right-color: #8bc163;
}

/*Mint Color Palette*/
blockquote.mint {
  border-left-color: #46cfb0;
  border-right-color: #34bc9d;
}

/*Aqua Color Palette*/
blockquote.aqua {
  border-left-color: #4fc2e5;
  border-right-color: #3bb0d6;
}

/*Blue Jeans Color Palette*/
blockquote.bluejeans {
  border-left-color: #2976a4;
  border-right-color: #2976a4;
}

/*Lavander Color Palette*/
blockquote.lavander {
  border-left-color: #ad93e6;
  border-right-color: #977bd5;
}

/*Pinkrose Color Palette*/
blockquote.pinkrose {
  border-left-color: #ed87bd;
  border-right-color: #d870a9;
}

/*Light Color Palette*/
blockquote.light {
  border-left-color: #f5f7fa;
  border-right-color: #e6e9ed;
}

/*Gray Color Palette*/
blockquote.gray {
  border-left-color: #ccd1d8;
  border-right-color: #aab2bc;
}

/* These CSS classes used just for Demo purpose */
.heading {
  font-family: Montez;
  text-align: center;
  font-size: 30px;
}
code {
  color: #da4453;
}
span {
  font-weight: bolder;
}

span.Cdefault {
  color: #434a53;
}
span.Cgrapefruit {
  color: #da4453;
}
span.Cbittersweet {
  color: #e95546;
}
span.Csunflower {
  color: #f6ba59;
}
span.Cgrass {
  color: #8bc163;
}
span.Cmint {
  color: #34bc9d;
}
span.Caqua {
  color: #3bb0d6;
}
span.Cbluejeans {
  color: #2976a4;
}
span.Clavander {
  color: #977bd5;
}
span.Cpinkrose {
  color: #d870a9;
}
span.Clight {
  color: #e6e9ed;
}
span.Cgray {
  color: #aab2bc;
}