body {
  margin-top: 65px;
  font-family:'Open Sans', sans-serif;
}
a{
  color:var(--kentucky-bluegrass)
}

.navbar-header {
  position: relative;
  top: -4px;
}

.navbar-brand>.icon-banner {
  position: relative;
  top: -2px;
  display: inline;
}

.icon {
  position: relative;
  top: -10px;
}

.logged-out iframe {
  display: none;
  width: 0;
  height: 0;
}

.page-consent .client-logo {
  float: left;
}

.page-consent .client-logo img {
  width: 80px;
  height: 80px;
}

.page-consent .consent-buttons {
  margin-top: 25px;
}

button{
  font-family: 'Barlow', sans-serif;;
}
.page-consent .consent-form .consent-scopecheck {
  display: inline-block;
  margin-right: 5px;
}

.page-consent .consent-form .consent-description {
  margin-left: 25px;
}

.page-consent .consent-form .consent-description label {
  font-weight: normal;
}

.page-consent .consent-form .consent-remember {
  padding-left: 16px;
}

.grants .page-header {
  margin-bottom: 10px;
}

.grants .grant {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}

.grants .grant img {
  width: 100px;
  height: 100px;
}

.grants .grant .clientname {
  font-size: 140%;
  font-weight: bold;
}

.grants .grant .granttype {
  font-size: 120%;
  font-weight: bold;
}

.grants .grant .created {
  font-size: 120%;
  font-weight: bold;
}

.grants .grant .expires {
  font-size: 120%;
  font-weight: bold;
}

.grants .grant li {
  list-style-type: none;
  display: inline;
}

.grants .grant li:after {
  content: ', ';
}

.grants .grant li:last-child:after {
  content: '';
}

#trcLogo{
  /* margin: -10px 25% 0px 25%; */
  margin: 0px 25% 20px 25%;
  /* height: 100px; */
  text-align: center;
}

/* a, a:hover, a:active, a:visited{
  color: #fff;
  text-decoration: none;
} */

@media screen and (min-width: 767px){
  #trcLogo{
    /* margin: -20px 25% 0 25%; */
    margin: 0px 25% 20px 25%;
    /* height: 200px; */
  }
  .navbar-nav{
    float:right;
  }
}

.centerContainer{
  margin: auto 10%;
  width:80%;
}

.centerText{
  /* margin: 40px 25%;
  width:100%; */
  margin-top:20px;
  text-align: center;
  color: #861F41;
}

.btn{
  background-color: #003764;
  border:0;
  color:white;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  font-family: 'Open Sans';
}

.btn:hover{
  background-color: #000 ;
}

.btn:focus {
  outline-width: 2px !important;
  outline-color: var(--accent-goldenrod-yellow) !important;
  background:var(--neutral-dark-gray) !important;
}

.btn:active {
  outline-width: 2px !important;
  outline-color: var(--accent-goldenrod-yellow) !important;
  background:var(--neutral-dark-gray) !important;
}

.btn-maroon:hover {
  background: var(--neutral-dark-gray);
  color: white;
}

.faq-link {
  color: var(--eku-maroon);
  font-weight: bold;
}

.faq-link:hover {
  color: var(--eku-maroon) !important;
  text-decoration: underline;
}

.martop{
  margin-top: 80px;
}
.body-content{
  min-height: 80vh;
  width:90%;
}

.fwWrapper{
  display:flex;
  align-items: center;
  justify-content: center;
}

#siteFooter{
  background-color: #003764;
  width:100%;
  height:80px;
  margin-top:40px;
  display:flex;
  align-items: center;
}

#leftCol{
  width:50%;
  display: flex;
  align-items: center;
  padding-left: 20px;

}
#rightCol{
color:white;
margin: 10px auto;
font-size:.7em;
}
@media screen and (min-width: 767px){
  #rightCol{
    font-size:1em;
  }

  
}

.larger-font {
  font-size: 1.6em;
  max-width: 70%;
  margin: 1em auto;
}

.header-override{
  background: var(--eku-maroon) !important;
color: var(--solid-white) !important;
}
.body-override {
  background: var(--neutral-light-gray);
  color: var(--solid-black);
  padding:2em;
}
.body-override a, .header-override a{
  color: var(--eku-maroon);
}
.body-override a:hover, .header-override a:hover{
  color: var(--accent-goldenrod-yellow);
}


/* #rightCol a, 
#rightCol a:hover,
#rightCol a:active
#rightCol a:visited{
  font-weight: 800;
  text-decoration: underline;
  color:#ccc;
  
} */

.navbar{
 background: #003764;
}

.card{
  margin-top:3em;

}
.card-container{
  display:flex;
  width:100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding:25px;
}
.card-container .card{
  margin:5px;
}

.header-logo{
 height:32px;
 margin-right:20px;

}
.navbar-brand > img{
  display:inline;
}
.footer-logo{

  margin:5px;
  height:50px;
}
@font-face {
  font-family: "Nunito";
  src: url("./../webfonts/Nunito-Regular.ttf");
  }



.open-sans-extra-light{
  font-family: "Open Sans"; font-weight: 200; font-style: normal;
}
  





.open-sans-light{
font-family: "Open Sans"; font-weight: 300; font-style: normal;
}

/* "Barlow Regular" 400 normal */
@font-face {
  font-family: "Barlow";
  src: url('./../webfonts/Barlow-Regular.otf') format("opentype");
}
.barlow{
font-family: "Barlow Regular"; font-weight: 400; font-style: normal;
}


@font-face {
  font-family: 'Open Sans';
  src: url('./../webfonts/OpenSans-VariableFont_wdth\,wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans Italic';
  src: url('./../webfonts/OpenSans-Italic-VariableFont_wdth\,wght.ttf') format('truetype');
}

.open-sans{
  font-family: 'Open Sans', sans-serif;
}

*{
  font-family: 'Open Sans', sans-serif;
}
.material-column{
  border-radius: 5px;
    padding: 12px;
    /* box-shadow: 4px 4px 8px rgba(0,0,0,0.2); */
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2),-3px -3px 14px inset white;
backdrop-filter: blur(12px);
}
.roleAlert{
  background: #f7f0dd;
}


:root{
  --eku-maroon: #003764;
  --solid-black: #000000;
  --solid-white: #ffffff;
  --neutral-dark-gray: #87909A;
  --neutral-light-gray: #C5CFDA;
  --autumn-orange: #DC5829;
  --kentucky-bluegrass: #009681;
  --accent-goldenrod-yellow: #FFC658;
  --accent-boone-bronze: #E6A65D;
}


.warningMessage{
  font-size: 14px;
}
.warningSubject{
  font-size: 26px;
}
.constrain-to-half{
  max-width: 65%;
  margin: auto;
}
@media screen and (max-width: 767px){
  .constrain-to-half{
    max-width: 100%;
  }
  
}
.fundingNotice{
  font-size: 10px;
  font-style: italic;
}
/*background, text color, and button classes*/
.bg-eku-maroon{
  background-color: var(--eku-maroon);
}
.bg-solid-black{
  background-color: var(--solid-black);
}
.bg-solid-white{
  background-color: var(--solid-white);
}
.bg-neutral-dark-gray{
  background-color: var(--neutral-dark-gray);
}
.bg-neutral-light-gray{
  background-color: var(--neutral-light-gray);
}
.bg-autumn-orange{
  background-color: var(--autumn-orange);
}
.bg-kentucky-bluegrass{
  background-color: var(--kentucky-bluegrass);
}
.bg-accent-goldenrod-yellow{
  background-color: var(--accent-goldenrod-yellow);
}
.bg-accent-boone-bronze{
  background-color: var(--accent-boone-bronze);
}

.text-eku-maroon{
  color: var(--eku-maroon);
}
.text-solid-black{
  color: var(--solid-black);
}
.text-solid-white{
  color: var(--solid-white);
}
.text-neutral-dark-gray{
  color: var(--neutral-dark-gray);
}
.text-neutral-light-gray{
  color: var(--neutral-light-gray);
}
.text-autumn-orange{
  color: var(--autumn-orange);
}
.text-kentucky-bluegrass{
  color: var(--kentucky-bluegrass);
}
.text-accent-goldenrod-yellow{
  color: var(--accent-goldenrod-yellow);
}
.text-accent-boone-bronze{
  color: var(--accent-boone-bronze);
}

.btn-eku-maroon{
  background-color: var(--eku-maroon);
  color: var(--solid-white);
}
.btn-solid-black{
  background-color: var(--solid-black);
  color: var(--solid-white);
}

.btn-solid-white{
  background-color: var(--solid-white);
  color: var(--solid-black);
}

.btn-neutral-dark-gray{
  background-color: var(--neutral-dark-gray);
  color: var(--solid-white);
}
.btn-neutral-light-gray{
  background-color: var(--neutral-light-gray);
  color: var(--solid-black);
}
.btn-autumn-orange{
  background-color: var(--autumn-orange);
  color: var(--solid-white);
}
.btn-kentucky-bluegrass{
  background-color: var(--kentucky-bluegrass);
  color: var(--solid-white);
}
.btn-accent-goldenrod-yellow{
  background-color: var(--accent-goldenrod-yellow);
  color: var(--solid-black);
}
.btn-accent-boone-bronze{
  background-color: var(--accent-boone-bronze);
  color: var(--solid-black);
}

/*link classes*/
a.link-eku-maroon{
  color: var(--eku-maroon);
  text-decoration: underline;
}
a.link-solid-black{
  color: var(--solid-black);
  text-decoration: underline;
}
a.link-solid-white{
  color: var(--solid-white);
  text-decoration: underline;
}
a.link-neutral-dark-gray{
  color: var(--neutral-dark-gray);
  text-decoration: underline;
}

a.link-neutral-light-gray{
  color: var(--neutral-light-gray);
  text-decoration: underline;
}
a.link-autumn-orange{
  color: var(--autumn-orange);
  text-decoration: underline;
}
a.link-kentucky-bluegrass{
  color: var(--kentucky-bluegrass);
  text-decoration: underline;
}
a.link-accent-goldenrod-yellow{
  color: var(--accent-goldenrod-yellow);
  text-decoration: underline;
}
a.link-accent-boone-bronze{
  color: var(--accent-boone-bronze);
  text-decoration: underline;
}

/*hover classes - 20% lighter*/
a.link-eku-maroon:hover{
  color: #000;
}
a.link-solid-black:hover{
  color: #1a1a1a;
}
a.link-solid-white:hover{
  color: #cccccc;
}
a.link-neutral-dark-gray:hover{
  color: #aeb7c1;
}
a.link-neutral-light-gray:hover{
  color: #dfe5eb;
}
a.link-autumn-orange:hover{
  color: #e66a3a;
}
a.link-kentucky-bluegrass:hover{
  color: #00b39a;
}
a.link-accent-goldenrod-yellow:hover{
  color: #ffd97a;
}
a.link-accent-boone-bronze:hover{
  color: #f0b97a;
}

button.btn-eku-maroon:hover{
  background-color: #a92b4e;
}
button.btn-solid-black:hover{
  background-color: #1a1a1a;
}
button.btn-solid-white:hover{
  background-color: #cccccc;
}
button.btn-neutral-dark-gray:hover{
  background-color: #aeb7c1;
}
button.btn-neutral-light-gray:hover{
  background-color: #dfe5eb;
}
button.btn-autumn-orange:hover{
  background-color: #e66a3a;
}
button.btn-kentucky-bluegrass:hover{
  background-color: #00b39a;
}
button.btn-accent-goldenrod-yellow:hover{
  background-color: #ffd97a;
}
button.btn-accent-boone-bronze:hover{
  background-color: #f0b97a;
}

.FAQs {
  display: flex;
  font-size: 1.2em;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  /* border: 9px solid #861F41; */
  border-radius: 22px;
  padding: 12px;
}


.FAQs .card{
    margin:0;
    width:100%;
}
@media screen and (min-width: 767px){
  .FAQs .card{
    width:80%;
  }
  
}
#topImage{
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 100px;
    margin: 0;
    padding: 0;
}
#faq-section h1 {
  font-size: 3em;
  margin-top: 54px;
}

#faq-section .page-title {
  margin-bottom: 45px;
}

.faq-footer{
  width:100%;
  margin:auto;
}

@media screen and (min-width: 767px){
  .faq-footer{
    width:80%;
  }
  
}