@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
:root {
  --body-color: #0033a1;
  --body-family: Roboto, 'Helvetica Neue LT Std', Arial, sans-serif;
  --title-family: Roboto, 'Helvetica Neue LT Std', Arial, sans-serif;
  --body-font-size: 16; }

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("../fonts/HelveticaNeueLTStd-Cn.woff2") format("woff2"), url("../fonts/HelveticaNeueLTStd-Cn.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/*Utils*/
.full-height {
  height: 100% !important; }

.flex {
  display: flex !important; }

.flex-dir-col {
  flex-direction: column !important; }

.flex-1 {
  flex: 1 !important; }

.justify-between {
  justify-content: space-between !important; }

.justify-center {
  justify-content: center !important; }

.txt-center {
  text-align: center !important; }

.txt-normal {
  font-weight: normal !important; }

.txt-bold {
  font-weight: bold !important; }

.font-size-body {
  font-size: var(--body-font-size) !important; }

.txt-italic {
  font-style: italic !important; }

.is-uppercase {
  text-transform: uppercase; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.ml30 {
  margin-left: 30px; }

/*Table styles*/
.action-buttons {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .action-buttons {
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      height: 200px; } }
  .action-buttons .btn, .action-buttons .btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 200px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    cursor: pointer;
    text-decoration: none; }
    .action-buttons .btn.theme-blue, .action-buttons .btn-link.theme-blue {
      color: var(--body-color);
      border-color: var(--body-color); }
      .action-buttons .btn.theme-blue:hover, .action-buttons .btn-link.theme-blue:hover {
        background-color: var(--body-color);
        color: #fff;
        border-color: var(--body-color); }

body {
  font-family: var(--body-family);
  font-size: var(--body-font-size);
  line-height: 1.45;
  counter-reset: section; }
  body.has-bottom-bg-img {
    background-image: url("../img/pete-bg-white-gradient.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% !important;
    padding-bottom: 30vh; }
    @media (max-width: 500px) {
      body.has-bottom-bg-img {
        padding-bottom: 20vh;
        background-size: 35%; } }
    @media (min-width: 768px) {
      body.has-bottom-bg-img {
        padding-bottom: 40vh; } }
    @media (min-width: 992px) {
      body.has-bottom-bg-img {
        padding-bottom: 50vh; } }
    @media (min-width: 1200px) {
      body.has-bottom-bg-img {
        padding-bottom: 65vh; } }
  body #landing-pg .container {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    flex-direction: column !important; }

h1, h2, h3, h4 {
  font-family: var(--title-family); }

header {
  background-repeat: no-repeat;
  background-color: #dcdcdc;
  min-height: 475px;
  background-size: 100%;
  background-size: 100% 100%;
  color: var(--body-color);
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    header {
      background-image: linear-gradient(rgba(220, 220, 220, 0.8), rgba(220, 220, 220, 0.8)), url("../img/headerbg.jpg"); } }

.intro-lead-heading {
  margin-bottom: 20px;
  font-size: 25px; }
  @media (min-width: 768px) {
    .intro-lead-heading {
      font-size: 40px; } }

.brand-name {
  font-size: 35px;
  margin-bottom: 30px;
  margin-top: 30px; }

.lead-notice {
  text-transform: uppercase;
  font-family: var(--title-family); }
  @media (min-width: 768px) {
    .lead-notice {
      font-size: 15px;
      margin: 0; } }

.content {
  overflow: auto;
  margin-bottom: 10px; }
  .content h2 {
    color: var(--body-color);
    margin-bottom: 25px;
    font-family: var(--title-family);
    font-size: 28px; }
  .content p {
    margin-bottom: 16px;
    font-family: var(--title-family);
    font-size: var(--body-font-size);
    color: var(--body-color); }

.title {
  font-family: Lato, sans-serif !important;
  font-weight: 900;
  font-size: 32px;
  color: #3B9C57;
  text-transform: uppercase;
  text-shadow: 2px 2px 5px #000000 !important;
  margin-top: 0 !important;
  text-align: center;
  padding: 0px; }

.hr-gradient-strip {
  height: 2px;
  margin: 1rem;
  background-color: #fff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }

.rules_wrapper {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 20px;
  max-width: 1400px;
  border-radius: 10px; }

.toc-links {
  margin: 30px 0; }

.toc-links a {
  display: inline-block;
  margin-bottom: 5px;
  font-family: var(--title-family);
  text-transform: uppercase;
  letter-spacing: .5px; }
  @media (min-width: 768px) {
    .toc-links a {
      font-size: 20px; } }

.content-item {
  padding-left: 30px; }
  .content-item::before {
    counter-increment: section;
    content: counter(section) ". ";
    float: left;
    margin-left: -30px; }

ul {
  list-style: none;
  padding-left: 20px; }
  ul li {
    display: flex; }
    ul li:before {
      content: "\2022";
      color: var(--body-color);
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }

a {
  font-weight: 500;
  color: var(--body-color); }
  a:hover {
    text-decoration: underline; }

@media screen and (max-width: 767px) {
  h1, h2, h3, h4 {
    font-size: 20px; }

  .content h2 {
    font-size: 24px; } }
.logo-wrapper {
  margin: 50px 0; }
  @media (min-width: 768px) {
    .logo-wrapper {
      margin: 3vw 0; } }
  @media (min-width: 1024px) {
    .logo-wrapper {
      margin: 4vw 0; } }
  .logo-wrapper img {
    width: 200px; }
    @media (min-width: 768px) {
      .logo-wrapper img {
        max-width: 25vw;
        width: 250px; } }
    @media (min-width: 1024px) {
      .logo-wrapper img {
        max-width: 25vw; } }

/*# sourceMappingURL=style.css.map */