/* add custom site CSS here */

#branding-bar img {
    position: absolute;
    top: -5px;
    width: 65px;
    display: none;
}
.right.paypal {
		     position: relative;
    padding-top: 95px;
		 text-align: center;
	}

@media screen and (min-width: 40em){
.right.paypal {
    float: right;
	max-width: 350px;
	padding-top:1px !important;
    text-align: center;
}
}
.paypal p {
    font-size:1rem;
}
.paypal input {
    width: 150px;
}

#branding-bar .show-on-tablet .show-on-tablet .show-on-mobile {
	 visibility:hidden;
}

#branding-bar {
    background-color:  #2A547B;
}

#toggles a.search-toggle {
    background-color: #2A547B;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

#toggles button.button:focus, #toggles button.button:hover, .landmarks .menu-toggle:focus, .landmarks .menu-toggle:hover {

    color: #2A547B;
}

.ticker + a.more.top, a { color: #2A547B; }
a.email.invert.more.top {
    position: absolute;
    top: .1875rem;
    line-height: 1.625rem;
    right: 185px;
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
.site-header .title {
    color: #2A547B;
}

.site-header .title:hover {
    color: #2A547B;
}

#branding-bar {
    border-top: 5px solid #D9D9D9;
}

.site-header{
    background-color:#FFFFFF;
}
.panel .title{
    color:#333;
}
.midpage-banner{min-height:250px;}
.title span, h1 span, h2 span, h3 span, h4 span, h5 span {
    font-size: 50%;
    text-transform: uppercase;
    color: #666;
}
 #branding-bar .show-on-tablet {
	visibility:hidden;
}

 #branding-bar .show-on-desktop {
	visibility:hidden;
}
 #branding-bar .show-on-mobile {
	visibility:hidden;
}

.button {
    background-color: #2A547B;
}

button.invert, .button:focus, .button:hover{
    color: #2A547B;
    border-color: #2A547B;
}

#toggles button.button:focus, #toggles button.button:hover, .landmarks .menu-toggle:focus, .landmarks .menu-toggle:hover {
    color: #2A547B;
}

.breadcrumbs a {
    color: #2A547B;
}

.section-nav a.current:before {
    background: #2A547B;
}

.bg-gray .button:focus, .bg-none .button:focus {
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.35rem #2A547B;
}

#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: #006298 solid .125rem;
}

#branding-bar h1, #branding-bar #iu-campus {
    visibility: hidden;
}
    
nav.main {
    display:none;
}

#search.search-box button.gsc-search-button-v2 {
    background-color: #2A547B;
}

#search {
    background-color: #2A547B;
}

#search.search-box button.gsc-search-button-v2:hover, #search.search-box button.gsc-search-button-v2:focus {
    color: #2A547B;
}

.search-box button.gsc-search-button-v2 {
    background-color: #2A547B;
    border: 2px solid #2A547B;
}

.search-box button.gsc-search-button-v2:hover, .search-box button.gsc-search-button-v2:focus {
    border-color: #2A547B;
    color: #2A547B;
}

/****** FOOTER UPDATES ******/

 .belt {
    font-size: .875rem;
    min-height: 36px;
    display: none;
}

.signature, .line-break-small { display:none;}

#footer a { color: #2A547B; }

/*  #footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
*/
#footer {
    border-top: 6px solid #2A547B;
}

#footer a:focus {
    outline: .125rem solid #006298;
    outline-offset: .125rem;
}
.panel:before {
    background: rgba(42, 84, 123,1);
}

@media screen and (min-width: 40em){
.banner--content .teaser {
    font-size: 1.25rem;
}
.midpage-banner{min-height:650px;}
}

@media screen and (min-width: 64.0625em){
    .midpage-banner{min-height:800px;}
}