/********** FONTS FOR REFERENCE **********
font-family: 'Montserrat', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Serif Pro', serif;
font-family: 'Fjalla One', sans-serif;
*/

/********** BIG PARTS **********/
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 60px; /* Margin bottom by footer height */
}


/********** TEXTS: Illini Blues **********/
.tx-iblue-1{color:#13294B !important;}                 /* Illini Blue - THE PREFERRED BLUE */
.tx-iblue-2{color:#1E3877 !important;}                 /* Alma Mater */
.tx-iblue-3{color:#1D58A7 !important;}                 /* Industrial Blue */
.tx-iblue-4{color:#009FD4 !important;}                 /* Arches Blue */

/********** BACKGROUNDS: Illini Blues **********/
.bg-iblue-1{background-color:#13294B !important;}      /* blues same as texts */
.bg-iblue-2{background-color:#1E3877 !important;}
.bg-iblue-3{background-color:#1D58A7 !important;}
.bg-iblue-4{background-color:#009FD4 !important;}
.bg-iblue-5{background-color:#AFC7DB !important;}      /* a lighter grade of Alma Mater */
.bg-white{background-color:#FFFFFF !important;}

/********** TEXTS: Illini Oranges **********/
.tx-iorange-1{color:#DD3403 !important;}               /* Altgeld */
.tx-iorange-2{color:#FF552E !important;}               /* Illini Blue - THE PREFERRED BLUE (lighter than Altgeld) */
.tx-iorange-3{color:#F5821E !important;}               /* Heritage Orange */

/********** BACKGROUNDS: Illini Oranges **********/
.bg-iorange-1{background-color:#DD3403 !important;}    /* oranges same as texts */
.bg-iorange-2{background-color:#FF552E !important;}
.bg-iorange-3{background-color:#F5821E !important;}

/********** BACKGROUNDS: Illini "Clouds" **********/
.bg-icloud-1{background-color:#F8FAFC !important;}    /* darken as number goes up */
.bg-icloud-2{background-color:#E8E9EB !important;}
.bg-icloud-3{background-color:#DDDEDE !important;}
.bg-icloud-4{background-color:#D2D2D2 !important;}


/********** LINKS **********/
.link-orange-to-orange        {color:#FF552E !important;text-decoration:none;}
.link-orange-to-orange:hover  {color:#DD3403 !important;text-decoration:none;}
.link-blue-to-blue            {color:#13294B !important;text-decoration:none;}
.link-blue-to-blue:hover      {color:#1D58A7 !important;text-decoration:none;}
.link-cloud-to-cloud            {color:#E8E9EB !important;text-decoration:none;}
.link-cloud-to-cloud:hover      {color:#D2D2D2 !important;text-decoration:none;}
/* apply the above orange to all links in publication summaries and citations */
.summarytext>a, .citationtext>a {color:#FF552E !important;text-decoration:none;}
.summarytext>a:hover, .citationtext>a:hover {color:#DD3403 !important;text-decoration:none;}


/********** BUTTONS **********/
.btn-orange-to-orange {
    background-color:#FF552E;
    border-color:#FF552E;
    color:#FFFFFF;
}
.btn-orange-to-orange:hover{
    background-color:#DD3403;
    border-color:#DD3403;
    color:#FFFFFF;
}
.btn-blue-to-blue{
    background-color:#13294B;
    border-color:#13294B;
    color:#FFFFFF;
}

.btn-blue-to-blue:hover{
    background-color:#1D58A7;
    border-color:#1D58A7;
    color:#FFFFFF;
}

.btn-cloud-to-cloud {
     background-color:#E8E9EB;
     border-color:#E8E9EB;
     color:#000000;
}

.btn-cloud-to-cloud:hover {
     background-color:#DDDEDE;
     border-color:#DDDEDE;
     color:#000000;
}

.btn-sky-to-sky {
     background-color:#AFC7DB;
     border-color:#AFC7DB;
}

.btn-sky-to-sky:hover {
     background-color:#E8E9EB;
     border-color:#E8E9EB;
}

.dc-cfrc-badges {
     background-color:#AFC7DB !important;
     border-color:#AFC7DB !important;
}

.dc-cfsr-badges {
     background-color:#AFC7DB !important;
     border-color:#AFC7DB !important;
}





/* bootstrap has a pseudo-class for its set of colors (primary., etc.), but we have to make our own design... */
.pubsactive{
     background-color:#1D58A7 !important;
     border-color:#1D58A7 !important;
     color:#FFFFFF !important;
}


.pubsortactive{
     background-color:#DD3403 !important;
     border-color:#DD3403 !important;
     color:#FFFFFF !important;
}


/********** BADGES **********/
.badge-orange-to-orange {
    background-color:#FF552E;
    border-color:#FF552E;
    color:#FFFFFF;
}
.badge-orange-to-orange:hover{
    background-color:#DD3403;
    border-color:#DD3403;
    color:#FFFFFF;
}
.badge-blue-to-blue{
    background-color:#13294B;
    border-color:#13294B;
    color:#FFFFFF;
}
.badge-blue-to-blue:hover{
    background-color:#1D58A7;
    border-color:#1D58A7;
    color:#FFFFFF;
}
/* custom for publist function */
.badge-publist{
     font-size: .7rem !important;
     vertical-align: middle !important;
     margin-top: -0.175rem;
}



/********** OTHER **********/
.area-lead{
    font-family: 'Fjalla One', sans-serif;
    font-size: calc(18px + 6 * ((100vw - 320px) / 680));
    color:#808080;
    line-height:2.5rem;
}

.pubs-home-head{
    font-size: calc(12px + 6 * ((100vw - 320px) / 680));
    line-height: 2rem;
}

.team-head{
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    line-height: 2rem;
}

.team-name{
    font-family: 'Fjalla One', sans-serif;
    font-size: calc(18px + 6 * ((100vw - 320px) / 680));
}

.team-title{
    font-family: 'Fjalla One', sans-serif;
    font-size: calc(14px + 6 * ((100vw - 320px) / 680));
}

.team-pronouns{
     font-family: 'Fjalla One', sans-serif;
	font-size: calc(8px + 6 * ((100vw - 320px) / 680));
     color:#DDDEDE;
}

.team-name-sm{
     font-family: 'Fjalla One', sans-serif;
	font-size: 1.2rem;
}

.team-title-sm{
     font-family: 'Fjalla One', sans-serif;
	font-size: .9rem;
}

.team-pronouns-sm{
     font-family: 'Fjalla One', sans-serif;
	font-size: .7rem;
     color:#DDDEDE;
}

.lit{     /* for search results highlighted */
     background: #ffff99;
}

.bio-name{
    font-family: 'Fjalla One', sans-serif;
}

.bio-pronouns{
	font-size: .8rem;
     font-style: italic;
     line-height: .8rem;
     margin-top:0;
     margin-bottom:0;
     color:#E8E9EB;
}

.bio_contact > p{
     font-size: 1.1rem;
     margin-top:0;
     margin-bottom:0;
     padding-top:0;
     padding-top:0;

}


/********** MAIN NAV **********/

#orangetopstrip{
     line-height: .8em;
}


/* Sub-menu drop-downs are fancy */
.menud > a{
     color:#13294B !important;
}
.menud > a:hover,
.menud > a:focus {
     background-image: none;
	color:#FFFFFF !important;
	background-color:  #FF552E;
}

/* When menu is just a "hamburger" - over-ride some default Bootstrap colors */
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline-color: #13294B !important;
}


.uni-stripe{        /* 'UIUC' stripe at top */
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     font-size: .8em;
     letter-spacing: .1em;
}


.wmark-nav{
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-grow: 1;
     position: relative;
     line-height: 1.5rem;
}

.wmark-nav a,
.wmark-nav a:hover,
.wmark-nav a:focus{
     text-decoration: none;
     color:#13294B !important;
}

.wmark-logowrap-nav{
     flex: 0 0 65px;
     position: relative;
}

.wmark-logo-nav{
     display: block;
     height: 43px;
     width: 30px;
     border-right: solid;
     border-width: 1px;
     padding-right:3.4rem;
}

.sch-name-nav{
     font-size: 1rem;
     font-weight: 400;
}

.cfrc-name-nav{
     font-size: calc(16px + 6 * ((100vw - 320px) / 680));
     font-weight: 600;

}

.cfrc-name-nav-smaller{
     font-size: .9rem;
     font-weight: 600;
}





/********** FOOTER **********/

/********* sticky footer from: https://getbootstrap.com/docs/4.0/examples/sticky-footer/ **********/
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  display:flex;
  background-color:#DDDEDE !important;
}

.wmark-foot{
     line-height: 1rem;
}

.wmark-foot a,
.wmark-foot a:hover,
.wmark-foot a:focus{
     text-decoration: none;
     color:#13294B !important;
}

.cfrc-name-foot{
     font-size: 1rem;
     font-weight: 600;
}

.cfrc-addy-foot{
     font-size: .9rem;
     font-weight: 400;
}

.cfrc-links-foot{
     font-size: .8rem;
     font-weight: 400;
}

#cfrc_spinner{

     opacity:.7;
}



/********** GDPR BANNER AND BUTTON (OVER-RIDES) **********/

/* disabling a menu that pops up when user hovers over cookie button.
/* they're shown this same menu when they click on the button to show the pop-up
/* so i figured what's the point, especially when it's ugly */
#optanon-show-settings-popup{
     display:none !important;
}

/* the cookie button appears to be built in sections -- just hiding the left and right */
.optanon-show-settings-left, .optanon-show-settings-right{
     display:none !important;
}

/* the wrapper around the whole button */
.optanon-show-settings-button{
     background: repeat !important;
     background-image:url("img/bg-tile.png") !important;

}

/* the wrapper / box around the link within the button */
.optanon-show-settings-middle{
     padding: 0 !important;
     margin: 0 !important;
     float: none !important;
     border: none !important;
     height: 100px !important;
     text-align: center !important;
     width: 50px !important;
}

/* the link in the button */
a.optanon-show-settings{
     color: #666 !important;
     font-weight: normal !important;
     font-size: 1em !important;
     margin-bottom: -20px !important;
     padding:0 !important;
}

.carousel-indicators li {
    border: none;
    background: #ccc;
}

.carousel-indicators li.active {
    background: #DD3403;
}

.text-lg {
    font-size: 2rem;
}

.carousel-item p{
     font-size: 1rem;

}

.blockquote-footer{
     font-size: .9rem;

}