@import url("https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css");
@import url("https://use.typekit.net/vnt0ide.css");
* {
  box-sizing: border-box; }

html {
  font-family: itc-american-typewriter, serif;
  width: 100%;
  min-height: 100%;
  font-size: 20px;
  background: #060c10;
  color: #060c10; }

@media screen and (max-width: 1023px) {
  h1, .h1 {
    font-size: 36px;
    line-height: 36px; } }
@media screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 48px;
    line-height: 48px; } }
@media screen and (max-width: 1023px) {
  h1.branding, .h1.branding {
    font-size: 46px;
    line-height: 46px; } }
@media screen and (min-width: 1024px) {
  h1.branding, .h1.branding {
    font-size: 56px;
    line-height: 56px; } }

@media screen and (max-width: 1023px) {
  h2, .h2 {
    font-size: 23px;
    line-height: 23px; } }
@media screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 42px;
    line-height: 42px; } }

@media screen and (max-width: 1023px) {
  h3, .h3 {
    font-size: 24px;
    line-height: 24px; } }
@media screen and (min-width: 1024px) {
  h3, .h3 {
    font-size: 32px;
    line-height: 32px; } }

@media screen and (max-width: 1023px) {
  h4, .h4 {
    font-size: 18px;
    line-height: 18px; } }
@media screen and (min-width: 1024px) {
  h4, .h4 {
    font-size: 24px;
    line-height: 24px; } }

p {
  hyphens: auto; }

a {
  color: #3760f0; }
  a:hover {
    color: #f4c443;
    text-decoration: underline; }

.font__headers {
  font-family: "teeshirt", sans-serif; }
.font__standard {
  font-family: p22-typewriter, sans-serif; }
.font__italic {
  font-family: "ff-nexus-typewriter", sans-serif;
  font-weight: 400;
  font-style: italic; }
.font__bold {
  font-weight: bold; }

.background__light {
  background: #fefefd; }

.text__light {
  color: #fefefd !important; }

.background__dark {
  background: #060c10; }

.text__dark {
  color: #060c10 !important; }

.background__red {
  background: #ef433f; }

.text__red {
  color: #ef433f !important; }

.background__rose {
  background: #E57A65; }

.text__rose {
  color: #E57A65 !important; }

.background__brown {
  background: #472A26; }

.text__brown {
  color: #472A26 !important; }

.background__bole {
  background: #7C423F; }

.text__bole {
  color: #7C423F !important; }

.background__yellow {
  background: #f4c443; }

.text__yellow {
  color: #f4c443 !important; }

.background__blue {
  background: #3760f0; }

.text__blue {
  color: #3760f0 !important; }

.background__teal {
  background: #54b9d5; }

.text__teal {
  color: #54b9d5 !important; }

.background__green {
  background: #4a7c59; }

.text__green {
  color: #4a7c59 !important; }

.highlight {
  font-weight: bold;
  color: #060c10; }

@media screen and (max-width: 1023px) {
  .contact {
    font-size: 28px;
    line-height: 28px; } }
@media screen and (min-width: 1024px) {
  .contact {
    font-size: 28px;
    line-height: 28px; } }

.evanescent {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 14px; }

hr.light {
  border: 0;
  border-bottom: 1px dashed #fefefd; }

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 750px; }

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; }

#popup-content {
  background-color: #fefefd;
  padding: 0.2rem;
  border-radius: 8px;
  max-width: 700px;
  width: 90%;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  position: relative; }

.popup-title {
  color: #ef433f;
  font-family: "teeshirt", sans-serif;
  margin-bottom: 1rem;
  font-size: 1.5rem; }

.popup-description {
  margin-bottom: 1.5rem;
  line-height: 1.6;
  color: #333;
  font-family: p22-typewriter, sans-serif; }

.popup-button {
  background-color: #d60060;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-family: p22-typewriter, sans-serif;
  transition: background-color 0.3s ease; }
  .popup-button:hover {
    background-color: #e81813; }

.ml-embedded {
  margin-top: 1rem; }

#mlb2-30364394.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-30364394.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  padding: 0 !important; }

.ml-form-embedContent {
  display: none; }

@media screen and (max-width: 1023px) {
  .p-6 {
    padding: 2rem !important; } }

@media screen and (max-width: 1023px) {
  .px-6 {
    padding-left: 2rem !important;
    padding-right: 2rem !important; } }

@media screen and (max-width: 1023px) {
  .has-text-justified {
    text-align: left !important; } }