:root {
  /* client variables */
  --color-white-light: #ffffff;
  --color-white-normal: #ffffff;
  --color-white-dark: #e5e7eb;
  --color-gray-light: #D0D2D3;
  --color-gray-normal: #696f8c;
  --color-gray-dark: #2f2f2f;
  --color-black-light: #33374d;
  --color-black-normal: #000000;
  --color-black-dark: #0b0e1e;
	
  	/*client colors*/
  --color-primary-light: #ffdb8d;
  --color-primary-normal: #ffb81c;
  --color-primary-dark: #d59a16;
  --color-primary-darker: #F68F1E;
  --color-secondary-light: #3c7ccd;
  --color-secondary-normal: #21253d;
  --color-secondary-dark: #0b0e1e;
  --color-tertiary-light: #10b981;
  --color-tertiary-normal: #059669;
  --color-tertiary-dark: #047857;
  --color-quaternary-light: #fcd34d;
  --color-quaternary-normal: #fbbf24;
  --color-quaternary-dark: #f59e0b;

	/* client font */
  --font-size: 16px;
  --font-family-pri: "Urbanist", sans-serif;
  --font-family-alt: "Source Sans 3", sans-serif;
  --font-family: var(--font-family-pri);

	/*fonts*/
	/*default font*/
  --font-color: var(--color-black-normal);
  --font-color-light: var(--color-gray-normal);
	/*input font*/
  --font-color-input: var(--color-black-normal);
	/*label font*/
  --font-color-label: var(--color-black-normal);
  --font-color-label-focus: var(--font-color);
  --font-family-label: var(--font-family-pri);
	/*title font*/
  --font-color-title: var(--color-black-normal);
  --font-family-title: var(--font-family-pri);
	/*h1 font*/
  --font-color-h1: var(--color-black-normal);
  --font-family-h1: var(--font-family-pri);
	/*h2 font*/
  --font-color-h2: var(--font-color-h1);
  --font-weight-h2: var(--font-weight-h1);
  --font-family-h2: var(--font-family-input);
	/*h3 font*/
  --font-color-h3: var(--color-black-normal);
  --font-weight-h3: 500;
	/*h4 font*/
  --font-color-h4: var(--font-color-h3);
  --line-height: var(--font-size);

	/*flex properties*/
  --gap-vertical: var(--column-spacer);
  --gap-vertical-25: calc(var(--gap-vertical) * 0.25);
  --gap-vertical-50: calc(var(--gap-vertical) * 0.5);
  --gap-vertical-75: calc(var(--gap-vertical) * 0.75);
  --gap-vertical-150: calc(var(--gap-vertical) * 1.5);
  --gap-vertical-200: calc(var(--gap-vertical) * 2);
  --gap-horizontal: var(--column-spacer);
  --gap-horizontal-25: calc(var(--gap-horizontal) * 0.25);
  --gap-horizontal-50: calc(var(--gap-horizontal) * 0.5);
  --gap-horizontal-75: calc(var(--gap-horizontal) * 0.75);
  --gap-horizontal-150: calc(var(--gap-horizontal) * 1.5);
  --gap-horizontal-200: calc(var(--gap-horizontal) * 2);
}

/*
    General Elements/Classes
*/

html,
body {
  font-family: var(--font-family);
}

a {
  color: var(--color-black-normal);
  font-weight: 400;
  text-decoration: underline;
  
  
  &:visited {
    text-decoration: underline;
    color: var(--color-black-normal);
  }
  &:hover {
    text-decoration: underline;
    color: var(--color-black-normal);
  }
}

.divider::before {
  background-color: var(--color-gray-dark);
}

.horizontal-divider {
  border-color: var(--border-color);
}

.vertical-divider {
  border-color: var(--border-color);
}


.card-gray,
.card-yellow,
.card-white {
	display: flex;
	gap: var(--gap-vertical);
	background-color: var(--color-gray-light);
	border-radius: 6px;
	padding: 0 1rem;
}

.card-yellow {
	background-color: var(--color-primary-light);
}

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

.card-gray-row,
.card-yellow-row,
.card-white-row {
	display: flex;
	flex-direction: row;
}

.card-gray-column,
.card-yellow-column,
.card-white-column {
	display: flex;
	flex-direction: column;
	margin: 15px 15px 15px 0;
	line-height: var(--line-height);
	gap: var(--gap-horizontal-75);
}


/*
    loader
*/

.loader {
  border-color: #d3d3d3;
  border-top-color: var(--color-primary-normal);
}




/*
    buttons
*/

.button-primary,
.button-exit {
	background-color: var(--color-primary-normal);
	color: var(--color-black-normal);
	border-radius: 6px;
	border: none;
	font-size: 20px;
	font-weight: 600;
	padding: 0 15px;
	min-height: 3pc;
	&:visited {
		color: var(--color-black-normal);
	}
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		background-color: var(--color-primary-dark);
		border: none;
		text-decoration: none;
		border-radius: 6px;
		color: var(--color-black-normal);
	}
}

.button-exit{
	display: flex;
	justify-content: center;
	align-items: center;
}

.button-other {
	background-color: var(--color-primary-normal);
	color: var(--color-black-normal);
	border-radius: 6px;
	border: none;
  &:hover:not(:disabled),
  &:active:not(:disabled),
  &:focus:not(:disabled) {
		background-color: var(--color-primary-dark);
		border: none;
		text-decoration: none;
		border-radius: 6px;
		color: var(--color-black-normal);
  }
}

.button-link,
.button-link-alt {
	border: 2px solid var(--color-black-normal) !important;
	background-color: transparent;
	color: var(--color-black-normal) !important;
	border-radius: 6px;
	font-size: 20px;
	font-weight: 600;
	padding: 0 15px;
	min-height: 3pc;
	text-align: center;
	
	&:hover:not(:disabled),
	&:active:not(:disabled),
	&:focus:not(:disabled) {
		text-decoration: none;
		background-color: var(--color-black-normal) !important;
		border-color: var(--color-black-normal) !important;
		color: var(--color-white-light) !important;
	}
}

.fiviLinkButton {
	color: var(--color-black-normal);
	background: none;
}


/*
	Business Type - Prohibited
	Business Type - Restricted
*/
.page-BusinessType ul {
	margin-left: 16px;
	margin-bottom: 16px;
	font-weight: var(--font-weight);
}

.page-BusinessType .fiviPanel {
	width: 100%;
}
/*
	Business Information (EIN/DBA)
*/
.multiline .fiviInput {
	max-width: 100%;
}

.multiline textarea {
	margin-top: 0;
}

/*
	Expected Activity
*/

.dropdown-custom .DefaultLabelClass {
	color: transparent;
}

.dropdown-custom select {
	margin-top: 0;
}

/*
	Disclosures
*/

.fiviDisclosureList {
	display: flex;
	flex-direction: column;
	width: 100vw;
	max-width: 100%;
	gap: var(--gap-vertical-75);
	& > .DisclosureItem {
		/* padding-left: var(--gap-horizontal); */
		
		
		
		& .fa.fa-square {
			outline: 1.5px solid var(--color-black-normal);
			border-radius: 2px;
			color: white;
		}

		& .fa.fa-check {
			color: var(--color-black-normal);
			outline: 1.5px solid var(--color-black-normal);
			border-radius: 2px;
		}
	}

	& .DisclosureLinkV3 {
		color: var(--color-black-normal);
		background-color: transparent;
		border: none;
		text-align: left;
		text-decoration: underline;
		
		
				
		&:hover {
			text-decoration: underline;
		}
	}
}

.fiviDisclosureList div:nth-of-type(2) {
	display: flex;
	justify-content: center;
	padding-bottom: 25px;
}


.CheckboxDisabledMessage {
	display: none;
}

/*
	Funding Method
*/

.funding-method .DefaultRBControlClassV3 {
	display: none;
}