/*
Theme Name: IUPUI - School of Liberal Arts - Microsite
Theme URI: https://liberalarts.iupui.edu/
Author: Jackson Sky Web Design & Development
Author URI: http://jacksonsky.com/
Description: This is a custom responsive theme designed and developed exclusively for IUPUI - School of Liberal Arts. The purpose of this theme is to be the frame work for the individual school departments in the IUPUI - School of Liberal Arts.
Version: 1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Navigation
12.0 Layout
   12.1 Header
   12.2 Regular Content
   12.3 Content Layouts
   12.4 Sidebar Content
   12.5 Footer
   12.6 Home Page
   12.7 Interior Pages
   12.8 Page Elements
   12.9 Posts
   12.10 MISC Universal Styles
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize - See Stylesheet normalize.css
--------------------------------------------------------------*/


/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
/* Hide visually and from screen readers */
.hidden {display: none !important;}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {border: 0; clip: rect(0 0 0 0);  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/** Hide visually and from screen readers, but maintain layout */
.invisible {visibility: hidden;}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/**** Clearfix update ****/
.group:before, .group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
	font-size:16px;
	color:#191919;
	font-weight: 400;
	font-style:normal;
	line-height:1.5;
	letter-spacing:.020em;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6{font-family: BentonSansBold, Arial, sans-serif; font-weight:400; color:#4b3c30; line-height:1.2; margin:0; padding:0; margin-bottom:5px; letter-spacing: .02em;}
h1{font-size:26px; text-transform: uppercase; letter-spacing: .025em; margin-bottom: .30em;}
h2{ font-size:23px; margin: 0 0 .75em;}
h3{ font-size:20px; margin-bottom:.75em;} 
h4{ font-size:18px; margin-bottom: 1em;}
h5{ font-size:16px; margin-bottom: 0; text-transform: uppercase;}
h6{ font-size:16px; margin-bottom:0;}

p {margin: 0 0 1.75em; padding: 0;}

dfn, cite, em, i {font-style: italic;}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 1em;
	margin-bottom:1.5em;
	border-left:7px solid #F3EFEA;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

.pull-quote{font-size: 18px; color: #aba49a; font-style: italic; margin-bottom: 1.5em; line-height: 1.4;}

address { margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #eee;
	text-decoration: none;
}

.big {font-size: 125%;}
.light{ font-weight:300;}
.normal{font-weight:400;}
.semibold{font-weight:600;}
.strong, strong{font-weight:700;}

blockquote {quotes: "" "";}

q {quotes: "â??" "â?" "â??" "â??";}

blockquote:before,
blockquote:after {content: "";}

:focus {outline: none;}

.uppercase{text-transform: uppercase;}

/*-------------------------------------------------------{-------
6.0 Forms
--------------------------------------------------------------*/
label {
	color: #686868;
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
	font-size:14px;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #686868;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	display: block;
	padding: 0.5em;
	font-size:14px;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

textarea {
    resize: vertical;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

/************* Buttons **********/
button,.button, .buttonAlt, a.button,
input[type="button"],
input[type="submit"] {
	font-family: BentonSansBold, Arial, sans-serif; 
	font-weight:400;
	text-align: center;
	background-color: #990000;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	letter-spacing: .075em;
	line-height: 1;
	padding: .75em 1.5em;
	text-shadow: none;
		-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
	margin-right: 10px;
	margin-bottom: 7px;
	text-decoration: none;
	 border-radius: 1.5em;
}

button:hover,.button:hover, .buttonAlt:hover, a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ color:#fff; text-decoration:none !important; background-color:#ba1d22;}

button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt{background:#013966; color:#fff;}
button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover{ background: #021f36; color:#fff; text-decoration: none !important;}

a.buttonAlt.small{font-weight: 500; font-size: 14px; padding: .75em 1em;}

.button.small, #searchsubmit{font-weight:700; font-size: 14px;}

.trans2{-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}


/********* Placeholders **********/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

:-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

::-moz-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #9f9f9f;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #f3efea;
	border: 0;
	height: 3px;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}


::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.inline-block{display: inline-block;}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul, ol { margin: 0 0 2em 2em; padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}

li{ padding-left:0; margin-bottom:.5em;}
li > ul,
li > ol {margin-bottom: 0; margin-left: 1.5em;}

dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%;}
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;}
th { padding: 0.4em; text-align: left; }
tr { border-bottom: 1px solid #eee;}
td {padding: 0.4em;}
th:first-child,td:first-child {padding-left: 0;}
th:last-child,td:last-child {padding-right: 0;}


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a{color:#990000; text-decoration: underline;}
a:hover{color:#7e1900; text-decoration:underline;}
a.alt{color:#006298;}
a.alt:hover{color:#013e5f;}
a:active, a:focus{outline:none;}

/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
/********* Main Navigation ********/
#main-nav-bar{position: fixed; top: 0; border-bottom: 3px solid #DADBD6; border-top: 5px solid #980400; z-index: 10;}
#main-nav-bar .wrapper{padding:0; }
#main-nav ul#mega-menu-main-menu{overflow: auto;}

/*** accordion menu fixes ***/
#main-nav ul.mega-sub-menu .bellows{margin: 0;}
#main-nav ul.mega-sub-menu ul.bellows-nav li:first-of-type a{text-transform: uppercase; color: #555; font-weight: 700;}
#main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu .mega-sub-menu li li.mega-menu-item-has-children > a.mega-menu-link:after, #main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu .mega-sub-menu li li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: none;}
#main-nav ul.mega-sub-menu ul.bellows-nav li li:first-of-type a{color:#666; text-transform: none; font-weight: 400;}
#main-nav ul.mega-sub-menu ul.bellows-nav li{float: none;}
#main-nav ul.mega-sub-menu ul.bellows-nav li a{ color:#666; padding: 7px 10px; text-transform: none; line-height: 1.3;}
#main-nav ul.mega-sub-menu ul.bellows-nav li a:hover{background-color:#ddd; }
#main-nav ul.mega-sub-menu ul.bellows-nav li a .bellows-subtoggle{background-color: #e8e8e8; width:50px;}
#main-nav ul.mega-sub-menu ul.bellows-nav li a .bellows-subtoggle:hover {background-color:#cecccc;}
#main-nav ul.mega-sub-menu ul.bellows-nav li li a{padding: 5px 10px 5px 20px; font-size: 13px;}
#main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu ul.mega-sub-menu{width: 100%;}

/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	background: rgba(255,255,255,1);
	/* Fallback for when there is no custom background color defined. */
}


.block{display:block;}
.row{display:block; width:100%; position:relative;}
.mobileOnly{display:none;}


#page {
	position: relative;
	word-wrap: break-word;
}

 .wrapper {margin: 0 auto; padding:0; width:100%; position:relative;  padding-left: 5%; padding-right: 5%;}
 .wrapper:after {
	clear: both;
	content: "";
	display: block;
}
.full{min-width:100%;}


/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/

/***** Main Header *****/
#site-header{margin-top: 57px;}

/**** IU Branding bar - top bar ****/
#iu-branding-bar{background:#7e1800; border-top:#9d0300 solid 5px; height: 57px; display: none;}
/** Mark **/
#iu-brand #title-mark-con{width:65px; position: absolute; top: -5px; margin-left: 3px;}
/** Logo Text **/
#iu-brand{display:inline-block;}
#iu-brand #title-text{display:inline-block; font-size: 27px; font-family: BentonSansCondRegular, 'Arial Narrow', Arial, serif; line-height: 52px;}
#iu-brand #title-text a{color: #fff; text-transform: uppercase; text-decoration: none; margin-left: 83px; letter-spacing: .00em;}

/*** Mobile ***/
#mobile-title-text{display:inline-block; font-size: 27px; font-family: BentonSansCondRegular, 'Arial Narrow', Arial, serif; line-height: 47px;}
#mobile-title-text a{color: #fff; text-transform: uppercase; text-decoration: none; margin-left: 8px; letter-spacing: .00em;}
#main-nav #mega-menu-wrap-main-menu .mega-menu-toggle{border-radius: 0;}


/*** Search ***/
#iu-branding-bar #search{float: right; display:inline-block; margin-right: 2px; border-left: 1px solid #980400; border-right: 1px solid #980400;}
#iu-branding-bar #search a{line-height: 52px; color:#fff; width: 42px; height: 52px; display: block; text-align: center;}

/***** Search ****/
#headerSearch{display:none; color:#fff;}

/******* School Bar *******/
#school-bar{padding: 20px 0; }
#school-title{float: left; display: inline-block;}
#school-title a{text-decoration: none;}
#school-title h1{font-size:27px; letter-spacing: .00em; line-height: 1.1; text-transform: none; margin-bottom: 0;}
#school-title h2{font-family: BentonSansCondRegular, Arial, serif; font-size:24px; text-transform:uppercase; color:#7a1705; letter-spacing: .0em;}
#school-title h2.long-title{font-size:16px;}

/*** Secondary Navigation ***/
#secondary-nav{display: none;}

/**** Header Social ****/
#header-social{display: none;}

/**** Google Translate ****/
#translate-con{display: none;}

/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/
/****** Page Banner *****/
.page-banner.section{padding: 0; height: 150px; background-repeat: repeat; background-size: cover; background-position: center; }
.page-banner.section.top{border-bottom: 4px solid #ACA49A;}
.page-banner.section.bottom{border-bottom: 4px solid #ACA49A; border-top: 4px solid #ACA49A;}

/****** Page Title Banner ******/
#page-title-banner{background:#eeedeb; font-size: 17px; }
#page-title-banner.section{padding: 1.5em 0 1.5em;}

/******** Breadcrumbs ********/
#page-title-banner #breadcrumbs{color:#191919; font-size:10px; margin-bottom: .75em;}
#page-title-banner #breadcrumbs a{color:#990000; text-decoration: none;}
#page-title-banner #breadcrumbs a:hover{color:#7a1705; text-decoration: underline;}
#page-title-banner p:last-child{margin-bottom: 0;}

/********** Page Content **********/


/*--------------------------------------------------------------
12.3 Content Layouts
--------------------------------------------------------------*/
/**** Defaults ****/
.section{padding:1.75em 0;}

/**** One Column ****/
.one-column-section .column-one{width: 100%;}

/**** Two Column ****/
.two-column-section .column-one{ border-bottom:4px solid #CDC8C2; padding-bottom: 2em; margin-bottom: 2em;}


/*--------------------------------------------------------------
12.4 Sidebar Content
--------------------------------------------------------------*/
.sidebar{font-size: 14px;}
.side-item{padding-bottom: 2.5em; border-bottom: 4px solid #cdc8c2; margin-bottom: 1.1em;}
.side-item:last-child{border-bottom: 0 none; margin-bottom: 0; padding-bottom: 1em;}
.sidebar a{color:#006298; text-decoration: none;}
.sidebar a:hover{color: #013e5f; text-decoration: underline;}
.sidebar a.button{color:#fff; font-size: 13px;}
.sidebar h2{color: #191919; text-transform: uppercase; font-size: 16px; margin-bottom: .65em;}

/*** Feature Story ***/
.sidebar #side-feature-story img{border-bottom: 4px solid #4b3c30; margin-bottom: 1em;}
.sidebar #side-feature-story{font-size:14px;}

/*** News ***/
.sidebar #side-news ul, .sidebar .side-item.post ul, .sidebar #side-related-links ul{margin: 0; padding: 0; list-style: none;}
.sidebar #side-news li, .sidebar .side-item.post li, .sidebar #side-related-links li{margin: 0 0 1em; padding: 0; list-style: none;}

/*** Events ***/
/**** Side Events List ****/
#side-events .lw_events_day ul{margin: 0 0 1em; padding: 0; list-style: none;}
#side-events .lw_events_day h4{font-size: 16px; margin-bottom: 0;}
#side-events .lw_events_day p{margin-bottom: .5em;}
#side-events .lw_events_day .lw_events_time{}
#side-events .lw_events_day .lw_events_title{}
#side-events .lw_events_day .lw_events_summary{display: none;}
#side-events .lw_events_day .lw_item_thumb{display: none;}
#side-events .lw_widget_events .lw_rss_link{display: none;}

/*** Side Events List Style 2 ****/
#side-events .lw_widget_results {list-style: none; margin: 0; padding: 0;}
#side-events .lw_widget_results .cal_date{color: #4b3c30; font-family: BentonSansBold, Arial, sans-serif; font-size: 16px;}
#side-events .lw_widget_results .cal_date_month, #side-events .lw_widget_results .cal_date_day{display: inline;}
#side-events .lw_widget_results .content{font-family: BentonSansRegular, "Arial Narrow", Arial, sans-serif; font-size: 14px; font-weight: 700;}
#side-events .lw_widget_results .content p.title{margin-bottom: 0;}

/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
#school-footer{background:#4b3d30; padding: 25px 0 35px; color:#B8B0AB ; font-size:14px;}
#school-footer a{color:#fff; text-decoration: none;}
#school-footer a:hover{text-decoration: underline;}
#school-footer h3{color:#fff; font-size: 15px; text-transform: uppercase; margin-bottom: .75em; font-family: BentonSansCondBold, Arial, sans-serif; font-weight: 400;}
		
/*** Footer CTA ***/
.footer-top-row{}
.footer-top-row #footer-cta-links{ margin-bottom: 1.5em;}
.footer-top-row #footer-cta-links a{font-family: BentonSansBold, Arial, sans-serif; text-transform: uppercase;}
		
/*** Footer social links ***/
.footer-top-row #footer-social-links{ margin-bottom: 1.5em;}
		
/*** Footer Address ***/
.footer-btm-row #footer-address{ margin-bottom: 1.5em;}
		
/*** Footer University Links ***/
.footer-btm-row #footer-university-links{}
.footer-btm-row #footer-university-links ul{margin: 0; padding: 0; list-style: none;}
.footer-btm-row #footer-university-links li{margin: 0; padding: 0; list-style: none; font-size: 14px;}

/**** Optional Footer Area ****/
#optionalFooterArea{font-size: 14px; margin-top: 1em; text-align: center; padding-left: 5%; padding-right: 5%;}

/******** IU University Footer ******/
#brand-footer{border-top: 6px solid #791905; padding: 32px 0 23px;}
#brand-footer #tagline-wrapper{position: absolute; width: 100%; text-align: center; top: -23px; background: #791905;}
#brand-footer .tagline{font-family: BentonSansCondBold, Arial, serif; background: #791905; display: inline-block; color:#fff; margin: 0 auto; font-size: 21px; line-height: 40px; padding: 0 24px; letter-spacing: .2em; text-transform: uppercase;}
#brand-footer .tagline.bicentennial{padding: 0 16px;}
#brand-footer .tagline .tag-italic{text-transform: lowercase; 
    font-family: GeorgiaProBoldItalic, Georgia, serif;
    font-size: 1rem;
    vertical-align: 2px;
    letter-spacing: 0;
	margin-left: -4px;}
#brand-footer .signature{width: 100%; margin-top: 1px; text-align:center; }
#brand-footer .signature img{max-width: 240px;}
#brand-footer .copyright{width:100%; font-size: 12px; color: #45382B; letter-spacing: normal; margin: 9px 0 0 0; text-align: center;}
#brand-footer .copyright a{text-decoration: none;}


/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/
.home .section{padding: 40px 0;}
.home #home-banner{ background-repeat: no-repeat; background-position: center center; background-size: cover; height:0; padding-bottom:40%;  position: relative; background-color:#aba49a;}
.home #banner-link-row{position: absolute; bottom: 0; width: 100%; padding: .5em 0; color:#fff; font-size: 14px;
background: rgb(0, 0, 0); /* The Fallback */
background: rgba(0, 0, 0, 0.65); }
.home a:hover #banner-link-row{background: rgb(38, 28, 21); /* The Fallback */
background: rgba(38, 28, 21, 1);}
.home #banner-link-row .wrapper{text-align: center;}
.home a #banner-link-row {text-decoration: none; color:#fff;}

/**** Home Intro Area ****/
.home #home-intro{background: #eeedeb; font-size:16px;}
.home #home-intro h2{font-size: 18px; text-transform:uppercase; }

/**** Home Featured Area ****/
.home #feature-wrapper{}
.home #feature-wrapper .feature-con{margin-bottom: 1.5em;}
.home #feature-wrapper .feature-con img{border-bottom:#4b3c30 solid 4px; margin-bottom: .5em; max-height: 300px; }
.home #feature-wrapper .feature-con h3{color: #191919; font-size: 18px; text-transform: uppercase; margin-bottom: .25em;}
.home #feature-wrapper .feature-con .feature-link a{font-size: 16px; text-decoration: none;}
.home #feature-wrapper .feature-con .feature-link a:hover{text-decoration: underline;}

/***** Informational Area ******/
.home #informational-area{background:#c9c4c0; font-size: 14px; line-height: 1.4; color:#4b3c30; font-weight: 500;}
.home #informational-area h3{color:#191919; font-size: 18px; text-transform: uppercase;}
.home #informational-area a{color:#006298; text-decoration: none;}
.home #informational-area a:hover{color:#004a73; text-decoration:underline;}
.home #informational-area a.button{color:#fff;}

/**** Column Layout ****/
#info-three-col .column{margin-bottom: 1.5em;}
#info-two-col .column{margin-bottom:1.5em;}
#info-one-col .column{margin-bottom: 1.5em;}

/**** Home News *****/
.home ul.home-news-list{list-style: none; padding: 0; margin: 0 0 1.5em;}
.home ul.home-news-list li{padding: 0; margin-bottom: .5em;}

/**** Home Events List ****/
.home .lw_events_day ul{margin: 0 0 1em; padding: 0; list-style: none;}
.home .lw_events_day h4{font-size: 16px; margin-bottom: 0;}
.home .lw_events_day p{margin-bottom: .5em;}
.home .lw_events_day .lw_events_time{font-weight: 700;}
.home .lw_events_day .lw_events_title{font-weight: 700;}
.home .lw_events_day .lw_events_summary{display: none;}
.home .lw_events_day .lw_item_thumb{display: none;}
.home .lw_widget_events .lw_rss_link{display: none;}

/*** Home Events List Style 2 ****/
.home .lw_widget_results {list-style: none; margin: 0; padding: 0;}
.home .lw_widget_results .cal_date{color: #4b3c30; font-family: BentonSansBold, Arial, sans-serif; font-size: 16px;}
.home .lw_widget_results .cal_date_month, .home .lw_widget_results .cal_date_day{display: inline;}
.home .lw_widget_results .content{font-family: BentonSansRegular, "Arial Narrow", Arial, sans-serif; font-size: 14px; font-weight: 700;}
.home .lw_widget_results .content p.title{margin-bottom: 0;}

/**** Contact Info ****/
.home .contact-item {margin-bottom: .75em;}
.home .contact-item .ci-icon{font-size: 32px; float: left; color:#83786f;}
.home .contact-item .content{margin-left: 74px; padding-top: 4px;}
.home #ci-email.contact-item .content, .home #ci-phone.contact-item .content{padding-top:20px;}

/*--------------------------------------------------------------
12.7 Interior Pages
--------------------------------------------------------------*/
/***** Directory List Page *******/
.alpha-list{margin-bottom: 2em;}
.alpha-list .alpha{ display:block; padding: .25em .5em; font-size: 18px; border: 1px solid #ABA49A; float: left; margin: 0 2px 2px 0; background:#eeedeb;} 

.alpha-list .alpha.hot:hover, .alpha-list .alpha.show-all:hover{background:#CDC8C2; } 
#profile-list .profile-list-card{margin-bottom: 1.5em;}
.alpha-list .alpha.hot, .alpha-list .alpha.show-all{background:#fff;}
.hot,.show-all{
    cursor:pointer;
    color:#990000;
}

/* Category grouping styles */
.profile-category-list { margin-top: 50px; }
.profile-category-list>h3 { border-bottom: 1px solid #B8B0AB;	padding-bottom: 0.7rem; }

/* Small screens */
.profile-list-card .profile-image {display: inline-block; width: 100%; height: auto; vertical-align: top; }
.profile-list-card .profile-info {display: inline-block; width: 100%; height: auto; vertical-align: middle; }
.profile-list-card .profile-image img { width: 100%; height: auto; border: 3px solid #CDC8C2; margin: 0 !important; }
     
.profile-list-card .profile-info h3 {margin-bottom: 0.5rem; text-decoration: none;}
.profile-list-card .profile-info h3 a{text-decoration: none;}
.profile-list-card .profile-info .profile-title { margin-bottom: 0.7rem; line-height: 1.3; }

/* Small screens */
@media only screen and (max-width:576px) {
	.profile-list-card .profile-image {	width: 100%; max-width: 15px; margin-bottom: 1rem; }
	.profile-list-card .profile-info { width: 100%;  }
}

/* Medium & Large screens */
@media only screen and (min-width:576px) {
	.profile-list-card .profile-image { width: 25%; max-width: 165px; padding-right: .75rem; }
	.profile-list-card .profile-info {  width: 73%; padding-left: .75rem; }
}


/***** Directory Single ******/
.profile-single .full-name h2{font-family: BentonSansRegular, "Arial Narrow", Arial, sans-serif; font-weight: 700; margin-bottom: .5em;}

.profile-single .profile-info h6 { margin-bottom: 0.5rem; line-height: 1.7; }

.profile-single .general-info{margin-bottom: 2.5em;}
.profile-single .general-info .general-item{line-height: 1.8;}

#tabbed h3{font-family: BentonSansRegular, "Arial Narrow", Arial, sans-serif; font-weight: 700; margin-bottom: .5em;}
#tabbed .line-item{margin-bottom: .5em;}
#tabbed .line-item .title{font-weight: 700; display: inline-block; width: 30%; vertical-align: top;}
#tabbed .line-item .info{display: inline-block; width: 65%; vertical-align: top;}
#tabbed .responsive-tabs .responsive-tabs__panel{padding: 2em 2em 1em;}
#tabbed .location-con{margin-bottom: 1.5em;}

/** Profile with image **/
.profile-single .profile-image{width: 30%; float: left; padding: 5px; background:#CDC8C2; }
.profile-single .profile-image img{margin-bottom: 0 !important;}
.profile-single .profile-info{width: 70%; float: left; padding: 0 0 0 3%;}

/**** Directory iFrame ****/
.iframe-page{padding: 2em 2em;}

/***** EMD Directory List Page ******/
.emd-list-group.directory-list{display: block; margin-top: 1.5em;}
.emd-list-group.directory-list .person.emd-card{display: block; border: none 0; text-align: left; margin-bottom: 1em;}
div.emd-container .emd-list-group.directory-list a{color:#990000 !important; text-decoration: none;}
div.emd-container .emd-list-group.directory-list a:hover{color:#7e1900; text-decoration:underline;}
div.emd-container .emd-list-group.directory-list a h3{color:#990000 !important; margin-bottom: .25em;}

/***** EMD Directory Single ******/
div.emd-container.directory-single .well{border: 0 none; background: none; box-shadow: none;
}
div.emd-container.directory-single .well h2{font-weight: 700;}
div.emd-container.directory-single .well a{color:#990000 !important; text-decoration: none;}
div.emd-container.directory-single .well a:hover{color:#7e1900; text-decoration:underline;}
div.emd-container.directory-single .panel{border: 0 none !important; box-shadow: none;}
div.emd-container.directory-single .segment-block{padding: 0;}
#emd-nav-below{display: none !important;}
/** Side bar **/
div.emd-container.directory-single .sidebar h2{font-size: 16px; font-weight: 400; font-family: BentonSansBold, Arial, sans-serif;}
div.emd-container.directory-single .sidebar a{color:#006298;}
div.emd-container.directory-single .sidebar a.button{background: #990000; color:#fff;}
div.emd-container.directory-single .sidebar a.button:hover{color: #fff; background:#ba1d22;}

div.emd-container.directory-single .single-content p{margin-bottom: 1.5em;}
div.emd-container.directory-single .single-content .segment-block{margin-bottom: 1.5em;}
div.emd-container.directory-single #details .single-content .segment-block{margin-bottom: 0;}

/***** 404 Page *****/
.error404 #page-content-con form,  #page-content-con .search-results form{max-width:350px;}
.error404 #page-content-con form input[type='text'], #page-content-con .search-results  form input[type='text']{margin-bottom: .75em;}

/****** Search Results ******/
.search-results h4{margin-bottom: 0;}
.search-results .search-header{margin-bottom: 1.2em;}
.search-results a{text-decoration: none;}
.search-results a:hover{text-decoration:underline;}

/*--------------------------------------------------------------
12.8 Page Elements
--------------------------------------------------------------*/
/**** Page Related News ****/
#page-related-news, .spotlight-area{background:#EEEDEB; padding: 5%; margin: 2em 0 1.5em;}
#page-related-news h3, .spotlight-area h3{margin-bottom: 0;}
#page-related-news article.post-excerpt, .spotlight-area article.post-excerpt{border-top:1px solid #aca49a; padding: 3% 3% 0;}


/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/
/******************* Blog Overview ************************/
.blogs-page-image-title {
	height: 100px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #aba49a;
}
.blogs-page-image-title image {
	height: 100px;
	width: auto;
}

#page-title-banner.section.image-title.no-featured-story {padding: 0.5em 0 0.25em;}

#intro-feature-con{font-size:16px;}
#intro-feature-con h2{margin-bottom: 0;}
#intro-feature-con p:last-of-type{margin-bottom: 0; }
#intro-feature-con a.more, .blog-list a.more{text-decoration: none; font-weight: 700;}
#intro-feature-con a.more:hover, .blog-list a.more:hover{text-decoration: underline;}
.blog-list .contentText p:last-of-type{margin-bottom: .5em;}
.blog-list .column-one .post-article:last-of-type hr{ display: none;}

/* Small screens */
@media only screen and (max-width:576px) {
	.blogs-page-image-title { 
		height: auto;
		max-height: 100px;
	}
}

/*** Intro with featured image ***/
#intro-feature-con.with-feature-image #imageCon{width: 100%; padding-right: 0; margin-bottom: 1em;}
#intro-feature-con.with-feature-image #intro-feature-text{width: 100%;}

/*** Blog List with image ***/
.blog-list .excerpt-w-image .image-con{display: none;}

/***** Single Post *****/
.single-post .post-article hr:last-of-type{display: none;}

#paging-bottom{width:100%; display:block; clear:both;}
#paging-bottom .alignleft, #paging-bottom .alignright{
	background: #93A169;
	display: block;
	width: 32%;
}

#paging-bottom .alignleft a, #paging-bottom .alignright a{
	background: #93A169;
	display: block;
	width: 100%;
}

#paging-bottom .alignleft {
	float: left;
}
#paging-bottom .alignright {
	float: right;
}
#paging-bottom .alignleft a, #paging-bottom .alignright a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 16px;
	-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
#paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover {
	background: #626451;
}


/******************* Blog Overview ************************/

/********************* WordPress Styles *********************/
#page-content-con .column-one img{margin-bottom: 1em;}
#postTitle h1{margin-bottom:5px !important; line-height:115%; text-transform:none;}
#postTitle a {text-decoration:none;}

#postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;}

#paging {
display: block;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}



/*--------------------------------------------------------------
12.10 MISC Universal Styles
--------------------------------------------------------------*/
.center{text-align: center;}
.bold{font-weight: 700;}
.extrabold{font-weight: 800;}
.centerBtn{text-align:center; display:block; width:100%;}
.noPad{padding: 0;}
.pad-top, .wrapper.pad-top{padding-top: 1.5em;}
.moreLink{text-transform: uppercase; font-weight: 800;}
.wrapper.overflow-vis, .overflow-vis{overflow: visible;}
.smalltext{font-size: 12px;}

/*--------------------------------------------------------------
13 Comments
--------------------------------------------------------------*/

h3#comments  {padding-top:10px;font-size:18px; text-transform:uppercase;}
#respond h3 {margin:25px 0 10px 0; font-size:18px; padding-top:10px; text-transform:uppercase;}
#reply-title  {padding-top:30px;}

.avatar { display:none;}

.commentlist {padding:0; margin:25px 0 0 0;}
.commentlist li {padding:10px 20px 10px 20px; margin:10px 0; list-style-type:none;background:#f6f5f3;}
.comment-author {font-weight:bold;}
.comment-body, .comment-notes, .logged-in-as {font-size:14px;}
.comment-body p {margin:8px 0;}
.comment-meta {font-size:12px; margin:0 0 6px 0;}

/*--------------------------------------------------------------
14 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/
img {vertical-align: middle; max-width:100%; height:auto;}

img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:38%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:38%; height:auto;}
img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;}
img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;}

.wp-caption.alignright{float:right; margin:0 0 15px 5%; max-width:40%; height:auto;}
  
.wp-caption.alignleft{float:left; margin:50 5% 15px 0; max-width:40%; height:auto;}
#page-content-con .wp-caption img{margin-bottom: 0;}  
.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}
.center{text-align:center;}
  

.wp-caption.alignright img{ width:100%; height:auto;}
p.wp-caption-text {margin:4px 0; font-size:0.8rem; color:#9F9B91;}


.wp-caption img{margin:5px 15px 5px 0;}
.wp-caption {margin-bottom:10px; text-align:center; font-size:11px; color:#9f9f9f; max-width: 100%;}
.wp-caption p{margin-bottom:5px;}

.featuredCaptionContainer {
width: 100%;
margin-bottom: 22px;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#page-content-con .featuredCaptionContainer img.wp-post-image {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 1.05263157894737%;
margin-bottom: 0;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.single-post .featuredCaptionContainer .featuredCaption {
width: 100%;
border: 0;
height: auto;
color: #9B9B9B;
text-align: left;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



/*--------------------------------------------------------------
15.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16 Media Queries
--------------------------------------------------------------*/
/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 480px) {
		
		h1{font-size:26px;}
		h2{font-size:22px;}
		h3{font-size:21px;}
		h4{font-size:20px;}
		h5{font-size:18px;}
		h6{font-size:16px;}
		
		.pull-quote{font-size: 24px; color: #aba49a; font-style: italic; margin-bottom: 1.5em;}

		/******* School Bar *******/
		#school-title h1{font-size:28px;}
		#school-title h2{font-size:25px;}
		#school-title h2.long-title{font-size:18px;}
		
		
		
		/*--------------------------------------------------------------
		12.2 Regular Content
		--------------------------------------------------------------*/
		
		/****** Page Banner *****/
		.page-banner.section{height: 200px;}
		/****** Page Title Banner ******/		
		#page-title-banner{font-size: 18px; }
		
		/******** Breadcrumbs ********/
		#page-title-banner #breadcrumbs{font-size:12px; margin-bottom: .75em;}

		/*--------------------------------------------------------------
		Content Layouts
		--------------------------------------------------------------*/
		
		/****** Footer *****/
		#mainFooter .col{float: left; width:44.44444444444444%; margin-right:5.55555555555556%; margin-bottom: 0;}
		#mainFooter .col h3{font-size:16px;}
		
		
		/*--------------------------------------------------------------
		12.6 Home Page
		--------------------------------------------------------------*/
		.home #banner-link-row{font-size: 16px;}

		
		/**** Home Intro Area ****/
		.home #home-intro{font-size:17px;}
		.home #home-intro h2{font-size: 21px;}
		
		/**** Home Featured Area ****/
		.home #feature-wrapper{display: flex; flex-wrap: wrap; justify-content: flex-start; }
		.home #feature-wrapper .feature-con{width: 48%; margin-bottom: 2%; margin-top: 2%;}
		.home #feature-wrapper .feature-con.odd{margin-right: 2%;}
		.home #feature-wrapper .feature-con.even{margin-left: 2%;}
		.home #feature-wrapper .feature-con h3{font-size: 15px;}
		.home #feature-wrapper .feature-con .feature-link a{font-size: 13px;}
		
		/***** Informational Area ******/
		.home #informational-area h3{font-size: 20px;}

		/*--------------------------------------------------------------
		12.7 Interior Pages
		--------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		12.8 Page Elements
		--------------------------------------------------------------*/

		/*--------------------------------------------------------------
		12.9 Posts
		--------------------------------------------------------------*/
		/******************* Blog Overview ************************/
		#intro-feature-con{font-size:18px;}
		#intro-feature-con h2{font-size: 24px; margin-bottom: 0;}
		
		
    }


    /* Small Devices, Phones */ 
    @media only screen and (min-width : 640px) {
		
		h1{font-size:30px;}
		h2{font-size:25px;}
		h3{font-size:23px;}
		h4{font-size:21px;}
		h5{font-size:18px;}
		h6{font-size:16px;}
		
		/******** Header Main *********/
		/******* School Bar *******/
		#school-title h1{font-size:32px;}
		#school-title h2{font-size:27px;}
		#school-title h2.long-title{font-size:22px;}
		
		
		/*--------------------------------------------------------------
		12.2 Regular Content
		--------------------------------------------------------------*/
		/****** Page Banner *****/
		.page-banner.section{height: 250px;}
		

		/*--------------------------------------------------------------
		Content Layouts
		--------------------------------------------------------------*/
		
		#signup-box {position: relative; width: 70%; margin: 0;}
		
		/***** One Column Content *******/
		.section{padding: 36px 0;}
		
		button,.button,
		input[type="button"],
		input[type="submit"] {font-size:18px;}
		
		/***** 12.4 Sidebar Content ****/
		.sidebar a.button{font-size: 16px;}

		
		/********** Footer *************/
		#signup-box {position: relative; width: 70%; margin: 0;}
		#socialCon{text-align: left;}
		#footerLinks {padding-bottom: 0; border-bottom:0 none; text-align: left; }

		/*--------------------------------------------------------------
		12.6 Home Page
		--------------------------------------------------------------*/
		/**** Home Intro Area ****/
		.home #home-intro{font-size:18px;}
		.home #home-intro h2{font-size: 24px;}
		
		/**** Home Feature ***/
		.home #feature-wrapper .feature-con h3{color: #191919; font-size: 18px; text-transform: uppercase; margin-bottom: .25em;}
		.home #feature-wrapper .feature-con .feature-link a{font-size: 16px; text-decoration: none;}

		/*--------------------------------------------------------------
		12.7 Interior Pages
		--------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		12.8 Page Elements
		--------------------------------------------------------------*/
		/************************** MISC ***************************/
		/************* Buttons **********/
		button,.button, .buttonAlt, a.button,
		input[type="button"],
		input[type="submit"]{font-size: 18px;}
		
		/*--------------------------------------------------------------
		12.9 Posts
		--------------------------------------------------------------*/
		/******************* Blog Overview ************************/
		#intro-feature-con{font-size:18px;}
		#intro-feature-con h2{font-size: 30px; margin-bottom: 0;}
		#intro-feature-con.with-feature-image{font-size: 16px;}
		#intro-feature-con.with-feature-image h2{font-size: 26px;}
		
		/************** MISC Universal ************/
		.smalltext{font-size: 14px;}
}
		
		
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.wrapper{width:100%;}
		
		h1{font-size:32px;}
		h2{font-size:27px;}
		h3{font-size:24px;}
		h4{font-size:22px;}
		h5{font-size:20px;}
		h6{font-size:18px;}
		#pageContentCon{font-size: 17px;}
		
		/******** Header Main *********/
		/***** School Bar *****/
		#school-title a{text-decoration: none;}
		#school-title h1{font-size:44px; margin-top: 2px;}
		#school-title h2{font-size:36px; margin-bottom: 0;}
		#school-title h2.long-title{font-size: 24px;}
		
		/***** Secondary Navigation ****/
		#secondary-nav{margin-bottom: 33px;}
		#secondary-nav.translate-on{margin-bottom: 10px;}
		
		
		
		/*--------------------------------------------------------------
		12.2 Regular Content
		--------------------------------------------------------------*/
		/****** Page Banner *****/
		.page-banner.section{height: 300px;}
		
		#page-title-banner{font-size: 24px;}
		
		
		/**** Two Column ****/
		.two-column-section .column-one{float: left; width: 63.2%; margin-right:8.2%; border-bottom:0 none; padding-bottom: 0; margin-bottom: 0;}
		/**** Two Column ****/
		.two-column-section .column-two{float:left; width:28.6%;}
		
		/*--------------------------------------------------------------
		Content Layouts
		--------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		12.4 Sidebar Content
		--------------------------------------------------------------*/
		.sidebar{font-size: 14px;}
		.sidebar #side-feature-story{font-size:14px;}
		
		/*--------------------------------------------------------------
		12.5 Footer
		--------------------------------------------------------------*/
		
		/****** School Footer ******/
		#school-footer{padding: 35px 0; color:#B8B0AB ; font-size:16px;}
		#school-footer a{color:#fff; text-decoration: none;}
		#school-footer a:hover{text-decoration: underline;}
		#school-footer h3{color:#fff; font-size: 16px; text-transform: uppercase; margin-bottom: .75em;}
		
		/*** Footer CTA ***/
		.footer-top-row{margin-bottom: 2em;}
		.footer-top-row #footer-cta-links{float:left; margin-bottom: 0;}
		.footer-top-row #footer-cta-links a{font-family: BentonSansBold, Arial, sans-serif; text-transform: uppercase;}
		
		/*** Footer social links ***/
		.footer-top-row #footer-social-links{float: right; margin-bottom: 0;}
		
		/*** Footer Address ***/
		.footer-btm-row #footer-address{float: left; margin-bottom: 0;}
		
		/*** Footer University Links ***/
		.footer-btm-row #footer-university-links{float: right; margin-bottom: 0;}
		.footer-btm-row #footer-university-links ul{margin: 0; padding: 0; list-style: none;}
		.footer-btm-row #footer-university-links li{margin: 0; padding: 0; list-style: none; font-size: 14px;}
		
		/******** IU University Footer ******/
		#brand-footer{border-top: 6px solid #791905; padding: 32px 0 23px;}
		#brand-footer #tagline-wrapper{background:none;}
		#brand-footer .tagline{font-family: BentonSansCondBold, Arial, serif; background: #791905; display: inline-block; color:#fff; margin: 0 auto; font-size: 24px; line-height: 40px; padding: 0 24px; letter-spacing: .2em; text-transform: uppercase;}
		#brand-footer .tagline.bicentennial{font-size: 38px; padding-bottom: 2px;}
		#brand-footer .tagline.bicentennial a{line-height: 40px;}
		#brand-footer .signature{width: 240px; float: left; margin-left: 3px; margin-top: 1px;}
		#brand-footer .copyright{float: right; font-size: 12px; letter-spacing: normal; margin: 9px 2px 0 0; text-align: right; width: 
		auto;}
		
		
		/*--------------------------------------------------------------
		12.6 Home Page
		--------------------------------------------------------------*/
		.home #banner-link-row{font-size: 28px;}
		
		/**** Home Intro Area ****/
		.home #home-intro{font-size:21px;}
		.home #home-intro h2{font-size: 27px;}
		
		/***** Informational Area ******/

		/**** Column Layout ****/
		#info-three-col .column{float:left; width:33.3%}
		#info-three-col .column1.column, #info-three-col .column2.column{padding-right:1%;}
		#info-three-col .column2.column, #info-three-col .column3.column{padding-left:1%;}
		#info-two-col .column{float:left; width:50%}
		#info-two-col .column1.column{padding-right:2%; }
		#info-two-col .column2.column{padding-left:2%; }
		#info-one-col .column1{float:left; width:100%}
		#info-one-col .column1 .contact-item{float:left; width: 33.3333%; padding-right: 3%;}
		
		.home #informational-area h3{font-size: 18px;}
		
		
		/*--------------------------------------------------------------
		12.7 Interior Pages
		--------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		12.8 Page Elements
		--------------------------------------------------------------*/
		
		
		/************************** MISC ***************************/
		/************* Buttons **********/
		button,.button, .buttonAlt, a.button,
		input[type="button"],
		input[type="submit"]{font-size: 22px;}
		.button.small, #searchsubmit{font-size: 18px;}
		
		/*--------------------------------------------------------------
		12.9 Posts
		--------------------------------------------------------------*/
		/******************* Blog Overview ************************/
		#intro-feature-con{font-size:18px;}
		#intro-feature-con h2{font-size: 30px; margin-bottom: 0;}
		/*** Intro with featured image ***/
		#intro-feature-con.with-feature-image #imageCon{float:left; width: 45%; padding-right: 3%;}
		#intro-feature-con.with-feature-image #intro-feature-text{float: left; width: 55%;}
		#intro-feature-con.with-feature-image{font-size: 18px;}
		#intro-feature-con.with-feature-image h2{font-size: 28px;}
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 1024px) {
		.wrapper, #main-nav-bar .wrapper{width:1000px; padding-left: 0; padding-right: 0;}
		.wrapper.narrow{width: 860px;}
		h1{font-size: 36px;}
		h2{font-size: 28px;}
		h3{font-size: 24px;}
		h4{font-size: 22px;}
		h5{font-size: 21px;}
		h6{font-size: 19px;}

		
		#pageContentCon{font-size: 19px;}
		
		/*** Header Main ***/
		#site-header{margin-top: 0;}
		/**** IU Branding bar - top bar ****/
		#iu-branding-bar{display: block;}
		#school-bar{padding: 40px 0 37px; }
			
		
		/*** Default Main Header ***/
		#mainHeader .wrapper{}
		/**** Branding bar - top bar ****/
		#iu-branding-bar{height:57px; }
		/*** Mark ***/
		#iu-brand #title-mark-con{width:65px; position: absolute; top: -5px; margin-left: 3px;}
		

		/******* Main Navigation *****/
		
		#main-nav-bar{background:#cdc8c2; border-bottom:4px solid #aca49a; display: block; position: inherit; top: inherit;}
		#main-nav ul{list-style: none; margin: 0; padding: 0;}
		#main-nav ul li{margin: 0; padding: 0; float: left;}
		#main-nav ul li a{line-height:69px; color:#191919; text-transform: uppercase;padding: 0 14px; font-size:14px; display: block; text-decoration: none;}
		#main-nav ul li a:hover{background:#ABA49A; text-decoration: none;}
		
		#main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link:after, #main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: none;}
		
		#main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li li.mega-menu-item-has-children > a.mega-menu-link:after, #main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: inline-block;}
		
		#main-nav ul#mega-menu-main-menu{overflow:inherit;}
		#main-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
			line-height: 1.7;
			padding-top: 8px;
			padding-bottom: 8px;
		}
		
		
		/******* header Search *******/
		#headerSearch{display:inline-block; float:right; width:52.5px; border-left:1px solid #990000; border-right:1px solid #990000;}
		#headerSearch.open{width: 269px;}
		#search-icon{display:inline-block; float:right; font-size: 14px; padding: 0 18px; height: 52px; line-height: 52px; cursor: pointer;}
		#headerSearch.open #search-icon, #search-icon:hover{background:#990000;}
		#header-search-form{display: inline-block; float: left; width: 0; overflow: hidden; position:inherit; z-index:inherit; top:inherit; right:inherit; height: 52px;}
		#headerSearch.open #header-search-form{display: inline-block; width: 215px; height: 52px;}
		
		#header-search-form input[type="text"]{height: 52px; line-height: 52px; border: 0 none; color:#191919; background:#EEEDEB; padding: 0 15px; font-size:16px; width: 1px;}
		#headerSearch.open #header-search-form input[type="text"]{ width: 215px;}
		
		/*** Secondary Navigation ***/
		#secondary-nav{float: right; display: inline-block; font-size:13px; color:#ACA39A; text-transform: uppercase;}
		#secondary-nav a{text-decoration: none; color: #4A3C31;}
		#secondary-nav a:hover{color:#791905; text-decoration: underline;}
		
		/***** Social *****/
		#header-social{float:right; font-size: 24px; display: inline-block; min-width: 110px; }
		#header-social a{color:#9d0300; margin-left: 15px;}
		#header-social a:hover{color:#791905;}
		
		/***** Google Translate *****/
		#translate-con{display: inline-block; float: right; clear: right; margin-top: .5em;}
		
		/*--------------------------------------------------------------
		12.2 Regular Content
		--------------------------------------------------------------*/
		/****** Page Banner *****/
		.page-banner.section{height: 350px;}
		/*** Defaults ***/
		.section{padding: 36px 0;}
		

		
		/*--------------------------------------------------------------
		Content Layouts
		--------------------------------------------------------------*/
		
		/***** One Column Content *******/
		
		/******** TWO COLUMN ***********/
		
		
		
		
		/********** Page Content **********/
		#pageContentCon{}
		#pageContentCon .content{}
		
		/*------------- Footer ------------*/
		/**** School Footer ****/
		#school-footer{padding: 50px 0;}
		
		
		
		/*--------------------------------------------------------------
		12.6 Home Page
		--------------------------------------------------------------*/
		.home .section{padding: 40px 0;}
		.home #home-banner{height: 440px; padding-bottom: 0;}
		.home #banner-link-row{position: absolute; bottom: 0; padding:.5em 0; font-size:36px;}
		
		/**** Home Intro Area ****/
		.home #home-intro{font-size:24px;}
		.home #home-intro h2{font-size: 30px;}
		
		/*--------------------------------------------------------------
		12.7 Interior Pages
		--------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		12.8 Page Elements
		--------------------------------------------------------------*/
		
		/************************** MISC ***************************/
		/************* Buttons **********/
		button,.button, .buttonAlt, a.button,
		input[type="button"],
		input[type="submit"]{font-size: 26px;}
		
		/*--------------------------------------------------------------
		12.9 Posts
		--------------------------------------------------------------*/
		/******************* Blog Overview ************************/
		#intro-feature-con{font-size:20px;}		
		#intro-feature-con h2{font-size: 32px; margin-bottom: 0;}
		#intro-feature-con.with-feature-image{font-size: 18px;}
		#intro-feature-con.with-feature-image h2{font-size: 28px;}
		
		/*** Blog List with image ***/
		.blog-list .excerpt-w-image .image-con{display: block; float: left; width: 30%; padding-right: 2%;}
		.blog-list .excerpt-w-image .excerpt-con{float: left; width: 70%;}
    }

    
/*--------------------------------------------------------------
17 Print
--------------------------------------------------------------*/
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/**
* Blog posts sidebar search
*/
.side-item.post input[type='text'] {
	height: 2.4375rem;
}
.side-item.post input[type='text']:focus {
	outline: #555 auto 5px;
}
.side-item.post input[type='submit'] {
	margin-top: 1rem;
}
/**
* Pagination button
*/
#paging-bottom .alignleft, 
#paging-bottom .alignright {
	background: transparent !important;
}
#paging-bottom .alignleft a.button, 
#paging-bottom .alignright a.button {
	display: inline-block !important;
	width: auto !important;
	padding: .75em 1.5em !important;
	background: #900 !important;
}
#paging-bottom .alignleft a.button:hover, 
#paging-bottom .alignright a.button:hover {
	background-color: #ba1d22 !important;
}

/* Spotlight section content */
.spotlight-area {
	padding: 1.5rem;
}
.spotlight-area p:last-child {
	margin-bottom: 0;
}

/* Facebook feed section title */
.cff-header {
	margin-top: 0 !important;
}

/* Faculty Bio page location tab */
#tabbed .line-item .title{
	max-width: 100px;
}

/* Page button size */
@media only screen and (min-width: 1024px){
	button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"] {
			font-size: 18px;
	}
}

/**** Home banner overlay ****/
.banner-overlay-wrapper {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 5%;
	right: 5%;
	top: 6%;
	bottom: 25%;
	overflow: hidden;
}

.banner-overlay {
	background-color: transparent;
	text-align: left;
	display: inline-block;
	width: 100%;
}

.banner-overlay .banner-overlay-image {
	height: 100%;
	width: auto;
	margin: 0;
	max-height: 200px;;
}

.banner-overlay .text-block {
	position: relative;
	width: 400px;
	min-height: 150px;
	color: #fff;
	padding: 23px;
	overflow: hidden;
}

.banner-overlay  .text-block:before {
	content: "";
	position: absolute;
	background: url(https://assets.iu.edu/web/3.2.x/css/img/notch-dark.svg) right bottom no-repeat;
	right: 0;
	bottom: 0;
	width: 1000px;
	height: 1000px;
}

.banner-overlay  .text-block>div {
	position: relative;
	z-index: 1;
}

.banner-overlay .text-block .title {
	font-size: 1.3rem;
	line-height: 1;
	font-family: BentonSansBold,Arial,sans-serif;
	font-weight: 400;
	margin-bottom: 0.8rem;
}
.banner-overlay .text-block .subtitle {
	font-size: 0.8rem;
	line-height: 1;
	margin-bottom: 0.8rem;
}

@media only screen and (max-width: 480px) {
	.banner-overlay-wrapper {
		bottom: 35%;
	}

	.banner-overlay .banner-overlay-image {
    max-height: 110px;
	}

	.banner-overlay .text-block {
		padding: 16px;
	}

	.banner-overlay .text-block .title {
		margin-bottom: 0.5rem;
	}
	
	.banner-overlay .text-block .subtitle {
		margin-bottom: 0.5rem;
	}
}

@media only screen and (min-width: 720px) {

	.banner-overlay .banner-overlay-image {
		max-height: 200px;
		margin: 50px 0;
	}

	.banner-overlay .text-block {
		padding: 32px;
	}
	.banner-overlay .text-block 
	.title {
		font-size: 1.1.4rem;
		line-height: 1.15;
		margin-bottom: 1.1rem;
	}

	.banner-overlay .text-block .subtitle {
		font-size: 1rem;
		line-height: 1.5;
		margin-bottom: 1rem;
	}
}

@media only screen and (min-width: 1024px) {
	.banner-overlay {
		width: 1000px;
	}

	.banner-overlay .banner-overlay-image {
		margin: 40px 0 50px 0;
		max-height: 200px;
	}

	.banner-overlay .text-block .title {
		font-size: 1.6875rem;
		line-height: 1.15;
		margin-bottom: 1.25rem;
	}

	.banner-overlay .text-block .subtitle {
		font-size: 1.125rem;
		line-height: 1.6;
		margin-bottom: 1.25rem;
	}
}

