:root {
  --color1: #D9BD6A;
  --color2: #ffffff;
  --color3: #D9BD6A;
}
/* Open Sans */
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap');

.responsive {
  width: 100%;
  height: auto;
}

.mobile-break {
  display: inline-block;
}

input#preferred_method_e_mail,
input#preferred_method_text_message {
  height: 20px;
  width: 20px;
}



/* Set the colors for the typography here */
/* These classes are here as just a quick reference for the Unbounce page to refer to */
/* You may need to reconfigure the classes used in the Unbounce page */
.main-color {
  color: var(--color1) !important;
}
.secondary-color {
  color: var(--color2) !important;
}
.tertiary-color {
  color: var(--color3) !important;
}

/* Font Sizes Set to em to scale accordingly - Desktop ONLY */
/* Based off a pixel base size of 14px */
/* Feel free to add more - use pxtoem.com to calculate the conversion */
.font-size-48 {
  font-size: 3.429em !important;
}
.font-size-42 {
  font-size: 3em !important;
}
.font-size-30 {
  font-size: 2.143em !important;
}
.font-size-24 {
  font-size: 1.714em !important;
}
.font-size-21 {
  font-size: 1.286em !important;
}
.font-size-10 {
  font-size: 0.714em !important;
}

/* Set your fonts here */
/* Comment out any fonts if you don't need them */
.main-font {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700 !important;
  font-style: normal;
}
.secondary-font {
  font-family: 'Open Sans', serif;
  font-weight: 400 !important;
  font-style: normal;
}
/*.tertiary-font {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: normal !important;
  font-style: normal;
}*/

/* These are for the Form Labels - Change these as you see fit */
span.label-style {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  color: var(--color2) !important;
  position: relative;
  /*top: -10px;*/
}

/* Form Button - Change these to style the button on the form */
button#lp-pom-button-17 {
  border: none var(--color3) !important;
  border-radius: 10px;
  background: var(--color3);
  height: 72px;
  min-width: 250px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.714em !important;
  color: #ffffff;
  /* letter-spacing: 5px; */
}
/* Form Button Hover State - Change this if you want the form button to change when hovered */
button#lp-pom-button-17:hover {
  background: var(--color1);
  box-shadow: none;
  color: #fff;
}