:root {
  /* define gsec colors in one place */
  --gsec-black: #231F20;
  --gsec-darkgray: #474747;

  --gsec-lightgray: #D8D8D8;
  --gsec-offwhite: #EDF2F4;

  --gsec-lightblue: #639DDF;
  --gsec-blue: #1C5698;
  --gsec-darkblue: #183450;

  --gsec-orangeyellow: #E8B000;
  --gsec-harvestgold: #D99000;

  --gsec-darkgreen: #1F593B;
  --gsec-lightgreen: #2A8952;
  --gsec-brightgreen: #54C158;

  --gsec-red: #F34141;
}


/* GSEC COLOR VARIABLES */
.gsec-color-black {
  color: var(--gsec-black);
}

.gsec-color-owhite {
  color: var(--gsec-offwhite);
}

.gsec-color-lblue{
  color:var(--gsec-lightblue);
}
.gsec-color-blue {
  color: var(--gsec-blue);
}
.gsec-color-dblue {
  color: var(--gsec-darkblue);
}

.gsec-color-oyellow {
  color: var(--gsec-orangeyellow);
}
.gsec-color-hgold {
  color: var(--gsec-harvestgold) !important;
}

.gsec-color-dgreen {
  color: var(--gsec-darkgreen);
}
.gsec-color-lgreen {
  color: var(--gsec-lightgreen);
}
.gsec-color-bgreen {
  color: var(--gsec-brightgreen);
}

.gsec-color-red {
  color: var(--gsec-red);
}
.gsec-color-dgray {
  color: var(--gsec-darkgray);
}
.gsec-color-lgray{
  color: var(--gsec-lightgray);
}

.gsec-bg-dgray{
  background-color: var(--gsec-darkgray);
}

.gsec-bg-lgray{
  background-color: var(--gsec-lightgray);
}
.gsec-bg-owhite{
  background-color: var(--gsec-offwhite);
}

.gsec-bg-lblue{
  background-color:var(--gsec-lightblue);
}
.gsec-bg-blue {
  background-color: var(--gsec-blue);
}
.gsec-bg-dblue {
  background-color: var(--gsec-darkblue);
}

.gsec-bg-oyellow {
  background-color: var(--gsec-orangeyellow) !important;
}
.gsec-bg-hgold {
  background-color: var(--gsec-harvestgold);
}

.gsec-bg-red {
  background-color: var(--gsec-red);
}

.gsec-bg-dgreen {
  background-color: var(--gsec-darkgreen);
}
.gsec-bg-lgreen {
  background-color: var(--gsec-lightgreen);
}

.gsec-bg-white{
  background-color: white;
}

/*  BOOTSTRAP OVERRIDES */
.btn-primary {
  background-color: var(--gsec-blue);
  border-color: var(--gsec-blue);
}
.nav-pills {
  background-color: var(--gsec-offwhite);
  width: fit-content;
}
button.nav-link:hover {
  background-color: var(--gsec-orangeyellow);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--gsec-blue);
}
.nav-link {
  color: var(--gsec-blue);
  font-size: 1.3em;
}

/* GLOBAL */
section, header {
  display: block;
  clear: both;
}

p {
  line-height: 1.75em;
}

h1 {
  font-weight: 600;
  font-size: 2.75em;
}

h2 {
  font-weight: 600;
  font-size: 2.5em;
  letter-spacing: .05em;
}

h3 {
  font-weight: 600;
}

.fs-7 {
  font-size:.85rem;
}

/* HEADER */
header {
  line-height: 5em;
}

header, section:last-of-type {
  position: relative;
  z-index: 500;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.22);
  -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.22);
  box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.22);
}



/*****  BODY  *****/
body {
  padding-top: 5.1875em;
  margin:auto;
  font-family: 'Montserrat', sans-serif;
}
.body-cont {
}

.input-textbox input{
  width:16em;
}
.input-button input {
  width: 13em;
}


.full-div-clickable {
  position: relative;
}
.full-div-clickable a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  text-decoration: none;
}
.full-div-clickable-img {
  height: 10em;
  width: 9em;
}

.service-img {
  padding-top: .5em;
  width: 500px;
}

.number-badge {
  background-color: var(--gsec-orangeyellow);
  font-size: 1.2em !important;
}
.number-div {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-align: center;
  font-size: 1.5em;
  color: var(--gsec-orangeyellow);
  border: 2px solid var(--gsec-orangeyellow);
}

.statement-div{
  min-width: 14em;
  /*flex: 0 1 10%;*/
  /*width: 0;*/
}

.min-wide-em25 {
  min-width: 25em;
}
.max-wide-100em {
  max-width: 100em;
}
.ws-nowrap {
  white-space: nowrap;
}

.div-divider {
  background-color: var(--gsec-darkgreen);
  height:.1em;
  width:95%;
  margin:auto;
  margin-top: 1em;
}

.valign-mid {
  vertical-align: middle;
}

.cursor-pointer {
  cursor: pointer;
}