.eyebrow-search {
    display: flex;
    justify-content: flex-end;
}
.factoids-custom {
	 margin-top: 50px;
}
/* for factoid Cancer Center, KFR, inactive
.font-normal{
	 font-weight: 400;
	 color: #003366;
}  */
/* for factoid Cancer Center, KFR, inactive
.font-bold{
	 font-weight: 700;
	 color: #003366;
}  */

 .no-banner {
	 background-color: #1765a5;
	 height: 25vh !important;
}
 .accordion {
	 margin-top: 25px;
	 margin-bottom: 25px;
}
 .accordion-header {
	 margin-top: 0px;
	 margin-bottom: 0px;
}
 .accordion-button {
	 font-size: 1.5rem;
}
 .accordion-button:not(.collapsed) {
	 background-color: #ebebeb;
	 color: black;
}
.accordion-body {
  padding: $accordion-body-padding-y $accordion-body-padding-x;
  font-size: 1rem;
}

 a:hover {
	 color: unset;
}
 body {
	 font-family: unset;
}
.cards {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* from _UHCC - News template (breadcrumbs) */
 .hh-module.breadcrumb, .hh-module .breadcrumb {
	 background-color: #f5f5f5;
	 margin-bottom: 0;
}
 .hh-module.breadcrumb ol {
	 margin-bottom: 0;
	 margin-top: 0;
	 border-radius: 0;
	 padding: 0;
}
 .hh-module .breadcrumb a {
	 color:#11151c;
}
 .hh-module .breadcrumb a:hover, .hh-module .breadcrumb a:focus {
	 color:#43739c;
}
 .hh-module .breadcrumb > .active {
	 color:#686868;
}
 .hh-module .breadcrumb{
	 padding: 8px 15px;
	 list-style: none;
	 background-color: #f5f5f5;
	 border-radius: 4px;
}
 .hh-module .breadcrumb > li{
	 display: inline-block;
}
 .hh-module .breadcrumb > li + li:before{
	 content: "/\00a0";
	 padding: 0 5px;
	 color: #cccccc;
}
 .hh-module .breadcrumb > .active{
	 color: #777777;
}
 @media (min-width: 768px) {
	 .md\:basis-1\/4{
		 flex-basis: 25%;
	}
}
 @media screen and (max-width: 940px) {
	 .factoids-custom {
		 margin-top: 0px;
	}
}
.hero-btn {
    font-size: 1.5rem;
    background-color: rgb(24, 102, 166);
    padding: 1rem!important;
}

@media (max-width: 550px) {
    .hero-btn {
        font-size: 0.875rem;
        margin-left: 2rem;
        margin-right: 2rem;
        text-align: center;
    }
}

.hero-cta-container {
    width: 100%;
    max-width: 80rem;
    padding-left: 5rem;
    display: flex;
    padding-right: 5rem;
    align-items: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.hero-cta-content {
    text-align: center;
    padding: 20px;
    width: 35%;
    background-color: #2b4058c2;
    color: #ffffff;
}

.hero.home .hero-content {
    margin-left: auto;
    margin-right: auto;
    align-items: end;
    flex-direction: column;
}

.hero.home .hero-content a {
    align-self: center;
}

.hero.home .hero-text {
    text-align: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
}

.hero.home .hero-text-sub {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 700;
    margin-bottom: 3rem;
    font-size: 2rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
    width: 100%;
    line-height: 1;
}
@media (max-width: 1023px) {
    .hero.home .hero-text-sub {
        font-size: 1rem;
    }
}
.icon-blue-chill {
    color: rgb(8, 126, 133);   
}
.icon-deluge {
    color: rgb(113, 113, 179);
}
.icon-gold {
    color: rgb(0, 51, 102);
}
.icon-indigo {
    color: rgb(77, 132, 196);
}
.icon-maroon-flush {
    color: rgb(176, 31, 94);
}
.icon-ship-gray {
    color: rgb(68, 68, 69);
}
.icon-sushi {
    color: rgb(141, 199, 65);
}
.icon-tory-blue {
    color: rgb(14, 85, 163);
}
.icon-venice-blue {
    color: rgb(11, 92, 133);
}
.mec-button a {
    background-color: #005b79;
    border: none;
    border-radius: 8px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px
}

.postdoc-button a {
    background-color: #005b79;
    border: none;
    border-radius: 8px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px
}
.program-members table {
    border: none;
}
.program-members tr {
    border: none;
}
/*
Styling for cards-caption quote block
*/
.quote-text:nth-of-type(n+1) {
	 font-size: 16px;
	 padding-left: 20px;
	 padding-right: 20px;
	 border-left-width: 0.25rem;
	 border-left-color: var(--tw-prose-quote-borders);
}

/* inactive for now, KFR
.bg-info {
  background-color:#4d84c4!important
}  
*/

/*CONSORTIUM layout only*/
.consortium-img {
    float: left!important;
    width: 200px;
    margin-right: 5rem;
    margin-bottom: 5rem;
}

/*DEI Format only for leadership*/
 .dei-img {
	 float: left!important;
	 width: 200px;
	 margin-right: 5rem;
	 margin-bottom: 5rem;
}

/*SPECIAL POPULATIONS layout only*/
.specialpopulations-img {
    float: left!important;
    width: 300px;
    margin-right: 5rem;
    margin-bottom: 5rem;
}

/*table margin left or paddign left, first column*/
.table-bordered td{
		 border: 1px solid #ddd !important;
		 padding-left:5px;
	}
	
/*Only for THE Susan C Hirano Cancer CARE Community headings*/
#care h2 {
    color: #1866a5 !important;
}	
	
#donate a {
  background-color: #1866a5;
  border: none;
  border-radius: 20px;
  color: #fff !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 1.3rem;
  wide: fit-content;
  /*! display: inline-block; font-size: 16px;*/
  /*! margin-left: 130px */
}	
/*for ct search button on homepage*/
#ctsearch a {
	 background-color: #1866a5; 
/*    background-color: #8E7948;    */
	 border: solid 3px;
	 border-color: #8E7948;
/* 	 border: none;  */
/*	 border-radius: 20px;   */
 	 color: #fff !important;
 	 margin-bottom: 5px;
	 padding: 10px 30px;
	 text-align: center;
	 text-decoration: none;
	 font-size: 1.3rem;
	 wide: fit-content;
	/*! display: inline-block;
	 font-size: 16px;
	*/
	/*! margin-left: 130px */
}
/*for quest button on page*/
#quest a {
	 background-color: #1866a5; 
/*    background-color: #8E7948;    */
	 border: solid 1px;
	 border-color: #8E7948;
/* 	 border: none;  */
/*	 border-radius: 20px;   */
 	 color: #fff !important;
 	 margin-bottom: 5px;
	 padding: 5px 5px;
	 text-align: center;
	 text-decoration: none;
	 font-size: 1rem;
	 wide: fit-content;
	/*! display: inline-block;
	 font-size: 16px;
	*/
	/*! margin-left: 130px */
}

/*for home page button what can UH Cancer Center do for you*/
#centerdoforyou a {
	 background-color: #1866a5; 
/*    background-color: #8E7948;    */
	 border: solid 1px;
	 border-color: #ffffff;
/* 	 border: none;  */
/*	 border-radius: 20px;   */
 	 color: #fff !important;
 	 margin-bottom: 5px;
	 padding: 9px 12px;
	 text-align: center;
	 text-decoration: none;
	 font-size: 1rem;
	 wide: fit-content;
	/*! display: inline-block;
	 font-size: 16px;
	*/
	/*! margin-left: 130px */
}

#beamember a {
	 background-color: #1866a5;
	/* background-color: #8E7948;
	 */
	 border: solid 3px;
	 border-color: #8E7948;
	/* border: none;
	 */
	/* border-radius: 20px;
	 */
	 color: #fff !important;
	 padding: 10px 30px;
	 text-align: center;
	 text-decoration: none;
	 font-size: 1.3rem;
	 wide: fit-content;
	/*! display: inline-block;
	 font-size: 16px;
	 */
	/*! margin-left: 130px */
}

/*GIVE fa icons and images*/
.give-img {
    float: left!important;
    margin-right: 2rem;
    margin-bottom: 5rem;
}
.fa-money-bill-1 {color:green;}
.fa-handshake {color:rosybrown;}
.fa-chart-line {color:yellow;}
.fa-building {color:#70786c;}
.fa-pie-chart {color: orange;}
.fa-arrows-rotate {color:#5d39ed;}
.fa-users {color:#c20202;}
.fa-people-line {color:#5499e8;}


.ourdocs-tbl {
   border-collapse: collapse;
    width: 100%;    
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

#ourdocs-table td {
vertical-align: middle;
padding-left: 15px;
}
/*KFR style for images on pages, aside from news articles*/
 .pic-border {
	 border-color: var(--fa-border-color, #eee);
	 border-radius: var(--fa-border-radius, 0.1em);
	 border-style: var(--fa-border-style, solid);
	 border-width: var(--fa-border-width, 0.08em);
	 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
 .pic-pull-left {
	 float: left;
	 margin-right: var(--fa-pull-margin, 0.3em);
}
 .pic-pull-right {
	 float: right;
	 margin-left: var(--fa-pull-margin, 0.3em);
}

.hero.home .row-splide.splide {
    height: 75vh;
    max-height: unset;
}
@media (max-width: 767px) {
    .splide-mobile-hidden {
        display: none!important;
    }
}
.mobile-splide {
    display: none;
}
@media screen and (max-width: 875px) {
    .mobile-splide {
        display: block;
    }
    .desktop-splide {
        display: none;
    }
}
.wysiwyg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* go to top link */
 .go-top {
	 display: flex;
	 justify-content: center;
	 align-content: center;
	 text-align: center;
	 position: fixed;
	 bottom: 50px;
	 right: 20px;
	 transition: all 1s ease;
	 text-decoration: none;
	 background: #e2e2e2;
	 border: 3px solid #fff;
	 border-radius: 50%;
	 height: 32px;
	 padding-bottom: 3px;
	 width: 35px;
	 z-index: 90;
}
 .go-top span {
	 align-self: center;
	 color: #444;
	 font-size: 16px;
	 line-height: .8;
}
 .go-top.show {
	 bottom: 20px;
	 display: flex !important;
}
 .go-top:hover, .go-top:focus, .go-top:active {
	 background: #1763a2;
	 border-color: transparent;
	 text-decoration: none;
}
 .go-top:hover span, .go-top:focus span, .go-top:active span {
	 color: #fff;
}
 .screen-reader-text {
	 clip: rect(1px, 1px, 1px, 1px);
	 overflow: hidden;
	 position: absolute !important;
	 height: 1px;
	 width: 1px;
}