/* ADD these directly to library CSS file to override the default UFV CSS for library pages */

.search-button-orange,
.search-button-blue
.search-button-red {
  background-color: var(--ufv-brand-lichen-green);
  border: 1px solid var(--ufv-brand-lichen-green);
  color: var(--ufv-brand-deep-green);
  padding: 7px 30px;
}

.search-button-orange:hover, 
.search-button-orange:focus,
.search-button-blue:hover,
.search-button-blue:focus,
.search-button-red:hover,
.search-button-red:focus {
  background-color: var(--ufv-brand-valley-green);
  border: 1px solid var(--ufv-brand-valey-green);
  color: var(--ufv-neutral-white);
}

.box-title-orange :is(h1, h2, h3, h4, h5),
.box-title-blue :is(h1, h2, h3, h4, h5),
.box-title-red :is(h1, h2, h3, h4, h5),
.box-title-darkgreen :is(h1, h2, h3, h4, h5),
.box-title-brightgreen :is(h1, h2, h3, h4, h5) {
  color: var(--ufv-neutral-white);
    font-weight: 600;
}
    


.box-contents h1, .box-contents h2, .box-contents h3, .box-contents h4, .box-contents h5
{
    color: var(--ufv-brand-valley-green);

}

.box-title-blue { background-color: var(--ufv-brand-valley-green); }
  .box-title-orange { background-color: var(--ufv-brand-valley-green); border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .box-title-red { background-color: var(--ufv-brand-deep-green); border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .box-title-darkgreen { background-color: var(--ufv-brand-deep-green); border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .box-title-brightgreen { background-color: var(--ufv-brand-leaf-green); border-top-left-radius: 10px; border-top-right-radius: 10px; }

  .box-blue { border: 1px solid var(--ufv-brand-valley-green); border-radius: 12px;}
  .box-orange { border: 1px solid var(--ufv-brand-valley-green); border-radius: 12px;}
  .box-red { border: 1px solid var(--ufv-brand-deep-green); border-radius: 12px;}
  .box-darkgreen { border: 1px solid var(--ufv-brand-deep-green); border-radius: 12px;}
  .box-brightgreen { border: 1px solid var(--ufv-brand-leaf-green); border-radius: 12px;}

  .link-button a {
    background-color: var(--ufv-brand-deep-green);
    border: 1px solid var(--ufv-brand-deep-green);
    border-radius: 30px;
    padding: 15px 30px;
  }

  .link-button a:hover {
    background-color: var(--ufv-brand-lichen-green);
    border: 1px solid var(--ufv-brand-deep-green);
    color: var(--ufv-brand-deep-green);
     text-decoration: none;
  }