/********** 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 */
}
a {
     text-decoration: none !important;
}

/********** 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 */
/********** 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;}



/********** MAIN NAV **********/
#head_dev_strip {
     font-size: 12px;
     line-height: 12px ;
     height: 15px;
}
#head_title_strip {
     font-size: 1.3em;
     line-height: .9em;
}
.nav_unitext{        /* 'UIUC' stripe at top */
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     font-size: .8em;
     letter-spacing: .1em;
}
.nav_wordmark{
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-grow: 1;
     position: relative;
     line-height: 1.5rem;
}
.nav_wordmark a,
.nav_wordmark a:hover,
.nav_wordmark a:focus{
     text-decoration: none;
     color:#13294B !important;
}
.nav_logowrap{
     flex: 0 0 65px;
     position: relative;
}
.nav_logo{
     display: block;
     height: 43px;
     width: 30px;
     border-right: solid;
     border-width: 1px;
     padding-right:3.4rem;
}
.nav_schname{
     font-size: 1rem;
     font-weight: 400;
}
.nav_cfrcname{
     font-size: calc(16px + 6 * ((100vw - 320px) / 680));
     font-weight: 500;

}
.nav_cfrcname_smaller{
     font-size: .9rem;
     font-weight: 500;
}





/* BEGIN FORM CONTROLS */

.my_form{
     font-size: 1.1em;
}

.section_header{
     background-color: #e7e9eb;
     margin:2em 0 0 0;
     padding:0 0 0 .5em;
     font-size: 1.2em;
     border-radius: 1em
}
.control_container p, ul{
     font-size: .85em;
     color: #76787a;
     margin-bottom: .15em;
}
.control_container{
     padding: .3rem .75rem .3rem .75rem;
     background-color:#FFFFFF !important;
}

.my_check {
     font-size: .85em;
}

.rank_table{
     font-size: .85em;
}

.rankdot{
     text-align: center !important;
     vertical-align: middle !important;
}

.dotlbl{
     font-size: .75em;
}

.specfield{
     font-size: .75em;
}

textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
  color: #000000 !important;  
}


.bg-plainwhite {
     background-color:#FFFFFF !important;
}

/* END FORM CONTROLS */






/********** 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;
}