@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: 'Lato', sans-serif !important;
}

:root {
    /** Woxi Palette**/
    --wx-grey-900: #000000;
    --wx-grey-800: #202628;
    --wx-grey-700: #272f32;
    --wx-grey-600: #364149;
    --wx-grey-500: #526675;
    --wx-grey-500-40A: #52667599;
    --wx-grey-400: #60767d;
    --wx-grey-300: #a3b8ca;
    --wx-grey-200: #cfd8e0;
    --wx-grey-100: #f0f5f7;
    --wx-brown-500: #705d56;
    --wx-green-800: #016604;
    --wx-green-700: #4d9410;
    --wx-green-600: #85d63f;
    --wx-green-500: #adff65;
    --wx-green-500-24A: #adff6524;
    --wx-turquoise-600: #189e90;
    --wx-turquoise-500: #8bd4cc;
    --wx-red-500: #ff6060;
    /** Woxi Color Pairs**/
    --wx-L100D200: var(--wx-grey-200);
    --wx-L100D300: var(--wx-grey-300);
    --wx-L100D600: var(--wx-grey-600);
    --wx-L100D700: var(--wx-grey-700);
    --wx-L100D800: var(--wx-grey-800);
    --wx-L100D900: var(--wx-grey-900);
    --wx-L150D100: var(--wx-grey-100);
    --wx-L150D600: var(--wx-grey-600);
    --wx-L150D700: var(--wx-grey-700);
    --wx-L150D800: var(--wx-grey-800);
    --wx-L150D900: var(--wx-grey-900);
    --wx-L200D500: var(--wx-grey-500);
    --wx-L200D500-40A: var(--wx-grey-500-40A);
    --wx-L200D600: var(--wx-grey-600);
    --wx-L200D700: var(--wx-grey-700);
    --wx-L300D500: var(--wx-grey-500);
    --wx-L300D700: var(--wx-grey-700);
    --wx-L300D800: var(--wx-grey-800);
    --wx-L400D300: var(--wx-grey-300);
    --wx-L400D500: var(--wx-grey-500);
    --wx-L400D600: var(--wx-grey-600);
    --wx-L400D700: var(--wx-grey-700);
    --wx-L500D200: var(--wx-grey-200);
    --wx-L500D300: var(--wx-grey-300);
    --wx-L500D600: var(--wx-grey-600);
    --wx-L500D700: var(--wx-grey-700);
    --wx-L600D200: var(--wx-grey-200);
    --wx-L700D200: var(--wx-grey-200);
    --wx-L700D300: var(--wx-grey-300);
    --wx-L700D400: var(--wx-grey-400);
    --wx-L700D800: var(--wx-grey-800);
    --wx-L800D100: var(--wx-grey-100);
    --wx-L800D200: var(--wx-grey-200);
    --wx-L800D300: var(--wx-grey-300);
    --wx-L800D400: var(--wx-grey-400);
    --wx-L800D500: var(--wx-grey-500);
    --wx-L800D600: var(--wx-grey-600);
    --wx-L800D700: var(--wx-grey-700);
    --wx-L900D100: var(--wx-grey-100);
    --wx-L900D200: var(--wx-grey-200);
    --wx-green-secondary: var(--wx-green-700);
    --wx-green7-5: var(--wx-green-500);
    --wx-green7-8: var(--wx-green-800);
    --wx-green8-6: var(--wx-green-600);
    --wx-grey-secondary: var(--wx-grey-400);
    --wx-brown-grey: var(--wx-grey-300);
    --wx-brown-turquoise: var(--wx-turquoise-500);
    --wx-turquoise-grey: var(--wx-grey-600);
    --wx-turquoise-green: var(--wx-green-500);
    --wx-turquoise-green-dark: var(--wx-green-600);
    --wx-turquoise5-6: var(--wx-turquoise-600);
    --wx-turquoise6-green5: var(--wx-green-500);
    --wx-grey5-turquoise6: var(--wx-turquoise-600);
    --wx-grey6-turquoise6: var(--wx-turquoise-600);
    --wx-grey7-turquoise6: var(--wx-turquoise-600);
    --wx-grey8-turquoise6: var(--wx-turquoise-600);
    --wx-grey9-turquoise6: var(--wx-turquoise-600);
    --wx-grey8-green5: var(--wx-green-500);
    --wx-grey9-green5: var(--wx-green-500);
    --wx-green8-turquoise6: var(--wx-turquoise-600);
}


.link {
    color: var(--wx-turquoise-green) !important;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s ease-in;
}

.link:hover {
    color: var(--wx-turquoise-green-dark) !important;
    transition: color 0.2s ease-in;
}

/** Woxi Text Colors **/
.wtext-green-500 {
	color: var(--wx-green-500)
}

.wtext-grey-100 {
	color: var(--wx-grey-100);
}

.wtext-grey-200 {
	color: var(--wx-grey-200)
}

.wtext-grey-300 {
	color: var(--wx-grey-300)
}

.wtext-grey-400 {
	color: var(--wx-grey-400)
}

.wtext-grey-500 {
	color: var(--wx-grey-500)
}

.wtext-grey-600 {
	color: var(--wx-grey-600)
}

.wtext-grey-700 {
	color: var(--wx-grey-700)
}

.wtext-grey-800 {
	color: var(--wx-grey-800)
}


/** Woxi Text styles **/
.wf-italic {
	font-style: italic;
}

.wf-caps {
	text-transform: uppercase;
}

/** Woxi Text weights **/
.wfw-black {
	font-weight: 900;
}

.wfw-bold {
	font-weight: 700;
}

.wfw-semibold {
	font-weight: 600;
}

.wfw-regular {
	font-weight: 400;
}

.wfw-light {
	font-weight: 300;
}

/** Woxi font sizes **/
.wfs-40 {
	font-size: 40px;
}

.wfs-24 {
	font-size: 24px;
}

.wfs-20 {
	font-size: 20px;
}

.wfs-18 {
	font-size: 18px;
}

.wfs-16 {
	font-size: 16px;
}

.wfs-14 {
	font-size: 14px;
}

.wfs-12 {
	font-size: 12px;
}

.wfs-10 {
	font-size: 10px;
}

.wfs-9 {
	font-size: 9px;
}

.wfs-8 {
	font-size: 8px;
}

/** Woxi line height styles **/
.wlh-normal {
	line-height: normal;
}

.wlh-10 {
	line-height: 10px;
}


.wibtn-primary:hover .wibtn-svg-primaryfill {
    height: 18px !important;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.wibtn-primary {
	background-color: var(--wx-green-500) !important;
	border: 1px solid var(--wx-green7-5) !important;
	transition: all 0.2s ease-in;
}

.wibtn-primary:hover {
	background-color: var(--wx-green-600) !important;
	border: 1px solid var(--wx-green8-6) !important;
	transition: all 0.2s ease-in;
}


.form-control {
	font-size: 16px;
	color: var(--wx-L900D100);
	background-color: var(--wx-L100D800);
	border-radius: 4px;
}

/* navbar  */


.nav-link {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2pt;
    font-size: 9pt;
  }
  
  
  .navbar-text {
    font-size: 10pt;
  }
  

  .navbar-slogan {
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0pt;

  }