/*
Theme Name: HS Implementation Lab Blankslate Child
Theme URI: https://45th.design
Template: blankslate
Author: 45th Parallel Design LLC
Author URI: https://45th.design
Description: Custom built for RRI
Tags: one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2021.1
Updated: 2021-12-27 12:20:00

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 140%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 140%;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  margin: 20px 0px 20px 30px;
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ======================== 2. VARIABLES ========================= */ 
:root {

  --black: rgba(0, 0, 0, 1);
  --gray-light: rgba(232, 230, 230, 1); /*#e8e6e6*/
  --gray-dark: rgba(73, 73, 73, 1); /*#494949*/
  --white: rgba(255, 255, 255, 1);
  --blue-dark: #01465c;
  --bluepsu: rgba(2, 117, 154, 1); /*#02759a*/
  --bluepsu-20: #cce3eb;
  --bluepsu-40: #9ac8d7;
  --bluepsu-60: #67acc2;
  --bluepsu-80: #3591ae;
  --purplepsu: rgba(100, 19, 96, 1); /*#641360*/
  --light: "montserratlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --light-italic: "montserratlight_italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --regular: "montserratregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --italic: "montserratitalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bold: "montserratsemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bold-italic: "montserratsemibold_italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --oswald: "oswaldregular", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --box-shadow-regular: 0px 1px 2px #1d1d1d;

}
/*==========================  3. BASE  ===========================*/
* {
  box-sizing: border-box;
  color: var(--gray-dark);
  font-family: var(--regular);
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  font-weight: normal;
  line-height: 140%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
p, em, strong, ul, ol, label, h1, h2, h3, h4, a, table, span {
  font-family: var(--regular);
}
p, p > strong, p > em, span, ul.square li, ul.square li ul.square li, ul.circle li, ul.triangle li, ul.arrow li, ul.adjoining-lists li {
  color: var(--gray-dark);
  font-size: 19.2px;
  font-weight: 400;
  line-height: 140%;
  padding-bottom: 1em;
}
@media screen and (max-width: 1079px) {
  p, p > strong, p > em, span, ul.square li, ul.square li ul.square li, ul.circle li, ul.triangle li, ul.arrow li, ul.adjoining-lists li {
    color: var(--gray-dark);
    font-size: 17px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: .8em;
  }
}
ol {
  list-style: decimal;
  padding-left: 30px;
}
ul.square li, ul.circle li, ul.arrow li {
  list-style: none;
}
ul.square li, ul.circle li {
  margin-left: 20px;
}
ul.circle li {
  list-style: circle;
}
ul.square li {
  list-style: square;
}
ul.square > li > ul.square > li:last-child {
  padding-bottom: 0;
}
ul.square > li > ul.square > li:first-child {
  padding-top: 1em;
}
/*ul.arrow li:before {
  content: "\21AA\00a0\00a0";
}
ul.arrow li {
  text-indent: -26px;
  margin-left: 26px;
}*/
ul.arrow li:before {
  content: "\27e9\00a0\00a0";
}
ul.arrow li {
  text-indent: -16px;
  padding-left: 16px;
}
@media screen and (min-width: 1024px) {
  ul.arrow li {
    margin-left: 26px;
  }
}
a {
  text-decoration: none;
}
a.regular-link {
  color: var(--bluepsu);
  font-family: var(--bold);
  text-decoration: underline dashed 1px;
}
a.regular-link:hover {
  opacity: 80%;
}
a img:hover {
  opacity: .7;
}
strong {
  font-family: var(--bold);
  font-style: normal;
  font-weight: normal;
}
em {
  font-family: var(--italic);
  font-style: normal;
  font-weight: normal;
}
em strong, strong em {
  font-family: var(--bold-italic);
  font-style: normal;
  font-weight: normal;
}
h1, h1 .title-for, h2, h3, h4, h4 > a {
  color: var(--bluepsu);
  font-family: var(--oswald);
  text-transform: uppercase;
}
h1 {
  font-size: 1.8em;
  line-height: 120%;
  padding-bottom: .7em;
}
h1.smaller {
  font-size: 1.6em;
  text-transform: uppercase;
}
h1 .title-for {
	font-size: .81em;
}
h2 {
  font-size: 1.5em;
  line-height: 120%;
  padding-bottom: .6em;
}
h2.smaller {
  font-size: 1.3em;
  padding-bottom: .6em;
}
h3 {
  font-size: 1.3em;
  line-height: 130%;
  padding-bottom: .6em;
}
h4, h4 > a {
  font-size: 1.15em;
  line-height: 130%;
  padding-bottom: .6em;
}
@media screen and (min-width: 410px) and (max-width: 599px) {
  h1 {
    font-size: 1.8em;
    padding-bottom: .6em;
  }
  h1.smaller {
    font-size: 1.6em;
  }
  h2 {
    font-size: 1.6em;
    padding-bottom: .6em;
  }
  h2.smaller {
    font-size: 1.3em;
    padding-bottom: .6em;
  }
  h3 {
    font-size: 1.3em;
    padding-bottom: .6em;
  }
}
@media screen and (min-width: 600px) and (max-width: 889px) {
  h1 {
    font-size: 2em;
    padding-bottom: .6em;
  }
  h1.smaller {
    font-size: 1.7em;
  }
  h2 {
    font-size: 1.7em;
    padding-bottom: .6em;
  }
  h2.smaller {
    font-size: 1.4em;
    padding-bottom: .6em;
  }
  h3 {
    font-size: 1.4em;
    padding-bottom: .6em;
  }
}
@media screen and (min-width: 890px) and (max-width: 1119px) {
  h1 {
    font-size: 2.2em;
    padding-bottom: .7em;
  }
  h1.smaller {
    font-size: 1.7em;
  }
  h2 {
    font-size: 1.7em;
    padding-bottom: .6em;
  }
  h2.smaller {
    font-size: 1.4em;
    padding-bottom: .6em;
  }
  h3 {
    font-size: 1.4em;
    padding-bottom: .6em;
  }
}
@media screen and (min-width: 1120px) {
  p {
    font-size: 1.2em;
  }
  p.intro {
    font-size: 1.5em;
  }
  h1 {
    font-size: 2.5em;
    padding-bottom: .7em;
  }
  h1.smaller {
    font-size: 1.9em;
  }
  h2 {
    font-size: 1.9em;
    padding-bottom: .6em;
  }
  h2.smaller {
    font-size: 1.5em;
    padding-bottom: .6em;
  }
  h3 {
    font-size: 1.5em;
    padding-bottom: .6em;
  }
    h4, h4 > a {
    font-size: 1.3em;
    line-height: 130%;
    padding-bottom: .6em;
  }
}
p + h1, p + h2, p + h3, ul + h1, ul + h2, ul + h3 {
  padding-top: .6em;
}
p + button, p + .button-hs {
  padding-bottom: 0;
}
.italic {
  font-family: var(--italic);
}
@media screen and (min-width: 1080px) {
  h1, h2 {
    padding-top: 40px;
  }
}
/*-------------------  Theme ------------------*/
.purplepsu-color {
  color: var(--purplepsu) !important;
}
.purplepsu-bg {
  background: var(--purplepsu) !important;
}
.bluepsu-color {
  color: var(--bluepsu) !important;
}
.bluepsu-bg {
  background: var(--bluepsu) !important;
}
.bluepsu-20-color {
  color: var(--bluepsu-20) !important;
}
.bluepsu-20-bg {
  background: var(--bluepsu-20) !important;
}
.bluepsu-40-color {
  color: var(--bluepsu-40) !important;
}
.bluepsu-40-bg {
  background: var(--bluepsu-40) !important;
}
.bluepsu-60-color {
  color: var(--bluepsu-60) !important;
}
.bluepsu-60-bg {
  background: var(--bluepsu-60) !important;
}
.bluepsu-80-color {
  color: var(--bluepsu-80) !important;
}
.bluepsu-80-bg {
  background: var(--bluepsu-80) !important;
}
.blue-dark-color {
  color: var(--blue-dark) !important;
}
.blue-dark-bg {
  background: var(--blue-dark) !important;
}
.blue-light-color {
  color: var(--blue-light) !important;
}
.blue-light-bg {
  background: var(--blue-light) !important;
}
.gray-light-color {
  color: var(--gray-light) !important;
}
.gray-light-bg {
  background: var(--gray-light) !important;
}
.gray-dark-color {
  color: var(--gray-dark) !important;
}
.gray-dark-bg {
  background: var(--gray-dark) !important;
}
.black-color {
  color: var(--black) !important;
}
.black-bg {
  background: var(--black) !important;
}
.white-color {
  color: var(--white) !important;
}
.white-bg {
  background: var(--white) !important;
}
.montserrat-regular {
  font-family: var(--regular);
  font-weight: normal;
  font-style: normal;
}
.montserrat-italic {
  font-family: var(--italic);
  font-weight: normal;
  font-style: normal;
}
.montserrat-bold {
  font-family: var(--bold);
  font-weight: normal;
  font-style: normal;
}
.montserrat-bold-italic {
  font-family: var(--bold-italic);
  font-weight: normal;
  font-style: normal;
}
.font-size-90 {
  font-size: 90% !important;
}
.font-size-80 {
  font-size: 80% !important;
}
.font-size-70 {
  font-size: 70% !important;
}
.border-none {
  border: none !important;
}
.border {
  border: 1px solid var(--gray-light);
}
.border-bottom {
  border-bottom: 1px solid var(--gray-light);
}
.border-bottom-blue {
  border-bottom: 1px solid var(--bluepsu);
}
.border-left {
  border-left: 1px solid var(--gray-light);
}
.border-left-blue {
  border-left: 1px solid var(--bluepsu);
}
.border-right {
  border-right: 1px solid var(--gray-light);
}
.border-right-blue {
  border-right: 1px solid var(--bluepsu);
}
.border-top {
  border-top: 1px solid var(--gray-light);
}
.border-top-blue {
  border-top: 1px solid var(--bluepsu);
}
.cursor-pointer:hover {
  cursor: pointer;
}
.overflow {
  overflow-x: auto;
  overflow-y: hidden;
}
.display-none {
  display: none;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.opacity-hover:hover {
  opacity: .5;
}
.relative {
  position: relative;
}
.box-shadow {
  box-shadow: 0px 1px 2px #666666;
}
.text-shadow {
  text-shadow: 0px 1px 2px var(--black);
}
/*========================  4. LAYOUT  =======================*/
.flex-cont {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  -webkit-box-direction: row;
  -webkit-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flex-left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -moz-box-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.flex-spread {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.flex-around {
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-box-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}
.flex-wrap {
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-stretch {
  -webkit-align-items: stretch;
  -moz-box-align-items: stretch;
  -ms-align-items: stretch;

  align-items: stretch;
}
.flex-center-vert {
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flex-top {
  -webkit-align-items: flex-start;
  -moz-box-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.flex-column {
  -webkit-flex-direction: column;
  -moz-box-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.max-content {
  flex-basis: max-content;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.left {
  margin-right: auto;
}
.right {
  margin-left: auto;
}
.center-text {
  text-align: center;
}
.left-text {
  text-align: left;
}
.right-text {
  text-align: right;
}
.inline-block {
  display: inline-block !important;
}
.width-25 {
  width: calc(25 * 1%);
}
.width-33 {
  width: calc(33 * 1%);
}
.width-40 {
  width: calc(40 * 1%);
}
.width-45 {
  width: calc(45 * 1%);
}
.width-46 {
  width: calc(46 * 1%);
}
.width-47 {
  width: calc(47 * 1%);
}
.width-48 {
  width: calc(48 * 1%);
}
.width-49 {
  width: calc(49 * 1%);
}
.width-50 {
  width: calc(50 * 1%);
}
.width-60 {
  width: calc(60 * 1%);
}
.width-61 {
  width: calc(61 * 1%);
}
.width-62 {
  width: calc(62 * 1%);
}
.width-63 {
  width: calc(63 * 1%);
}
.width-64 {
  width: calc(64 * 1%);
}
.width-65 {
  width: calc(65 * 1%);
}
.width-66 {
  width: calc(66 * 1%);
}
.width-67 {
  width: calc(67 * 1%);
}
.width-68 {
  width: calc(68 * 1%);
}
.width-69 {
  width: calc(69 * 1%);
}
.width-70 {
  width: calc(69 * 1%);
}
.width-71 {
  width: calc(69 * 1%);
}
.width-72 {
  width: calc(72 * 1%);
}
.width-73 {
  width: calc(73 * 1%);
}
.width-74 {
  width: calc(74 * 1%);
}
.width-75 {
  width: calc(75 * 1%);
}
.width-76 {
  width: calc(76 * 1%);
}
.width-77 {
  width: calc(77 * 1%);
}
.width-78 {
  width: calc(78 * 1%);
}
.width-79 {
  width: calc(79 * 1%);
}
.width-80 {
  width: calc(80 * 1%);
}
.width-81 {
  width: calc(81 * 1%);
}
.width-82 {
  width: calc(82 * 1%);
}
.width-83 {
  width: calc(83 * 1%);
}
.width-84 {
  width: calc(84 * 1%);
}
.width-85 {
  width: calc(85 * 1%);
}
.width-86 {
  width: calc(86 * 1%);
}
.width-87 {
  width: calc(87 * 1%);
}
.width-88 {
  width: calc(88 * 1%);
}
.width-89 {
  width: calc(89 * 1%);
}
.width-100 {
  width: calc(100 * 1%) !important;
}
.margin-none {
  margin: 0px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-40 {
  margin: 40px !important;
}
.margin-50 {
  margin: 50px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-70 {
  margin-top: 70px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.max-width-480 {
  max-width: 480px;
}
.max-width-780 {
  max-width: 780px;
}
.max-width-1280 {
  max-width: 1280px;
}
.padding-none {
  padding: 0px !important;
}
.padding-bottom-none {
  padding-bottom: 0px !important;
}
.padding-top-none {
  padding-top: 0px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-40 {
  padding: 40px !important;
}
.padding-50 {
  padding: 50px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.width-45 {
  width: 45%;
}
.width-50 {
  width: 50% !important;
}
.width-100 {
  width: 100% !important;
}
.width-50-conditional {
  width: 100%;
}
@media (min-width: 480px) {
  .width-50-conditional {
    width: 50%;
  }
  .width-50-conditional:first-child {
    margin-right: 5px;
    width: calc(50% - 40px);
  }
  .width-50-conditional:nth-child(2) {
    margin-left: 5px;
    width: calc(50% - 40px);
  }
}
@media screen and (max-width: 779px) {
  .width-46 {
    width: 100%;
  }
}
.width-30 {
  width: 100%;
}
@media screen and (min-width: 479px) and (max-width: 779px) {
  .width-30 {
    width: 46%;
  }
}
@media screen and (min-width: 780px) {
  .width-30 {
    width: 30%;
  }
}
.columns-three > div, .columns-four > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .columns-three > div {
    width: calc(33% - 15px);
  }
  .columns-four > div {
    width: calc(25% - 15px);
  }
}
.columns-two div {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .columns-two div {
    width: calc(50% - 15px);
  }
}
.small-third, .large-third, .small-quarter {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .small-quarter {
    width: 22%;
  }
  .small-third {
    width: 31%;
  }
  .large-third {
    width: 66%;
  }
  .large-third.border-divider-left {
    border-left: 1px solid var(--gray-light);
  }
}

.zero {
  margin: 0;
  padding: 0;
}
.circle-radius {
  border-radius: 50%;
}
.columns {
  column-count: 2;
  column-gap: 40px;
  column-width: 350px;
}


/*===================NAVIGATION STYLES====================*/
*:focus:not(.gallery) {
  outline: 1px dashed var(--gray-dark) !important;
  outline-offset: -2px !important;
  box-shadow: 0 0 0 2px var(--white) inset !important;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
header {
  position: relative;
}
.assessment-login {
  background-color: var(--bluepsu);
}
.assessment-login p {
  padding: 16px 20px;
  text-align: right;
}
.assessment-login p a {
  color: var(--white);
  font-family: var(--bold);
  font-size: 80%;
  text-align: right;
}
.assessment-login p a:hover {
  opacity: .8;
}
p.site-title {
  position: absolute;
  z-index: 2;
  left: 290px;
  font-family: var(--oswald);
  text-transform: uppercase;
  font-size: 1em;
  line-height: 120%;
  padding-left: 20px;
  border-left: 1px solid var(--gray-light);
  padding-top: 18px;
}
p.site-title a {
  font-family: var(--oswald);
  font-size: 1em;
  line-height: 120%;
}
p.site-title a img {
  width: 220px;
  margin-top: -16px;
}
nav {
  background-color: transparent;
  box-shadow: 0px 1px 2px var(--gray-dark);
  color: var(--gray-dark);
  font-size: 1em;
  position: relative;
  z-index: 10001;
}
#hs-mobile-logo {
  max-width: 210px;
  position: absolute;
  top: 0px;
  left: 18px;
  z-index: 10003;
}

@media screen and (min-width: 1140px) {
  #hs-mobile-logo {
    max-width: 220px;
    top: 8px;
    left: 40px;
  }
  p.site-title a img {
    width: 240px;
    margin-top: -10px;
  }
}
@media screen and (max-width: 599px) {
  #hs-mobile-logo {
    display: none;
  }
  p.site-title {
    position: absolute;
    z-index: 2;
    left: 20px;
    font-family: var(--oswald);
    text-transform: uppercase;
    font-size: 1em;
    line-height: 120%;
    padding-left: 0px;
    border-left: none;
    padding-top: 18px;
  }
  p.site-title a img {
    width: 220px;
    margin-top: -16px;
  }
}
nav > ul {
  display: none;
  flex-direction: column;
}
nav > ul.show {
  display: flex;
}
@media screen and (min-width: 1140px) {
  nav > ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1350px) {
  nav {
    font-size: 1.2em;
  }
}
nav > button {
  display: block;
  border: 0;
  background-color: var(--white);
  cursor: pointer;
  padding: 0.5rem 2rem;
  font-size: 2.5rem;
  margin-left: auto;
}
@media screen and (min-width: 1140px) {
  nav > button {
    display: none;
  }
}
nav ul {
  list-style: none;
  background-color: var(--white);
  box-shadow: 0px 2px 2px var(gray-dark);
  color: var(--gray-dark);
  margin: 0;
  padding: 0;
}
nav ul.dropdown {
  display: none;
  flex-direction: column;
  min-width: 240px;
}
nav ul.dropdown.show {
  display: flex;
  box-shadow: 0px 1px 3px var(--gray-dark);
}
@media screen and (max-width: 1139px) {
  nav ul.dropdown {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1140px) {
  nav ul.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
  }
  nav ul.dropdown ul {
    top: 0;
    left: 100%;
  }
}
nav ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
nav ul li button {
  margin: 25px;
}
@media screen and (min-width: 1140px) {
  nav ul li button {
    margin: 0 25px;
  }
}
nav ul li.dropdown > a::after {
  content: "▼";
  margin-left: 0.5rem;
  display: inline-block;
}
nav ul li a {
  display: flex;
  font-family: var(--oswald);
  justify-content: space-between;
  margin: 0;
  padding: 10px 20px;
  color: var(--gray-dark);
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (min-width: 1140px) {
  nav ul li a {
    padding: 30px 20px;
  }
  nav li#menu-item-333 {
    margin-left: 30px;
  }
  nav li#menu-item-333 a {
    font-size: .8em;
    padding: 13px 26px;
  }
}
nav ul li:hover:not(#menu-item-41), nav ul li:focus:not(#menu-item-41), nav ul li:hover:not(#menu-item-333), nav ul li:focus:not(#menu-item-333) {
  background-color: var(--gray-light);
}
nav li#menu-item-333, nav li#menu-item-333:hover, nav li#menu-item-333:focus {
  background-color: var(--orange) !important;
}
nav li#menu-item-333 a::after {
  content: '';
}
nav li#menu-item-333 > a:link:first-child, nav li#menu-item-333 > a:visited:first-child, nav li#menu-item-333 > a:hover:first-child {
  color: var(--white) !important;
}
nav li#menu-item-333 ul.dropdown {
  min-width: auto;
}
nav ul li#menu-item-333 ul li a {
  color: var(--gray-dark);
  text-shadow: 1px 1px 1px var(--white);
}
/*nav ul li ul li.menu-lease-aster {
  background-color: var(--cyan-aster);
}
nav ul li ul li.menu-lease-elwood {
  background-color: var(--yellow-elwood);
}
nav ul li ul li.menu-lease-velomor {
  background-color: var(--green-velomor);
}
nav ul li#menu-item-45 a:first-child, nav ul li#menu-item-41 a:first-child, nav ul li#menu-item-41 button a:first-child {
  display: none;
}*/
/*===================HOME PAGE / MAIN BODY STYLES====================*/
.header-cont {
/*  height: calc(70vh - 102px);*/
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .header-cont {
    min-height: 600px;
  }
}
.header-inner {
  height: calc(70vh - 102px);
  position: relative;
  width: 100%;
}
.header-img-cont {
  height: calc(70vh - 102px);
  width: 100%;
}
.header-img-cont img {
  height: calc(70vh - 102px);
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.home .header-img-cont img {
  height: calc(70vh - 102px);
  object-fit: cover;
  object-position: left 40%;
  width: 100%;
}
.header-inner-about {
  background: rgba(255, 255, 255, .8);
  padding: 30px;
  text-align: left;
}
.header-inner-about-alt p {
  padding-top: 40px;
}
.header-inner-home {
  background-color: #e8e6e6; 
  position: relative;
}
.header-inner-home p + button, p + .button-hs {
  margin-bottom: 20px;
}
.header-home-left {
  background-color: #e8e6e6; 
  width: 100%;
}
.header-home-left-text {
  max-width: 600px;
  min-width: 250px;
  padding: 50px 30px 20px 30px;
  width: 100%;
}

.header-home-right {
  margin-bottom: -6px;
  position: relative; 
  width: 100%;
}
.header-home-right img {
  height: 60vh; 
  min-height: 400px; 
  object-fit: cover;  
  object-position: center top;  
  width: 100%;
  -ms-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media screen and (max-width: 1023px) {
  .header-home-left-text {
    margin-bottom: -40px;
  }
  .header-home-right img {
    -ms-clip-path: polygon(0 0%, 100% 40%, 100% 100%, 0 100%); 
    -moz-clip-path: polygon(0 0%, 100% 40%, 100% 100%, 0 100%); 
    -webkit-clip-path: polygon(0 0%, 100% 40%, 100% 100%, 0 100%); 
    clip-path: polygon(0 0%, 100% 40%, 100% 100%, 0 100%);
  }
}

/*.header-home-right::before {
  background-color: var(--gray-light);
  content: "";
  height: 0;
  left: 0;
  padding-bottom: 23.5%;
  position: absolute;
  top: 0;
  transform: skewY(-13deg);
  transform-origin: left;
  width: 100%;
  z-index: 2;
}*/
@media screen and (min-width: 1024px) {
  .header-home-left {
    width: 40%;
  }
  .header-home-left-text {
    max-width: 600px;
    min-width: 250px;
    padding: 40px 0px 20px 40px;
    width: 90%;
  }
  .header-home-left-text h1 {
   /* font-size: 3.1vh;*/
    font-size: calc(12px + 1.2vw);
    

  }
  .header-home-right {
    width: 60%;
  }
  .header-home-right img {
    height: 60vh; 
    min-height: 600px; 
    object-fit: cover;  
    object-position: right top;  
    width: 100%;
    -ms-clip-path: polygon(0 100%, 0 0, 100% 0, 74% 100%);
    -moz-clip-path: polygon(0 100%, 0 0, 100% 0, 74% 100%); 
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 74% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 74% 100%);
  }
/*  .header-home-right::before {
    background-color: var(--gray-light);
    content: "";
    height: 100%;
    left: 0;
    padding-bottom: 0;
    padding-left: 23.5%;
    position: absolute;
    right: auto;
    top: auto;
    transform: skewX(15deg);
    transform-origin: bottom;
    width: 0;
    z-index: 2;
  }*/
}
.home-text-cont {
  padding: 40px 0px;
}
@media screen and (max-width: 767px) {
  .home-text-cont h2 {
    text-align: center;
  }
}
.home-text-inner .small-third {
  margin-bottom: 30px;
}
.home-text-inner .large-third {
  margin-bottom: 20px;
}
.partners-cont {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .home-text-inner .small-third {
    padding-right: 30px;
  }
  .home-text-cont {
    padding: 50px 70px 90px 70px;
  }
  .home-text-inner .large-third {
    margin-bottom: 0px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .home-text-inner .small-third {
    margin-bottom: 30px;
    margin-top: 50px;
  }
  .home-text-inner .large-third {
    margin-bottom: 30px;
    margin-top: 50px;
  }
  .partners-cont {
    margin-bottom: 10px;
  }
}

.home-text-inner .columns-two div {
  width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .home-text-inner .columns-two div {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .home-text-inner .columns-two div {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .home-text-inner .columns-two div {
    width: calc(50% - 15px);
  }
  .assessment-tools {
    padding-bottom: 80px;
  }
}
.home-blue {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025773+0,025773+50,027499+51,027499+100 */
  background: rgb(2,87,115); /* Old browsers */
  background: -moz-linear-gradient(60deg,  rgba(2,87,115,1) 0%, rgba(2,87,115,1) 50%, rgba(2,116,153,1) 50%, rgba(2,116,153,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg,  rgba(2,87,115,1) 0%,rgba(2,87,115,1) 50%,rgba(2,116,153,1) 50%,rgba(2,116,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg,  rgba(2,87,115,1) 0%,rgba(2,87,115,1) 50%,rgba(2,116,153,1) 50%,rgba(2,116,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025773', endColorstr='#027499',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.home-blue h2, .home-blue p, .home-blue ul li {
  color: var(--white);
}
.home-gray {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dfdfdf+0,dfdfdf+50,f2f2f2+51,f2f2f2+100 */
  background: rgb(223,223,223); /* Old browsers */
  background: -moz-linear-gradient(60deg,  rgba(223,223,223,1) 0%, rgba(223,223,223,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg,  rgba(223,223,223,1) 0%,rgba(223,223,223,1) 50%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg,  rgba(223,223,223,1) 0%,rgba(223,223,223,1) 50%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.home-gray .columns-three > div {
  padding-bottom: 20px;
}
.home-gray .columns-three > div img {
  padding-bottom: 16px;
}


@media screen and (max-width: 479px) {
  .header-cont, .header-inner {
    height: auto;
  }
}
.logo-square, .logo-wide, .logo-superwide {
  padding: 10px 20px;
}
.logo-square {
  width: 17%;
}
.logo-wide {
  width: 24%;
}
.logo-superwide {
  width: 35%;
}
@media screen and (max-width: 779px) {
  .logo-square {
    min-width: 100px;
    width: 30%;
  }
  .logo-wide {
    min-width: 115px;
    width: 40%;
  }
  .logo-superwide {
    min-width: 150px;
    width: 52%;
  }
}


/*=================== MAIN CONTENT STYLES====================*/
@media screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}
.main-content-cont {
  min-height: 50vh;
}
.main-content-cont .max-width-1280 {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 30px;
}
@media screen and (min-width: 1279px) {
  .main-content-cont .max-width-1280 {
    padding: 0px 40px;
  }
}


/*============== REPORTS AND TOOLS PAGE STYLES ===============*/

@media screen and (max-width: 1079px) {
  .tools h2 {
    margin-top: 40px;
  }
}
.reports-tools-cont .columns-four > div {
  margin-bottom: 40px;
}

.pubs-grid {
  display: grid;
  grid-template-columns: 1fr ;
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}
@media screen and (min-width: 400px) and (max-width: 1080px) {
  .pubs-grid p {
    font-size: 1em;
  }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
  .pubs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }
}
@media screen and (min-width: 600px) {
  .pubs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
}

.reports-tools-cont img {
  box-shadow: 0px 1px 2px #666666;
}

@media screen and (min-width: 800px) {
  .pubs-grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
}


/*=================== ABOUT PAGE STYLES ====================*/


.staff-grid {
  display: grid;
  grid-template-columns: 1fr ;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.staff-grid > div {
  padding: 30px;
  border: 1px solid var(--gray-light);
}
.staff-grid > div > img {
  padding-bottom: 20px;
}
@media screen and (min-width: 400px) and (max-width: 1080px) {
  .staff-grid p {
    font-size: 1em;
  }
}
@media screen and (min-width: 630px) and (max-width: 959px) {
  .staff-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }
}
@media screen and (min-width: 960px) {
  .staff-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
}

.staff-grid div.staff-cont:target {
  box-shadow: 0px 0px 10px var(--bluepsu);
}



/*=================== CONTACT PAGE STYLES ====================*/


@media screen and (min-width: 768px) {
  #gform_wrapper_1 {
    width: 96%;
  }
  .contact-gf-cont {
    border-right: 1px solid var(--bluepsu);
  }
}
.contact p {
  overflow-wrap: break-word;
}

/*=================== PRIVACY PAGE STYLES====================*/
.privacy-policy div.table-cont {
  overflow-x: scroll;
}
.privacy-policy table {
  margin-bottom: 40px;
  margin-top: 20px;
  min-width: 1000px;
  overflow-y: scroll;
}
.privacy-policy table th {
  background-color: var(--gray-light);
}
.privacy-policy table td, .privacy-policy table th {
  padding: 10px;
}
.privacy-policy table tr, .privacy-policy table th {
  border-bottom: 1px solid var(--gray-light);
}

/*===================FOOTER STYLES====================*/
/*For Privacy Policy popup notice*/
/*.notice {
  background-color: var(--yellow-elwood);
  position: relative;
  z-index: 999;
}
.close {
  background-color: var(--white);
  border-radius: 50%;
  color: var(--gray-dark);
  cursor: pointer;
  font-family: var(--bold);
  height: 40px;
  padding: 10px;
  position: absolute;
  text-align: center;
  right: 40px;
  top: calc(50% - 20px);
  width: 40px;
}
@media screen and (max-width: 479px) {
  .close {
    font-size: 75%;
    height: 30px;
    padding: 7px;
    right: 15px;
    top: calc(50% - 15px);
    width: 30px;
  }
}*/
footer {
  background-color: var(--blue-dark);
  padding: 70px 30px;
}


.footer-nav {
  box-shadow: none;
}
footer p, .footer-nav ul li {
  color: var(--white);
  font-size: 80%;
}
footer p a.regular-link {
  color: rgba(255, 255, 255, 1);
}
footer p a.regular-link:visited {
  color: rgba(202, 202, 222, 1);
}
footer p a.regular-link:hover {
  color: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 599px) {
  footer .columns-three > div:not(:last-child) {
    border-bottom: 1px dashed white;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
footer .columns-three > div.footer-logo img {
  max-width: 300px;
}
@media screen and (min-width: 600px) {
  footer .columns-three > div {
    width: calc(33% - 30px);
  }
}

/*===================BUTTON STYLES====================*/
.button-hs {
  background-color: var(--bluepsu);
  border: none;
  box-shadow: 0px 1px 2px var(--gray-dark);
  display: inline-block;
  font-family: var(--oswald);
  font-size: 1em;
  overflow: hidden;
  text-decoration: none;
  text-transform: uppercase;
  transition: .5s all ease;
  max-width: 400px;
}
.button-hs a {
  color: var(--white);
  display: block;
  font-family: var(--oswald);
  padding: 14px 20px;
  transition: .5s all ease;
}
.button-hs:hover {
  opacity: .8;
}
.button-hs-width-300 {
  width: 260px;
}
.button-hs-center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
.button-chunky {
  max-width: 100%;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .button-hs-width-300 {
    width: 300px;
  }
  .button-chunky {
    font-size: 20px;
  }
}
.button-cont {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.button-hs.button-hs-width-300:first-child, .button-hs.button-hs-width-300:last-child {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.button-hs.button-hs-width-300:last-child {
  margin-top: 20px;
}
@media screen and (min-width: 800px) {
  .button-hs.button-hs-width-300:first-child {
    display: inline-block;
    margin-left: 0;
    margin-right: 18px;
  }
  .button-hs.button-hs-width-300:last-child {
    display: inline-block;
    margin-left: 18px;
    margin-right: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .button-hide-mobile {
    display: none;
  }
}
/*==================GRAVITY FORMS=======================*/
.gform_wrapper .gfield_required {
  line-height: 100%;
  padding-bottom: 0;
  font-size: 1em;
}
.fitness-interior-page-content .gform_wrapper ul li {
  text-indent: 0;
}
.gform_wrapper {
  color: var(--white);
}
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
  background-color: var(--bluepsu) !important;
  border: none !important;
  box-shadow: 0px 1px 2px var(--gray-dark) !important;
  color: var(--white) !important;
  cursor: pointer;
  display: block !important;
  font-family: var(--oswald) !important;
  font-size: 1em !important;
  line-height: 22.4px !important;
  max-width: 400px !important;
  padding: 14px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: .5s all ease !important;
  width: 100% !important;
  -webkit-appearance: none !important;
}
@media screen and (max-width: 479px) {
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    width: 100% !important;
  }
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {
  opacity: .8;
}
.gform_wrapper .gform_footer {
  text-align: center;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
  background-color: rgb(230, 230, 230);
  margin-right: auto;
}
@media screen and (max-width: 479px) {
  .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), textarea {
    width: 100%;
  }
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), textarea, .gform_wrapper select {
  background-color: var(--white) !important;
  border-block-end-color: transparent;
  border-block-start-color: transparent;
  border-inline-end-color: transparent;
  border-inline-start-color: transparent;
  border: 1px solid var(--bluepsu);
  padding: 10px !important;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not(#input_3_17):hover, textarea:hover, .gform_wrapper select:hover {
  background-color: var(--gray-light) !important;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, textarea:focus {
  background: var(--white) !important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
  color: var(--gray-dark) !important;
  font-size: 1.2em !important;
  text-align: left !important;
}
/*checkbox styling*/
.gform_wrapper.gravity-theme .gfield-choice-input:not([type="radio"]), .gform_wrapper.gravity-theme input[type="checkbox"] {
  accent-color: var(--bluepsu) !important;
  appearance: none !important;
  background-clip: content-box !important;
  border: 1px solid var(--bluepsu) !important;
  height: 30px !important;
  margin-top: 5px !important;
  padding: 3px !important;
  width: 30px !important;
}
input[type="checkbox"]:checked {
	background-color: var(--bluepsu) !important;
}
/*checkbox label styling*/
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, .gform_wrapper.gravity-theme .gfield_consent_label {
  display: inline-block !important;
  font-size: 20px !important;
  margin-left: 10px !important;
  width: calc(100% - 50px) !important;
}
/*added 1/22/2024 from demo style sheet*/
.gfield_checkbox .gchoice {
  display: flex !important;
  align-items: center !important;
}
.gfield_consent_label a {
  color: var(--bluepsu) !important;
  font-family: var(--medium) !important;
  text-decoration: underline dashed !important;
}
.gfield_consent_label a:hover {
  color: var(--gray-dark) !important;
  text-decoration: underline dashed !important;
}
/*vertically center checkboxes and their labels*/
.gform_wrapper.gravity-theme .ginput_container.ginput_container_consent, .gform_wrapper.gravity-theme .gchoice.gchoice_3_11_1 {
  display: flex !important;
  align-items: center!important; /*added 01/22/24 from demo style sheet*/
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  font-size: .9em !important;
  padding-top: 16px;
}
.gform_wrapper.gravity-theme .field_description_above .gfield_description {
  padding-top: 16px !important;
}
/*font size for questions introducing radio button choices*/
.gform_wrapper.gravity-theme .gfield_description {
  font-size: 20px !important;
  line-height: 28px !important;
}
.gform_wrapper.gravity-theme .gfield_consent_description {
  font-size: 1em !important;
  padding: 0;
  padding: 12px !important;
}
.gform_wrapper.gravity-theme .gfield_description.ginput_counter {
  font-size: .9em !important;
  padding-top: 0 !important;
}
#field_6_1 {
  margin-top: 0 !important;
}
/*vertically center checkboxes and their labels*/
.gform_wrapper.gravity-theme .ginput_container.ginput_container_consent, .gform_wrapper.gravity-theme .gchoice.gchoice_3_11_1 {
  display: flex !important;
  align-items: center!important;
}
/*progress bar color*/
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: var(--purplepsu) !important;
}

/*padding between questions*/
.gform_fields fieldset, .gfield--type-survey.gfield--input-type-likert, .gfield--type-textarea {
  margin-top: 20px !important;
}

/*padding above html fields with paragraph*/
#field_6_64 {
  margin-top: 50px;
}
#field_6_64 p {
  padding-bottom: 0;
}

/*buttons in footer*/
.gform_wrapper.gravity-theme .gform_page_footer {
  margin-top: 30px !important;
  display: flex !important;
  justify-content: start !important;
}
/*remove form field styles from download name on download form*/
#input_3_17 {
  border: none;
  color: var(--bluepsu);
  font-size: 20px;
  font-family: var(--italic);
}

.gform_wrapper div.validation_error {
  color: rgba(230, 110, 80, 1) !important;
  font-family: var(--bold) !important;
  font-size: 1.1em !important;
  font-weight: normal !important;
  border-top: 2px solid rgba(230, 110, 80, 1) !important;
  border-bottom: 2px solid rgba(230, 110, 80, 1) !important;
}
.gform_wrapper .validation_message {
  color: rgba(230, 110, 80, 1) !important;
  font-family: var(--bold) !important;
  font-size: 1.1em !important;
  font-weight: normal !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin-bottom: 6px !important;
  border-top: 1px solid rgba(230, 110, 80, 1) !important;
  border-bottom: 1px solid rgba(230, 110, 80, 1) !important;
  padding-bottom: 6px;
  padding-top: 6px;
  font-weight: normal !important;
}
.gform_wrapper span.gfield_required {
  color: rgba(85, 87, 89, 1) !important;
}
.gform_wrapper .top_label li.gfield.gf_right_half {
  padding-right: 0 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgba(50, 50, 50, .1) !important;
}
.gform_wrapper span.gform_description {
  display: none !important;
}
body .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

/*hide h3 above section breaks*/
.gsection_title {
  display: none !important;
}

/*======================NEW STYLES FOR IMPLEMENTATION ASSESSMENT TOOL==========================*/

.fidlity-assessment-app .h1-cont {
  margin-top: 50px;
}
/*.fidelity-assessment-app .table-cont  {
  overflow-x: auto;
}*/
.fidelity-assessment-app table p,	.fidelity-assessment-app table p strong, .fidelity-assessment-app table p em,	.fidelity-assessment-app table p span, .fidelity-assessment-app table span, .fidelity-assessment-app table li {
  font-size: 1em;
}
.fidelity-assessment-app td, .fidelity-assessment-app th {
  border: 1px solid #cccccc;
  font-size: .9em;
}
.fidelity-assessment-app th {
  background: var(--bluepsu);
  color: #ffffff;
  font-family: var(--bold);
  font-size: 1em;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
.fidelity-assessment-app th span {
  font-family: var(--bold);
  font-size: 1em;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
.fidelity-assessment-app td, .fidelity-assessment-app td span {
  padding: 8px;
  vertical-align: top;
}
.fidelity-assessment-app .selection-bg {
  background: #e6f1f5;
  color: var(--bluepsu);
    
} 
@media screen and (max-width: 1079px) {
  .assessment-tool h2 {
    margin-top: 10px;
  }
}


/*----------------- numbered elements ------------------*/
.element {
    width: calc(100% - 110px);
  }
.element h2 {
  padding-top: 0;
}
@media screen and (max-width: 539px) {
  .element {
    width: 100%;
  }
}
@media screen and (min-width: 540px) and (max-width: 779px) {
  .element-1.width-89 {
    width: calc(79 * 1%);
  }
}
@media screen and (min-width: 770px) {
  .element-definitions-cont img {
    margin-top: -14px;
  }
}


/*----------------- overall score and date ------------------*/


.score-bubble-cont h3 {
    text-align: right;
}
@media screen and (max-width: 379px) {
  .score-bubble-cont h3 {
    text-align: left;
  }
}
span.overall-score {
  color: white; 
  font-size: 46px;
  line-height: 0;
  padding: 0;
  font-family: var(--oswald);
}
.score-bubble {
  background-color: var(--purplepsu); 
  border-radius: 50%; 
  height: 130px;  
  width: 130px;
}

/*----------------- scores by element tables -------------------*/

.element-total-score td {
  border: none;
  font-family: var(--bold);
  font-size: 1em;
}

/*------------- conditional logic question output ---------------*/

.cond-question-cont {
  padding-top: 12px;
}

.cond-question-label {
  padding-left: 10px;
}

.cond-question-answer {
  color: var(--bluepsu);
  font-family: var(--italic);
  padding-left: 30px;
}

/*----------------------- element tables ------------------------*/


h2.detailed-scores {
  border-top: 1px solid var(--gray-light);
  padding-bottom: 0;
  padding-top: 60px;
}
.element-tables-cont h3 {
  background-color: var(--gray-light);
  margin-bottom: 20px;
  margin-top: 60px;
  padding-left: 20px;
  padding-top: 30px;
}
.element-tables-cont h4 {
  padding-top: 30px;
}
.element-details table {
  margin-bottom: 20px;
}
.gform_wrapper.gravity-theme .ginput_container_radio .gfield-choice-input + label {
  vertical-align: top !important;
  padding-bottom: 12px !important;
}

/*----------------------- ADDED 2-26-2025: RESPONSE FROM ILAB FIELDS ON REPORT  ------------------------*/

.response-section, .response-container {
	background-color: #e6f1f5;
	padding: 30px;
}
.response-section label, .response-section textarea, .response-section button {
	display: block;
}
.response-container p {
	font-size: .9em;
	padding-bottom: 0;
}
.response-section label, .response-container label {
	padding-bottom: 12px;
}
button.add-report, button.edit-response {
   -webkit-appearance: none !important;
   background-color: var(--bluepsu);
   border: 1px solid var(--bluepsu);
   box-shadow: 1px 1px 2px var(--bluepsu-80);
   color: var(--white);
   cursor: pointer;
   font-family: var(--oswald);
   padding: 10px 20px;
	text-decoration: none;
   text-transform: uppercase;
}
button.add-report {
	margin-bottom: 0px;
	margin-top: 16px;
}
button.edit-response {
	margin-bottom: 16px;
}
button.add-report:hover, button.edit-response:hover {
   background-color: var(--white);
   border: 1px solid var(--bluepsu);
   color: var(--bluepsu);
}



/*----------------------- ADDED 4-5-2025: CLEAR RESPONSE FROM ILAB FIELDS ON REPORT  ------------------------*/

button#clear-storage-button {
   -webkit-appearance: none !important;
   background-color: var(--bluepsu);
   border: 1px solid var(--bluepsu);
   box-shadow: 1px 1px 2px var(--bluepsu-80);
   color: var(--white);
   cursor: pointer;
   font-family: var(--oswald);
	left: 0px;
   padding: 10px 20px;
	position: fixed;   
	text-align: center;
	text-decoration: none;
   text-transform: uppercase;
	top: calc(50vh + 10px);
}

button#clear-storage-button:hover {
   background-color: var(--white);
   border: 1px solid var(--bluepsu);
   color: var(--bluepsu);
}
@media screen and (max-width: 1439px) {
	button#clear-storage-button {
      bottom: 0px;
		position: absolute;
      top: unset;
	}
}


/*============================= STAFF SURVEY =================================*/

.gform_wrapper.gravity-theme .gform_save_link.button {
  -webkit-appearance: none !important;
  background-color: var(--white);
  border: 1px solid var(--bluepsu);
  box-shadow: 1px 1px 2px var(--bluepsu-80);
  color: var(--bluepsu);
  text-decoration: none;
  padding: 10px 20px;
  font-family: var(--oswald);
  text-transform: uppercase;
}
.gform_wrapper.gravity-theme .gform_save_link.button:hover {
  box-shadow: 1px 1px 3px inset var(--bluepsu-80);
}
.gform_wrapper .gform_page_footer input[type="submit"] {
  background-color: var(--purplepsu) !important;
}