/* The root selector defines variables (custom properties) */
:root
{
  --psblue-color: #003b71;
  --psgreen-color: #00ae42;

  --psgray-color: #54585a;
  --psgray-color-2: #9ea2a2;
  --psgray-color-3: #d0d3d4;

  --psgreen-lemmon-color: #75ea49;
  --psgreen-focus-color: LightSeaGreen;
  --psgreen-focus-color-2: #7dd8a2;
  --psteal-light-color: #66d3b9;
  --psteal-color: #26a98d;

  --psblue-light-color: #1b547f;
  --psblue-focus-color: #275EFE;
  --psblue-focus-color-2: #2a44a0;
  --psblue-dim-color: #2c5585;
  --psblue-dark-color: #243d59;
}


html,
body,
header,
nav,
main,
article,
section,
aside,
div,
table,
form,
input,
button,
textarea,
select,
a,
p
{
	font-family: 'EncodeSans_Condensed-Regular'!important;
  color: var(--psgray-color)!important;
}

strong, b
{
	font-family: 'EncodeSans_Condensed-Medium'!important;
  /*color: var(--psgray-color)!important;*/
}

h1
{
  font-family: 'EncodeSans_Condensed-ExtraBold';
}

h2, h3, h4, h5, h6
{
  font-family: 'EncodeSans_Condensed-Bold';
}

footer, small
{
	font-family: 'EncodeSans_Condensed-Light'!important;
  color: var(--psgray-color)!important;
}
small
{
  font-size: 0.7rem!important;
}


.text--psblue{ color: var(--psblue-color)!important; }
.text--psgreen{ color: var(--psgreen-color)!important; }
.text--psgray{ color: var(--psgray-color)!important; }
.text--psgray--2{ color: var(--psgray-color-2)!important; }
.text--psblue-focus{ color: var(--psblue-focus-color)!important; }


.bg--psblue{ background-color: var(--psblue-color)!important; }
.bg--psgreen{ background-color: var(--psgreen-color)!important; }
.bg--psblue--focus{ background-color: var(--psblue-focus-color)!important; }
.bg--psblue--light{ background-color: var(--psblue-light-color)!important; }
.bg--psgray{ background-color: var(--psgray-color)!important; }

.bg--psblue--gradient{ background: linear-gradient(to right,var(--psblue-color),var(--psblue-focus-color)); }
.bg--psgreen--gradient{ background: linear-gradient(to right,var(--psteal-color),var(--psgreen-color)); }


.border--psblue{ border: 1px solid var(--psblue-color)!important; }
.border--psblue--2px{ border: 2px solid var(--psblue-color)!important; }
.border--psblue--4px{ border: 4px solid var(--psblue-color)!important; }
.border--psgreen{ border: 1px solid var(--psgreen-color)!important; }
.border--psblue--focus{ border: 1px solid var(--psblue-focus-color)!important; }
.border--psgray{ border: 1px solid var(--psgray-color)!important; }

.border--psblue--right{ border-right: 1px solid var(--psblue-color)!important; }
.border--psblue--right--2px{ border-right: 2px solid var(--psblue-color)!important; }
.border--psgreen--right{ border-right: 1px solid var(--psgreen-color)!important; }
.border--psgreen--right--2px{ border-right: 2px solid var(--psgreen-color)!important; }


.alert--psclear--blue
{
  /*background-color: White!important;*/
	border-color: var(--psgray-color-2)!important;
	border-radius: 10px;
	color: var(--psgray-color)!important;
}
.alert--psclear--blue:hover
{
	color: var(--psblue-focus-color)!important;
}


.alert--psblue,
.alert--psgreen,
.alert--psblue--focus,
.alert--psclear
{
	/*text-align: justify!important;*/
	border: 1px solid;
	border-radius: 6px!important;
  padding: 6px;
}
.alert--psblue,
.alert--psgreen
{
	color: White!important;
}
.alert--psblue
{
	background-color: var(--psblue-color)!important;
	border-color: var(--psblue-color)!important;
}
.alert--psgreen
{
	background-color: var(--psgreen-color)!important;
	border-color: var(--psgreen-color)!important;
}
.alert--psblue--focus
{
	color: White!important;
  background-color: var(--psblue-focus-color)!important;
	border-color: var(--psblue-focus-color)!important;
}
.alert--psclear
{
	/*color: var(--psblue-color)!important;*/
  background-color: White!important;
	border-color: LightGray!important;
}
.alert--psclear:hover
{
  background-color: White!important;
	border-color: Gray!important;
}


.button--psblue-focus,
.button--psblue,
.button--psgreen,
.button--psgray
{
  cursor: pointer!important;
	/*transition: all 0.7s ease;
	border-radius: 6px!important;
  height: 38px!important;*/
}

.button--psblue-focus
{
	color: var(--psblue-color)!important;
}
.button--psblue,
.button--psgreen,
.button--psgray
{
	color: White!important;
}


.button--psgray
{
	background-color: var(--psgray-color-2);
	border: 1px solid var(--psgray-color-2)!important;
}
.button--psblue-focus
{
	background-color: GhostWhite;
	border: 1px solid var(--psblue-focus-color)!important;
}
.button--psblue
{
	background-color: var(--psblue-color);
	border: 1px solid var(--psblue-color)!important;
}
.button--psgreen
{
	background-color: var(--psgreen-color);
	border: 1px solid var(--psgreen-color)!important;
}

.button--psgray:hover
{
	background-color: SteelBlue;
}
.button--psblue-focus:hover
{
	background-color: var(--psblue-focus-color);
	color: White!important;
}
.button--psblue:hover
{
	background-color: var(--psblue-focus-color)!important;
	border-color: var(--psblue-focus-color)!important;
}
.button--psgreen:hover
{
	background-color: var(--psgreen-focus-color)!important;
	border-color: var(--psgreen-focus-color)!important;
}


.alert--psblue
{
	color: White!important;
	text-align: justify!important;
  background-color: var(--psblue-color)!important;
	border: 1px solid var(--psblue-color)!important;
}

.photo--thumbnail--rounded--psblue
{
  width: 54px!important;
  height: 54px!important;
  max-height: auto;
	border-radius: 50%;
  border: 6px solid var(--psblue-color);
  background-color: White;
  margin: 0 24px;
}
.photo--thumbnail--rounded--psgreen
{
  width: 54px!important;
  height: 54px!important;
  max-height: auto;
	border-radius: 50%;
  border: 6px solid var(--psblue-color);
  background-color: var(--psgreen-color);
  margin: 0 24px;
}