@charset "utf-8";
/* CSS Document */

/* Import New ARU Raleway Font - START */
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-Bold.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-Bold.woff2") format('woff2');
	font-weight:700;
	font-style:regular;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-BoldItalic.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-BoldItalic.woff2") format('woff2');
	font-weight:700;
	font-style:italic;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-Italic.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-Italic.woff2") format('woff2');
	font-weight:400;
	font-style:italic;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-Medium.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-Medium.woff2") format('woff2');
	font-weight:500;
	font-style:regular;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-MediumItalic.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-MediumItalic.woff2") format('woff2');
	font-weight:500;
	font-style:italic;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-Regular.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-Regular.woff2") format('woff2');
	font-weight:400;
	font-style:regular;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-SemiBold.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-SemiBold.woff2") format('woff2');
	font-weight:600;
	font-style:regular;
}
@font-face {
	font-family:"ARURaleway";
	src:url("/assets/font/ARURaleway-SemiBoldItalic.ttf") format('truetype'), 
		url("/assets/font/ARURaleway-SemiBoldItalic.woff2") format('woff2');
	font-weight:600;
	font-style:italic;
}
/* Import New ARU Raleway Font - END */

/* Import ARU Raisonne Font - START */
@font-face{
	font-family:"ARURaisonne-DemiBold";
	font-stretch:normal;
	font-style:normal;
	src:url("/assets/font/ARURaisonne-DemiBold.eot"); /* IE9 Compat Modes */
	src:url("/assets/font/ARURaisonne-DemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("/assets/font/ARURaisonne-DemiBold.woff2") format("woff2"), /* Super Modern Browsers */
	url("/assets/font/ARURaisonne-DemiBold.woff") format("woff"), /* Pretty Modern Browsers */
	url("/assets/font/ARURaisonne-DemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/assets/font/ARURaisonne-DemiBold.svg#ARURaisonne-DemiBold") format("svg"); /* Legacy iOS */
}
/* Import ARU Raisonne Font - END */
	
/* Create class for ARU Raisonne Font - START */
.raison {
	font-family: "ARURaisonne-DemiBold","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* Create class for ARU Raisonne Font - END */
	
nav#primary-nav {
    background: #003366;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#071D49), to(#003366));
    background: -webkit-linear-gradient(top, #071D49, #003366);
    background: -moz-linear-gradient(top, #071D49, #003366);
    background: -o-linear-gradient(top, #071D49, #003366);
    background: -ms-linear-gradient(top, #071D49, #003366);
    background: linear-gradient(top, #071D49, #003366);
    border-bottom: 1px solid #222;
    border-top: 1px solid #777;	
	height: 43px;
}
/*
body {
	font-family: 'Raleway', sans-serif;
}	
*/
body {
	font-family: "ARURaleway",Calibri,sans-serif;
}

.nav-wrapper, .megamenu li.megamenu_button_active, .megamenu {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#071D49), to(#003366));
	background: -webkit-linear-gradient(top, #071D49, #003366);
}
	
.megamenu p, .megamenu ul, .megamenu li, .megamenu h2, .megamenu h3 {
	font-family: 'Raleway', sans-serif;
}
.megamenu > li {
	float:left;
	position:relative;
	margin-right:-2px !important;
	border:none;
}
.megamenu li ul li a {
	border-bottom: none;
	font-weight: bold;
}
a.menuitem_drop {
    font-size: 14px;
}
	
div#search.dropdown_3columns {
	width: 664px;
	left: -1px;
}	

div#studySkillsSupport.dropdown_3columns.research {
	width: 871px;
	left: -1px;
}
div#borrowing.dropdown_2columns {
    width: 371px;
}
div#spaceServices.dropdown_2columns.help {
	width: 205px;
	left: -1px;
}
div#aruStaff.dropdown_2columns.help {
    width: 286px;	
	left: -1px;
}
div#about.dropdown_2columns {
	width: 200px;	
	left: -1px;
}

@supports (-ms-ime-align:auto) { /* IE/Edge Only CSS */
	div#helpQuickLinks.dropdown_2columns.help {
		left: -276px;
	}
}
	
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { /* Chrome Only CSS */
	div#helpQuickLinks.dropdown_2columns.help {
		left: -275px;
	}
}
	
@supports (-moz-appearance:none) {  /* Mozilla/Firefox Only CSS */
	div#helpQuickLinks.dropdown_2columns.help {
		left: -271px;
	}
}
	
div#helpQuickLinks.dropdown_2columns.help {
	width: 437px;
}

div#spaceServicesCol{width: 190%;}
div#aruStaffCol{width: 190%;}
	
.megamenu_light_theme .megamenu_container>ul>li>a, .megamenu_light_theme .megamenu_container .megamenu>li.noactive a {
	color: white;
}
	
.tab-interface {
	margin-top: -40px;
}
	
/* Mobiles CSS for Dropdowns - START */	

/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	div#helpQuickLinks.dropdown_2columns.help {
		left: -258px;
	}
}
	
@media screen and (max-device-width: 480px) {
	.megamenu {
		background-color: #071D49;
	}
	div.group__item.align-right	{
		text-align: left !important;
	}
	.megamenu li.megamenu_button_active {
		background-color: #071D49 !important;
	}
	div#search.dropdown_3columns {
		width: 320px;
	}
	div#studySkillsSupport.dropdown_3columns.research {
		width: 320px;
	}
	div#borrowing.dropdown_2columns {
		width: 320px;
	}
	div#spaceServices.dropdown_2columns.help {
		width: 320px;
	}
	div#aruStaff.dropdown_2columns.help {
		width: 320px;
	}
	div#about.dropdown_2columns {
		width: 320px;
	}
	div#helpQuickLinks.dropdown_2columns.help {
		width: 320px;
		left: 1px;
	}
	div#spaceServicesCol {
		width: 100%;
	}
	div#aruStaffCol {
		width: 100%;
	}
	.tab-interface {
		margin-top: 10px;
	}
}
	
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
and (orientation : landscape) { /* iPhone 6, 7, & 8 in portrait & landscape */
	.megamenu {
		background-color: #071D49;
	}
	.megamenu li.megamenu_button_active {
		background-color: #071D49 !important;
	}
	.tab-interface {
		margin-top: 10px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* iPad & Tablets in Portrait */
	body {
		margin-left: 10px;
	}
	nav#primary-nav {
		height: 87px;
	}
	.megamenu_light_theme .megamenu_container>ul>li:hover, .megamenu_light_theme .megamenu_container .megamenu>li.active, .megamenu_light_theme .megamenu_container>ul>li.menuitem_nodrop:hover {
		height: 86px;
	}
	div#search.dropdown_3columns {
		top: 86px;
		width: 270px;
		left: 83px;
	}
	div#studySkillsSupport.dropdown_3columns.research {
		top: 86px;
		width: 365px;
		left: 170px;
	}
	div#borrowing.dropdown_2columns {
		top: 86px;
		width: 245px;
		left: 265px;
	}
	div#spaceServices.dropdown_2columns.help {
		top: 86px;
	}
	div#aruStaff.dropdown_2columns.help {
		top: 86px;
	}
	div#about.dropdown_2columns {
		top: 86px;
		width: 200px;
		left: 448px;
	}
	div#helpQuickLinks.dropdown_2columns.help {
		top: 86px;
		width: 260px;
		left: 472px;
	}
	.book-wrapper {
		max-width: 46em;
	}
}
/* Mobiles CSS for Dropdowns - END */


figcaption {
	border-radius: 25px;
}
	
figcaption a:hover, .events a:hover, .section-list__body p a:hover, ul.inline-list a:hover, #campus_info a:hover {
	border-bottom: none;
}
	
.global-footer {
	max-width: unset;
	background-color: #F6F6F3;
}

.button--secondary.button--secondary {
	background-color: #ffd100;
}
	
.button--secondary.button--secondary:hover {
	background-color: #FFF4C4;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
}
	
.banner-wrapper .slick-dots .slick-active button {
	background-color: #ffd100;
}
	
.events {
    background-color: #FFD100;
    font-weight: bold;
}
	
.information__header {
    background-color: #FFD100;
    font-weight: bold;
}
	
.information {
    background-color: #fff4c4;
	/* background-color: #FFAF00 */
    font-weight: bold;
}
	
#hours {
}
	
[role="tabpanel"] {
	background-color: #071D49;
}
	
a[aria-selected], a[role="tab"]:focus {
	background-color: #071D49;
}
	
/* Hide Mobile Bits - START */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
	.book-scroller {
		display: none;
		visibility: hidden;
	}
}
@media screen and (max-device-width: 640px) and (orientation: landscape) {
	.book-scroller {
		display: none;
		visibility: hidden;
	}
}
/* Hide Mobile Bits - END */

/* Print CSS - START */
@media print {
	header {
		display: none;
	}
}	
/* Print CSS - END */