/* Styles for ExcessList */

:root {
    --el-dark: #1A1A1A;
    --el-light: #FFFFFF;
    --el-primary-background: #1E3160;
    --el-secondary-background: #00688F;
    --el-accent1: #1E3160;
    --el-accent2: #00688F;
    --el-accent3: #FABE14;
    --el-accent4: #F38020;
	--el-accent5: #E5E6E6;
    --el-focus: #FABE14;
    --el-alert: #F38020;

	/* 16px */
    --font-size-base: 1rem;
    /* 20px */
    --line-height-base: 1.25rem;
    /* 14px */
    --font-size-sm: 0.875rem;
    /* 18px */
    --line-height-sm: 1.286;
    /* 22px */
    --font-size-lg: 1.375rem;
    /* 32px */
    --line-height-lg: 1.455;
    /* 30px */
    --font-size-intro: 1.875rem;
    /* 40px */
    --line-height-intro: 1.3333;

    /* H1 variables */
    /* 40px */
    --el-h1-font-size: 2.5rem;

    --el-h1-line-height: 100%;
    --el-h1-font-weight: 900;
    --el-h1-letter-spacing: 0px;
    --el-h1-margin-top: 0;

    /* H2 variables */
    /* 32px */
    --el-h2-font-size: 2rem;

    --el-h2-line-height: 100%;
    --el-h2-font-weight: 900;
    --el-h2-letter-spacing: 0px;
    --el-h2-margin-top: 0;

    /* H3 variables */
    /* 28px */
    --el-h3-font-size: 1.75rem;
	
    --el-h3-line-height: 100%;
    --el-h3-font-weight: 900;
    --el-h3-margin-top: 0;

    /* H4 variables */
    /* 16px */
    --el-h4-font-size: 1rem;
    /* 20px */
    --el-h4-line-height: 1.25rem;
    --el-h4-font-weight: 700;
    --el-h4-margin-top: 0;

    /* H5 variables */
    /* 18px */
    --el-h5-font-size: 1.125rem;
    /* 22px */
    --el-h5-line-height: 1.167;
    --el-h5-font-weight: 700;
    --el-h5-margin-top: 0;
	
	    --el-primary-button-padding-x: 40px;
    --el-primary-button-padding-y: 14px;
    --el-primary-button-border-radius: 25px;
    --el-primary-button-background: var(--el-accent1);
    --el-primary-button-color: var(--el-light);
    --el-primary-button-background-hover: var(--el-dark);
    --el-primary-button-color-hover: var(--el-light);

    --el-secondary-button-padding-x: 30px;
    --el-secondary-button-padding-y: 6px;
    --el-secondary-button-border-radius: 17px;
    --el-secondary-button-background: var(--el-accent1);
    --el-secondary-button-color: var(--el-light);
    --el-secondary-button-background-hover: var(--el-dark);
    --el-secondary-button-color-hover: var(--el-light);

    --el-tertiary-button-padding-x: 30px;
    --el-tertiary-button-padding-y: 4px;
    --el-tertiary-button-border-radius: 15px;
    --el-tertiary-button-background: var(--el-accent2);
    --el-tertiary-button-color: var(--el-dark);
    --el-tertiary-button-background-hover: var(--el-dark);
    --el-tertiary-button-color-hover: var(--el-light);


    --el-primary-button-dark-background: var(--el-accent1);
    --el-primary-button-dark-color: var(--el-light);
    --el-primary-button-dark-background-hover: var(--el-dark);
    --el-primary-button-dark-color-hover: var(--el-light);

    --el-primary-button-light-background: var(--el-light);
    --el-primary-button-light-color: var(--el-dark);
    --el-primary-button-light-background-hover: var(--el-dark);
    --el-primary-button-light-color-hover: var(--el-light);

    --el-secondary-button-dark-background: var(--el-accent1);
    --el-secondary-button-dark-color: var(--el-light);
    --el-secondary-button-dark-background-hover: var(--el-dark);
    --el-secondary-button-dark-color-hover: var(--el-light);

    --el-secondary-button-light-background: var(--el-light);
    --el-secondary-button-light-color: var(--el-dark);
    --el-secondary-button-light-background-hover: var(--el-dark);
    --el-secondary-button-light-color-hover: var(--el-light);

    --el-tertiary-button-dark-background: var(--el-accent2);
    --el-tertiary-button-dark-color: var(--el-dark);
    --el-tertiary-button-dark-background-hover: var(--el-dark);
    --el-tertiary-button-dark-color-hover: var(--el-light);

    --el-tertiary-button-light-background: var(--el-accent2);
    --el-tertiary-button-light-color: var(--el-dark);
    --el-tertiary-button-light-background-hover: var(--el-light);
    --el-tertiary-button-light-color-hover: var(--el-dark);

    --el-background-dark: var(--el-accent1);
    --el-background-light: var(--el-accent3);
    --el-background-white: var(--el-light);
	
}

* {
    font-family: 'Red Hat Display', sans-serif;
}


/* ELEMENTOR GLOBAL COLOR MAPPINGS */
/* These are used by Elementor widgets that use global colors and should not be needed for custom styling */
:root {
    --color-primary: var(--el-dark);
    --color-secondary: var(--el-light);
    --color-accent: var(--el-accent1);
    --color-info: var(--el-focus);
    --color-warning: var(--el-alert);
    --color-text: var(--el-dark);
    --color-text-light: var(--el-light);
    --color-background: var(--el-primary-background);
    --color-surface: var(--el-background-light);
    --color-border: var(--el-dark);

    --e-global-color-primary: var(--el-dark);
    --e-global-color-secondary: var(--el-light);
    --e-global-color-text: var(--el-dark);
    --e-global-color-accent: var(--el-accent1);
    --e-global-color-border: var(--el-dark);
    --e-global-color-background: var(--el-primary-background);
}

.el-background-dark {
    background-color: var(--el-background-dark);
}

.el-background-light {
    background-color: var(--el-background-light);
}

.el-background-white {
    background-color: var(--el-background-white);
}

.el-gradient-radial {
    background: var(--el-gradient-radial);
}

.el-accent1 {
    color: var(--el-accent1);
}

.el-accent2 {
    color: var(--el-accent2);
}

.el-accent3 {
    color: var(--el-accent3);
}

.el-accent4 {
    color: var(--el-accent4);
}

.el-accent5 {
    color: var(--el-accent5);
}

.el-focus {
    color: var(--el-focus);
}

.el-alert {
    color: var(--el-alert);
}

/* Typography */
html {
    font-size: 16px;
    line-height: var(--line-height-base);
}

body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
}

h1,
.h1 {
    /* 40px */
    font-size: var(--el-h1-font-size);
	
    line-height: var(--el-h1-line-height);
    font-weight: var(--el-h1-font-weight);
    letter-spacing: var(--el-h1-letter-spacing);
    margin-top: var(--el-h1-margin-top);
}

h2,
.h2 {
    /* 42px */
    font-size: var(--el-h2-font-size);

    line-height: var(--el-h2-line-height);
    font-weight: var(--el-h2-font-weight);
    letter-spacing: var(--el-h2-letter-spacing);
    margin-top: var(--el-h2-margin-top);
}

h3,
.h3 {
    /* 28px */
    font-size: var(--el-h3-font-size);

    line-height: var(--el-h3-line-height);
    font-weight: var(--el-h3-font-weight);
    margin-top: var(--el-h3-margin-top);
}

h4,
.h4 {
    /* 16px */
    font-size: var(--el-h4-font-size);
    /* 20px */
    line-height: var(--el-h4-line-height);
    font-weight: var(--el-h4-font-weight);
    letter-spacing: var(--el-h4-letter-spacing);
    margin-top: var(--el-h4-margin-top);
}

h5,
.h5 {
    /* 18px */
    font-size: var(--el-h5-font-size);
    /* 22px */
    line-height: var(--el-h5-line-height);
    font-weight: var(--el-h5-font-weight);
    margin-top: var(--el-h5-margin-top);
}

p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    font-weight: 400;
}

.text-intro,
.text-intro p {
    font-size: var(--font-size-intro);
    line-height: var(--line-height-intro);
}

.text-lg,
.text-large,
.text-lg p,
.text-large p {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
}

.text-sm,
.text-small,
.text-sm p,
.text-small p {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
}

/* Lists */
ul,
ol {
    padding-left: 16px;
}

li {
    margin-bottom: 10px;
}

ul li ul,
ol li ol,
ul li ol,
ol li ul {
    margin-top: 10px;
    margin-bottom: 0;
}

hr {
    margin: 30px auto;
}

/* Links & Buttons */
a,
a:visited {
    color: var(--el-focus);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: var(--el-accent1);
    font-style: normal;
    text-decoration: none;
}

/* this is necessary for Gutenberg buttons */
.wp-block-button {
    color: var(--el-primary-button-color);
}

a.el-button,
a.elementor-button,
.primary a.elementor-button,
a.btn,
a.button,
a.elementor-button-link,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[type="submit"],
[type="button"],
a.wp-element-button,
.wp-block-button a.wp-element-button,
.wp-block-button.primary a.wp-element-button {
    /* 18px */
    font-size: 1rem;
    line-height: 100%;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    background-color: var(--el-accent3);
    color: var(--el-accent1);
    border: none;
/* 	padding-top: var(--el-primary-button-padding-y);
    padding-bottom: var(--el-primary-button-padding-y);
    padding-left: var(--el-primary-button-padding-x);
    padding-right: var(--el-primary-button-padding-x);
    border-radius: var(--el-primary-button-border-radius); */
    transition: all 0.3s ease-in-out;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 0px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.gform_wrapper input.gform_button,
.gform_wrapper input.gform_button[type="submit"],
.gform_wrapper #field_submit input.gform_button,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"],
    [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"],
    [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    /* 18px */
/*     font-size: 1.125rem !important; */
    /* 22px */
/*     line-height: 1.222 !important; */
/*     font-weight: 400 !important;
    background-color: var(--el-primary-button-light-background) !important;
    color: var(--el-primary-button-light-color) !important;
    border-radius: var(--el-primary-button-border-radius) !important;
    padding-top: var(--el-primary-button-padding-y);
    padding-bottom: var(--el-primary-button-padding-y);
    padding-left: var(--el-primary-button-padding-x);
    padding-right: var(--el-primary-button-padding-x);
    border-radius: var(--el-primary-button-border-radius);
    transition: all 0.3s ease-in-out !important; */
}

a.el-button:hover,
a.elementor-button:hover,
a.btn:hover,
a.button:hover,
a.elementor-button-link:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
[type="submit"]:hover,
[type="button"]:hover,
a.wp-element-button:hover,
.wp-block-button a.wp-element-button:hover,
.wp-block-button.primary a.wp-element-button:hover {
    background-color: var(--el-secondary-background);
    color: var(--el-primary-button-color-hover);
    text-decoration: none;
}

.el-button.primary.dark,
.el-button.dark {
    background-color: var(--el-primary-button-dark-background);
    color: var(--el-primary-button-dark-color);
}

.el-button.primary.dark:hover,
.el-button.dark:hover {
    background-color: var(--el-primary-button-dark-background-hover);
    color: var(--el-primary-button-dark-color-hover);
}

.el-button.primary.light,
.el-button.light {
    background-color: var(--el-primary-button-light-background);
    color: var(--el-primary-button-light-color);
}

.el-button.primary.light:hover,
.el-button.light:hover {
    background-color: var(--el-primary-button-light-background-hover);
    color: var(--el-primary-button-light-color-hover);
}

.el-button.secondary.dark {
    background-color: var(--el-secondary-button-dark-background);
    color: var(--el-secondary-button-dark-color);
}

.el-button.secondary.dark:hover {
    background-color: var(--el-secondary-button-dark-background-hover);
    color: var(--el-secondary-button-dark-color-hover);
}

.el-button.secondary.light {
    background-color: var(--el-secondary-button-light-background);
    color: var(--el-secondary-button-light-color);
}

.el-button.secondary.light:hover {
    background-color: var(--el-secondary-button-light-background-hover);
    color: var(--el-secondary-button-light-color-hover);
}

.el-button.tertiary.dark {
    background-color: var(--el-tertiary-button-dark-background);
    color: var(--el-tertiary-button-dark-color);
}

.el-button.tertiary.dark:hover {
    background-color: var(--el-tertiary-button-dark-background-hover);
    color: var(--el-tertiary-button-dark-color-hover);
}

.el-button.tertiary.light {
    background-color: var(--el-tertiary-button-light-background);
    color: var(--el-tertiary-button-light-color);
}

.el-button.tertiary.light:hover {
    background-color: var(--el-tertiary-button-light-background-hover);
    color: var(--el-tertiary-button-light-color-hover);
}


/* .gform_wrapper input.gform_button:hover,
.gform_wrapper input.gform_button[type="submit"]:hover,
.gform_wrapper #field_submit input.gform_button:hover,
.gform_wrapper input.gform_button:hover,
.gform_wrapper input.gform_button[type="submit"]:hover,
.gform_wrapper #field_submit input.gform_button:hover,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"]:hover,
    [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"]:hover,
    [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
    background-color: var(--el-primary-button-light-background-hover) !important;
    color: var(--el-primary-button-light-color-hover) !important;
    text-decoration: none !important;
} */

.el-button.primary-button,
.el-button.primary,
.elementor-button.elementor-size-lg,
.primary a.elementor-button {
/*     padding-top: var(--el-primary-button-padding-y);
    padding-bottom: var(--el-primary-button-padding-y);
    padding-left: var(--el-primary-button-padding-x);
    padding-right: var(--el-primary-button-padding-x);
    border-radius: var(--el-primary-button-border-radius); */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0px;
}

.el-button.secondary-button,
.el-button.secondary,
.elementor-button.elementor-size-md,
.secondary a.elementor-button,
.wp-block-button.secondary a.wp-element-button {
/*     padding-top: var(--el-secondary-button-padding-y);
    padding-bottom: var(--el-secondary-button-padding-y);
    padding-left: var(--el-secondary-button-padding-x);
    padding-right: var(--el-secondary-button-padding-x);
    border-radius: var(--el-secondary-button-border-radius); */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0px;
}

.el-button.tertiary-button,
.el-button.tertiary,
.tertiary .elementor-button,
.wp-block-button.tertiary a.wp-element-button {
	padding-top: var(--el-tertiary-button-padding-y);
    padding-bottom: var(--el-tertiary-button-padding-y);
    padding-left: var(--el-tertiary-button-padding-x);
    padding-right: var(--el-tertiary-button-padding-x);
    border-radius: var(--el-tertiary-button-border-radius);
}

/* Header Start */

/* #el-header {
	max-width: 1280px;
} */

#el-header .site-logo {
	max-width: 337px;
}

/* Header End */

/* Footer Start */

/* Footer End */
