/* ---------------------------------------------------
/* ---------------------------------------------------
	FONTS
--------------------------------------------------- */
@font-face {
	font-family:'ProximaNova';src:url('/Masterpages/LAI/fonts/ProximaNova-Light.eot');src:url('/Masterpages/LAI/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),url('/Masterpages/LAI/fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight:300;
	font-style:normal;
}

@font-face {
	font-family:'ProximaNova';src:url('/Masterpages/LAI/fonts/ProximaNova-Regular.eot');src:url('/Masterpages/LAI/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('/Masterpages/LAI/fonts/ProximaNova-Regular.woff') format('woff'),url('/Masterpages/LAI/fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}

@font-face {
font-family:'ProximaNova';src:url('/Masterpages/LAI/fonts/ProximaNova-Semibold.eot');src:url('/Masterpages/LAI/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),url('/Masterpages/LAI/fonts/ProximaNova-Semibold.woff') format('woff'),url('/Masterpages/LAI/fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}

:root {
	--white: #fff;
	--black: #000;
	--blue: #2774AE;
	--gold: #FFD100;
	--blue_darker: #005587;
	--blue_darkest: #003B5C;
	--blue_lighter: #8BB8E8;
	--blue_lightest: #DAEBFE;
	--gold_darker: #FFC72C;
	--gold_darkest: #FFB81C;
	--purple: #8237FF;
	--cyan: #00FFFF;
	--green: #00FF87;
	--magenta: #FF00A5;
	--greyfive: #F2F2F2;
	--greyeight: #EBEBEB;
	--greyten: #E5E5E5;
	--greyforty: #999;
	--greysixty: #666;
	--greyeighty: #333;
}
/* ---------------------------------------------------
	RESET
--------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
	margin:0; 
	padding:0; 
	border:0; 
	font-size:100%; 
	font:inherit; 
	vertical-align:baseline; 
}
html {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100vh;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }

/* ---------------------------------------------------
	ELEMENTS
--------------------------------------------------- */
html { overflow-y:scroll; height:100%; }


::-moz-selection { background:#fff100; color:#204e91; text-shadow:none; }
::selection { background:#fff100; color:#204e91; text-shadow:none; }

h1 { font-size:2.923em; font-weight:600; text-transform:uppercase; }
h2 { font-size:2.100em; font-weight:600; text-transform:uppercase; }
h3 { font-size:1.315em; }
h4 { font-size:1.285em; }
h5 {  }
h6 { font-size:0.923em; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
	line-height: 1.2;
	margin-bottom: 10px;
}

a {
	color: var(--blue_darker) !important;
	text-decoration: none;
	padding-bottom: 1px;
}

a:visited { color:#204e91; }
a:hover { background-color: var(--gold); }
#logo-content a:hover{background-color:transparent}
.stellarnav a:hover {background-color: transparent}
a:active { color:#204e91; }
a:focus { }
a:hover, a:active {
	text-decoration:none;
	border-bottom:red;
}
a.bullet { font-weight:600; background:url(/MasterPages/LAI/img/bullet.png) no-repeat left; line-height:1.2; padding-left:15px; }

p { margin:0 0 15px 0}
    p > a {
        color: #5a05f9;
    }
        p > a:visited {
            color: #5a05f9;
        }
p > a:hover { color:#204e91; }
        p > a:active {
            color: #5a05f9;
        }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:600; }
i, em { font-style:italic; }
blockquote {margin:20px 40px; padding:10px; color:var(--greysixty)}
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:600; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ul, ol { margin:10px 0; }
dd { margin:0 0 0 15px; }
ul li {list-style:none; }
ul.bullet li { list-style-image:url(/MasterPages/LAI/img/bulletcyan.png); list-style-position:outside; margin-left:15px; line-height:1.2; padding-bottom:5px; }
ul.bullet li a { text-decoration:none; }

ol li { color:#204e91; list-style:outside decimal; margin-left:15px; }
p ul, p ol, .indent { margin-left:15px; }

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; max-width:100%; }
.flexslider img {display: block;}



.cropped_square, .cropped_rect {
	width: 140px;
	height: 120px;
	object-fit: cover;
	-webkit-filter: drop-shadow(2px 2px 2px #666666);
	filter: drop-shadow(2px 2px 2px #666666);
}
	.cropped_square:hover, .cropped_rect:hover {
		transform: scale(1.05);
		transition-duration: 0.6s;
	}
.cropped_rect{
	width:280px!important;
	height:160px;
}

label {
	cursor: pointer;
}
legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }
input[type="text"], input[type="email"], input[type="url"], select, textarea { border:1px solid #1d2c57; color:#666; font:normal 400 .9em "ProximaNova", Arial, sans-serif; padding:5px 5px; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }


.headerNavs {
	margin: 0 0 0 0;
	list-style: none;
	font-size: 1.1em !important;
	display: inline;
	/*background-color:#fff;*/
}

.headerNavs left ul {
	float: left;
}

.headerNavs li {
	display: inline-block;
	padding: 0 5px;
	padding-bottom: 8px;
}

.headerNavs li:hover {
	color:#000;
	padding-bottom: 4px;
	border-bottom: 4px solid #4E7AFC !important;
}

.headerNavs li a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
.headerNavs li li a{
	font-weight:normal;
}
.headerNavs li a:hover {
	text-decoration: none;
	color: darkslategray;
}


	.headerNavs.topNav li {
		padding-bottom: 10px;
	}

		.headerNavs.topNav li:hover {
			padding-bottom: 4px;
		}

	.headerNavs.topNav .headerSubNav li {
		padding-bottom: 4px !important;
	}

.topNav li {
	/*padding:0 15px;*/
	/*margin-bottom:25px;*/
	position: relative;
}


.topNav ul {
	margin-top: 6px;
	background: #fff;
	border-radius: 0 0px 0px 0px;
	border-width: 0 1px 1px;
	padding: 10px 0;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
	left: -9999px;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	z-index: 100;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-moz-transition: -moz-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.topNav li:hover ul {
	left: -20px;
	top: 20px;
	width: 210px;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

@media screen and (min-width:409px) and (max-width:513px) {
	.topNav li.about:hover ul {
		left: -120px;
	}
}

@media screen and (min-width:601px) and (max-width:964px) {
	.topNav li.about:hover ul {
		left: -120px;
	}
}

@media screen and (min-width:1074px) and (max-width:1170px) {
	.topNav li.about:hover ul {
		left: -120px;
	}
}

@media screen and (max-width:513px) {
	.topNav li.research:hover ul {
		left: -120px;
	}
}

@media screen and (max-width:355px) {
	.topNav li.academics:hover ul {
		left: -120px;
	}
}

.topNav ul {
	list-style: none;
}

	.topNav ul li {
		width: 100%;
		margin-bottom: 0;
		text-align: left;
		padding-bottom: 4px;
	}

		.topNav ul li:hover {
			border-bottom: none !important;
		}

		.topNav ul li:last-child {
			padding-bottom: 5px;
		}

		.topNav ul li:after {
			content: none;
			margin: 0;
		}

		.topNav ul li a {
			font-size: 1em;
			width: 100%;
			display: block;
		}

			.topNav ul li a:hover {
				text-decoration: none;
				color: whitesmoke;
				border-bottom: none !important;
			}


img.logo {
	margin: 0 0 0 0;
	max-width: 345px;
}

.headerSocialMedia img {
	max-width: 30px !important;
	margin: 0 2px 15px 2px;
}

.f-dropdown li {
	text-align: left;
}

.headerNavs li {
	padding: 0 15px;
}

/*about page*/
h4 {
	color: var(--blue);
}


.contact-card {
	position: relative;
	padding: 2em;
	margin-bottom: 50px;
}

	.contact-card:before, .contact-card:after, .contact-card > :first-child:before, .contact-card > :first-child:after {
		position: absolute;
		width: 20px;
		height: 20px;
		border-color: #ffd100;
		border-style: solid;
		content: ' ';
	}

	.contact-card:before {
		top: 0;
		left: 0;
		border-width: 3px 0 0 3px
	}

	.contact-card:after {
		top: 0;
		right: 0;
		border-width: 3px 3px 0 0
	}

	.contact-card > :first-child:before {
		bottom: 0;
		right: 0;
		border-width: 0 3px 3px 0
	}

	.contact-card > :first-child:after {
		bottom: 0;
		left: 0;
		border-width: 0 0 3px 3px
	}

	/*Contact Page*/

.pageContent .row {
	padding: 0px 25px;
}

.contact-card {
	position: relative;
	padding: 2em;
	margin-bottom: 50px;
}

	.contact-card:before, .contact-card:after, .contact-card > :first-child:before, .contact-card > :first-child:after {
		position: absolute;
		width: 20px;
		height: 20px;
		border-color: #ffd100;
		border-style: solid;
		content: ' ';
	}

	.contact-card:before {
		top: 0;
		left: 0;
		border-width: 3px 0 0 3px
	}

	.contact-card:after {
		top: 0;
		right: 0;
		border-width: 3px 3px 0 0
	}

	.contact-card > :first-child:before {
		bottom: 0;
		right: 0;
		border-width: 0 3px 3px 0
	}

	.contact-card > :first-child:after {
		bottom: 0;
		left: 0;
		border-width: 0 0 3px 3px
	}


/*Multi-layer dropdown nav*/

nav {
	position: relative;
	z-index: 9999;
}

#menu {
	font-size: 1.2em !important;
}

@-moz-document url-prefix() {
	#menu {
		font-size: 1.1em !important;
	}
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu .main-menu {
	display: none;
}

#tm:checked + .main-menu {
	display: block;
}

#menu input[type="checkbox"],
#menu ul span.drop-icon {
	display: none;
}

#menu li,
#toggle-menu,
#menu .sub-menu {
	/*  border-style: solid;
  border-color: rgba(0, 0, 0, .05);*/
}

#menu li,
#toggle-menu {
	border: 0 0 0 1px solid #ccc;
}

#menu .sub-menu {
	background-color: #fff;
	border: 0 0 0 1px solid #ccc;
	box-shadow: 2px 2px 15px #ccc;
	margin: 0 1em;
}

	#menu .sub-menu li:last-child {
		border-width: 0;
	}

#menu li,
#toggle-menu,
#menu a {
	position: relative;
	display: block;
	color: #09c;
}

#menu,
#toggle-menu {
	background-color: #fff;
}

	#toggle-menu,
	#menu a {
		padding: 1em 0.78em;
	}

	#menu a {
		transition: all .125s ease-in-out;
		-webkit-transition: all .125s ease-in-out;
	}

		#menu a:hover {
			background-color: var(--gold);
			color: #09c;
		}

	#menu .sub-menu {
		display: none;
	}

	#menu input[type="checkbox"]:checked + .sub-menu {
		display: block;
	}

	#menu .sub-menu a:hover {
		color: #444;
	}

	#toggle-menu .drop-icon,
	#menu li label.drop-icon {
		position: absolute;
		right: 1.5em;
		top: 1.25em;
	}

	#menu label.drop-icon, #toggle-menu span.drop-icon {
		border-radius: 50%;
		width: 1em;
		height: 1em;
		text-align: center;
		background-color: rgba(0, 0, 0, .125);
		text-shadow: 0 0 0 transparent;
		color: rgba(255, 255, 255, .75);
	}

	#menu .drop-icon {
		line-height: 1;
	}

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
	#menu li {
		width: 33.333%;
	}

	#menu .sub-menu li {
		width: auto;
	}
}

@media only screen and (min-width: 52em) {

	#menu .main-menu {
		display: block;
	}

	#toggle-menu,
	#menu label.drop-icon {
		display: none;
	}

	#menu ul span.drop-icon {
		display: inline-block;
	}

	#menu li {
		float: left;
		border-width: 0 1px 0 0;
	}

	#menu .sub-menu li {
		float: none;
	}

	#menu .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 18em;
		z-index: 9999;
	}

	#menu .sub-menu,
	#menu input[type="checkbox"]:checked + .sub-menu {
		display: none;
	}

		#menu .sub-menu li {
			border-width: 0 0 1px;
			border: 0 0 0 1px solid #ccc;
		}

		#menu .sub-menu .sub-menu {
			top: 0;
			left: 100%;
		}

	#menu li:hover > input[type="checkbox"] + .sub-menu {
		display: block;
	}
}


/*Sections, Content*/
/*#header-content{
	height: 78px!important;
	padding:20px 0 20px 0;
}*/
#logo-content {
	z-index: 999999;
	padding: 10px 0 10px 0;
}
#menu-content{
	z-index: 999999;
	padding:10px 0 0 0;
}
#sticker {
	z-index: 999999;
	background-color: #fff !important;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1);
}


#slider-content {
	z-index: -1;
}


#message_content {
	padding: 15px 0px 5px 0px;
	margin-top:0px;
	background-image: linear-gradient(to right, #005587, #8BB8E8);
}
	#message_content h4 {
		color: #fff !important;
		font-size:1.5em;
		font-family: ProximaNova;
		text-align:center;
	}


@media screen and (min-width: 0px) and (max-width: 800px) {
	#message_content {
		padding: 25px 20px 5px 20px;
	}
	#message_content h4 {
		color: #fff !important;
		line-height: 1.2em;
		font-size: 1em;
		font-family: ProximaNova;
	}
	.infoBlock{
		visibility:hidden;
	}
}

.mission-statement{
	padding: 5px 0px 0px 0px;
	font-size: 16px;
	line-height: 1.5;
}

	#currentevents_content {
		background-color: #fff;
		background: url(/Masterpages/LAI/images/bg_UCLAblue.png)no-repeat center;
		background-size: contain;
		padding: 10px 0px 20px 0px;
		margin-top:50px;
	}

	.books_content {
		padding: 10px 0px 20px 0px;
	}

	#highlighted_content {
		margin-top:50px;
		padding: 5px 0px 30px 0px;
		background-color: #ccc;
		background: url(/Masterpages/LAI/images/bg_UCLAgold.png)no-repeat center;
		background-size: contain;
	}
	.inline-list li a{
		color:#fff!important;
	}
	.inline-list a:hover {
		color: var(--blue)!important;
		background-color: var(--white);
	}

	.inline-list-social a {
		background-color: unset; 
	}

	.inline-list-social a img {
		background-color: unset;
		transition: transform .2s;
	}

	.inline-list-social a img:hover {
		background-color: unset;
		transform: scale(1.4); 
	}

	#center_content {
		padding: 30px 0px 30px 0px;
	}

	#newsletter_content {
		padding: 30px 0px 150px 0px;
	}

	#main-slideshow {
		margin: 0;
		max-width: 1200px;
		padding: 0;
	}

	#footer-content {
		padding: 30px 0px 20px 0px;
		background: var(--blue);
		
	}
	#footer-content a {
		color: var(--white);
	}
	#footer-content a:hover {
		color: var(--blue);
	}

	.dtstart {
		display: block;
		margin-top: 2px;
		margin-bottom: 10px;
		text-align: center;
		width: 75px;
		height: 75px;
	}

		.dtstart .month {
			background: var(--gold_darker);
			-webkit-border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			color: #565656 !important;
			display: block;
			font-size: 18px;
			font-weight: bold;
			line-height: 1;
			height: 34px;
			padding: 10px 0 3px;
			text-transform: uppercase;
		}


		.dtstart .day {
			border: solid 1px var(--gold_darker);
			border-top: none;
			color: #565656;
			display: block;
			font: bold 21px/1;
			font-size: 18px;
			font-weight: bold;
			height: 34px;
			padding-top: 5px;
			-webkit-border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
		}

.dtstartSmall {
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: center;
	width: 50px;
	height: 55px;
}

	.dtstartSmall .month {
		background: var(--gold_darker);
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		color: #565656 !important;
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		height: 25px;
		padding: 7px 0 3px;
		text-transform: uppercase;
	}


	.dtstartSmall .day {
		border: solid 1px var(--gold_darker);
		border-top: none;
		color: #565656;
		display: block;
		font: bold 21px/1;
		font-size: 12px;
		font-weight: bold;
		height: 30px;
		padding-top: 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}

#page_content{
	position: relative;
	min-height: 100vh;
}
/*#content-wrap {
	padding-bottom: 5.5rem;*/ /* Footer height */
/*}*/

#footer-content {
/*	position: absolute;*/
	bottom: 0;
	width: 100%;
	/*height: 7.5rem;  Footer height */
}
#page_content h1, #EventListing_StoryListUpdatePanel h3 {
	margin: 1em 0 0.5em 0;
	font-weight: 600;
	position: relative;
	font-size: 24px;
	line-height: 30px;
	padding: 20px 15px 0 0;
	color: #2774ae;
/*	background: url(/Masterpages/LAI/images/h1.png) no-repeat top left;
*/}

/*	#page_content h1:before {
		position: absolute;
		width: 70px;
		border-color: #ffd100;
		border-style: solid;
		content: ' ';
	}

	#page_content h1:before {
		top: 0;
		left: 0;
		border-width: 3px
	}*/

#page_content h2 {
	font-weight: normal;
	position: relative;
	text-shadow: 0 -1px rgba(0,0,0,0.6);
	font-size: 24px;
	line-height: 40px;
	padding: 5px 15px;
}

	.container {
		margin: 30px 0 0 -25px;
		display: flex;
		height: 100%;
	}

	ul li {
		margin: 0;
	}

	.the-arrow {
		width: 1px;
		transition: all 0.2s;
	}

		.the-arrow.-left {
			position: absolute;
			top: 60%;
			left: 0;
		}

			.the-arrow.-left > .shaft {
				width: 0;
				background-color: #4c4c4c;
			}

				.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
					width: 0;
					background-color: #4c4c4c;
				}

				.the-arrow.-left > .shaft:before {
					transform: rotate(0);
				}

				.the-arrow.-left > .shaft:after {
					transform: rotate(0);
				}

		.the-arrow.-right {
			top: 0px;
		}

			.the-arrow.-right > .shaft {
				width: 1px;
				transition-delay: 0.2s;
			}

				.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
					width: 8px;
					transition-delay: 0.3s;
					transition: all 0.5s;
				}

				.the-arrow.-right > .shaft:before {
					transform: rotate(40deg);
				}

				.the-arrow.-right > .shaft:after {
					transform: rotate(-40deg);
				}

		.the-arrow > .shaft {
			background-color: #4c4c4c;
			display: block;
			height: 1px;
			position: relative;
			transition: all 0.2s;
			transition-delay: 0;
			will-change: transform;
		}

			.the-arrow > .shaft:before, .the-arrow > .shaft:after {
				background-color: #4c4c4c;
				content: "";
				display: block;
				height: 1px;
				position: absolute;
				top: 0;
				right: 0;
				transition: all 0.2s;
				transition-delay: 0;
			}

			.the-arrow > .shaft:before {
				transform-origin: top right;
			}

			.the-arrow > .shaft:after {
				transform-origin: bottom right;
			}

	.animated-arrow {
		display: inline-block;
		color: #4c4c4c;
		font-size: 1.25em;
		font-style: italic;
		text-decoration: none;
		position: relative;
		transition: all 0.2s;
	}

		.animated-arrow:hover {
			color: #808080;
		}

			.animated-arrow:hover > .the-arrow.-left > .shaft {
				width: 64px;
				transition-delay: 0.1s;
				background-color: #808080;
			}

				.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
					width: 8px;
					transition-delay: 0.1s;
					background-color: #808080;
				}

				.animated-arrow:hover > .the-arrow.-left > .shaft:before {
					transform: rotate(40deg);
				}

				.animated-arrow:hover > .the-arrow.-left > .shaft:after {
					transform: rotate(-40deg);
				}

			.animated-arrow:hover > .main {
				transform: translateX(17px);
				transform: translateX(80px);
			}

				.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
					width: 0;
					transform: translateX(200%);
					transition-delay: 0;
				}

					.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
						width: 0;
						transition-delay: 0;
						transition: all 0.1s;
					}

					.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
						transform: rotate(0);
					}

					.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
						transform: rotate(0);
					}

		.animated-arrow > .main {
			display: flex;
			align-items: center;
			transition: all 0.2s;
		}

			.animated-arrow > .main > .text {
				margin: 0 16px 0 0;
				line-height: 1;
			}

			.animated-arrow > .main > .the-arrow {
				position: relative;
			}





	/*Newsletter input fields*/
	.float-label-field {
		border: none;
		outline: none;
		position: relative;
		margin: 0 0 20px 0;
		padding: 0;
		box-sizing: border-box;
	}

		.float-label-field input {
			border: none;
			outline: none;
			padding: 5px 5px 8px 0px;
			width: 100%;
			font-size: 11px;
			border-bottom: solid 1px #efefef;
		}

		.float-label-field label {
			opacity: 0.5;
			position: absolute;
			top: 10px;
			left: 0px;
			transition: all 0.2s ease;
			font-size: 14px;
			padding: 0 0 20px 4px;
			margin-top: -3px;
		}

		.float-label-field.focus label {
			color: #2774AE;
		}

		.float-label-field.focus input {
			border-bottom: solid 1px #2774AE;
		}

		.float-label-field.float label {
			opacity: 1;
			top: -8px;
			font-size: 60%;
			transition: all 0.2s ease;
			font-weight: bold;
		}




/*Royal Slider*/

	


/*RoyalSlider style begins*/
#full-width-slider {
	width: 100%;
	color: #000;
	min-height:450px;
}

.titlebox {
	background-color: white;
	height: 250px;
	width:50%;
	padding: 25px;
	box-shadow: 2px 2px 2px 2px rgb(0, 0, 0, .2);
	margin-top:30px;
}

.titleboxMobile {
	width: 100%;
	padding: 20px;
	margin: auto;
	text-align:center;
}

.slideImg {
	width: 100% !important;
	margin-left: -50px !important;
	height: auto !important;
	margin-top: 60px !important;
	box-shadow: 2px 2px 2px 2px rgb(0, 0, 0, .2);
}

.slideImgMobile {
	width: 100% !important;
	margin-left:0px !important;
	height: auto !important;
	margin-top: 0px !important;
}

.mobileView{
	display:none;
}

.regularView{
	display:block;
}

@media screen and (max-width:964px){
	.mobileView {
		display: block;
	}

	.regularView {
		display: none;
	}

}

.visibleNearby {
	width: 100%;
	background: #141414;
	color: #FFF;
	padding-top: 25px;
}

	.visibleNearby .rsGCaption {
		font-size: 16px;
		line-height: 18px;
		padding: 12px 0 16px;
		background: #141414;
		width: 100%;
		position: static;
		float: left;
		left: auto;
		bottom: auto;
		text-align: center;
	}

		.visibleNearby .rsGCaption span {
			display: block;
			clear: both;
			color: #bbb;
			font-size: 14px;
			line-height: 22px;
		}


	/* Scaling transforms */
	.visibleNearby .rsSlide img {
		opacity: 0.45;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}

	.visibleNearby .rsActiveSlide img {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
	#gallery-1 {
		padding: 12px 0 12px;
	}

		#gallery-1 .rsOverflow,
		.royalSlider#gallery-1 {
			height: 400px !important;
		}
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	#gallery-1 .rsOverflow,
	.royalSlider#gallery-1 {
		height: 300px !important;
	}
}

.royalSlider > .rsContent {
	visibility: hidden;
}

.coloredBlock {
	padding: 12px;
	background: rgba(255,0,0,0.6);
	color: #FFF;
	width: 200px;
	left: 20%;
	top: 5%;
}

.infoBlock {
	position: absolute;
	top: 50px;
	right: 50px;
	left: auto;
	max-width: 25%;
	padding-bottom: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	padding: 20px;
}

.infoBlockLeftBlack {
	color: #FFF;
	background: #000;
	background: rgba(0,0,0,0.75);
	left: 30px;
	right: auto;
	top:70px;
}

.infoBlock h4 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
}

.infoBlock p {
	font-size: 14px;
	margin: 4px 0 0;
}

.infoBlock a {
	color: #FFF !important;
	text-decoration: underline;
}

.photosBy {
	position: absolute;
	line-height: 24px;
	font-size: 12px;
	background: #FFF;
	color: #000;
	padding: 0px 10px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	top: auto;
	border-radius: 2px;
	z-index: 25;
}

	.photosBy a {
		color: #000;
	}

.fullWidth {
	max-width: 1400px;
	margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
		height: 520px !important;
	}
}

@media screen and (min-width:960px) and (min-height:1000px) {
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
		height: 660px !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	.royalSlider.heroSlider,
	.royalSlider.heroSlider .rsOverflow {
		height: 300px !important;
	}

	.infoBlock {
		padding: 10px;
		height: auto;
		max-height: 100%;
		min-width: 40%;
		left: 5px;
		top: 5px;
		right: auto;
		font-size: 12px;
	}

		.infoBlock h3 {
			font-size: 14px;
			line-height: 17px;
		}
}

.visibleNearby .rsActiveSlide img {
	-webkit-transform: scale(1.5)!important;
	-moz-transform: scale(1.5)!important;
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)!important;
}
/*RoyalSlider style ends*/

	.eventsView {
		display: block;
		visibility: visible;
	}

/*.rsGCaption{visibility:hidden;}*/

.dash{
	border-top: 2px solid var(--gold);
	width: 50px;
	margin-top: -10px;
}

.rsContent a:hover{
	background-color:transparent;
}

.rsNav{
	width:100% !important;
	right:0;
}

/*Books List Styling*/

.book_image{
	height:300px;
}

.booktitleStyle{
	margin-top:5px;
}

.card {
	perspective: 1000px;
	position: relative;
	width:fit-content;
}

.card-content {
	transition: all 2s;
	top: 0;
	left: 0;
	width: 100%;
	min-width:210px;
	height: 300px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
/*	box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 10%);*/
}

.card-back {
	transform: rotateY(180deg);
	background-color: var(--bluelighter);
	position: absolute;
	overflow: hidden;
	box-shadow:2px 2px 3px #666666;
}

.card:hover .card-front {
	transform: rotateY(-180deg);
}

.card:hover .card-back {
	transform: rotateY(0);
}

.card-content img {
	object-fit: cover;
	box-shadow: 2px 2px 3px #666666;
}

.card-body {
	padding: 20px 20px 0px 20px;
}

	.card-body h3 {
		font-size:16px;
	}

.banner_container {
	padding: 0;
	display:flex;
	justify-content:center;
}

.banner_container img{
	max-height:350px;
	width:1100px;
	object-fit:cover;
	object-position: top center;
}

/*Publications*/

.link-category {
	border-bottom: 0;
	border-top: 1px solid #4e8db6;
	margin-bottom: 0;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 30px;
}

.link-category h3{
	color:var(--blue);
	font-weight:bold;
}

.link-category:first-child {
		border-top: 1px solid #4e8db6 !important;
	}

#featured-stories {
	margin: 0;
	margin-bottom: 110px;
}

/*Events Page*/
.toggleClass {
	display: none;
}

.clearButton {
	display: none;
}

h5 {
	color: var(--blue_darker);
}

.FilterPanel {
	border: 0px solid gray;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#ctl00_FullWidthPlaceHolder_EventList_CenterDropDownList {
	margin-top: 10px;
	margin-bottom: 10px;
}

#eventListMessage {
	margin-top: 10px;
	color: var(--blue_darker);
}

#ctl00_FullWidthPlaceHolder_EventListMobile_CenterDropDownList {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px 12px 8px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 2px;
	border: 2px solid transparent;
	line-height: 1.25;
	cursor: pointer;
	display: flex;
	background-color: var(--blue_darker);
	color: white;
	width: 320px;
}

/*Home Page Headers*/

.homePageTitle h1:before {
	position: absolute;
	width: 70px;
	border-color: #ffd100;
	border-style: solid;
	content: ' ';
}

.homePageTitle h1:before {
	top: 0;
	left: 0;
	border-width: 3px
}
/*Second Level Page*/

.pageTitle{
	padding-left:25px;
}

	.pageTitle h1:before {
		position: absolute;
		width: 70px;
		border-color: #ffd100;
		border-style: solid;
		content: ' ';
	}

	.pageTitle h1:before {
		top: 0;
		left: 0;
		border-width: 3px
	}

.pageContent .row{
	padding:0px 25px 25px 25px;
}

.text{
	line-height:1.5em;
}

.btn {
	padding: 12px 16px 8px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 2px;
	border: 2px solid transparent;
	line-height: 1.25;
	cursor: pointer;
	display: flex;
	text-decoration: none;
}

.btn--lightbg {
	background: #00598c;
	color: #fff;
}

	.btn--lightbg:hover {
		background: #0079bf;
	}

.btn.icon--link::after {
	flex-shrink: 0;
	content: "";
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-left: 8px;
	margin-right: -8px;
	background: url(https://s3.us-west-1.amazonaws.com/webcomponents.ucla.edu/img/icons/denotive/external-link--white.svg);
	background-size: contain;
	background-position: 0 -1px;
}

.darrow {
	padding-right: 22px;
}

	.darrow:after {
		content: '';
		left: 10px;
		top: 5px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid white;
		position: relative;
		clear: both;
	}

/*Newsletter Sign Up*/
#ctl00_FullWidthPlaceHolder_newsletter_content strong {
	display: none;
}

#newsletter_content strong {
	display: none;
}

#ctl00_FullWidthPlaceHolder_newsletter1_newsletter{
	width: 50% !important;
	margin-right: 20px;
}

#ctl00_FullWidthPlaceHolder_newsletter1_newsletter1{
	width: 50% !important;
	margin-right: 20px;
}

#ctl00_FullWidthPlaceHolder_newsletter1_newsletter2 {
	width: 75% !important;
	margin-right: 20px;
}

#ctl00_FullWidthPlaceHolder_newsletter_container{
	display:flex;
	flex-wrap:wrap;
}

.newsletterContainer {
	display: flex;
}

#ctl00_FullWidthPlaceHolder_newsletter_EmailValueValidator{
	display:none;
}

#ctl00_FullWidthPlaceHolder_newsletter1_ListServesTR {
	display: none;
}

@media screen and (max-width:900px) {
	#ctl00_FullWidthPlaceHolder_newsletter1_newsletter {
		width: 80% !important;
	}

	#ctl00_FullWidthPlaceHolder_newsletter1_newsletter1 {
		width: 80% !important;
	}

	#ctl00_FullWidthPlaceHolder_newsletter1_newsletter2 {
		width: 80% !important;
	}

	#ctl00_FullWidthPlaceHolder_newsletter1_container {
		flex-direction: column;
	}
}

label[for=g-recaptcha-response]{
	display:none;
}

#ctl00_FullWidthPlaceHolder_newsletter1_submitButtonNewsletter {
	-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.75em;
	padding-right: 1.5em;
	padding-bottom: 0.8125em;
	padding-left: 1.5em;
	font-size: 1em;
	background-color: #2ba6cb;
	border-color: #2284a1;
	color: white;
}

#ctl00_FullWidthPlaceHolder_newsletter_submitButtonNewsletter {
	-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.75em;
	padding-right: 1.5em;
	padding-bottom: 0.8125em;
	padding-left: 1.5em;
	font-size: 1em;
	background-color: #2ba6cb;
	border-color: #2284a1;
	color: white;
}

#newsletter1_submitButtonNewsletter {
	-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.75em;
	padding-right: 1.5em;
	padding-bottom: 0.8125em;
	padding-left: 1.5em;
	font-size: 1em;
	background-color: #2ba6cb;
	border-color: #2284a1;
	color: white;
}
/*End Newsletter Sign Up*/

/*Outreach Page*/
.giveButton {
	-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	box-shadow: 0 1px 0 rgb(255 255 255 / 50%) inset;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-align: center;
	display: inline-block;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	font-size: 1em;
	background-color: #2ba6cb;
	border-color: #2284a1;
	color: white !important;
	max-width: 300px;
	margin-top: 10px;
	margin-right: 10px;
}

/*.giveButton:hover{
	background-color:var(--gold_darkest) !important;
}*/


	.slick-container {
		padding: 0px 45px;
		margin-top: 50px;
	}

.slider-img{
	object-fit:cover;
	height:120px;
	width:150px;
	margin-bottom:10px;
}

.flexContainer{
	display:flex;
}

.hide-EventTitle{
	display:none;
}

#ctl00_FullWidthPlaceHolder_EventList1_ClearButton{
	display:none;
}

/*Event Page*/
.calendarTableStyle{
	margin-bottom:25px;
	max-width:250px;
	background-color:var(--greyeight);
}

.myCalendarTitle{
	background-color:silver;
	padding:5px;
	height:15px;
}

.eventImg {
	margin: 15px 0px 25px 0px;
}

.eventBody {
	margin:50px 0px;
}

/*News Page*/
.newssubtitle {
	color: var(--blue);
	text-shadow: none !important;
}

.newsImg {
	margin-bottom: 10px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: var(--blue_darker);
	overflow:auto;
	width:100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}

	.dropdown-content a {
		color: white !important;
	}

.show{
	display:block;
}

.sidebox li{
	padding:5px 0px;
}

/*Books Page*/
#ctl00_FullWidthPlaceHolder_booksStoryListMobile_PageTable{
	padding:0px;
}

/*People Page*/
.staffImg {
	object-fit: cover;
	object-position: top;
	height: 180px;
	width: 150px;
	filter: drop-shadow(2px 2px 2px #666666);
}

	.staffImg:hover {
		transform: scale(1.02);
		transition-duration: 0.6s;
	}

/*Accordion*/

.accordion {
	max-width: 600px;
	color: black;
	background-color: white;
}

	.accordion .acontainer {
		position: relative;
		margin: 10px 10px;
	}

	.accordion .alabel {
		position: relative;
		cursor: pointer;
	}

		.accordion .alabel::before {
			content: '+';
			color: var(--blue_darker);
			position: absolute;
			top: 50%;
			right: -5px;
			font-size: 30px;
			transform: translateY(-50%);
		}

	.accordion .acontent {
		position: relative;
		background: white;
		height: 0;
		font-size: 20px;
		text-align: justify;
		overflow: hidden;
		transition: 0.5s;
	}

	.accordion hr {
		width: 100%;
		margin-left: 0;
		border: 1px solid var(--blue_darker);
	}

	.accordion .acontainer.active .acontent {
		height: fit-content;
		padding: 10px;
	}

	.accordion .acontainer.active .alabel::before {
		content: '-';
		font-size: 30px;
	}

/*table*/

table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

tr {
	background: #fff;
}

th {
	background: #fff;
	border-bottom: none;
	font-weight: 600;
	padding: 5px;
	text-align: left;
}

td {
	padding: 5px;
}

blockquote.g {
	background: none;
	border: none;
	margin: 1em 0 1em 40px;
	padding: 0;
}

table img {
	max-width: none;
}

table td.s font {
	word-wrap: break-word;
}

.stripe {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px 0;
	width: 100%;
}

	.stripe tr {
		background: #fff;
	}

		.stripe tr.alt {
			background: #eee;
		}

	.stripe th {
		background: #d1e8f8;
		border-bottom: 1px solid #204e91;
		font-weight: 600;
		padding: 10px;
		text-align: left;
	}

	.stripe td {
		padding: 10px;
		vertical-align: top;
	}

/*Podcasts & Videos*/
.podcasts{
	margin-bottom:15px;
	color:black;
}

.podcasts a{
	font-weight:normal;
}

.VideoPlayerContainer {
	-webkit-box-shadow: 0px 1px 0px rgb(204 204 204 / 30%);
	-moz-box-shadow: 0px 1px 0px rgba(204,204,204,.3);
	box-shadow: 0px 1px 0px rgb(204 204 204 / 30%);
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.photocaption {
	font-size:.9em;
}

/*Centers*/

.center-logo {
	margin-top: 20px;
	width: 400px;
}

/*Booklist*/
table#booklist td {
	vertical-align: top;
	padding: 20px;
}