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

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  margin-top: 0;
  margin-bottom: 1em;
}

h1:not([class*="fontsize-"]),
.h1:not([class*="fontsize-"]) {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 50px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}

h2:not([class*="fontsize-"]),
.h2:not([class*="fontsize-"]) {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}

h3:not([class*="fontsize-"]),
.h3:not([class*="fontsize-"]) {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}

h6:not([class*="fontsize-"]),
.h6:not([class*="fontsize-"]) {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
}

.text-lead,
.text-lead > * {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
}

a {
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

::selection {
  background: #666666;
  color: #ffffff;
}

/*  buttons  */

button,
button[type="submit"],
input[type="submit"],
input[type="reset"],
input[type="button"],
.getStartedContent__nextLink,
.loginContent__link,
.headerGetStarted,
.submit-archive,
.cm-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: max-content;
  gap: 0;
  padding: 20px 30px;
  margin: 0;
  min-height: 0;
  background-color: #980401 !important;
  border: 1px solid #980401 !important;
  border-radius: 8px;
  box-shadow: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  font-size: 17px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: none !important;
  white-space: nowrap !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  animation: none !important;
  transform: none !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.getStartedContent__nextLink:hover,
.loginContent__link:hover,
.headerGetStarted:hover,
.cm-header__cta:hover,
.submit-archive:hover,
button:focus,
button[type="submit"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.getStartedContent__nextLink:focus,
.loginContent__link:focus,
.headerGetStarted:focus,
.cm-header__cta:focus,
button:active,
button[type="submit"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.getStartedContent__nextLink:active,
.loginContent__link:active,
.headerGetStarted:active,
.cm-header__cta:active {
  background-color: transparent !important;
  border-color: #980401 !important;
  color: #980401 !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

button *,
button[type="submit"] *,
input[type="submit"] *,
input[type="reset"] *,
input[type="button"] *,
.getStartedContent__nextLink *,
.loginContent__link *,
.headerGetStarted *,
.cm-header__cta * {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

button .link__icon,
button svg,
button i,
.getStartedContent__nextLink .link__icon,
.getStartedContent__nextLink svg,
.getStartedContent__nextLink i,
.loginContent__link .link__icon,
.loginContent__link svg,
.loginContent__link i,
.headerGetStarted .link__icon,
.headerGetStarted svg,
.headerGetStarted i,
.cm-header__cta .link__icon,
.cm-header__cta svg,
.cm-header__cta i {
  display: none !important;
}

button::before,
button::after,
.getStartedContent__nextLink::before,
.getStartedContent__nextLink::after,
.loginContent__link::before,
.loginContent__link::after,
.headerGetStarted::before,
.headerGetStarted::after,
.cm-header__cta::before,
.cm-header__cta::after,
button .link__text::before,
button .link__text::after,
.getStartedContent__nextLink .link__text::before,
.getStartedContent__nextLink .link__text::after,
.loginContent__link .link__text::before,
.loginContent__link .link__text::after,
.headerGetStarted .link__text::before,
.headerGetStarted .link__text::after,
.cm-header__cta .link__text::before,
.cm-header__cta .link__text::after {
  content: none !important;
  display: none !important;
}

/* ========

	COLOR SCHEME

	RED: #980401
	NAVY: #050E45
	COBALT: #08589B
	STEEL BLUE: #4A83B4
	LIGHT BLUE: #AFC5D7
	SAGE GREEN: #88A39E
	GRAY: #31361D

======== */


/* COMMON HEADING STYLING */
h1, h2, h3, h4, h5, h6 {
  font-family: Cardo, Georgia, serif;
  font-weight: 500;
  line-height: 1.2;

  color: #08589B;
}

/* HEADING SIZES */
.default-text-styles h1 {
  font-size: 50px;
}
.default-text-styles h2 {
  font-size: 40px;
}
.default-text-styles h3 {
  font-size: 26px;
}
.default-text-styles h4 {
  font-size: 20px;
}
.default-text-styles h5 {
  font-size: 16px;
}
.default-text-styles h6 {
  font-size: 14px;
}

/* BODY FONT */
p {
  font-family: Cardo, Georgia, serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  color: #31361D;
}

/* BUTTONS */
.link {
  transition: all 0.3s ease;
  padding: 20px 30px;
  font-family: Cardo, Georgia, serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  border-color: #980401;
  background-color: #980401;
  color: #FFFFFF;
}
.link:hover,
.link:focus {
  border-color: #980401;
  background-color: transparent;
  color: #980401;
}

@media (max-width: 959px) {
  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 40px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 32px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 22px !important;
  }

  .text-lead,
  .text-lead > * {
    font-size: 17px !important;
  }
}

@media (max-width: 569px) {
  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 34px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 28px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 20px !important;
  }
}