/* Note to User: This CSS file is compiled by SASS. It should not be edited directly.
If you are unfamiliar with SASS,you should take some time to understand its operation.
If you do not understand how this file works, you will find yourself frustrated and risk your code being overwritten. */
html {
  height: 100%;
}

/*
Color Scheme
 */
/*
$darkOne
$darkTwo
$darkThree

$lightOne
$lightTwo
$lightThree

$accentOne: #b89c66;
$accentTwo
$accentThree
*/
/*
A few resets
 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  position: relative;
}

/*div#overlay {
  background-color: rgba(0, 0, 0, .9);
  position: fixed;
  z-index: 1000;
  height: 100% !important;
  width: 100vw;
  margin: 0;
  top: 0;
  left: 0;
  display: none;
}*/
div.productDetail {
  display: none;
}
div.productDetail h1 {
  color: #ffffff !important;
}
div.productDetail div.theDetails {
  flex-basis: 50%;
}
div.productDetail figure {
  flex-basis: 50%;
}
div.productDetail img {
  width: 100%;
}

/*
Perfect Centering for Flexboxes
 */
.perfectCentering {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
:::::::::: Set Base Font Size ::::::::
*/
.noBullets {
  list-style-type: none;
}

.centered {
  text-align: center;
}

/*
:::::::: Apply Base Font Size ::::::::
*/
body {
  font-size: 1em;
}

.sansSerif {
  font-family: "Readex Pro", sans-serif !important;
}

h1 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

h2 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

h3 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

h4 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

h5 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

h6 {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: 300;
}

p {
  font-family: "Linden Hill", serif;
  color: #313131;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 150%;
}

ul {
  font-family: "Readex Pro", sans-serif;
  color: #313131;
  padding: 0 !important;
  margin: 0 !important;
}

label {
  font-family: "Readex Pro", sans-serif;
  color: #2d3748;
}

figcaption {
  font-family: "Readex Pro", sans-serif;
}

dl {
  font-family: "Readex Pro", sans-serif;
}
body#home * {
  font-family: "Readex Pro", sans-serif;
}
body#home header#homeHero {
  background-image: url("/css/images/homeHero.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (max-width: 900px) {
  body#home header#homeHero {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 900px) {
  body#home header#homeHero {
    height: 800px;
  }
}
body#home header#homeHero p#contact {
  color: #ffffff;
}
body#home header#homeHero p#contact a {
  color: #ffffff !important;
  text-decoration: none !important;
}
body#home header#homeHero p#contact a:hover {
  text-decoration: underline !important;
}
body#home header#homeHero h2 {
  font-size: 250%;
  margin-bottom: 30px !important;
  text-align: center;
  font-weight: 500;
  color: #ff6600;
}
@media only screen and (min-width: 900px) {
  body#home header#homeHero h2 {
    font-size: 500%;
  }
}
body#home header#homeHero p {
  font-size: 100%;
  line-height: 1.7em;
  margin-bottom: 1em !important;
  color: #ffffff;
}
@media only screen and (min-width: 1000px) {
  body#home header#homeHero p {
    font-size: 120%;
  }
}
body#home header#homeHero > div {
  background-color: rgba(35, 25, 26, 0.8);
  width: 94%;
  max-width: 1500px;
  padding: 30px;
}
body#home section#about {
  display: none;
}
body#home section#about h2 {
  font-size: 300%;
  color: #ff6600;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  body#home section#about h2 {
    font-size: 500%;
    margin-bottom: 30px !important;
  }
}
body#home section#about div.wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  body#home section#about div.wrap {
    flex-direction: row;
  }
}
body#home section#mapAndHours {
  padding-top: 30px;
}
body#home section#mapAndHours h2 {
  font-size: 300%;
  color: #ff6600;
  text-align: center;
  font-weight: 500;
  line-height: 1em;
}
@media screen and (min-width: 1000px) {
  body#home section#mapAndHours h2 {
    font-size: 500%;
    margin-bottom: 30px !important;
  }
}
body#home section#mapAndHours h3 {
  color: #1f7cb5;
  font-size: 200% !important;
  text-align: center;
}
body#home section#mapAndHours h4 {
  font-size: 100%;
  text-align: center;
  margin: 15px 0 !important;
}
body#home section#mapAndHours iframe {
  outline: 1px solid #cccccc;
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
}
body#home section#mapAndHours div.wrap {
  display: flex;
  flex-direction: column;
  width: 98%;
  margin: auto;
}
body#home section#mapAndHours div.wrap > div {
  flex-basis: 50%;
}
@media screen and (min-width: 1000px) {
  body#home section#mapAndHours div.wrap {
    flex-direction: row;
  }
}
body#home section#mapAndHours div.wrap div.map {
  padding: 20px;
}
body#home section#mapAndHours div.wrap div.map > div {
  width: 100% !important;
}
body#home section#mapAndHours div.wrap div.hours {
  padding: 40px !important;
}
body#home section#mapAndHours div.wrap ul {
  list-style-type: none;
}
body#home section#mapAndHours div.wrap ul li {
  margin-bottom: 12px;
}
body#home section#products {
  padding-top: 20px;
  padding-bottom: 30px;
}
body#home section#products h2 {
  font-size: 300%;
  color: #ff6600;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 1000px) {
  body#home section#products h2 {
    font-size: 500%;
    margin-bottom: 10px !important;
  }
}
body#home section#products h3 {
  font-size: 110% !important;
  padding: 0 8px !important;
  line-height: 1.7em !important;
  text-align: center;
}
@media screen and (min-width: 1100px) {
  body#home section#products h3 {
    font-size: 180% !important;
    padding: 0 !important;
  }
}
body#home section#products div.wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  padding: 10px;
  margin-top: 18px;
}
@media only screen and (min-width: 950px) {
  body#home section#products div.wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1500px) {
  body#home section#products div.wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
body#home section#products > .wrap div {
  padding-bottom: 30px;
  text-align: center;
}
body#home section#products > .wrap div h3 {
  font-size: 170% !important;
  color: #1f7cb5;
}
body#home section#products > .wrap div h4 {
  margin-bottom: 15px !important;
  font-size: 110% !important;
}
body#home section#products > .wrap div p {
  font-size: 90%;
}
body#home section#products > .wrap div p a {
  text-transform: uppercase;
}
body#home section#products > .wrap div a {
  text-decoration: none;
  color: #262625;
}
body#home section#products > .wrap div a:hover {
  text-decoration: underline;
}
body#home section#products > .wrap div img {
  width: 100%;
  margin-bottom: 10px !important;
}
body#home section#contact input[type=text], body#home section#contact textarea {
  border: none !important;
}
body#home section#contact h2 {
  font-size: 300%;
  color: #ff6600;
  text-align: center;
  font-weight: 500;
  margin-bottom: 15px !important;
}
body#home section#contact div.wrap {
  display: flex;
  flex-direction: column;
}
body#home section#contact div.wrap > div {
  flex-basis: 50%;
}
body#home section#contact div.wrap div.theForm {
  padding: 60px;
  background-color: #ff6600;
  order: 2;
}
body#home section#contact div.wrap div.theForm label, body#home section#contact div.wrap div.theForm li {
  color: #ffffff;
}
body#home section#contact div.wrap div.theCopy {
  background-image: url("/css/images/contact-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  order: 1;
}
body#home section#contact div.wrap div.theCopy p {
  line-height: 1.7em;
  color: #ffffff;
  font-size: 115% !important;
}
body#home section#contact div.wrap div.theCopy > div {
  background-color: rgba(35, 25, 26, 0.8);
  width: 70%;
  padding: 30px;
}
@media screen and (min-width: 1000px) {
  body#home section#contact div.wrap {
    flex-direction: row;
  }
}
body#home section#services {
  padding: 15px;
  background-image: url("/css/images/enrollable-02.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) {
  body#home section#services {
    padding: 20px;
  }
}
body#home section#services p {
  font-size: 110% !important;
  line-height: 1.75em !important;
  font-weight: normal;
  color: #ffffff;
}
body#home section#services hr {
  width: 70px !important;
  margin: 14px 0;
  background-color: #d3d3d3;
  height: 3px;
  border: none;
}
body#home section#services div.wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  body#home section#services div.wrap {
    flex-direction: row;
    padding: 40px;
  }
}
body#home section#services aside {
  background-color: rgba(35, 25, 26, 0.85);
  padding: 20px;
}
@media screen and (min-width: 1200px) {
  body#home section#services aside {
    flex-basis: 40%;
    padding: 40px;
  }
}
body#home section#services aside h2 {
  margin-bottom: 25px !important;
  font-size: 300%;
  color: #ff6600;
  font-weight: 500 !important;
}
@media screen and (min-width: 1600px) {
  body#home section#services aside h2 {
    font-size: 400%;
  }
}
body#home section#services aside p {
  margin-bottom: 25px !important;
  font-size: 110% !important;
}
body#home section#services article {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: rgba(35, 25, 26, 0.9);
}
@media screen and (min-width: 1200px) {
  body#home section#services article {
    flex-basis: 60%;
    padding: 20px;
    flex-direction: row;
  }
}
body#home section#services article h3 {
  text-align: left !important;
  font-size: 260% !important;
  color: #ff0571;
  font-weight: 500 !important;
}
body#home section#services article div {
  flex-basis: 50%;
  padding: 20px;
  margin-bottom: 0 !important;
}

footer {
  background-color: #23191a;
}
footer img.icpalli-logo {
  margin: 12px auto;
  display: block;
  width: 10%;
  min-width: 300px;
}
footer form {
  margin-top: 30px;
}
footer label {
  color: #ffffff;
  background-color: #000000;
  font-size: 150% !important;
  padding: 5px;
}
footer h3 {
  margin-bottom: 25px !important;
  font-size: 250% !important;
  color: #ff0571;
}
footer p {
  font-size: 140% !important;
  line-height: 1.75em !important;
  color: #ffffff;
  font-family: "Readex Pro", sans-serif;
}
footer a {
  text-decoration: none;
  color: #ffffff;
}
footer a:hover {
  text-decoration: underline;
}
footer ul {
  list-style-type: none;
  color: #ffffff;
}
footer ul li {
  margin-bottom: 25px;
}
footer .wrap {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
footer .wrap > div {
  margin-bottom: 80px;
}
@media (min-width: 1200px) {
  footer .wrap {
    flex-direction: row;
  }
  footer .wrap > div {
    flex-basis: 50%;
    padding: 50px;
    margin-bottom: 0;
  }
}

section#copyright {
  padding: 40px 0;
}
section#copyright p {
  color: #ffffff;
  text-align: center;
  font-family: "Readex Pro", sans-serif;
  font-weight: 200;
  font-size: 130% !important;
}

.material-icons {
  font-family: "Material Icons" !important;
}

div#errorReporting {
  width: 98%;
  max-width: 800px;
  margin: 0 auto 40px auto !important;
}
div#errorReporting div.formErrors {
  background-color: darkred;
  margin-bottom: 40px;
  font-size: 115% !important;
  padding: 15px;
  border-radius: 8px;
}
div#errorReporting div.formErrors div.message {
  color: #ffffff !important;
  flex-direction: column;
  display: flex;
}
div#errorReporting div.formErrors div.message i {
  flex-basis: 100%;
  text-align: center !important;
  font-size: 200% !important;
  margin-bottom: 10px;
}
div#errorReporting div.formErrors div.message div {
  flex-basis: 100%;
  text-align: center;
}
div#errorReporting div.formErrors div.message p {
  color: #ffffff !important;
  font-family: "Readex Pro", sans-serif !important;
}
div#errorReporting div.formErrors ul {
  list-style-position: inside;
  color: #ffffff !important;
  padding: 15px !important;
  font-size: 90% !important;
  font-family: "Readex Pro", sans-serif !important;
}
div#errorReporting div.formErrors li {
  margin-bottom: 5px !important;
  line-height: 1.25em;
}
div#errorReporting div.formErrors li:last-child {
  margin-bottom: 0 !important;
}
div#errorReporting div#contact.formErrors p {
  color: #ffffff !important;
}
div#errorReporting div#contact.formErrors li {
  margin-bottom: 5px !important;
}
div#errorReporting div#contact.formErrors li:last-child {
  margin-bottom: 0 !important;
}

form#mailingList, form#contactEdit, form#subscriberEdit {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
form#mailingList div.formGroup, form#contactEdit div.formGroup, form#subscriberEdit div.formGroup {
  width: 100%;
  margin-bottom: 20px;
}
form#mailingList div#robotCheck, form#contactEdit div#robotCheck, form#subscriberEdit div#robotCheck {
  font-size: 120% !important;
  font-weight: bold;
  font-family: "Readex Pro", sans-serif;
  display: flex;
}
form#mailingList label, form#contactEdit label, form#subscriberEdit label {
  margin-bottom: 10px !important;
  display: block;
}
form#mailingList input[type=text], form#mailingList textarea, form#contactEdit input[type=text], form#contactEdit textarea, form#subscriberEdit input[type=text], form#subscriberEdit textarea {
  padding: 10px;
  border: 1px solid #cccccc;
  width: 100%;
  font-size: 110% !important;
  border-radius: 4px;
}
form#mailingList input[type=submit], form#contactEdit input[type=submit], form#subscriberEdit input[type=submit] {
  width: 100%;
  text-transform: uppercase;
  padding: 10px;
  letter-spacing: 7px;
  text-indent: 7px;
  font-size: 110%;
  border-radius: 2px;
  border: none;
  color: #ffffff;
  background-color: #ff0571;
}
form#mailingList input[type=submit]:hover, form#contactEdit input[type=submit]:hover, form#subscriberEdit input[type=submit]:hover {
  outline: 1px solid #ff0571;
  color: #ff0571;
  background-color: transparent;
  cursor: pointer;
}

form#contact {
  display: grid;
  gap: 24px;
  grid-template-areas: "firstName firstName" "lastName lastName" "emailAddress emailAddress" "message message" "services services" "button button";
}
form#contact label {
  font-size: 200% !important;
}
form#contact div.formGroup {
  width: 100%;
}
form#contact input[type=text], form#contact textarea {
  padding: 10px;
  width: 100%;
  font-size: 110% !important;
  border-radius: 4px;
  border: none !important;
  outline: none !important;
}
form#contact textarea {
  margin-bottom: 15px !important;
}
form#contact ::placeholder {
  color: #483c39;
  opacity: 1;
}
form#contact input[type=checkbox] {
  border: none;
  outline: none;
  transform: scale(1.5);
  border-radius: 0 !important;
  padding: 0 !important;
}
form#contact input[type=checkbox]:focus {
  outline: none;
}
form#contact input[type=submit] {
  width: 100%;
  text-transform: uppercase;
  padding: 10px;
  letter-spacing: 7px;
  text-indent: 7px;
  font-size: 110%;
  border-radius: 2px;
  border: none !important;
  color: #ff6600;
  background-color: #ffffff;
}
form#contact input[type=submit]:hover {
  color: #ffffff;
  background-color: transparent;
  outline: 1px solid #ffffff;
  cursor: pointer;
}
form#contact div#firstName {
  grid-area: firstName;
}
form#contact div#lastName {
  grid-area: lastName;
}
form#contact div#emailAddress {
  grid-area: emailAddress;
}
form#contact div#message {
  grid-area: message;
}
form#contact div#services {
  grid-area: services;
}
form#contact div#button {
  grid-area: button;
}
@media screen and (min-width: 1200px) {
  form#contact {
    grid-template-areas: "firstName lastName" "emailAddress emailAddress" "message message" "services services" "button button";
  }
}

#interestedIn {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 20px 0 0 0 !important;
  flex-direction: column;
}
@media screen and (min-width: 1400px) {
  #interestedIn {
    flex-direction: row;
  }
}

#interestedIn li {
  width: 100%;
  font-size: 120% !important;
  color: #ffffff;
  margin-bottom: 14px;
}
@media screen and (min-width: 1000px) {
  #interestedIn li {
    width: 50%;
  }
}
#interestedIn li input {
  margin-right: 10px;
}

main#anEvent {
  font-family: "Readex Pro", sans-serif !important;
}
main#anEvent a {
  color: #365982;
}
main#anEvent div.formErrors, main#anEvent div#registrationForm {
  width: 98%;
  max-width: 1200px;
  margin: 30px auto;
}
main#anEvent a.registerNow {
  padding-top: 3px;
  margin: auto;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 53px;
  background-color: #8ab145;
  width: 90%;
  max-width: 800px;
  height: 50px !important;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-indent: 5px;
  font-size: 120%;
}
main#anEvent a.registerNow:hover {
  background-color: #e46e19;
}
main#anEvent header#heroShot {
  background-color: #b3d6fe;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
main#anEvent header#heroShot > section {
  background: rgb(27, 30, 33);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%);
  text-align: center;
  width: 94%;
  max-width: 1000px !important;
  border-radius: 8px;
}
main#anEvent header#heroShot > section .wrap {
  padding: 20px;
}
main#anEvent header#heroShot > section h2 {
  color: #8dafd5 !important;
  font-weight: 500;
  font-size: 220% !important;
  margin-bottom: 15px !important;
}
@media screen and (max-width: 700px) {
  main#anEvent header#heroShot > section h2 {
    font-size: 115% !important;
    font-weight: 600;
  }
}
main#anEvent header#heroShot > section h3 {
  color: #ffffff !important;
  font-weight: 600;
  font-size: 140% !important;
  margin-bottom: 15px !important;
}
@media screen and (max-width: 700px) {
  main#anEvent header#heroShot > section h3 {
    font-size: 110% !important;
    line-height: 1.2em !important;
  }
}
main#anEvent header#heroShot > section h3.courseTitle {
  color: #8dafd5 !important;
  font-weight: 500;
  font-size: 220% !important;
}
@media screen and (max-width: 700px) {
  main#anEvent header#heroShot > section h3.courseTitle {
    font-size: 110% !important;
    font-weight: 600;
  }
}
main#anEvent header#heroShot > section h4 {
  color: #8dafd5 !important;
  font-weight: 500;
  font-size: 220% !important;
}
@media screen and (max-width: 700px) {
  main#anEvent header#heroShot > section h4 {
    font-size: 110% !important;
    font-weight: 600;
  }
}
main#anEvent section#theEvent {
  padding: 2em 0;
}
main#anEvent section#theEvent h2 {
  font-family: "Readex Pro", sans-serif !important;
  font-size: 150%;
  margin-bottom: 15px !important;
  color: #365982;
  line-height: 1.2em;
  font-weight: 400 !important;
}
@media screen and (min-width: 700px) {
  main#anEvent section#theEvent h2 {
    font-size: 210%;
  }
}
main#anEvent section#theEvent h3 {
  font-size: 220% !important;
  margin-bottom: 15px !important;
  color: #8dafd5;
  font-weight: 400;
}
main#anEvent section#theEvent h4 {
  font-size: 190% !important;
  margin-bottom: 15px !important;
  color: #8dafd5;
  font-weight: 400;
}
main#anEvent section#theEvent p {
  margin-bottom: 70px !important;
  line-height: 1.6em !important;
  color: #313131 !important;
  font-size: 120%;
}
main#anEvent section#theEvent .wrap {
  width: 94% !important;
  max-width: 1500px;
  margin: auto;
}
main#anEvent section#theEvent div#titleBlock {
  padding-bottom: 20px;
}
main#anEvent section#theEvent div#titleBlock h2 {
  font-family: "Readex Pro", sans-serif !important;
  font-size: 270%;
  margin-bottom: 20px !important;
  color: #365982;
  text-align: center;
}
main#anEvent section#theEvent div#titleBlock h3 {
  margin-bottom: 10px !important;
  font-size: 150% !important;
  color: #313131;
  line-height: 1.2em;
  text-align: center;
}
main#anEvent section#theEvent div#titleBlock h4 {
  margin-bottom: 15px !important;
  font-size: 250% !important;
  color: #365982;
  text-align: center;
  font-weight: lighter;
}
main#anEvent section#theEvent div#titleBlock h5 {
  margin-bottom: 15px !important;
  font-size: 120% !important;
  font-weight: bold !important;
  color: #5d5d5d;
}
main#anEvent section#theEvent div#titleBlock a.registerNow {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
main#anEvent section#theEvent div#titleBlock div#normalRegistration {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 800px) {
  main#anEvent section#theEvent div#titleBlock div#normalRegistration {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1000px) {
  main#anEvent section#theEvent div#titleBlock div#normalRegistration {
    grid-template-columns: repeat(2, 1fr);
  }
}
main#anEvent section#theEvent div#titleBlock div#normalRegistration > div {
  background-color: #365982 !important;
  padding: 10px;
  border-radius: 6px;
  width: 100%;
  max-width: 800px;
  margin: auto;
}
main#anEvent section#theEvent div#titleBlock div#normalRegistration > div p {
  color: #ffffff !important;
  font-size: 100% !important;
  text-align: center;
  margin: 0 !important;
  letter-spacing: 4px;
  text-indent: 4px;
  text-transform: uppercase;
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
  margin: 0 auto 30px auto;
}
@media screen and (min-width: 700px) {
  main#anEvent section#theEvent div#titleBlock div#earlyRegistration {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1000px) {
  main#anEvent section#theEvent div#titleBlock div#earlyRegistration {
    grid-template-columns: repeat(4, 1fr);
  }
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration > div {
  background-color: #365982 !important;
  padding: 10px;
  border-radius: 6px;
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration > div p {
  color: #ffffff !important;
  font-size: 150% !important;
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration > div p:first-child {
  font-weight: bold;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  line-height: 1em !important;
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration > div p:last-child {
  margin-bottom: 0 !important;
}
main#anEvent section#theEvent div#titleBlock div#earlyRegistration > div:last-child {
  border: none !important;
}
main#anEvent section#continuingEducation {
  padding-top: 3em;
  padding-bottom: 3em;
}
main#anEvent section#continuingEducation h2 {
  text-align: center !important;
  font-size: 325%;
  margin-bottom: 15px !important;
  color: #365982 !important;
}
main#anEvent section#continuingEducation h3 {
  text-align: center !important;
  font-size: 250%;
  color: #8A979A;
  margin-bottom: 10px !important;
}
main#anEvent section#continuingEducation img {
  width: 50%;
  max-width: 225px;
  display: block;
  margin: auto;
  mix-blend-mode: multiply;
}
main#anEvent section#continuingEducation div.wrap {
  width: calc(98% - 20px) !important;
  max-width: 1200px;
  margin: 3em auto 3em auto !important;
  overflow: hidden;
}
main#anEvent section#continuingEducation div.wrap > div {
  border: 1px solid #cccccc;
  padding: 20px !important;
  background-color: #fafafa;
  border-radius: 8px;
}
main#anEvent section#continuingEducation div.wrap > div h4 {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 15px !important;
}
main#anEvent section#continuingEducation div.wrap > div ul {
  list-style-position: outside;
  font-size: 105%;
  padding: 30px !important;
}
main#anEvent section#continuingEducation div.wrap > div li {
  margin-bottom: 10px;
  line-height: 1.25em;
}
main#anEvent section#dailySchedule {
  margin-bottom: 3em;
}
main#anEvent section#dailySchedule h2 {
  text-align: center;
  font-size: 325%;
  margin-bottom: 15px !important;
  color: #365982 !important;
}
main#anEvent section#dailySchedule div.wrap {
  width: calc(98% - 20px) !important;
  max-width: 1400px;
  margin: 0 auto 20px auto;
  overflow: hidden;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 100%;
}
@media screen and (min-width: 800px) {
  main#anEvent section#dailySchedule div.wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
main#anEvent section#dailySchedule div.wrap > div {
  padding: 20px;
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
}
main#anEvent section#dailySchedule div.wrap > div h4 {
  margin-bottom: 14px !important;
  font-size: 210% !important;
  font-weight: 300;
  color: #365982 !important;
}
main#anEvent section#dailySchedule div.wrap > div dl {
  font-size: 115% !important;
  color: #313131 !important;
}
main#anEvent section#dailySchedule div.wrap > div dt {
  font-weight: bold;
  margin-bottom: 5px;
}
main#anEvent section#dailySchedule div.wrap > div dd {
  margin-bottom: 18px;
  line-height: 1.25em !important;
}
main#anEvent section#dailySchedule div.wrap > div dd:last-child {
  margin-bottom: 0;
}
main#anEvent section#dailySchedule aside {
  background: linear-gradient(180deg, rgb(54, 89, 130) 0%, rgb(64, 93, 144) 100%);
  width: calc(98% - 20px) !important;
  max-width: 1400px;
  margin: 0 auto 3em auto;
  overflow: hidden;
  border-radius: 8px;
}
main#anEvent section#dailySchedule aside > div {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 900px) {
  main#anEvent section#dailySchedule aside > div {
    flex-direction: row;
  }
}
main#anEvent section#dailySchedule aside > div article {
  padding: 30px;
}
main#anEvent section#dailySchedule aside > div article a {
  color: #ffffff;
}
main#anEvent section#dailySchedule aside > div article p {
  font-size: 140% !important;
  color: #ffffff;
  line-height: 1.5em;
  font-weight: lighter;
}
@media screen and (min-width: 1000px) {
  main#anEvent section#dailySchedule aside > div article p {
    font-size: 160% !important;
  }
}
main#anEvent section#dailySchedule aside > div div {
  flex-basis: 50%;
}
main#anEvent section#dailySchedule aside > div div img {
  width: 100%;
  display: block;
}
main#anEvent section#countDown {
  text-align: center;
  background: linear-gradient(180deg, rgb(54, 89, 130) 0%, rgb(64, 93, 144) 100%);
  color: #ffffff !important;
  padding: 30px 0;
}
main#anEvent section#countDown h4 {
  font-size: 160%;
  color: #8dafd5;
  text-align: center;
}
@media screen and (min-width: 800px) {
  main#anEvent section#countDown h4 {
    font-size: 260%;
  }
}
main#anEvent section#countDown h5 {
  font-size: 160%;
  line-height: 1.25em !important;
  color: #8dafd5;
  text-align: center;
}
@media screen and (min-width: 800px) {
  main#anEvent section#countDown h5 {
    font-size: 200%;
  }
}
main#anEvent section#countDown div#timer {
  padding: 20px 0;
}
main#anEvent section#countDown div#timer a.registerNow {
  margin-top: 20px !important;
}
main#anEvent section#countDown div#timer p {
  font-size: 150%;
}
@media screen and (min-width: 800px) {
  main#anEvent section#countDown div#timer p {
    font-size: 200%;
  }
}
main#anEvent section#countDown p {
  color: #ffffff;
  font-size: 130%;
}
main#anEvent section#ratesAndRegistration {
  padding: 2em 0;
}
main#anEvent section#ratesAndRegistration cite {
  font-weight: bold;
  font-size: 90%;
}
main#anEvent section#ratesAndRegistration h2 {
  text-align: center;
  font-size: 200%;
  color: #365982;
}
@media screen and (min-width: 600px) {
  main#anEvent section#ratesAndRegistration h2 {
    font-size: 300%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#ratesAndRegistration h2 {
    font-size: 325%;
  }
}
main#anEvent section#ratesAndRegistration h3 {
  color: #8dafd5;
  text-align: center;
  font-size: 200%;
  margin-bottom: 20px !important;
  padding: 0 0.25em !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#ratesAndRegistration h3 {
    font-size: 175%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#ratesAndRegistration h3 {
    font-size: 250%;
  }
}
main#anEvent section#ratesAndRegistration p {
  margin-bottom: 15px !important;
}
main#anEvent section#ratesAndRegistration ul {
  list-style-position: inside;
  color: #313131 !important;
}
main#anEvent section#ratesAndRegistration li {
  margin-bottom: 10px !important;
}
main#anEvent section#ratesAndRegistration table {
  outline: 1px solid #cccccc;
  width: 100% !important;
  margin-bottom: 15px;
  border-collapse: collapse;
}
main#anEvent section#ratesAndRegistration table td {
  padding: 7px;
}
main#anEvent section#ratesAndRegistration table td:nth-child(even) {
  text-align: center;
}
main#anEvent section#ratesAndRegistration table tr:nth-child(even) {
  background-color: #f8f8f8;
}
main#anEvent section#ratesAndRegistration .wait-wrap {
  padding: 1.5em 0;
}
main#anEvent section#ratesAndRegistration .wrap {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
  width: 98% !important;
  margin: auto;
}
@media screen and (min-width: 1000px) {
  main#anEvent section#ratesAndRegistration .wrap {
    flex-direction: row;
  }
}
main#anEvent section#ratesAndRegistration .wrap > div {
  padding: 20px;
  flex-basis: 50%;
}
main#anEvent section#ratesAndRegistration .wrap div#groupRates h4 {
  font-size: 130%;
  margin-bottom: 10px;
  color: #2d3748;
}
main#anEvent section#ratesAndRegistration div#termsAndConditions > div {
  display: block;
  padding: 20px;
}
main#anEvent section#ratesAndRegistration div#termsAndConditions > div ul {
  font-size: 120%;
  list-style-position: outside;
}
main#anEvent section#ratesAndRegistration div#termsAndConditions > div ul li {
  line-height: 1.25em;
}
main#anEvent section#theInstructor {
  background: linear-gradient(180deg, rgb(54, 89, 130) 0%, rgb(64, 93, 144) 100%);
  padding: 3em 0;
}
main#anEvent section#theInstructor h3 {
  font-size: 320%;
  margin-bottom: 5px !important;
  letter-spacing: 2px;
  text-indent: 2px;
  color: #8dafd5 !important;
}
main#anEvent section#theInstructor p {
  font-size: 120%;
  line-height: 1.75em;
  color: #ffffff;
}
main#anEvent section#theInstructor div.wrap {
  display: flex;
  flex-direction: column-reverse;
  width: 90%;
  max-width: 1500px;
  margin: auto;
}
@media screen and (min-width: 900px) {
  main#anEvent section#theInstructor div.wrap {
    flex-direction: row;
  }
}
main#anEvent section#theInstructor div.wrap > div {
  flex-basis: 50%;
}
main#anEvent section#theInstructor div#theBio {
  display: flex;
  justify-content: center;
  align-items: center;
}
main#anEvent section#theInstructor div#thePortrait {
  display: flex;
  justify-content: center;
  align-items: center;
}
main#anEvent section#theInstructor div#thePortrait figure {
  max-width: 350px;
  max-height: 350px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 900px) {
  main#anEvent section#theInstructor div#thePortrait figure {
    margin-bottom: 20px;
  }
}
main#anEvent section#theInstructor div#thePortrait figure img {
  width: 110%;
}
main#anEvent section#theVenue {
  padding: 3em 0;
}
main#anEvent section#theVenue h2 {
  text-align: center;
  font-size: 200%;
  color: #365982;
  margin-bottom: 15px !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#theVenue h2 {
    font-size: 300%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#theVenue h2 {
    font-size: 325%;
  }
}
main#anEvent section#theVenue h3 {
  text-align: center;
  font-size: 150%;
  color: #8dafd5;
  margin-bottom: 10px !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#theVenue h3 {
    font-size: 175%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#theVenue h3 {
    font-size: 250%;
  }
}
main#anEvent section#theVenue h4 {
  text-align: center;
  font-size: 140%;
  color: #365982;
  margin-bottom: 10px !important;
  font-weight: 300 !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#theVenue h4 {
    font-size: 190%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#theVenue h4 {
    font-size: 260%;
  }
}
main#anEvent section#theVenue h5 {
  text-align: center;
  font-size: 125%;
  color: #8dafd5;
  margin-bottom: 10px !important;
  font-weight: 300 !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#theVenue h5 {
    font-size: 175%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#theVenue h5 {
    font-size: 180%;
  }
}
main#anEvent section#theVenue div.wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em !important;
}
@media screen and (min-width: 1200px) {
  main#anEvent section#theVenue div.wrap {
    flex-direction: row;
  }
  main#anEvent section#theVenue div.wrap > div {
    flex-basis: 50%;
    padding: 2em;
    flex-shrink: 0;
  }
}
main#anEvent section#theVenue div#gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  width: 100%;
  gap: 6px;
  margin: 0 auto 40px auto;
}
@media screen and (min-width: 500px) {
  main#anEvent section#theVenue div#gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 600px) {
  main#anEvent section#theVenue div#gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
main#anEvent section#theVenue div#gallery img {
  width: 100%;
  display: block;
  border-radius: 4px;
}
main#anEvent section#theVenue div#details {
  padding-bottom: 40px;
  /*
  p:first-of-type {
    font-weight: bold;
    font-size: 110%;
  }
  */
}
main#anEvent section#theVenue div#details > div {
  width: 94%;
  max-width: 800px;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  main#anEvent section#theVenue div#details {
    border-right: 1px solid #ebebeb;
  }
}
main#anEvent section#theVenue div#details h5 {
  font-size: 210%;
  text-align: center;
}
main#anEvent section#theVenue div#details h6 {
  font-size: 170%;
  text-align: center;
}
main#anEvent section#theVenue div#details p {
  margin-bottom: 20px !important;
  line-height: 1.5em !important;
  font-size: 120% !important;
}
main#anEvent section#theVenue div#details div#bookNow {
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
}
main#anEvent section#theVenue div#details div#bookNow a {
  background-color: #000e14;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 10px;
}
main#anEvent section#theVenue div#details div#bookNow a:hover {
  text-decoration: underline;
}
main#anEvent section#theVenue div#map > div {
  width: 94%;
  max-width: 800px;
  margin: auto;
}
main#anEvent section#theVenue div#map iframe {
  margin: auto !important;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}
main#anEvent section#theVenue div#map ul#venueAddress {
  color: #2d3748;
  list-style-type: none;
  font-size: 120% !important;
  font-weight: bold;
  background-color: #f7f7f7;
  padding: 12px !important;
  margin-bottom: 40px !important;
}
main#anEvent section#theVenue div#map ul#venueAddress a {
  color: #2d3748;
}
main#anEvent section#theVenue div#map ul#venueAddress li {
  margin-bottom: 10px;
}
main#anEvent section#theVenue div#map ul#venueAddress li:last-child {
  margin-bottom: 0 !important;
}
main#anEvent section#theVenue div#map h5 {
  font-size: 210%;
  text-align: center;
}
main#anEvent section#theVenue div#map h6 {
  font-size: 170%;
  text-align: center;
}
main#anEvent section#theVenue div#map p {
  margin-bottom: 20px !important;
  line-height: 1.5em !important;
  font-size: 120% !important;
}
main#anEvent section#theVenue div#map p.promoCode {
  color: #ffffff;
  background-color: #365982;
  text-align: center;
  letter-spacing: 3px;
  padding: 10px !important;
  border-radius: 4px;
}
main#anEvent section#theVenue div#map ul {
  font-size: 120%;
  list-style-position: inside;
  margin-bottom: 20px !important;
}
main#anEvent section#theVenue div#map li {
  margin-bottom: 15px;
}
main#anEvent section#learningObjectives {
  background: linear-gradient(180deg, rgb(54, 89, 130) 0%, rgb(64, 93, 144) 100%);
  padding: 3em 0;
}
main#anEvent section#learningObjectives h2 {
  text-align: center;
  font-size: 200%;
  color: #ffffff;
  margin-bottom: 15px !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#learningObjectives h2 {
    font-size: 300%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#learningObjectives h2 {
    font-size: 325%;
  }
}
main#anEvent section#learningObjectives h3 {
  text-align: center;
  font-size: 150%;
  color: #8dafd5;
  margin-bottom: 10px !important;
}
@media screen and (min-width: 600px) {
  main#anEvent section#learningObjectives h3 {
    font-size: 175%;
  }
}
@media screen and (min-width: 800px) {
  main#anEvent section#learningObjectives h3 {
    font-size: 250%;
  }
}
main#anEvent section#learningObjectives ul.objectives {
  width: 90% !important;
  max-width: 900px;
  color: #ffffff;
  margin: 20px auto !important;
  font-size: 130% !important;
  list-style-position: outside;
}
main#anEvent section#learningObjectives ul.objectives li {
  margin-bottom: 15px;
  line-height: 1.2em;
}
main#anEvent section#learningObjectives ul.courseContentLevel {
  width: 90% !important;
  max-width: 900px;
  color: #ffffff;
  margin: 50px auto 0 auto !important;
  font-size: 160% !important;
  list-style-type: none !important;
  text-align: center;
}
main#anEvent section#contactUs {
  background-color: #8A979A;
}
main#anEvent section#newsletterSignup {
  background-color: #efefef;
}
main#anEvent div.schedule {
  background-color: #f8f8f8;
}

nav#main {
  /* Center the ul within the nav */
  margin-bottom: 30px;
}
nav#main h2, nav#main h3 {
  text-align: center;
}
nav#main h2 {
  font-size: 160% !important;
  color: #464545;
  letter-spacing: 3px;
  text-indent: 3px;
  font-weight: 200;
}
nav#main h3 {
  font-size: 150%;
  color: #888787;
  letter-spacing: 3px;
  text-indent: 3px;
  font-weight: 400;
}
nav#main h4 {
  text-align: center !important;
  padding-top: 10px !important;
  letter-spacing: 2px;
  color: #888787;
}
nav#main a {
  text-decoration: none;
  color: #1f7cb5;
}
nav#main div.wrap {
  margin-top: 40px !important;
  width: 100% !important;
}
nav#main a#logo {
  display: block;
  margin: auto;
}
nav#main img.icpalli-logo {
  margin: 30px auto 15px auto;
  display: block;
  width: 20%;
  min-width: 300px;
}
nav#main h1 a {
  color: #9a341b;
}
nav#main a:hover {
  text-decoration: underline;
}
nav#main h1 {
  font-size: 300%;
  font-weight: 700;
  text-align: center;
  font-family: "Readex Pro", sans-serif;
  line-height: 1;
  margin-bottom: 30px !important;
}
@media (min-width: 800px) {
  nav#main h1 {
    font-size: 400%;
  }
}
@media (min-width: 1000px) {
  nav#main h1 {
    font-size: 500%;
  }
}
nav#main div.wrap {
  display: none;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  padding: 0 24px;
  margin: auto;
}
@media only screen and (min-width: 900px) {
  nav#main div.wrap {
    display: flex;
  }
}
nav#main ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  font-size: 100%;
}
nav#main ul li {
  text-align: center;
  text-transform: uppercase;
}

div#navicon {
  position: relative;
  outline: 4px solid #ffffff;
  left: calc(100% - 40px);
  height: 40px;
  width: 40px;
}
div#navicon :hover {
  cursor: pointer;
}
div#navicon > div {
  display: flex;
  flex-direction: column;
  width: 40px !important;
  height: 40px !important;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
div#navicon > div hr {
  width: 54%;
  background-color: #ffffff;
  border: none;
  height: 5px;
}

nav#panel {
  position: fixed;
  top: 60px;
  left: 0;
  height: 100vh;
  width: 100%;
  display: none;
  background-color: #23191a;
  z-index: 5000;
}
nav#panel div.wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
nav#panel div.wrap a {
  text-decoration: none;
  color: #ffffff;
}
nav#panel div.wrap a:hover {
  text-decoration: underline !important;
}
nav#panel div.wrap ul {
  list-style-type: none;
  text-align: center;
  font-size: 140%;
  margin-top: 35px !important;
}
nav#panel div.wrap ul li {
  margin-bottom: 30px;
}
nav#panel div.wrap ul li:last-child {
  margin-bottom: 0 !important;
}
nav#panel section#copyright {
  padding: 30px 0;
}
nav#panel section#copyright img {
  width: 150px;
  display: block;
  margin: 0 auto 30px auto;
  opacity: 0.4;
}
nav#panel section#copyright p {
  color: #ffffff;
  text-align: center;
  font-size: 120%;
}

nav#ribbon {
  background: #ff0571;
  width: 100%;
  padding: 15px;
}
@media only screen and (min-width: 900px) {
  nav#ribbon {
    display: none;
  }
}

main#register > div.wrap {
  width: calc(100% - 30px);
  max-width: 800px;
  margin: auto;
  padding: 40px 0;
}
main#register > div.wrap p.promoCode {
  color: #ffffff;
  background-color: #365982;
  text-align: center;
  letter-spacing: 3px;
  line-height: normal !important;
  padding: 10px !important;
  border-radius: 4px;
}
main#register section#theRegistration {
  display: flex;
  flex-direction: column !important;
}
main#register section#theRegistration div#theEvent {
  border: 1px solid #dbdbdb;
  background-color: #fbfbfb;
  border-radius: 8px;
  padding: 15px;
}
main#register section#theRegistration div#theEvent p {
  font-size: 150% !important;
  margin-bottom: 15px !important;
  font-weight: normal;
  color: #3c546e !important;
}
main#register section#theRegistration div#theEvent p:last-child {
  margin-bottom: 0 !important;
}
main#register section#theRegistration div#registrationForm {
  margin-bottom: 40px;
}
main#register section#theRegistration div#theEvent {
  text-align: center;
  margin-bottom: 40px;
}
main#register section#theRegistration div.formErrors {
  margin-bottom: 40px;
  font-size: 115% !important;
  padding: 15px;
}
main#register section#theRegistration div.formErrors div.message {
  display: flex;
  flex-direction: column;
}
main#register section#theRegistration div.formErrors div.message i {
  flex-basis: 100%;
  text-align: center;
  font-size: 200% !important;
  margin-bottom: 10px;
}
main#register section#theRegistration div.formErrors div.message div {
  flex-basis: 100%;
  text-align: center;
  font-size: 140% !important;
}
main#register section#ceusAndConditions a {
  color: #4A5658;
}
main#register section#ceusAndConditions h3 {
  margin-bottom: 15px !important;
  font-size: 180%;
}
main#register section#ceusAndConditions p {
  margin-bottom: 20px !important;
  font-size: 120% !important;
  line-height: 1.2em;
}
main#register section#ceusAndConditions ul {
  list-style-position: outside;
  font-size: 120% !important;
  padding: 0 20px !important;
}
main#register section#ceusAndConditions ul li {
  margin-bottom: 10px;
  line-height: 1.2em;
}

main#registrationEdit > div.wrap {
  width: calc(100% - 30px);
  max-width: 800px;
  margin: auto;
  padding: 40px 0;
}
main#registrationEdit div.formErrors {
  margin-bottom: 40px;
  font-size: 115% !important;
  padding: 15px;
}
main#registrationEdit div.formErrors div.message {
  display: flex;
  flex-direction: column;
}
main#registrationEdit div.formErrors div.message i {
  flex-basis: 100%;
  text-align: center;
  font-size: 200% !important;
  margin-bottom: 10px;
}
main#registrationEdit div.formErrors div.message div {
  flex-basis: 100%;
  text-align: center;
  font-size: 140% !important;
}

main#registrationReview > div.wrap {
  width: calc(100% - 30px);
  max-width: 800px;
  margin: auto;
  padding: 40px 0;
}
main#registrationReview section#theRegistration {
  display: flex;
  flex-direction: column;
}
main#registrationReview section#theRegistration h2 {
  font-size: 200% !important;
  margin-bottom: 12px !important;
}
main#registrationReview section#theRegistration h3 {
  font-size: 140% !important;
  margin-bottom: 12px !important;
  color: #4A5658;
  line-height: 1.25em !important;
}
main#registrationReview section#theRegistration ul {
  font-size: 120% !important;
}
main#registrationReview section#theRegistration ul li {
  margin-bottom: 12px !important;
}
main#registrationReview div#theRegistrant {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}
main#registrationReview div#theRegistrant a {
  color: #3c546e;
}
main#registrationReview div#theRegistrant ul {
  list-style-type: none;
}
body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}
.sl-wrapper * {
  box-sizing: border-box;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
main#login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 40px);
  margin: auto;
}
main#login div#authenticate {
  margin: 40px 0;
}
main#login div#authenticate h1 {
  margin-bottom: 40px !important;
}
main#login div#authenticate p.resetPassword {
  text-align: center;
}
main#login div#authenticate p.resetPassword a {
  color: #000e14;
}
main#login section#checkEmail {
  border: 1px solid #dbdbdb;
  padding: 20px;
  background-color: #f8f8f8;
  width: 98%;
  max-width: 600px;
  margin: auto;
}
main#login section#checkEmail h1 {
  color: #365982;
  text-align: center;
  font-size: 160%;
  margin-bottom: 12px !important;
  font-weight: 300 !important;
  line-height: 1.2em;
}
main#login section#checkEmail p {
  font-size: 120%;
  margin-bottom: 12px !important;
  text-align: center;
  line-height: 1.5em;
}

main#checkout section#loginOrRegister {
  display: flex;
  flex-direction: column;
  outline: 1px solid #cccccc;
}
@media screen and (min-width: 1200px) {
  main#checkout section#loginOrRegister {
    flex-direction: row;
  }
  main#checkout section#loginOrRegister > div {
    flex-basis: 50%;
  }
}

body#viewCart {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main#cart {
  font-family: "League Spartan", sans-serif !important;
  width: 96%;
  max-width: 1500px;
  margin: 30px auto;
  padding-bottom: 1em;
  flex: 1;
}
main#cart h2 {
  font-size: 200%;
  margin-bottom: 30px !important;
  line-height: 1.25em;
}
main#cart div.wrap {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
@media only screen and (min-width: 1000px) {
  main#cart div.wrap {
    flex-direction: row;
    gap: 50px;
  }
}
main#cart > section {
  padding: 10px;
}
main#cart section#cartSummary {
  flex-basis: 65%;
  flex-shrink: 1;
}
main#cart section#orderSummary {
  flex-basis: 35%;
}
main#cart section#orderSummary h3 {
  font-weight: 600 !important;
  color: #365982;
  font-size: 150% !important;
}
main#cart section#orderSummary div#cartSummary p {
  font-weight: bold;
}
main#cart section#orderSummary div#cartSummary a {
  color: #ffffff !important;
  text-decoration: none;
}
main#cart section#orderSummary div#cartSummary a:hover {
  text-decoration: underline;
}
main#cart section#orderSummary div#cartSummary p.continueToPayment {
  background-color: #e46e19 !important;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 0 !important;
  border-radius: 4px;
  color: #ffffff !important;
}
main#cart section#orderSummary div#cartSummary input#applyPromoCode {
  font-weight: bold;
  border: none;
  text-transform: capitalize;
  color: #ffffff;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 0 !important;
  border-radius: 4px;
}
main#cart section#orderSummary table#orderSummary {
  font-weight: bold;
  width: 100%;
  margin: 1em 0;
}
main#cart section#orderSummary table#orderSummary td:first-child {
  width: 30%;
}
main#cart table#promoCode {
  width: 100%;
  background-color: #f0f0f0;
  padding: 12px 12px 0 12px;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 20px;
}
main#cart table#promoCode tr#promoCodeValidation td, main#cart table#promoCode tr#promoCodeResponse td {
  width: 100% !important;
  box-sizing: border-box;
}
main#cart table#promoCode tr#promoCodeValidation td p, main#cart table#promoCode tr#promoCodeResponse td p {
  text-align: center;
  margin-bottom: 12px !important;
  padding: 10px !important;
  font-size: 105% !important;
}
@keyframes error {
  0% {
    background: #ffffff;
    color: darkred;
  }
  50% {
    background: darkred;
    color: #ffffff;
  }
  100% {
    background: #ffffff;
    color: darkred;
  }
}
main#cart table#promoCode tr#promoCodeValidation td p.error, main#cart table#promoCode tr#promoCodeResponse td p.error {
  background-color: darkred;
  color: #ffffff;
  border-radius: 4px;
  animation: error 2s ease-out;
}
@keyframes discount {
  0% {
    background: #247f11;
  }
  50% {
    background: #8AB145;
  }
  100% {
    background: #247f11;
  }
}
main#cart table#promoCode tr#promoCodeValidation td p.discount, main#cart table#promoCode tr#promoCodeResponse td p.discount {
  background-color: #8ab145;
  color: #ffffff;
  border-radius: 4px;
  animation: discount 2s ease-out;
  animation-fill-mode: forwards;
}
main#cart table#promoCode input#applyPromoCode {
  background-color: #8ab145;
  cursor: pointer;
}
main#cart table#promoCode input#applyPromoCode:hover {
  background-color: #e46e19;
  cursor: pointer;
}
main#cart table#promoCode div.formGroup {
  width: 100%;
  margin-bottom: 15px;
}
main#cart table#promoCode label {
  display: block;
  margin-bottom: 10px;
}
main#cart table#promoCode input[type=text] {
  padding: 10px;
  border: 1px solid #cccccc;
  width: 100%;
  font-size: 90% !important;
  border-radius: 4px;
}
main#cart table#theCart {
  font-size: 100%;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-weight: bold;
  padding: 1px;
  border-radius: 6px !important;
}
main#cart table#theCart i.material-icons {
  font-size: 30px !important;
}
main#cart table#theCart th {
  background: #313131;
  color: #ffffff;
  padding: 14px;
}
main#cart table#theCart td {
  padding: 14px;
}
main#cart table#theCart tr.lineItem {
  border-bottom: 1px solid #e1e1e1;
}
main#cart table#theCart td.quantity {
  width: 100px;
  text-align: center;
}
main#cart table#theCart td.item p {
  line-height: 1.25em !important;
}
main#cart table#theCart td.item a {
  color: #365982;
}
main#cart table#theCart td.control {
  width: auto;
}
main#cart table#theCart ul.lineItemEditor {
  display: flex;
  list-style-type: none;
}
main#cart table#theCart ul.lineItemEditor button {
  border: none !important;
}
main#cart table#theCart ul.lineItemEditor li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 4px;
}
main#cart table#theCart button {
  background-color: transparent;
  padding: 4px;
}
main#cart table#theCart button:hover {
  background-color: #1b1e21;
  color: #ffffff;
}
main#cart table#theCart tr.lineItem td.control {
  display: flex;
  justify-content: center;
  align-content: center;
}
main#cart table#theCart tr.lineItem td.control button {
  border: none !important;
}
main#cart table#theCart tr.edit {
  display: none;
}
main#cart table#theCart tr.edit td.quantity input {
  width: 80%;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
}

main#approveOrder {
  display: flex;
  width: 90%;
  min-width: 300px;
  margin: 1.5em auto;
  flex-direction: row;
}
main#approveOrder section#orderDetails {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 20px 0 50px 0;
}
main#approveOrder section#orderDetails > div {
  padding-left: 15px;
  font-weight: bold;
  border-right: 1px solid #cccccc;
}
main#approveOrder section#orderDetails > div ul {
  list-style-type: none;
}
main#approveOrder section#orderDetails div:nth-child(1) {
  padding-left: 0 !important;
}
main#approveOrder section#orderDetails div:last-child {
  border-right: none !important;
}
main#approveOrder h2 {
  font-weight: bold !important;
  margin-bottom: 0.6em;
  font-size: 200% !important;
}
main#approveOrder h6 {
  font-size: 120% !important;
  font-weight: bold !important;
}
main#approveOrder section#orderSummary {
  width: 98%;
  max-width: 1600px;
  margin: 1em auto;
  border: 1px solid #cccccc;
  padding: 1em;
}
main#approveOrder table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-weight: bold;
  margin-bottom: 2em;
}
main#approveOrder table th, main#approveOrder table td {
  padding: 8px;
}
main#approveOrder table th {
  background-color: #1a202c;
  color: #ffffff;
}
main#approveOrder table tr {
  border-bottom: 1px solid #cccccc;
}
main#approveOrder input[type=submit] {
  border: none !important;
  background-color: green;
  color: #ffffff;
  padding: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 100%;
}
main#approveOrder input[type=text], main#approveOrder textarea {
  width: 100%;
  border: 1px solid #cccccc;
  padding: 8px;
}
main#approveOrder form {
  margin: 0 !important;
}
main#approveOrder form div {
  margin-bottom: 12px;
}
main#approveOrder form div.completeOrder {
  margin-bottom: 0 !important;
  display: flex;
  justify-content: flex-end;
}
main#approveOrder label {
  font-weight: bold;
  margin-bottom: 12px !important;
  display: block;
}

main#cartPaymentMethod {
  width: 98%;
  max-width: 800px;
  margin: 1em auto;
  border: 1px solid #cccccc;
  padding: 1em;
  font-family: "Readex Pro", sans-serif;
  border-radius: 4px;
}
main#cartPaymentMethod h1 {
  text-align: center !important;
}
main#cartPaymentMethod div#orderSummary {
  border-radius: 4px;
  padding: 20px;
  background-color: #313131;
  margin-bottom: 20px;
}
main#cartPaymentMethod div#orderSummary a {
  color: #ffffff;
}
main#cartPaymentMethod div#orderSummary p {
  text-align: center;
  color: #ffffff;
  font-size: 120% !important;
}
main#cartPaymentMethod div#orderSummary h6 {
  text-align: center;
  color: #ffffff;
  font-size: 150% !important;
  padding: 7px 0 !important;
}
main#cartPaymentMethod h1 {
  margin-bottom: 0.25em !important;
}
main#cartPaymentMethod h2 {
  font-weight: bold !important;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.5em !important;
  margin-bottom: 2em !important;
  font-size: 110% !important;
}
main#cartPaymentMethod div.cardDetails {
  display: flex;
  flex-direction: column;
}
main#cartPaymentMethod div.cardDetails section {
  display: flex;
}
main#cartPaymentMethod div.cardDetails section div:first-child {
  padding-right: 15px;
}
main#cartPaymentMethod div#error-messages {
  font-family: "Readex Pro", sans-serif !important;
  color: red;
  font-size: 150%;
  font-weight: bold;
}
main#cartPaymentMethod input[type=submit] {
  color: #ffffff;
  background-color: red;
  border: none;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
main#cartPaymentMethod input[type=submit]:hover {
  background-color: #424242;
}
main#cartPaymentMethod input[type=text] {
  border: 1px solid #cccccc;
  width: 100%;
  padding: 8px;
}
main#cartPaymentMethod div.formGroup {
  flex-basis: 100%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1em;
}
main#cartPaymentMethod div.formGroup label {
  font-weight: bold;
  margin-bottom: 0.3em !important;
  display: inline-block;
}
main#cartPaymentMethod div.formGroup:last-child {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
main#cartPaymentMethod div.button {
  display: flex;
  justify-content: flex-end;
}

main#cartShipping {
  width: 800px;
  margin: 1em auto;
  border: 1px solid #cccccc;
  padding: 1em;
}
main#cartShipping h2 {
  font-weight: bold !important;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  font-size: 150%;
}
main#cartShipping p.currentAddress {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 1em;
}
main#cartShipping input[type=submit] {
  color: #ffffff;
  background-color: red;
  border: none;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 1em;
}
main#cartShipping input[type=submit]:hover {
  background-color: #424242;
}
main#cartShipping div.existingAddresses {
  margin-bottom: 2em;
}
main#cartShipping div.existingAddresses ul {
  list-style-type: none;
}
main#cartShipping div.existingAddresses li {
  display: flex;
  margin-bottom: 0.7em;
  font-size: 100%;
  font-weight: bold;
}
main#cartShipping div.existingAddresses li input {
  margin-right: 5px;
}
main#cartShipping div.newAddress {
  margin-bottom: 2em;
}
main#cartShipping div.newAddress input[type=text] {
  border: 1px solid #cccccc;
  width: 100%;
  padding: 8px;
}
main#cartShipping div.newAddress section {
  display: flex;
  flex-direction: column;
}
main#cartShipping div.newAddress div.formGroup {
  flex-basis: 100%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 1em;
}
main#cartShipping div.newAddress div.formGroup label {
  font-weight: bold;
  margin-bottom: 0.3em !important;
  display: inline-block;
}
main#cartShipping div.newAddress div.zip {
  flex-basis: 50% !important;
}
main#cartShipping div.newAddress div.state {
  flex-basis: 50% !important;
}

main.oneColumn div.wrap {
  width: 96%;
  margin: 60px auto;
  max-width: 1400px;
}
main.oneColumn div.wrap h1 {
  font-size: 320% !important;
  margin-bottom: 30px !important;
  color: #365982;
}
main.oneColumn div.wrap h2 {
  font-size: 270% !important;
  margin-bottom: 30px !important;
  color: #365982;
}
main.oneColumn div.wrap h3 {
  color: #365982;
}
main.oneColumn div.wrap h4 {
  font-size: 150% !important;
  margin-bottom: 30px !important;
}
main.oneColumn div.wrap p {
  font-size: 120%;
  color: #313131 !important;
  margin-bottom: 30px !important;
  line-height: 1.25em;
}
main.oneColumn div.wrap ul {
  font-size: 120%;
  color: #313131;
  list-style-position: outside;
  padding-left: 20px !important;
}
main.oneColumn div.wrap ul li {
  margin-bottom: 30px !important;
  line-height: 1.25em !important;
}
main.oneColumn dl.faqs {
  font-size: 120%;
}
main.oneColumn dl.faqs dt {
  font-weight: 700;
  margin-bottom: 10px;
  color: #365982;
}
main.oneColumn dl.faqs dd {
  margin-bottom: 30px;
  line-height: 1.25em;
  color: #313131;
}

section#meetOurFounders div.wrap {
  display: grid;
  grid-template-columns: 1fr;
  width: 100% !important;
  gap: 20px;
}
@media screen and (min-width: 1080px) {
  section#meetOurFounders div.wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
section#meetOurFounders h2 {
  text-align: center;
}
section#meetOurFounders article {
  display: flex;
  flex-direction: column;
  width: 98% !important;
  max-width: 600px !important;
  margin: auto;
}
@media screen and (min-width: 1080px) {
  section#meetOurFounders article {
    flex-direction: row;
  }
}
section#meetOurFounders article figure {
  flex-basis: 35%;
}
section#meetOurFounders article figure figcaption {
  padding-top: 8px;
}
@media screen and (max-width: 1080px) {
  section#meetOurFounders article figure figcaption {
    display: none;
  }
}
section#meetOurFounders article figure p {
  font-size: 110% !important;
}
section#meetOurFounders article figure img {
  width: 100%;
  border-radius: 4px;
  max-width: 400px;
  margin: auto;
  display: block;
}
@media screen and (max-width: 1080px) {
  section#meetOurFounders article figure img {
    margin-bottom: 40px !important;
  }
}
section#meetOurFounders article div {
  flex-basis: 65%;
}
@media screen and (min-width: 1080px) {
  section#meetOurFounders article div {
    padding: 20px;
  }
}
section#meetOurFounders article div h3 {
  font-size: 200% !important;
  margin-bottom: 8px !important;
}
section#meetOurFounders article div p {
  font-size: 110% !important;
}

main#orderThank {
  padding: 3em 0;
}
main#orderThank div.wrap {
  width: 96% !important;
  max-width: 1000px;
  margin: auto;
}
main#orderThank header {
  margin-bottom: 30px;
}
main#orderThank header a {
  color: #3c546e;
}
main#orderThank header h2 {
  text-align: center;
  font-size: 250%;
  color: #3c546e;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px !important;
}
main#orderThank header p {
  font-size: 120% !important;
  line-height: 1.25em;
  margin-bottom: 15px !important;
}
main#orderThank section#orderDetails h4 {
  font-size: 200%;
  color: #3c546e;
  margin-bottom: 15px !important;
}
main#orderThank section#orderDetails p {
  font-size: 120% !important;
  line-height: 1.25em;
  margin-bottom: 15px !important;
}
main#orderThank section#orderDetails p.promoCode {
  text-align: center;
  font-weight: bold;
}
main#orderThank section#orderDetails ul {
  font-size: 120% !important;
  list-style-position: inside;
  margin-bottom: 10px;
}
main#orderThank section#orderDetails ul li {
  margin-bottom: 8px;
  line-height: 1.25em;
}
main#orderThank section#orderDetails div {
  margin-bottom: 20px;
}

body#confirmation {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
body#confirmation main {
  flex: 1;
  padding: 20px 0;
}
body#confirmation main h3 {
  color: #365982;
  font-size: 180%;
  margin-top: 20px !important;
}
body#confirmation main h3:first-of-type {
  margin-top: 0 !important;
}
body#confirmation main p {
  font-size: 150%;
}
body#confirmation main section {
  width: 100%;
}
body#confirmation main section div.confirmNow, body#confirmation main section div.edit {
  text-align: center;
}
body#confirmation main section div.confirmNow p, body#confirmation main section div.edit p {
  font-size: 120%;
}
body#confirmation main section div.confirmNow {
  padding-top: 3px;
  margin: 20px auto;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 53px;
  background-color: #8ab145;
  width: 90%;
  max-width: 800px;
  height: 50px !important;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-indent: 5px;
  font-size: 120%;
}
body#confirmation main section div.confirmNow a {
  color: #ffffff;
  text-decoration: none;
}
body#confirmation main section div.edit a {
  color: #365982;
  text-transform: capitalize;
  text-decoration: none;
}
body#confirmation main section div.edit a:hover {
  text-decoration: underline;
}
body#confirmation main section div.content {
  text-align: center;
}

header.title {
  text-align: center;
  margin: auto;
  width: 98%;
  max-width: 800px;
  padding: 15px 0 !important;
}
header.title h1 {
  font-size: 200% !important;
  color: #ff6600;
}

header.message {
  text-align: center;
  margin: auto;
  width: 98%;
  max-width: 800px;
  background-color: darkred;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  font-size: 90% !important;
}
header.message p {
  line-height: 1.85em !important;
  color: #ffffff;
  font-family: "Readex Pro", sans-serif;
  font-size: 120% !important;
}

div.confirmation {
  margin: 0 auto 15px auto;
  width: 98%;
  max-width: 800px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 15px;
}
div.confirmation h3 {
  font-size: 135% !important;
}
div.confirmation p {
  font-size: 120% !important;
  font-family: "Readex Pro", sans-serif;
  margin-bottom: 20px !important;
}

div.confirm {
  text-align: center;
  background-color: #262625;
  border-radius: 5px;
  letter-spacing: 5px;
  text-indent: 5px;
  padding: 12px;
  margin: 20px 0;
}
div.confirm:hover {
  background-color: #ffffff;
  outline: 1px solid #262626;
}
div.confirm:hover a {
  color: #262626;
  text-decoration: underline;
}
div.confirm a {
  color: #ffffff;
  text-decoration: none;
  display: block;
}
div.confirm a:hover {
  text-decoration: underline;
}
div.confirm p {
  margin-bottom: 0 !important;
}

div.edit {
  margin-bottom: 10px;
  text-align: center;
  text-transform: capitalize;
  font-size: 90%;
}
div.edit a {
  color: #373737;
}

div.thank {
  width: 98%;
  max-width: 800px;
  margin: 20px auto 50px auto;
  background-color: #23191a;
  border-radius: 4px;
  padding: 20px;
}
div.thank p {
  font-family: "Readex Pro", sans-serif;
  text-align: center;
  font-size: 200% !important;
  color: #ff0571;
}
div.thank p.backHome {
  text-align: center;
  margin-top: 20px !important;
  font-family: "Readex Pro", sans-serif;
  font-size: 150% !important;
  color: #ffffff;
}
div.thank p.backHome a {
  color: #ffffff;
  text-decoration: none;
}
div.thank p.backHome a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=stylesBrochure-2024.css.map */