@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans&display=swap");
:root {
  --argus-blue: #005daa;
  --argus-navy: #1B233D;
  --white: #FFFFFF;
  --argus-light-grey: #F5F5F5;
  --argus-sky-blue: #33BEEE;
  --argus-sapphire: #1E4897;
  --argus-black: #1D1D1D;
}

body {
  font-size: 12pt;
  font-family: "Open Sans", sans-serif;
  line-height: 17pt;
}

h1, h2, h3, h4 {
  font-family: "Merriweather", serif;
  font-weight: 700;
  margin: 0;
}

h2 {
  font-size: 20pt;
  line-height: 25pt;
}

h3 {
  font-size: 15pt;
  line-height: 18pt;
}

h4 {
  font-size: 12pt;
  line-height: 15pt;
  padding-bottom: 5pt;
}

p {
  margin: 0;
}

a {
  color: var(--white);
  font-size: 11pt;
  line-height: 17pt;
  text-decoration: none;
}

/* form privacy policy text */
.mktoForm a {
  color: inherit !important;
  text-decoration: underline !important;
}

.button {
  display: flex;
  align-items: center;
}
.button svg {
  margin-left: 5pt;
}

.dark-bg {
  background-color: var(--argus-navy);
  color: var(--white);
  padding: 22pt;
}

.gradient-bg {
  background: linear-gradient(to right, var(--argus-blue), var(--argus-sky-blue));
  color: var(--white);
  padding: 22pt;
}

.light-bg {
  background-color: var(--argus-light-grey);
  padding: 22pt;
}

.white-bg {
  background-color: var(--white);
  padding: 22pt;
}

.light-blue-btn {
  background-color: var(--argus-sky-blue);
  border-radius: 15pt;
  display: inline-block;
  font-family: "Merriweather", serif;
  padding: 4pt 8pt;
  white-space: nowrap;
}

.blue-line {
  border-left: 3px solid var(--argus-sky-blue);
  padding-left: 7.5pt;
}

.logo {
  padding: 22pt;
}

h2 + p,
h3 + p {
  padding: 8pt 0;
}

li:first-of-type {
  padding-top: 6pt;
}

.graph-section {
  background-color: var(--white);
  margin: 22pt 0;
  padding: 22pt 0;
}
.graph-section p.small {
  font-size: 9pt;
  line-height: 11pt;
  padding-top: 6pt;
  text-align: right;
}

.info-bullet {
  display: flex;
  padding: 10pt 0;
}
.info-bullet img {
  padding-right: 10pt;
}
.info-bullet p {
  font-size: 12pt;
  padding-bottom: 5pt;
}

.dark-blue-btn {
  background-color: var(--argus-navy);
  color: var(--white);
  border-radius: 15pt;
  font-family: "Merriweather", serif;
  padding: 4pt 8pt;
}

.dark-btn {
  margin-top: 8pt;
}

.text-link {
  color: var(--argus-sapphire);
  font-family: "Merriweather", serif;
  font-size: 12pt;
  font-weight: 700;
  line-height: 15pt;
}

.white-text-link {
  color: var(--white);
  font-family: "Merriweather", serif;
  font-size: 12pt;
  font-weight: 700;
  line-height: 15pt;
}

.card {
  display: flex;
  padding: 8pt 0;
}
.card img {
  padding-right: 8pt;
}

.banner-image {
  background-image: url(https://view.argusmedia.com/rs/584-BUW-606/images/large-option-one.jpg?version=0);
  background-size: cover;
  background-position: center center;
}

.event-details {
  color: var(--white);
  font-family: "Merriweather", serif;
  white-space: nowrap;
}
.event-details p {
  font-size: 12pt;
  line-height: 15pt;
  margin: 0;
}

/* .textbox-overlay {
  background: linear-gradient(to right, var(--argus-blue), var(--argus-sky-blue));
  padding: 22pt;
  margin: 22pt 0;
  text-wrap: wrap;
} */

.hero-image {
  background-image: url(https://view.argusmedia.com/rs/584-BUW-606/images/large-option-two.jpg?version=0);
  background-size: cover;
  background-position: center center;
  height: auto;

  position: relative;
  z-index: 10;
}

.gradient-overlay-a {
  background: linear-gradient(to right, var(--argus-blue), var(--argus-sky-blue));
  opacity: 0.6;
  width: 100%;
  max-width: none;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  height: 100%;
}

.gradient-overlay-b {
  background: linear-gradient(to right, var(--argus-blue), var(--argus-sky-blue));
  opacity: 0.8;
  width: 100%;
  max-width: none;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  height: 100%;
}

.gradient-overlay-c {
  background-color :var(--argus-sapphire);
  opacity: 0.6;
  width: 100%;
  max-width: none;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  height: 100%;
}

.copy-overlay {
  position: relative;
  z-index: 30;
}

@media screen and (max-width: 768px) {
  .copy-overlay .event-details {
    padding-top: 22pt;
  }
}


table tr th,
table tr td {
  border: 4px solid white;
  font-size: 14px;
  padding: 5pt;
}

td:nth-child(1n) {
  background-color: #F4F4F4;
}

td:nth-child(2n) {
  background-color: #ECECEB;
}

td:nth-child(3n) {
  background-color: #E0E0E0;
}

th {
  font-size: 18px !important;
  padding-left: 0pt !important;
}

.form-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22pt 0;
  text-align: center;
}

.mktoForm {
  width: 100% !important;
  max-width: 100% !important;
}

.mktoForm a {
  font-size: inherit !important;
}

.mktoForm * {
  font-family: "Merriweather", serif !important;
  font-weight: 700;
}

.mktoForm .mktoLabel {
  display: none;
}

.mktoForm .mktoFieldWrap {
  float: none;
  width: 100% !important;
}

.mktoForm .mktoFormRow {
  width: 100% !important;
  padding-inline: 20px !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoOffset {
  width: 0 !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText.mktoHasWidth {
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFieldDescriptor.mktoFormCol {
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFieldDescriptor.mktoFormCol .mktoOffset {
  width: 0px !important;
}

.mktoFormRow .mktoFieldWrap input,
.mktoFormRow .mktoFieldWrap select {
  border: 0;
  padding: 10px !important;
  width: 100% !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
  background-color: #ffffff !important;
  border: 1px solid #CCCCCC !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  height: 40px;
  outline: none !important;
  /* width: 300px !important; */
}


.mktoForm .mktoButtonRow {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap {
  margin-inline: 20px !important;
  width: 100% !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
  background: var(--argus-sky-blue) !important;
  background-image: none !important;
  border: 1px solid var(--argus-sky-blue) !important;
  box-shadow: 0px 0px 0px 0px var(--argus-sky-blue) !important;
  color: var(--white) !important;
  font-family: "Merriweather", serif;
  font-size: 11pt !important;
  font-weight: 700;
  line-height: 17pt;
  width: 100% !important;
}

.mktoForm .mktoField {
  background-color: var(--argus-light-grey);
}

.two-col-form .mktoForm .mktoFormRow,
.two-col-form .mktoButtonRow {
  display: flex;
  justify-content: flex-start;
}

.two-col-form .mktoForm .mktoButtonRow .mktoButtonWrap {
  /* margin-inline: 20px !important; */
  width: 50% !important;
}

.two-col-form .mktoForm .mktoBUttonRow .mktoButtonWrap.mktoSimple {
  margin-left: 0 !important;
}

.two-col-form .mktoForm input[type=text],
.two-col-form .mktoForm input[type=url],
.two-col-form .mktoForm input[type=email],
.two-col-form .mktoForm input[type=tel],
.two-col-form .mktoForm input[type=number],
.two-col-form .mktoForm input[type=date],
.two-col-form .mktoForm textarea.mktoField,
.two-col-form .mktoForm select.mktoField {
  background-color: #ffffff !important;
  border: 1px solid #CCCCCC !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  height: 40px;
  outline: none !important;
  width: 100% !important;
}
.two-col-form .mktoForm .mktoHtmlText {
  width: 400px !important;
  max-width: 100% !important;
}
.two-col-form .mktoForm .mktoFormCol:nth-of-type(1) {
  /* padding-right: 8px !important; */
}
.two-col-form .mktoForm .mktoFormCol:nth-of-type(2) {
  padding-left: 16px !important;
}

.two-col-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 20px;
  width: 100% !important;
  margin-top: 10px !important;
}

.two-col-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired input {
  width: auto !important;
}

/* Adjust two column form when bellow tablet screens */
@media screen and (max-width: 1024px) {
  .two-col-form .mktoForm .mktoFormRow,
  .two-col-form .mktoButtonRow {
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    flex-wrap: wrap;
  }
  .two-col-form .mktoForm input[type=text],
  .two-col-form .mktoForm input[type=url],
  .two-col-form .mktoForm input[type=email],
  .two-col-form .mktoForm input[type=tel],
  .two-col-form .mktoForm input[type=number],
  .two-col-form .mktoForm input[type=date],
  .two-col-form .mktoForm textarea.mktoField,
  .two-col-form .mktoForm select.mktoField {
    font-size: 14px;
    max-width: 100% !important;
  }
  .two-col-form .mktoForm select.mktoField {
    padding: 0;
  }
  .two-col-form .mktoForm .mktoFormCol:nth-of-type(1) {
    padding-right: 0px !important;
  }
  .two-col-form .mktoForm .mktoFormCol:nth-of-type(2) {
    padding-left: 0px !important;
  }
}

/* Media query to hide the table below 425px */
/* Removing the media query which hides the table */
/* @media (max-width: 425px) {
  table {
    display: none;
  }
} */

.footer {
  font-size: 9pt;
  line-height: 11pt;
}
.footer p {
  margin: 0;
}
.footer a {
  font-size: 9pt;
  line-height: 11pt;
}

.footer-copyright {
  font-size: 9pt;
  padding-top: 10pt;
}
.footer-copyright p {
  margin: 0;
}

.footer-social-right {
  padding-bottom: 10pt;
}

.blue-border-bottom {
  border-bottom: 1px solid var(--argus-sky-blue);
  padding: 10pt;
}

.blue-border-top {
  border-top: 1px solid var(--argus-sky-blue);
  padding: 10pt;
}

@media (max-width: 991px) {
  .form-container {
    padding: 10px;
  }
  .form-layout {
    width: max-content;
  }
}
@media (max-width: 500px) {
  img {
    height: auto;
    width: 100%;
  }
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  .dark-bg,
  .gradient-bg,
  .light-bg,
  .white-bg {
    padding-left: 8pt !important;
    padding-right: 8pt !important;
  }
  .light-blue-btn {
    display: block;
    text-align: center;
  }
  .logo {
    text-align: center;
    max-width: 200px !important;
  }
  .icon {
    max-width: 35px;
  }
  .info-bullet {
    flex-direction: column;
  }
  .info-bullet img {
    padding-right: 0;
  }
  .info-bullet h4 {
    padding-top: 8pt;
  }
  .dark-btn,
  .light-btn {
    margin-bottom: 8pt;
    padding: 0 6pt;
    text-align: center;
  }
  .dark-btn a,
  .light-btn a {
    display: block;
  }
  .gradient-overlay {
    padding: 22pt;
  }
  th, td {
    font-size: 12px;
  }
  .footer-social-right img,
  .footer-social-center img {
    max-width: 30px;
  }  
}