@charset "UTF-8";

/******************************* body styles ****************************/

body
{
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 28px !important;
    letter-spacing: 0.3px !important;
    color: var(--black) !important;
}

body .ui-widget
{
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.ui-password-icon
{
	font-size: 14px !important;
    line-height: 14px !important;
}

:root
{
  	--cherry-red: #ed0228 !important;
  	--avocado-green: #80ba27 !important;
  	--cerulean: #00a0dd !important;
  	--brownish-grey: #666666 !important;
  	--black: #393939 !important;
  	--white: #f8f8f8 !important;
  	--greyish: #afafaf !important;
  	--white-two: #e0e0e0 !important;
}

h1
{
  	font-family: Roboto !important;
  	font-size: 40px !important;
  	font-weight: 300 !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.25 !important;
  	letter-spacing: 0.6px !important;
  	color: var(--cerulean) !important;
  	margin-top: 0px !important;
  	margin-bottom: 32px !important;
}

h2
{
  	font-family: Roboto !important;
  	font-size: 18px !important;
  	font-weight: 700 !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.56 !important;
  	letter-spacing: 0.3px !important;
  	color: var(--cerulean) !important;
  	margin-block-end: 0px !important;
}

/* https://stackoverflow.com/questions/4623328/select-first-occurring-element-after-another-element */
h2 + p
{
    margin-block-start: 0.2em !important;
}


h3
{
  	font-family: Roboto !important;
  	font-size: 18px !important;
  	font-weight: 500 !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.56 !important;
  	letter-spacing: 0.3px !important;
  	color: var(--black) !important;
}

.Textlink {
  	font-family: Roboto !important;
  	font-size: 18px !important;
  	font-weight: normal !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.56 !important;
  	letter-spacing: 0.3px !important;
  	color: var(--cerulean) !important;
}

.Bodycopy-normal {
  	font-family: Roboto !important;
  	font-size: 18px !important;
  	font-weight: 300 !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.56 !important;
  	letter-spacing: 0.3px !important;
  	color: var(--black) !important;
}

.Bodycopy-small {
  	font-family: Roboto !important;
  	font-size: 16px !important;
  	font-weight: 300 !important;
  	font-style: normal !important;
  	font-stretch: normal !important;
  	line-height: 1.63 !important;
  	letter-spacing: 0.3px !important;
  	color: var(--black) !important;
}