:root {
/*  --il-framework--max-width: 900px;
  --il-framework--fixed-width: 900px;
  --il-framework--full-width: 900px; */
  --ilorange: #ff5f05 !important;
  --il-orange:#ff5f05 !important;
  --il-hero-button-background-color: #ff5f05 !important;
  --il-focused-button-background-color: #ff5f05 !important;
  --il-button-background-color:#ff5f05 !important;
}

/* 
.il-formatted .fixed-width {
max-width: 900px;
margin: 0 auto;
}
*/

.skip-to {
z-index: 10000;
}

#block-sasubtheme-breadcrumbs {
padding-left: 30px;
}

#block-sasubtheme-content article .content .field--name-body {
width: 100%;
margin: 0 auto;
padding: 10px 40px 40px 40px;
}

div.page-title-wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto; 
padding: 0px;
}

#block-givingpagehero {
margin-bottom: 30px;    
}
  
.skip-to button:hover, skip-to button:focus {
border: 2px solid #13294b;       
}

.header__main-inner .campus a:hover {
border: 2px solid #13294b !important;
}

/* in footer */
.campus-wordmark a:hover  {
border: 2px solid #ffffff;   
}

.il-footer-social a {
    border: 2px solid #13294b;
}

.il-footer-social a:hover, .il-footer-social a:focus {
    border: 2px solid #fff;
}

/* in header */
.campus:hover {
border: 2px solid #13294b;
}

.il-primary-unit {
margin-left: -8px;   
padding: 0 5px;
border: 2px solid #fff;
margin-bottom: 0;
}

.il-primary-unit a {
padding: 0 5px;
border: 2px solid #fff;
}

.il-primary-unit a:hover, .il-primary-unit a:focus {
border: 2px solid #13294b;
}


il-unit-wordmark .light a:hover {
padding: 2px;
border: 2px solid #13294b;      
}

il-unit-wordmark h1 a {
padding: 2px;
border: 2px solid rgba(255, 255,255,0);   
}
    
il-unit-wordmark h1 a:hover, il-unit-wordmark h1 a:focus, il-unit-wordmark .campus a svg:hover {
padding: 2px;
border: 2px solid #13294b;   
}

.new-campus svg:hover {
  color: var(--il-orange);
  border: 2px solid #13294b !important;
}
.new-campus svg:focus {
  color: var(--il-orange);
  outline: 2px dashed var(--il-orange);
  border: 2px solid #13294b !important;
}

/* footer menu ’Student Affairs’  */
a#link-1:hover, a#link-1:focus {
color: #13294b;  
background: #ffffff;
}

footer a:hover, footer a:focus, footer .nav-item  a:hover, footer .nav-item  a:focus, .uofi_address a:hover, .uofi_address a:focus {
color: #13294b;  
background: #ffffff;
}

/* next 2: for link description for social media links in footer */
.visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.visible-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}

/* for email, phone links in footer */
.il-footer-contact a:hover, .il-footer-contact a:focus {
color: #13294b !important;  
background: #ffffff;   
}
/* for the top right eyebrow menu */

.il-links a {
color: #13294b; 
border: 2px solid #ffffff;   
padding: 0 2px;
}

.il-links a:hover, .il-links a:focus {
border: 2px solid #13294b;
padding: 0 2px;
}

il-nav-link a, il-nav-section a {
border: 1px solid var(--il-cloud-1);
}

/* for text links in paragraphs */
.paragraph--type--rt .field--name-field-rt__body .field__item a:hover, .paragraph--type--rt .field--name-field-rt__body .field__item a:focus,
.text-formatted a:hover, .text-formatted a:focus {
background: #13294b;
color: #fff;
}

.il-subnav a {
border: 1px solid #ffffff;
}

il-nav-section a:hover, il-nav-section a:focus, il-nav-link a:hover, il-nav-link a:focus, .il-subnav a:hover, .il-subnav a:focus {
border: 1px solid #13294b;
background: #ffffff;
color: #13294b;
}

/* for the sub-footer links */
il-footer .il-footer-links a:hover, il-footer .il-footer-links a:focus {
color: #13294b;
background: #ffffff;
}

.directory-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;  
    
}

.profiles-wrapper > .field--name-field-single-profile {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content:space-between;
gap: 20px;
}

/* child of field-items, parent of article */
.field--name-field-single-profile > .field__item {  
width: 48%;
background-color: #eeeeee;
}

article.profile-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
border: 1px solid #000000;
padding: 20px;
background-color: #eeeeee;  
}

.profile-pic {
width: 180px;
text-align: left;
}

.profile-pic img {
width: 150px;
height: 180px;
}

.profile-text {
flex: 1;  
}

span.profile-name {
font-weight: bold;  
}

.skip-to .h1, .skip-to-h1, .skip-to .h2, .skip-to .h3, .skip-to .label {
margin: 0; 
font: 600 1rem/1.3rem var(--il-source-sans);
}




/* for ACES style individual directory entries */

.directory--list__single-wrapper a {
color: #13294b;
}

.directory--list__single-wrapper a:hover, .directory--list__single-wrapper a:focus {
background: #13294b;
color: #ffffff;
}

.views-element-container {
width: 100%;
/* max-width: var(--il-framework--fixed-width);
padding: 0 var(--il-content-margin); */
margin: 0 auto;
}

.views-element-container h2 {
max-width: var(--il-framework--fixed-width);
/* padding: 0 var(--il-content-margin); */
padding: 0 0;
line-height: 2rem;
}

/* this is for the directories staff page  */

.views-row img {
height: auto; 
}

.views-row h2 {
font-size: 1.3em;
}

.views-row a:hover {
background: #13294b;
color: #ffffff;
}

/* the first is for the SA leadership block on /about/staff, the second is for the office staff */

#block-views-block-directory-and-profile-block-1 > div > div, #block-views-block-directory-and-profile-block-2 > div > div, #block-views-block-directory-and-profile-block-3 > div > div, #block-views-block-directory-and-profile-block-4 > div > div, #block-views-block-directory-and-profile-block-5 > div > div, #block-views-block-directory-and-profile-block-6 > div > div, #block-views-block-directory-and-profile-block-7 > div > div, #block-views-block-directory-and-profile-block-8 > div > div {
width: 100%;
/* max-width: var(--il-framework--fixed-width); */
padding: 0;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;   
gap: 20px;
}

/* the first is for the SA leadership block on /about/staff, the second is for the office staff */
#block-views-block-directory-and-profile-block-1 .views-row, #block-views-block-directory-and-profile-block-2 .views-row, #block-views-block-directory-and-profile-block-3 .views-row, #block-views-block-directory-and-profile-block-4 .views-row, #block-views-block-directory-and-profile-block-5 .views-row, #block-views-block-directory-and-profile-block-6 .views-row, #block-views-block-directory-and-profile-block-7 .views-row, #block-views-block-directory-and-profile-block-8 .views-row {
flex-basis: calc(33% - 14px); 
min-height: 300px;
border-bottom: 3px solid #e84a27;
border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 2px solid #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
/* background-color: #e7eef7; */
min-height: 300px;
padding: 15px 15px 50px 15px;
width: 100%;
margin-bottom: 20px;
}

.directory--list__single-wrapper img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
transition: opacity 0.4s;
transition-timing-function: ease;
transition-timing-function: ease;
}

.directory--list__single-wrapper ul {
padding-left: 15px;
}

.directory--list__photo img:hover {
opacity: .5;    
}

.directory--list__name {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
font-weight: bold;
}

.directory--list__name:hover {
/* 
background-color: #13294b;
color: #ffffff; 
*/
}

.directory--list__title {
font-size: 0.75em;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}

.job-title {
font-size:1em;
width: 100%;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

.profile-labels {
font-weight: bold;
}

@media (max-width: 980px)  {
    
#block-views-block-directory-and-profile-block-1 .views-row, #block-views-block-directory-and-profile-block-2 .views-row, #block-views-block-directory-and-profile-block-3 .views-row, #block-views-block-directory-and-profile-block-4 .views-row, #block-views-block-directory-and-profile-block-5 .views-row, #block-views-block-directory-and-profile-block-6 .views-row, #block-views-block-directory-and-profile-block-7 .views-row, #block-views-block-directory-and-profile-block-7 .views-row  {
flex-basis: 48%;  
}   

}

@media (max-width: 570px)  {
    
#block-views-block-directory-and-profile-block-1 .views-row, #block-views-block-directory-and-profile-block-2 .views-row, #block-views-block-directory-and-profile-block-3 .views-row, #block-views-block-directory-and-profile-block-4 .views-row, #block-views-block-directory-and-profile-block-5 .views-row, #block-views-block-directory-and-profile-block-6 .views-row, #block-views-block-directory-and-profile-block-7 .views-row, #block-views-block-directory-and-profile-block-8 .views-row  {
flex-basis: 100%;  
}   

}

/* end individual directory entry styles */


/* directory bio page styles */

.views-element-container {
max-width: var(--il-framework--fixed-width);
padding: 0 var(--il-content-margin);
margin: 0 auto;
}

.directory--profile__name__banner {
  background-color: #e84a27;
  height: 150px;
  width: 100%;
}

h1.directory--profile__name {
  color: white;
  font-size: 48px;
  font-weight: 500;
  padding-top: 38px;
  padding-left: 10px;
  margin: 1rem 0 1.25rem;
}

.row {
width: 100%;
max-width: var(--il-framework--fixed-width);
margin: 0 auto;
padding: 0 var(--il-content-margin);
}

.row .columns, .row .column {
  padding-left: 10px;
  padding-right: 10px;
}

.large-4 {
  width: 33.33333%;
  display: block;
  margin-bottom: 30px;
}

.left-third {
  width: 33.33333%;
  display: block;
  margin-bottom: 30px;
}

/*
.column, .columns {
  position: relative;
  float: left;
}
*/

.directory--profile__sidebar {
float: left;
}

.directory--profile__sidebar a:hover {
background: #13294b;
color: #ffffff;
}

div.directory--profile__photo img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
margin-top: -30px;
padding: 10px;
background-color: white;
height: auto;
}

.directory--profile__roles {
padding-left: 10px;
}

.directory--profile__title {
color: #13294b;
font-size: 1.3em;
}

.directory--profile__email a {
border-bottom: 1px solid #e84a27;
color: #444444;
}

.directory--profile__phone {
margin-bottom: 8px;
}

.large-8 {
width: 64.67%;
float: right;
margin-bottom: 40px;
margin-top: 30px;
}

.bio-container { /* replaces .large-8, didn't work */
width: 66%;
margin-bottom: 40px;
}

.right-two-thirds { /* replaces .large-8 */
margin-top: 20px; 
margin-left: 10px;
flex: 63%;
margin-bottom: 40px;
}

.right-two-thirds .large-8 {
width: 100%;
padding-left: 0;
}

.directory--profile__bio {
}

@media (max-width: 1060px)  {
    
.directory--profile__bio {
flex: 50%;
} 

}

.directory--return_to_directory a {
font-style: italic;    
}

@media (max-width: 900px)  {
    
.directory--profile__sidebar {
float: none;
}  

.directory-bio-page .left-third { /* replaces large-4 */
display: block;
width: 50%;
}

.large-8 {
width: 100%;
float: none;
}

.directory-bio-page .right-two-thirds { /* replaces large-8 for profile page */
width: 100%;
float: none;   
margin-left: 10px;
margin-top: 0;
}

div.directory--profile__photo img {
width: 100%;
max-width: 350px;
}


}

@media (max-width: 720px)  {
    
h1.directory--profile__name {
margin: 0rem 0 1.25rem;
font-size: 38px;
padding-top: 8px;
}

.directory-bio-page  .left-third { /* replaces large-4 */
width: 67%;
}


}

@media (max-width: 570px)  {

.directory-bio-page .left-third { /* replaces large-4 */
width: 100%;
}

}


/* end directory bio page node styles */


/* for images in text fields */
.paragraph--type--rt .field--name-field-rt__body .field__item img {
  padding-bottom: 0.625rem;
  float: right;
  margin-left: 20px;
}

@media (max-width: 570px)  {
    
.paragraph--type--rt .field--name-field-rt__body .field__item img {
float: none;
margin-left: 0;
}

}


/* overrides the fixed position total donations bar on the /give page */
#giving-total-fixed {
position: relative;
  padding-left: 0px;
  padding-right: 0px;
}


/* styles for news blocks sidebar */
#block-views-block-news-story-block-2 .region-news-blocks .views-element-container .block-views-blocknews-story-block-2 h2, #block-views-block-news-story-block-2 > .views-element-container > h2 {
max-width: 100%;
padding: 0 0;
width: 100%;
line-height: 2rem;
}

#block-bettersocialsharingbuttons {
padding: 0 25px;   
}

#block-bettersocialsharingbuttons h2 {
line-height: 2rem;    
}
    
.region-news-blocks .news-item-content {
background: #ffffff;  
color: #13294b;
box-shadow: 0 0 0;
line-height: 1.2rem;
}

#block-views-block-news-story-block-2 .news-item-content .news-item-title a {
color: #13294b;   
}

#block-views-block-news-story-block-2 .news-item-content .news-item-title a:hover, #block-views-block-news-story-block-2 .news-item-content .news-item-title a:focus {
background: #13294b;   
color: #ffffff;
}

#block-views-block-news-story-block-2 .news-item-content .news-item-bottom {
padding: 0 10px 15px 0px;    
}


.paragraph--type--icon-row .background--color--illiniblue a:hover {
outline: 2px solid #fff;
}


/* styles added to correct php update from 10-13-22  */

 
 .paragraph--type--cards__wrapper.card--color--illiniblue .field--name-field-cards-content-text__wrapper .field--name-field-cards-content__button .il-button {
  background-color: #fff;
  background: #fff;
}

 .paragraph--type--cards__wrapper.card--color--illiniblue .field--name-field-cards-content-text__wrapper .field--name-field-cards-content__button .il-button:hover {
  background-color: var(--il-orange);
  color: #fff;
}

.gsc-search-button-v2 {
height: 30px;
}

button svg {
  display: block;
  position: absolute;
  /* left: calc(50% - 10px); */
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  fill: currentcolor;
}




/* parallax styles */

.parallax {
	text-align: center;
	width: 100%;
	height: 40vh;
}

.parallax-inner {
	padding-top: 40%;
	padding-bottom: 40%;
	text-align: center;
}

/* this media query targets iphones only,  */
@supports (-webkit-touch-callout: none) {
 .parallax {
   background-attachment:scroll !important; 
   margin-bottom: 12px;
 }
}

/* end parallax styles */

/* for accordions with anchors, this makes the anchor id invisible */
.field--name-field-accordion-anchor-id {
display: none;
}

details:target {
padding-top: 100px !important;
}

details:target > summary, a:target {
border: 3px solid #ff552e; 
}

/* previous accordion styles */
/* .paragraph--type--accordion.fixed-width{padding:2.8125rem 0 3.75rem 0;max-width:1200px}.paragraph--type--accordion.fixed-width{padding:2.8125rem 3.2rem 3.75rem 3.2rem}  */

/* to make accordions shorter, not so fat */

summary.field--name-field-accordion-summary {
padding: 5px 0 5px 10px !important; 
font-size: 1rem !important;
}

details.paragraph--type--accordion-content {
margin-bottom: 11px !important;    
}

.paragraph--type--accordion.fixed-width {
padding-bottom: 0px !important;
padding-top: 25px !important;
}

.paragraph--type--rt .background--color--white {
padding-bottom: 35px !important;
padding-top: 25px !important;  
}

.il-formatted details summary::before {
font-size: .7rem !important;
}

details.paragraph--type--accordion-content ul {
margin: 0 0 .7em;
}

/* end accordion styles */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.audioWrapper {
	position: relative;
	padding-bottom: 16.25%; 
	padding-top: 25px;
	height: 0;
}
.audioWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* floating apply button */
#floating-apply, #block-floatingapplybutton-2 {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 500;
}

#block-floatingapplybutton-2 h2 {
display: none;
}

#floating-apply a {
padding: 9px 24px;
background: #ff5f05;
color: #fff;
font-family: var(--il-source-sans);
font-weight: 700;
font-size: 1.5em;
font-style: italic;
border-radius: 35px;
border: 3px solid #ff5f05;
}

#floating-apply a:focus, #floating-apply a:hover {
background: #fff;
color: #ff5f05; 
}
/* end floating apply button */

/* parallax styles */

.parallax {
	text-align: center;
	width: 100%;
	height: 40vh;
}

.parallax-inner {
	padding-top: 40%;
	padding-bottom: 40%;
	text-align: center;
}

/* this media query targets iphones only,  */
@supports (-webkit-touch-callout: none) {
 .parallax {
   background-attachment:scroll !important; 
   margin-bottom: 12px;
 }
}


/* end parallax styles */

/* to create a right col */

.content-wrapper-left-sidebar, .content-wrapper-no-left-sidebar {
display: flex;  
width: 950%;
max-width: var(--il-framework--fixed-width);
margin: 1.5em  auto;
}

.content-right {
max-width: 300px;
margin-left: 20px;
}

.region-sidebar-right {
background: #f4f4f4;
border: 1px solid #333333;
padding: 15px;
}

.content-left {

/* width: calc(100% - 270px); */
}

.content-right h2 {
margin: 0rem 0 1.25rem;    
}

@media (max-width: 1115px) {
    
.content-wrapper-left-sidebar {
display: block;
}

.content-wrapper-left-sidebar .content-left {
width: 100%;
}

.content-wrapper-left-sidebar .content-right {
max-width: 100%;
margin-left: 0px;
}
    
}



@media (max-width: 900px) {
    
.content-wrapper-no-left-sidebar {
display: block;
}

.content-wrapper-no-left-sidebar .content-left {
width: 100%;
}

.content-wrapper-no-left-sidebar .content-right {
max-width: 100%;
margin-left: 0px;
}
    
}

/* end right col styles */

nav#block-sasubtheme-sidenavigation h2 {
  font-size: 1.3em;
  margin-bottom: 0;
  margin-top: 0;
}

/* styles for announcements */


.ancmt-wrapper .field--name-field-announcement-entries {
display: flex;
flex-wrap: wrap;
gap: 4%;
width: 100%;
max-width: 1200px !important;
margin: 0 auto;
}

.ancmt-wrapper .field--name-field-title {
display: none;    
}

h2#announce-heading {
 margin-bottom: 30px;   
}

.ancmt-wrapper  .field--name-field-announcement-entries > div {
flex-basis: 29%; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
background: #f4f4f4;
padding: 10px;    
}

.begin-end-dates {
width: 100%;
margin: 15px 0;
}

.begin-end-dates > div {
display: flex;
}

.il-formatted h3.ancmt-title, .il-formatted h3.ancmt-title a {
/* border: 2px solid #f4f4f4; */
text-align: center;
font-size: 1.3rem;
font-weight: 600;
/* line-height: .9rem !important; */
padding: 1.25rem 0 1.25rem;
}

.il-formatted h3.ancmt-title {
padding: 2px;
margin-left: -2px; 
margin-top: 0;
line-height: 1.5rem;
}

.il-formatted h3.ancmt-title:hover, .il-formatted h3.ancmt-title:focus, .il-formatted h3.ancmt-title a:hover, .il-formatted h3.ancmt-title a:focus  {
/* border: 2px solid #13294b; */
background: #13294b;
color: #fff !important;
padding: 2px;
margin-left: -2px;
}

.il-formatted .ancmt-description p {
line-height: 1.2em;
}

.paragraph--type--announcements-container {
margin-top: 40px !important;    
}

.ancmt-image img {
margin-bottom: 15px;
}

.ancmt-wrapper {
margin-bottom: 30px;
}

.ancmt-title {
margin-bottom: 10px;   
}

@media (max-width:768px) {

.ancmt-wrapper .field--name-field-announcement-entries > div {
flex-basis: 47%; 
}

}

@media (max-width:480px) {

.ancmt-wrapper .field--name-field-announcement-entries > div {
flex-basis: 100%; 
margin-bottom: 30px;
}


}

.ancmt-wrapper .field--name-field-announce-container-title {
display: none;
}

/* end styles for announcements */

/* events calendar */
.calendar--type--13 a:hover, .calendar--type--13:focus {
color: #ffffff !important; 
background: #13294b !important;
}

.paragraph--type--list-content a {
background: #ffffff;
border: 2px solid #ffffff;
}

.field--name-field-list-content .field__item:nth-of-type(2n) .paragraph--type--list-content a {
background: #f4f4f4;
border: 2px solid #f4f4f4;    
}

.paragraph--type--list-content a:hover, .paragraph--type--list-content a:focus {
background: #ffffff;
border: 2px solid #13294b;
}

.field--name-field-list-content .field__item:nth-of-type(2n) .paragraph--type--list-content a:hover, .field--name-field-list-content .field__item:nth-of-type(2n) .paragraph--type--list-content a:focus {
background: #f4f4f4;
border: 2px solid #13294b;    
}

/* next 2: see /health-wellness/videos-podcasts for greyed out button */
.paragraph--type--list-content .field--name-field-list-content-body a {
background: #13294b !important;
color: #ffffff !important;
}

.paragraph--type--list-content .field--name-field-list-content-body a:hover, .paragraph--type--list-content .field--name-field-list-content-body a:focus {
background: #ffffff !important;
color: #13294b !important;
}


.background--color--gray .body a {
border: 2px solid #f4f4f4;      
}

    
.background--color--gray .body a:hover, .background--color--gray .body a:focus {
background: #f4f4f4;
border: 2px solid #13294b;      
}



/* mysterious invisible svg without a landmark */
svg.VIpgJd-ZVi9od-aZ2wEe {
display: none;    
}

/* Scroll to top CSS */
.scrollToTop {
width: 51px;
height: 51px;
border-radius: 50%;
color: #fff;
font-size: 2em;
text-decoration: none;
background-color: #f5552e;
position:fixed;
z-index: 100;
bottom:109px;
right:25px;
display:none;
}

.scrollToTop span {
display: flex;
width: 100%;
height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.scrollToTop span:before {  
/* Make a CSS Chevron */
border-style: solid;
border-width: 0.18em 0.18em 0 0;
content: '';
height: 0.45em;
position: relative;
transform: rotate(-45deg);
width: 0.45em;
color: white;
top: 0.09em;
/* If you have Font Awesome */
/*font-family: "Font Awesome 5 Free"; 
font-weight: 600;
content: "\f062";*/
color: white;
}

.scrollToTop:hover {
background: #4d6af9; 
}

.scrollToTop span:hover:before {
color: white; 
}

/* Responsive Adjustments */ 
@media screen and (max-width: 767px) {
.scrollToTop{bottom: 47px;}
} 

@media screen and (max-width: 479px) {
.scrollToTop{bottom: 15px;}
}  

/* end scroll to top css */

/* expand-slide down a block of text */

div.nametag {
width: 94%;
margin-left: 3%;
margin-top: 25px;
}

div.nametag p {
margin: 0px;
}

.btn {
padding: 2px 0px 0 0px;
background: #131f33;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 35px;
font-family: arial, sans-serif;
font-size: 1.2em;
line-height: 2.4em;
baseline-shift: sub;
border: 2px solid #fff;
}

.btn:hover {
background: #fff;
color: #990000;
border: 2px solid #131f33;
}

div.profile {
margin-top: 8px;
opacity: 0;
padding: 0;
max-height: 0;
overflow: hidden;
width: 94%;
margin-left: 6%;
overflow: scroll;
}

/* ends expand-slide down a block of text */

ul.address-list {
padding: 10px 10px 10px 0;
text-align: left;
/* font-family: helvetica, arial, sans-serif; */
}

.address-list li, .f-text .address-list li {
list-style: none !important;
margin-bottom: 0 !important;
margin-top: auto !important;
}

.il-formatted thead th {
background-color: #f5552e !important;
}

/* styles added for ILF 4 update compatibility */

@media (min-width: 992px) {
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 auto !important;
  }
}

.background--color--illiniblue .il-button:hover, .background--color--illiniblue .il-button:focus, .background--color--bluegradient .il-button:hover, .background--color--bluegradient .il-button:focus {
color: #13294b !important;
background: #ffffff;
}

.background--color--orangegradient .il-button:hover, .background--color--orangegradient .il-button:focus {
color: #ff5f05 !important;
background: #ffffff;
}

.field--name-field-icon-row-link .field--name-field-icon-row-content-text:hover, .field--name-field-icon-row-link .field--name-field-icon-row-content-text:focus {
background: #13294b !important;
color: #ffffff !important;
}

.paragraph--type--calendar a:hover {
background: #13294b !important;
color: #ffffff !important;
}

.paragraph--type--icon-row .p-0 {
padding-bottom: 40px !important;
padding-top: 30px !important;
}

.region-footer, .region-content {
padding: 0 !important;
}

@media (max-width: 768px) {
    
.row {    /* Corrects grid.scss:12  on hero image at mobile size */
margin-left: 0 !important;
margin-right: 0 !important;
}

}

@media (max-width: 992px) {
    
.row {    /* Corrects grid.scss:12  on hero image at mobile size */
margin-left: 0 !important;
margin-right: 0 !important;
}
}


@media (min-width: 768px) {
  .col-md-9 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}


.paragraph--type--rt, .paragraph--type--feature-grouped  {
max-width: 1200px;
margin: 0 auto;
}

.paragraph--type--cards {
margin-top: 30px !important;    
}

/* end ILF update styles */

/* styles added to make ILF 4.3 work */

/* breakpoints.scss:77, "padding: 0 var(--ilw-margin--side, 0);" is breaking lots of stuff */

.l-region--highlighted, .l-region--tabs, .l-region--content, #block-illinois-framework-theme-page-title, .block-system-breadcrumb-block, .il-content-without-section-nav > .il-content .block-system-main-block article.profile, .il-content-without-section-nav > .il-content .block-system-main-block article .field--name-body, .block-page-title-block, #gift_form, .paragraph--type--page-introduction, .view-frontpage, #user-login-form, .fixed-width {
  margin: 0 auto;
  padding: 0 !important;  /* overrides padding: 0 var(--ilw-margin--side, 0) */
max-width: 1200px;
}


.fixed-width {
width: 100%;    
max-width: 1200px;
margin: 0 auto;
}

/* for rich text paragraph type */
.field--name-field-rt-content-body, .paragraph--type--embed-video, .field--name-field-floor-plan-anchor-tag  {
max-width: 1200px; /* was 900 */
padding: 0;
margin: 30px auto 0 auto;
}

#google_translate_element {
display: none;
}

/* mystery image that AInspector finds that I can't */
.VIpgJd-ZVi9od-aZ2wEe {
display: none;
}

ilw-footer nav[slot="social"] a {
outline: 2px solid #ECECED;
}

ilw-footer nav[slot="social"] a:hover {
outline: 2px solid #13294b;
}

a.nav-link:hover {
background: #13294b !important;   
color: #fff !important;
}



p a:hover, p a:focus, .field--name-field-rt-content-body li a:hover, .field--name-field-rt-content-body li a:focus, .paragraph--type--rt-content li a:hover, .paragraph--type--rt-content li a:focus, .il-formatted li a:hover, .il-formatted li a:focus, .field-item a:hover, .field-item a:focus, .field--type-text-with-summary li a:hover, .field--type-text-with-summary li a:focus {
background-color: #13294b !important;
background: #13294b !important;
color: #fff !important;
}

.ilw-button:hover, .ilw-button:focus {
background: #fff !important;
color: #13294b !important;
}

.paragraph--type--rt.background--color--gray {
margin-bottom: 0px !important;
}

.field--name-field-cta-narrow__item.col {
padding: 0 20px !important;
}

.il-formatted p.il-buttons {
text-align: center;
}

.field--name-field-feature-grouped__content h2, .field--name-field-rt-content-body {
margin-top: 0;
}

.paragraph--type--rt .field--name-field-rt__body .field--name-field-rt-content-title {
margin-top: 0;
}

.paragraph--type--cta-narrow .field--name-field-cta-narrow__button {
max-width: 22rem !important;
}

ilw-card p.il-buttons a:hover {
color: #fff !important;    
}

.field--name-field-feature-grouped__body {
padding-right: 25px !important;
}

.field--name-field-intro-home__buttons {
text-align: center;
}

il-vertical-tab.il-theme-blue li a:hover, il-vertical-tab.il-theme-blue li a:focus {
color: #13294b !important;
background: #fff;
}

.background--color--illiniblue .body a:hover, .background--color--illiniblue .body a:focus {
color: #13294b !important;
background: #fff !important;
}

ilw-footer [slot="actions"] a {
border: 2px solid #ECECED !important;
}

ilw-footer [slot="actions"] a:hover {
background: #fff !important;
color: #13294b !important;
border: 2px solid #13294b !important;
}

.block-system-breadcrumb-block {
max-width: 1180px;
margin: 0 auto;
}

@media (max-width: 1260px) {
    
.block-system-breadcrumb-block {  
padding: 1.75rem 30px .625em 30px !important;
}
}



@media (max-width: 1000px) {
  .paragraph--type--cta-narrow .field--name-field-cta-narrow__wrapper {
    display: block !important;
    text-align: center !important;
  }
}

a[target="_blank"]::after {
    content: " \2197";
    font-size: 1em;
    margin-left: 0.2em;
    /* vertical-align: super; */
}

a[target="_blank"]::before {
    content: "(opens in new window)";
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.paragraph--type--page-introduction, .paragraph--type--cta, .paragraph--type--bb, .paragraph--type--calendar, .paragraph--type--cards, .paragraph--type--content-slider, .paragraph--type--rt, .paragraph--type--list, .paragraph--type--expand-collapse, .paragraph--type--icon-row, .paragraph--type--contact, .paragraph--type--accordion, .paragraph--type--image-gallery {
  padding-bottom: 25px !important;
  padding-top: 30px !important;
}

ilw-header-menu:not(:defined),
ilw-header-menu-section:not(:defined) {
  visibility: hidden;
}

ilw-header-menu:defined,
ilw-header-menu-section:defined {
  visibility: visible;
}

/* parallax styles */

.parallax {
	text-align: center;
	width: 100%;
	height: 40vh;
	background-size: cover; 
	background-position: center;
}

.parallax-inner {
	padding-top: 40%;
	padding-bottom: 40%;
	text-align: center;
}

/* this media query targets iphones only */
@supports (-webkit-touch-callout: none) {
 .parallax {
   background-attachment:scroll !important; 
   margin-bottom: 12px;
 }
}

.paragraph--type--rt.background--color--gray {
  margin-bottom: 30px !important;
  padding-left: 30px;
  padding-right: 30px;
}
  
.paragraph--type--rt .field--name-field-rt__content__wrapper.col-lg-6, .paragraph--type--rt .field--name-field-rt__content__wrapper.unset-col-lg-6 {
  padding: 0 !important;
}


@media (max-width: 1260px) {
.l-region--highlighted, .l-region--tabs, #block-illinois-framework-theme-page-title, .block-system-breadcrumb-block, .il-content-without-section-nav > .il-content, #gift_form, #block-sasubtheme-page-title, .view-frontpage, #user-login-form, .paragraph--type--page-introduction, .paragraph--type--cta, .paragraph--type--bb, .paragraph--type--calendar, .paragraph--type--cards, .paragraph--type--content-slider, .paragraph--type--rt, .paragraph--type--list, .paragraph--type--expand-collapse, .paragraph--type--icon-row, .paragraph--type--contact, .paragraph--type--accordion, .paragraph--type--image-gallery,  .field--name-body, .field--name-field-feature-grouped__content, .p-0.field--name-field-feature-grouped__title, #block-pagetitle-2, .fixed-width.paragraph--type--announcements-container, .paragraph--type--list-content {
padding: 0 30px !important;
   } 
   
.paragraph--type--rt .field--name-field-rt__content__wrapper.col-lg-6, .paragraph--type--rt .field--name-field-rt__content__wrapper.unset-col-lg-6 {
  padding: 0 !important;
}

.il-content .paragraph--type--rt {
  padding: 0 !important;
}

       
}

@media (max-width: 992px) {
.l-region--highlighted, .l-region--tabs, .row .paragraph--type--bb-content__wrapper, .paragraph--type--bb__wrapper {
padding: 0 0px;
   } 
   
#block-sasubtheme-page-title {
padding: 0 30px;
}
   
.content-wrapper-left-sidebar, .content-wrapper-no-left-sidebar {
  width: 100%;
}      
}

/* end ILF 4.3 update styles */


/* next 5 styles make the video feature behave */
.field--name-field-media-oembed-video  {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}


.field--name-field-media-oembed-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.paragraph--type--feature-video.paragraph--view-mode--full.col-lg-12.col-md-12.col-sm-12.d-flex, .field--name-field-feature-video__video__wrapper.col-sm-12.p-0.unset-col-lg-6.col-md-6 {
    display: block !important;
    width: 100% !important;
}

.field--name-field-feature-video-body.field--type-text-with-summary.field--label-visually_hidden {
display: none;
}

.field--name-field-feature-video__content__wrapper {
height: 100%;
}