/* Color variables */

:root { --main-color: #002c62;
        --nsse-color: #002c62;
        --bcsse-color: #fcaf40;
        --fsse-color: #820052;
        --banner-color: #f2f3f5;
}


/* add custom site CSS here */

@media screen and (min-width: 64.0625em) {
    nav.main.is-sticky:after {
        background: #002c62;
    }
}

.bg-yellow { background: var(--bcsse-color); color: #000;}
.bg-blue, .bg-blue cite { background: var(--nsse-color); color: #000; }
.bg-purple { background: var(--fsse-color); color: #fff;}
.bg-purple .button { background-color:#fff; color: #000;}
.bg-yellow .button { background-color:#000; color: #fff;}
.bg-blue .button { background-color:#000;}

.site-header .title {
    color: #000;
}
.site-header .title:focus, .site-header .title:hover {
    color: #737373;
}
nav.main a {
    color: #000;
}
.nav-secondary ul li a {
    color: #000;
}
.nav-secondary ul li a:hover {
    color: #737373;
}

.bg-crimson .button:focus, .bg-crimson .button:hover, .crimson .bg-secondary .button:focus, .crimson .bg-secondary .button:hover {
    border-color: #fff;
    background: none !important;
    color: #fff;
}
.bg-blue .panel--interactive > a {
    background-color: #cccc;
}
.accordion-content .button:focus, .bg-dark table .button:focus, table .button:focus {
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .0rem var(--main-color);
}
.accordion-content .button:focus, .accordion-content .button:hover, .bg-dark .accordion-content .button:focus, .bg-dark .accordion-content .button:hover, .bg-secondary.bg-dark .accordion-content .button:focus, .bg-secondary.bg-dark .accordion-content .button:hover {
    background-color: transparent;
    color: var(--main-color);
}
.accordion-content .button.invert:focus, .accordion-content .button.invert:hover, .accordion-content .button:focus, .accordion-content .button:hover, .bg-dark .accordion-content .button.invert:focus, .bg-dark .accordion-content .button.invert:hover, .bg-dark .accordion-content .button:focus, .bg-dark .accordion-content .button:hover, .bg-secondary.bg-dark .accordion-content .button.invert:focus, .bg-secondary.bg-dark .accordion-content .button.invert:hover, .bg-secondary.bg-dark .accordion-content .button:focus, .bg-secondary.bg-dark .accordion-content .button:hover {
    border-color: #900;
    box-shadow: 0 0 0 .125rem #fff,0 0 0 .0rem var(--main-color);
}
.black .panel--interactive a * {color: #000;}
.black h1, h2, h3, h4, h5, h6 {color: #000;}
blockquote.bg-blue, blockquote p.bg-blue, cite.bg-blue {color: #000;}
blockquote.bg-yellow, blockquote p.bg-yellow, cite.bg-yellow {color: #000;}
blockquote, blockquote p {color: #000;}

#nav-main a:not(.button):focus,#nav-main button:focus,#nav-main button[class^=slick-]:focus,#section-nav a:not(.button):focus,#section-nav button:focus,#section-nav button[class^=slick-]:focus,.breadcrumbs a:not(.button):focus,.breadcrumbs button:focus,.breadcrumbs button[class^=slick-]:focus,.nav-secondary a:not(.button):focus,.nav-secondary button:focus,.nav-secondary button[class^=slick-]:focus,.section:not(.bg-dark) .accordion-item a:not(.button):focus,.section:not(.bg-dark) .accordion-item button:focus,.section:not(.bg-dark) .accordion-item button[class^=slick-]:focus,.section:not(.bg-dark) .rotator a:not(.button):focus,.section:not(.bg-dark) .rotator button:focus,.section:not(.bg-dark) .rotator button[class^=slick-]:focus,.section:not(.bg-dark) .ticker a:not(.button):focus,.section:not(.bg-dark) .ticker button:focus,.section:not(.bg-dark) .ticker button[class^=slick-]:focus,.site-header a:not(.button):focus,.site-header button:focus,.site-header button[class^=slick-]:focus,.social-share a:not(.button):focus,.social-share button:focus,.social-share button[class^=slick-]:focus{outline:var(--main-color) solid .125rem;outline-offset:.125rem}


.ticker + a.more.top {

    color: var(--main-color);;

}

.stat a.button {
    background: 0 0;
    border-color: var(--main-color);
    color: var(--main-color);
    width: auto;
}

.stat a.button:focus, .stat a.button:hover {
    background: var(--main-color);
    color: #fff;
}

.bg-gray .button:focus, .bg-none .button:focus {
    box-shadow: 0 0 0 .2rem #fff,0 0 0 .35rem var(--main-color);
}
.wide .section-nav {
    display: none;
}

nav.main li.first { padding-right:30px;}
nav.main li { padding: 0 30px;}
.section.bg-mahogany.dark.belt, .belt, .skirt { background: var(--main-color) !important; }

#pub_image {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}

#image_border img, #image_border1 img, #image_border2 img {
    border: 1px solid #00457c;
}

ul.separators li::before {
    content: "|";
    padding-right: 10px;
}

.callout .content {
    border-left: 3px solid var(--main-color);;
}


#branding-bar.iu { background: var(--banner-color); }
#search.search-box { background-color: var(--main-color); }
 .search-box .gsst_a .gscb_a { color: var(--banner-color); }
#search.search-box button.gsc-search-button.gsc-search-button-v2 { background-color: var(--main-color); }
.breadcrumbs a {  color: var(--main-color); }
.section-nav a.current:before {color: var(--main-color);  background: var(--main-color); }
#skipnav {background: var(--main-color);}
.bg-crimson.bg-dark.section { background-color: var(--main-color); }
#nav-main.main.show-for-large.dropdown.is-sticky { background: var(--main-color); }
.signature { display: none;}
.tagline { display: none;} 
#toggles a.search-toggle{
    background-color: #006298;}
@media only screen and (min-width: 1025px) {
#toggles a.search-toggle{
    background-color: var(--main-color); }
}
.menu-toggle.button.hide-for-large { background-color: #006298; } 
.button.invert, .button:focus, .button:hover {
    background: 0 0;
    color: #900;
    border-color: var(--main-color);
} 
nav.main a.current::after, nav.main a:focus::after {
    width: 100%;
    background: var(--main-color);
} 
#branding-bar { border-color: #e1e1e3; }
#branding-bar .show-on-tablet {visibility:hidden; }
#branding-bar .show-on-desktop {visibility:hidden; }
#branding-bar .show-on-mobile {visibility:hidden; }
#footer { border-top: var(--main-color); background-color:white;}
#branding-bar img {
    top: 14px;
    width: 200px;
}
#branding-bar #iu-campus{
    padding-left:175px;
}
#footer a {
    color: var(--main-color);
}

#footer p span{
    color:#000000;
    
}
#footer p {
    line-height: 1.00rem;
    clear:right;
}
#footer .copyright {
    
    float: left;
    text-align: left;
}
#footer .links {
    text-align:right;
    float: right;
}
.search-box#search button.gsc-search-button-v2:hover, .search-box#search button.gsc-search-button-v2:focus {
    border-color: #fff;
    color: var(--main-color);
    background-color: #fff;
}
#toggles button.button:focus, #toggles button.button:hover, .landmarks .menu-toggle:focus, .landmarks .menu-toggle:hover {
    background: #fff;
    color: var(--main-color);
} 
.search-box button.gsc-search-button-v2 {
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
}
nav.main.is-sticky li {
    border-left:1px solid  #fff;
    } 
    
#toggles a.search-toggle {
    border-left-color:  var(--main-color);
    border-right-color: var(--main-color); 
    
}


.alpha.checkboxes [type="checkbox"]:checked + label {
    background: var(--main-color);
}

#filter-selection .select-item:hover::after, #filter-selection .select-item:hover:focus::after {
    color: var(--main-color);
}
#filter-selection .select-item.clear:focus, #filter-selection .select-item.clear:hover {
    background: var(--main-color);
    color: #fff;
}
#filter-selection .select-item.clear {
    border-color: var(--main-color);
    padding-right: .5rem;
}
#filter-selection .select-item:focus, #filter-selection .select-item:hover {
    border-color: var(--main-color);
}
li { 
   /*  list-style-type: none;*/
}
.search-box button.gsc-search-button-v2:hover, .search-box button.gsc-search-button-v2:focus {
    border: var(--main-color);
    color: var(--main-color);
}
.button {
background-color: var(--main-color);
}
.accordion-content .button, .bg-dark .accordion-content .button, .bg-secondary.bg-dark .accordion-content .button {
    background-color: var(--main-color);
}
.accordion-content .button, .accordion-content .button.invert, .accordion-content .button.invert:focus, .accordion-content .button.invert:hover, .accordion-content .button:focus, .accordion-content .button:hover, .bg-dark .accordion-content .button, .bg-dark .accordion-content .button.invert, .bg-dark .accordion-content .button.invert:focus, .bg-dark .accordion-content .button.invert:hover, .bg-dark .accordion-content .button:focus, .bg-dark .accordion-content .button:hover, .bg-secondary.bg-dark .accordion-content .button, .bg-secondary.bg-dark .accordion-content .button.invert, .bg-secondary.bg-dark .accordion-content .button.invert:focus, .bg-secondary.bg-dark .accordion-content .button.invert:hover, .bg-secondary.bg-dark .accordion-content .button:focus, .bg-secondary.bg-dark .accordion-content .button:hover {
    border-color: var(--main-color);
}

.cta .button {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.cta .button:hover, .cta .button:focus {
    background: 0 0;
    color: var(--main-color);
    border-color: var(--main-color); 
}

.bg-crimson .button, .crimson .bg-secondary .button {
    color: var(--main-color);
}

.button.invert, .button:focus, .button:hover {
    background: 0 0;
    color: var(--main-color);
    border-color: var(--main-color);
}

.bg-crimson .panel--interactive>a:focus *, .bg-crimson .panel--interactive>a:hover *, .crimson .bg-secondary .panel--interactive>a:focus *, .crimson .bg-secondary .panel--interactive>a:hover * {
    color: var(--main-color);
}

.panel--interactive>a:focus, .panel--interactive>a:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}

.panel .title {
    color: #333;
}

cite {
    color: #45382B;
}

 /* Custom BELT + SKIRT stylying */
 .belt-nav li {
	 display: block;
}
 .belt-nav li::after {
	 display:none;
}
 .belt-nav a {
	padding:0;
}
 .belt-nav > h5 {
	 border-bottom: 1px solid;
	 line-height: 32px !important;
	 margin-top: -0.95em;
}
 .section.belt+.section.skirt{
	padding-top: 0;
    margin-bottom: -4rem;
}
	 #give_now_button_bottom {
		 float: none;
	
}

.slick-next, .slick-next:focus, .slick-prev, .slick-prev:focus {
    background: var(--main-color);
    border-radius: 0;
    color: #fff;
}

.rotator .slick-next:focus, .rotator .slick-next:hover, .rotator .slick-prev:focus, .rotator .slick-prev:hover {
    background-color: var(--main-color);
}

.slick-next:hover, .slick-prev:hover {
    background: var(--main-color);
}

.rotator .slick-list:focus{box-shadow:0 0 6px 2px var(--main-color); }
.rotator .slick-active:focus:after{content:"";box-shadow:inset 0 0 3px 1px var(--main-color);height:100%;pointer-events:none;position:absolute;width:100%;top:0}

 /*@media screen and (min-width:40em)*/
:last-of-type.one-half, :last-of-type.one-third, :last-of-type.two-thirds {
    padding-right: 0px;
    float: right;
} 

 .skirt address {
	 font-size: 0.875rem;
	 color:#fff;
}

.skirt-nav a {
    text-decoration: underline;
    color: #fff;
}
 #give_now_button_bottom {
	 padding-top: 1.5em;
}
.bg-mahogany, .mahogany .bg-secondary {
    background-color: var(--main-color);
}
address p {
    font-size: 0.875rem;
}
@media only screen and (min-width: 64em){
    
    #branding-bar img {
    top: 14px;
    width: 240px;
}
.skirt-nav .column:last-child {
    float: right;
}
    
    #banner {
    min-height: 450px;
}
}

#intcons tr  {
    background-color: transparent;
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #7a1a57;
	background-color:#7a1a57;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px;
	white-space:pre-wrap;
}

.purple {color:#7a1a57;}

.posts-list-element {
    min-height:400px;
}

div.connect p.title  { 
    display:none;
}

.stat .stat--number {
    color: var(--main-color);
}

.ticker .title span[itemprop] { text-decoration: underline; }
}
 /*
.skirt-nav {
    display: table;
    width: 50%;
    padding-left: .75rem;
    left: 5%;
    padding-right: 0;
    margin: 0;
}
.skirt-nav{float:right;}

.skirt .connect{
    width: 50%;
    padding-right: .75rem;
    left: 5%;
    padding-left: 0;
    text-align: left;
    
}
   .skirt h3  {
    font-size: 1.00rem;
    color: #fff;
    padding-right: 1.25rem;
}

.row-pad {
    text-align: right;
    color:#fff;
    padding-right:28.00rem;
    background-color:#002d62;
}

p.copyright{
    font-size:0.75rem;
}

.text, dl, ol, p, ul {
    font-size: 1.25rem;
}

*/

.xnsse-nsse .button {
	color: var(--main-color) !important;
}	

#NSSE .button {
	color: var(--main-color) !important;
}