/*
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;
	}
}