:root {
--primary: #333333;
--primary-hover: #ffffff;
--primary-text: #ffffff;
--primary-text-hover: #33333;
--secondary: #009492;
--error: #ef4444;
--main-text: #333333;
--main-font-family: 'PT Sans Narrow', sans-serif;
--secondary-font-family:'Catamaran', sans-serif;
--external-bg: #242949;
--external-text: #242949;
--external-font-family: 'PT Sans Narrow', sans-serif;
--external-form-bg: #ffffff;
--external-body-text: #242949;
--external-button-bg: ;
--external-button-text: #242949;
--external-button-border: ;
--external-button-bg-hover: ;
--external-button-text-hover: ;
--external-button-border-hover: ;
--external-button-icon-text: #242949;
--participant-header-bg: #f9f9f9;
--participant-header-text: #000000;
--participant-header-font-family: 'Catamaran', sans-serif;
--participant-header-divisor: #000000;
--participant-header-link: #000000;
--participant-header-link-hover: #c3c3c3;
--participant-header-menu-link: #000000;
--participant-header-menu-link-hover: ;
--participant-header-menu-link-bg-hover: ;
--participant-header-mobile-bg: #f9f9f9;
--participant-header-mobile-logout-text: #000000;
--participant-header-mobile-logout-text-hover: ;
--participant-header-mobile-logout-bg: #f9f9f9;
--participant-header-mobile-logout-bg-hover: ;
--participant-footer-font-family: 'Catamaran', sans-serif;
--participant-footer-bg: #f9f9f9;
--participant-footer-text: #000000;
--participant-home-box-bg: ;
--participant-home-box-text: ;
--participant-home-box-header-bg: #f9f9f9;
--participant-home-box-header-text: ;
--feature-product-card-header-text: #112A46;
--feature-product-card-badge-bg: #112A46;
--feature-product-card-badge-text: #333333;
--feature-product-card-bg: rgb(249,249,249);
--feature-product-card-text: #112A46;
--feature-product-card-stripe-bg: #dadada;
--feature-product-card-stripe-text: #ffffff;
--basic: #f7efdc;
--primaryText: #fff;
--cta: #fff;
--ctaText: #fff;
--contrast: #f3c604;
--contrastText: #000;
--bs-primary-rgb: 243, 198, 4 !important;
--mainText: #1d1915;
--externalBg: #1d1915;
--formExternalText: var(--mainText, #000);
--formExternalBg: #112A46;
--formExternalButtonText: var(--formExternalText, #000);
--formExternalButtonBorder: transparent;
--formExternalButtonBg: transparent;
--formExternalButtonTextHover: #fff;
--formExternalButtonBgHover: transparent;
--formLoginText: #1d1915;
--formLoginBg: transparent;
--formLoginButtonText: var(--formExternalText, #fff);
--formLoginButtonBorder: transparent;
--formLoginButtonBg: transparent;
--formLoginButtonTextHover: #112A46;
--formLoginButtonBgHover: transparent;
--formFirstAccessBg: transparent;
--formFirstAccessText: var(--formExternalText);
--formFirstAccessButtonText: var(--formExternalText, #fff);
--formFirstAccessButtonBorder: transparent;
--formFirstAccessButtonBg: transparent;
--formFirstAccessButtonTextHover: #112A46;
--formFirstAccessButtonBgHover: transparent;
--formForgotPasswordBg: transparent;
--formForgotPasswordText: var(--formExternalText);
--formForgotPasswordButtonText: var(--formExternalText, #fff);
--formForgotPasswordButtonBorder: transparent;
--formForgotPasswordButtonBg: transparent;
--formForgotPasswordButtonTextHover: #112A46;
--formForgotPasswordButtonBgHover: transparent;
--formContactUsBg: transparent;
--formContactUsText: var(--formExternalText);
--formContactUsButtonText: var(--formExternalText, #fff);
--formContactUsButtonBorder: transparent;
--formContactUsButtonBg: transparent;
--formContactUsButtonTextHover: #112A46;
--formContactUsButtonBgHover: transparent;
--formBackBg: transparent;
--formBackButtonText: var(--formExternalText, #fff);
--formBackButtonBorder: transparent;
--formBackButtonBg: transparent;
--formBackButtonTextHover: #112A46;
--formBackButtonBgHover: transparent;
--formInternalBg: #fff;
--formInternalText: #fff;
--formInternalHeader: #fff top left no-repeat;
--formInternalHeaderText: var(--formInternalText, #000);
--sideBreather: 60px;
}
.footer {
--min-height: 160px;
--height: 160px;
--background: #1d1915 top left no-repeat;
--padding: 30px 0;
--logoMargin: 0 1rem;
--logoSize: 100%;
--menuBorder: #112A46;
--primary: #fff;
--main-color: #ffffff;
--secondary-color: #ffffff;
}
@media (max-width: 767px) {
:root {
--sideBreather: 15px;
}
}