/* add custom school CSS here */
#branding-bar, #toggles, #search, #offCanvas, .site-header {
	display:none;
}

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

#search {
	background-color: #000;
}

/*
#search.search-box button.gsc-search-button-v2 {
    border-color: #fff;
    background-color: #000;
    color: #fff;
}
*/

.rvt-header-global__search-box .rvt-input-group {
display:flex;
flex-wrap:nowrap;
position:relative;
}

.rvt-header-global__search-box .rvt-input-group__input:not(:last-child) {
border-top-right-radius:0;
border-bottom-right-radius:0;
z-index:100;
}

.rvt-header-global__search-box .rvt-input-group__append .rvt-button {
flex-grow:1;
z-index:200;
border-top-left-radius:0;
border-bottom-left-radius:0;
display:flex;
white-space:nowrap;
}

.gsc-search-button-v2 {
background-color: #006298!important;
border: .125rem solid #006298!important;
border-radius: .25rem!important;
color: #fff!important;
cursor: pointer!important;
font-weight: 700!important;
line-height: 1!important;
text-decoration: none!important;
position: relative!important;
height: 2.5rem!important;
padding: 0 .75rem!important;
display: inline-flex!important;
align-items: center!important;
transition: box-shadow .2s ease!important;
transition-property: box-shadow!important;
transition-duration: 0.2s!important;
transition-timing-function: ease!important;
transition-delay: 0s!important;
}

.gsc-search-button-v2 svg {
fill:#fff!important;
}

.two-thirds.profile-detail {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.profile-detail h2.title{
margin-bottom:.25rem;
}
.profile-detail dl.meta.inline{
    padding-top:2rem;
}
.profile-detail p.sub-title{
    margin-bottom:0;
}
.profile-detail dl.inline dt{
    padding-right:.5rem;
}
.profile.feed-item p.sub-title{
    color: #45382B;
    font-size: 1.125rem!important;
    font-style: italic;
    margin-bottom:0;
}
.profile.feed-item p.department{
    color: #45382B;
    font-size: 1.125rem!important;
    margin-bottom:0;
}
/* people page css */

.section {
    padding:30px 0;
}

.story-image {
  /*  height: 200px; */
    height: auto;
    overflow: hidden;
}
.notched-container .media.image {
    object-fit: contain;
}
.notched-container p.name {
    margin-bottom:.25em;
}

.notched-container p.department {
   margin-bottom:0;
   text-transform:uppercase;
   font-family:BentonSansCond;
   font-size:1em;
}

.notched-container p.type {
    text-transform:uppercase;
    font-family:BentonSansCond;
    font-size:1em;
}

/*** Jay's Skin Test *******************************************************************/

/* Color variables */

:root { --main-color: #333333;
        --nsse-color: #5b9ad3;
        --bcsse-color: #fcaf40;
        --fsse-color: #820052;
        --banner-color: #f2f3f5;
        --purdue-gold-color: #cfb991;
        --purdue-black-color: #000;
        --purdue-aged-color: #8e6f3e;
}


/* add custom site CSS here */

.bg-yellow { background: var(--bcsse-color); }
.bg-blue { background: var(--nsse-color); }
.bg-purple { background: var(--fsse-color); }

#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}


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

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

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

ul.separators li::before {
    content: "|";
}

#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: #333333; }
#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: 1080px) {
#toggles a.search-toggle{
    background-color: var(--main-color); }
    button.rvt-header-local__menu-toggle.rvt-hide-lg-up{display:none;}
}
.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: 4px;
    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);

}
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);
}

.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;
}

 /* 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;
}
/*
 #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: 4px;
    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);
}
.rvt-footer-module-2 {
    background-color: var(--main-color) !important;
}
.rvt-footer-module-1::after, .rvt-footer-module-1__contact {
    /*background-color: var(--main-color) !important;*/
    background-color: #fafafa !important;
}
.rvt-footer-module-1__contact a {
	color: #000 !important;
}
.rvt-inline-list{
    display: inline-flex;
    list-style: none;
    margin-left:0;
}


/* Information for Faculty & Staff */
.rvt-footer-module-2 p.footer-topic {
    font-weight:bold;
    margin-top:1.55em;
}
/* End */

@media screen and (min-width: 67.5em){
    .rvt-width-xl-lg-up{
        width:100%;
        max-width:24rem;
    }
    .hide-lg-up, .rvt-hide-lg-up{
        display:none!important;
    }
}

/* People */
@media screen and (max-width:639px) {
.two-thirds.profile-detail {
padding-left:0!important;
float:none!important;
}
}

.yt-res { 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.yt-res iframe,
.yt-res object,
.yt-res embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Stories on dept sites */
 .introduction,.subtitle {
	 font-size: 1.35rem;
/*	 color: #900; */
	 font-style: italic;
	 display: block;
}
 .credentials,.subhead {
	 margin-top: -.5rem;
	 margin-bottom: .75rem;
	 display: block;
/*	 color: #900;   
	 font-style: italic; */
	 font-family: BentonSansRegular,Arial,serif;
	 font-size: 1.05rem;
}