/* import proxima nova */
@import url('https://use.typekit.net/evl5qlm.css');

/* add custom site CSS here */
#home #content {
	 /* margin-top: 0 !important; */
	 padding-top: 50px;
}

.site-header .title {
    margin-top: 22px;
}

@media only screen and (min-width: 1025px) {
    .custom-brand {
    	width: 3rem!important; 
    }
    
    #branding-bar #iu-campus, #branding-bar h1 {
        margin-left: 8px;
    }
}

/*

@media screen and (max-width:64em) {

    .site-header a.title img {
        width: 250px;
    }
    
    #home #content {
        margin-top: 0;
    }
    
    .landmarks .site-header {
        padding-bottom: 0;
    }

}

@media screen and (max-width:64em) {
    
    .landmarks .menu-toggle {
        line-height: 42px;
        padding: 0 1em;
        z-index: 100;
    }
    
    .landmarks.search-open .menu-toggle {
        margin-top: 10px;
    }
    
    #search {
        top: 60px;
    }
 /*   
    .landmarks #offCanvas {
        /*position: absolute;*/
    }
   /* 
    #toggles {
        position: absolute;
    }
    
    .landmarks .off-canvas.position-right {
        top: 70px;
    }

}
*/


main {
	 padding-top: 2em;
}

#home main {
    padding-top: 0;
}

/* networks SKIRT */
 .skirt {
     color: #000;
}
 .skirt__info {
	 display: block;
	 float: left;
	 width: 100%;
}

 .skirt__contact {
	 display: block;
	 float: left;
	 width: 100%;
	 margin-bottom: 1.25rem;
}
 .skirt__nav {
	 display: block;
	 float: left;
	 margin-bottom: 1.25rem;
}
.skirt h3 {
    font-size: 1rem;
}
 .skirt p {
	 font-size: 1rem;
	 color: #c8c8c8;
}
 .skirt a {
	 font-size: 1rem;
	 color: #c8c8c8;
}

 .skirt a:focus, .skirt a:hover {
	 text-decoration: underline;
}

.skirt__logo {
    margin-bottom: 1.5em;
}
 @media screen and (min-width: 701px) {
	 .section.belt + .section.skirt {
		 margin-top: -40px;
	}
	
    .skirt__info {
        width: 30%;
    }
	 .skirt__contact {
		 width: 20%;
	}
	 .skirt__nav {
		 float: right;
		 width: 30%;
	}
	 .skirt__nav ul {
		 width: 100%;
	}
	 .skirt__nav ul li {
		 float: left;
		 width: 50%;
	}
	 .skirt__nav ul li a {
		 display: block;
		 margin: 0 0 0.5em;
	}
	
	.skirt-nav {
        width: 60%;
        left: 10%;
    }
}
 
#home #content.ticker-section {
	 padding-top: 25px;
}

#home .ticker-section h2 {
	 font-size: 1.5rem;
}

.section.section--banner {
    padding-bottom: 0 !important;
}

.section.section--banner .layout {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.landmarks .site-header {
    padding-bottom: 1em;
}

/* FONTS OVERWRITE */

body {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

h1,h2,h3,h4,h5,h6{ 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.h1,.h2,.h3,.h5,.h6,.letter-avatar>.letters,.site-header .title,.ticker-section .section-title { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
  line-height:1.15;
}

.container--details .title,.feature .title,.h4,.lead,.panel .title,.panel--interactive .title,.profile.detail h2 {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

@media screen and (min-width:40em){ 
  .h1,.h2,.h3,.h5,.h6,.letter-avatar>.letters,.site-header .title,.ticker-section .section-title {
    font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:700;
    font-style:normal;
  }
}

.container--details .title,.feature .title,.h4,.lead,.panel .title,.panel--interactive .title,.profile.detail h2 { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.title span,h1 span,h2 span,h3 span,h4 span,h5 span { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.title span[itemprop],h1 span[itemprop],h2 span[itemprop],h3 span[itemprop],h4 span[itemprop],h5 span[itemprop] {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

b,strong { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.more,.page-title .title,.page-title h1 { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.meta { 
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:400;
  font-style:normal;
}

.meta strong { 
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

dl dt { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

dl dd.highlight,dl.meta dd,dl.meta dt { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

table caption,table thead tr td,table thead tr th,tbody td:before { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.off-canvas-list li .more { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.banner--content .title,.belt-nav ul,.site-header .title { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.ticker .title,.ticker-section .lw_widget_results .title { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.ticker .title span[itemprop]{ 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.ticker+a.more.top { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.skirt .title,.skirt h2,.skirt h2 span,.skirt h3,.skirt h3 span {
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.skirt-nav h4 { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

ul.tabs .tab-title>a { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

div.accordion-item { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.button { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.stat .stat--info,.stat p {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.stat .number,.stat .stat--number{
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:400;
  font-style:normal;
}

.feed .more,.feed+.more.top,.lw_widget_results .more,.lw_widget_results+.more.top {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.date-cube .cal_date_day,.date-cube .day { 
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.feed-item .title,[class^=lw_item] .title {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.detail-meta .meta,.feed-item--small .title,.feed-item--small .title span {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.label,label{
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.filter,.filter h2,.filter h3,.filter h4,.filter h5,input[type=checkbox]+label,input[type=radio]+label{
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.result-count span{
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

#branding-bar h1,
#branding-bar #iu-campus {
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:400;
  font-style:normal;
}

/*
#footer {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

#footer .tagline {
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}
*/

#toggles a.button {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.search-results .gsc-control-cse {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.search-results .gsc-selected-option-container {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.search-results .gsc-control-cse,
.search-results .gsc-control-cse .gsc-table-result {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

.search-results .gsc-control-cse b,
.search-results .gsc-control-cse .gsc-table-result b,
.search-results .gsc-control-cse strong,
.search-results .gsc-control-cse .gsc-table-result strong,
.search-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.search-results .gs-promotion em {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.color-block .title-large,.color-block .title-small {
  font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

.bsc { 
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:400;
  font-style:normal;
}

.bsc-bold { 
  font-family:proxima-nova-condensed,'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:700;
  font-style:normal;
}

/* STYLES */
/*
#header {
    background-color: #000;
}

#branding-bar {
    display: none;
}

#toggles {
    top: 30px;
}

#toggles a.search-toggle {
    border-radius: 50%;
    line-height: 42px;
    width: 42px;
    height: 42px;
}

#toggles a.search-toggle {
    background-color: #00A2C6;
    border-left: none;
    border-right: none;
}

#toggles button.button:focus,
#toggles button.button:hover,
.landmarks .menu-toggle:focus,
.landmarks .menu-toggle:hover {
    color:#00A2C6
}

@media screen and (max-width:64em) {
    
    .landmarks .menu-toggle {
        position: relative;
    }
    
    #toggles {
        top: 0;
    }

}

.landmarks .nav-secondary {
    top: 50px;
}

nav.main {
    background-color: #fff;
}

.nav-secondary {
    right: 150px;
}

.nav-secondary ul li a {
    color: #fff;
}

.sticky-nav {
    background-color: #fff;
}
*/

#home #content.ticker-section {
    padding-bottom: 0;
}

.bg-gradient {
    background: rgb(110,203,215);
    background: linear-gradient(45deg, rgba(110,203,215,1) 30%, rgba(184,203,51,1) 100%);
    color: #000000;
}

.bg-gradient h1, .bg-gradient h2, .bg-gradient h3, .bg-gradient h4, .bg-gradient h5, .bg-gradient h6 {
    color: #000000;
}

.bg-gradient p {
   color: #000000; 
}

.bg-gradient .feature .title {
    color: #000000;
}

.bg-black {
    background: #000000;
}

.bg-gradient .callout .content {
    border-left-color: #fff;
}

.ticker-section {
    padding-top: 20px;
    padding-bottom: 0;
}

.at-a-glance .slick-next, .at-a-glance .slick-prev, .ticker .slick-next, .ticker .slick-prev {
    background-color: #00A2C6;
}

.landmarks.search-open .nav-secondary {
    top: 50px;
}

.search-open div[id^="branding-bar"], .search-open section[id^="branding-bar"], .search-open #toggles {
    margin-top: 0;
}

.search-open div[id^="branding-bar"], .search-open section[id^="branding-bar"], .search-open #toggles {
    margin-top: 0;
}

@media screen and (min-width:64em) {
    
    .home-intro .section-title {
        color: #6DCBD7;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        font-size: 2.4rem;
        position: absolute;
        margin-top: -55px;
    }
    
    .home-intro .text {
        width: 75%;
        margin: 0 auto;
        padding-top: 2.5em ;
    }
    
}

@media screen and (min-width: 320px) {
.home-intro .section-title {
    color: #6DCBD7;
}
}

/*
#footer {
    background: #373737;
    border-top: none;
    color: #fff;
}

#footer .copyright {
    font-size: 0.875rem;
    float: left;
    clear: none;
}

@media screen and (max-width:40em) {
    
    #footer .copyright {
        float: none;
    }
    
}

#footer a {
    color: #fff;
    text-decoration: underline;
}

#footer a:hover,
#footer a:focus {
    text-decoration: none;
}

#footer .signature-link {
    background: url("/images/iu-trident-solo.svg") no-repeat left top;
    width: 32px;
    height: 40px;
}

#footer .signature {
    float: right;
    height: 40px;
}

@media screen and (max-width: 40em) {
    
    #footer .signature {
        float: none;
    }
    
}
*/

.ticker + a.more.top {
    color: #00A2C6;
}

.nav.main li {
    border-left: none;
}

.skirt a {
    color: #6EC8D4;
    text-decoration: underline;
}

.skirt a:focus,
.skirt a:hover {
    text-decoration: none;
}

 @media screen and (min-width: 701px) {

    .feature-fix .float-left.one-third {
        width: 100%;
    }
    
    .feature-fix .float-left.one-third .feature {
        margin: 0;
        float: left;
        width: 33.3333%;
        padding-left: 12px;
        padding-right: 12px;
    }

}

.callout .content {
    border-left: 3px solid #00A2C6;
}

@media screen and (min-width: 701px) {

   .bg-image.parallax {
    }

}

cite {
    color: #404041;
}

[class*="black"] .stat::before, [class*="dark-gray"] .stat::before {
    background-color: #222222;
}

.stat .stat--info, .stat p {
    font-size: 1.125rem;
    font-weight: 400;
}

.stat {
    background-color: #222222;
}

.bg-gradient .button:focus,
.bg-gradient .button:hover {
    border-color: #fff;
    color: #fff;
}

.bg-dark .stat .stat--number, .bg-dark .stat p.number {
    color: #B1E1EA;
}

.bg-dark .stat a.button {
    background: #00A2C6;
    border-color: #00A2C6;
}

.bg-dark .stat a.button:focus,
.bg-dark .stat a.button:hover {
    background: none;
    border-color: #00A2C6 !important;
    color: #fff;
}

.carousel-features .feature {
    text-align: left;
}

/* search stuff */

    #search {
        border: 1px solid #00A2C6;
        background-color: #fff;
        opacity: 0;
        padding: 0.75em 0;
        width: 400px;
        right: 0;
        top: 82px;
        height: 0;
    }
    
    #search.search-box input.gsc-input {
        border: 2px solid #00A2C6 !important;
    }
    
    #search[aria-hidden="false"] {
        opacity: 1;
        padding: 0.75em 0;
        height: 70px;
    }
    
    #search[aria-hidden=""],
    #search[aria-hidden="true"] {
        opacity: 0;
        padding: 0;
        height: 0;
    }
    
    .has-sticky #search {
        border: none;
        background-color: #222;
        opacity: 1;
        width: 100%;
        padding: 0.5em 0;
        top: 0;
        left: 0;
        height: auto !important;
    }
    
    .has-sticky #search.search-box input.gsc-input {
        border: none !important;
    }
    
/* search stuff */
/*
@media screen and (max-width:64em) {
    
    #search {
        top: 60px;
    }
    
    #header {
        padding-top: 0;
    }
    
    .site-header .title {
        margin-top: 5px;
    }

}
*/

.section__noc-search {
    padding: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: auto;
}

.search-box td.gsc-search-button {
    min-width: auto !important;
}

.skirt-nav {
    width: 70%;
    left: 0;
    position: relative;
    padding-left: 0;
}

.skirt-nav .column {
    padding-left: 0;
    padding-right: 12px;
    margin-bottom: 2em;
    width: 33.3333%;
}

@media screen and (max-width:64em) {
    
    .skirt-nav {
        width: 100%;
    }
    
    .skirt-nav .column {
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

}

/*
@media screen and (max-width:64em) {
    
    #offCanvas .menu-toggle {
        display: none !important;
    }
    
}

@media only screen and (max-width:1024px) {
    
    html.has-menu-toggle .landmarks #toggles .search-toggle {
        right: 5rem !important;
    }
    
}
*/

.newsfeed {
    padding-top: 1em;
    padding-bottom: 0;
}

.newsfeed h2 {
}


/* supported-networks cards */
div#network .feature {
    background-color: #fafafa;
    box-shadow: 0 3px 3px rgba(34, 34, 34, 0.1);
    margin-bottom: 3em;
}
div#network .feature .content {
    text-align: center;
}

div#network .feature h4,h5 {
    font-family: proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    font-style: normal;
    
}

.small-quote blockquote p {
    font-size:1.5rem;
    line-height:2rem;
}

.small-quote blockquote p:last-of-type::after {
  font-size: 1.75rem;
  line-height: 1.25;
}

/* Search */
.landmarks.search-open .nav-secondary{
    top:1.3rem !important;
}

.images-off #toggles img {
    height: 18px !important;
    width: 18px !important;
}

@media screen and (max-width: 64em){
    .landmarks.search-open .menu-toggle {
        margin-top: 12px;
    }
    
    #search {
        top: 62px;
    }
}