/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* ------------------------------------------------------------------------------------------
 * Base CSS Styles
 * v2013-05-14.0938 | UT Arlington University Communications | www.uta.edu/ucomm
 * ------------------------------------------------------------------------------------------ */
html{font-size:16px}
html,button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;margin-bottom:.3em}
h1{font-size:3em}
h2{font-size:2.5em}
h3{font-size:2em}
h4{font-size:1.6em}
h5{font-size:1em}
h6{font-size:.9em}
pre,code,kbd,samp,tt,var{font-family:Monaco,Consolas,"Courier New",monospace;font-size:85%}
code,var{background-color:#ffeec6;padding:1px 3px;font-style:normal}
pre{border:1px solid #ccc;color:#333;background-color:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:4px 8px;line-height:1.5em}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
blockquote{padding:0 0 0 15px;border-left:10px solid #eee}
blockquote p{margin:0 0 0.5em}
blockquote small{color:#777}
blockquote small:before{content:'\2014 \00A0'}
dt{font-weight:bold}
dd{margin-left:9px}
p,li,td,th,caption,dt,dd,address,legend{line-height:1.6}
address{line-height:1.2;font-style:normal}
ol ol{list-style-type:lower-alpha}
dl,blockquote,p,table,ul,ol,address,fieldset{margin:0 0 1em}
abbr[title],acronym{cursor:help;border-bottom:1px dotted #aaa}
abbr[title]:hover,acronym:hover{border-bottom:1px dotted #444}
a abbr[title],a acronym{cursor:pointer}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:.75em}
legend{font-weight:bold;padding:0 .3em}
img{vertical-align:middle}
td,th{text-align:left;padding:5px 10px 5px 5px;border-right:1px solid #fff}
th{vertical-align:bottom;font-weight:bold}
td{vertical-align:top}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.skipnav{margin:0!important;padding:0!important}
.skipnav a{position:absolute;left:-1000em;overflow:hidden;position:absolute;top:0;width:1px;height:1px}
.skipnav.showonfocus a:focus{left:20%;top:0;width:auto;height:auto;background-color:#0168b3;color:#fff;padding:10px;font-weight:700;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;-moz-box-shadow:0 3px 5px #333;-webkit-box-shadow:0 3px 5px #333;box-shadow:0 3px 8px #ccc;text-decoration:none}
.floatleft{float:left}
.floatright{float:right}
.clear{clear:both}
.pull-left{float:left;margin:.5em 1em 1em 0}
.pull-right{float:right;margin:.5em 0 1em 1em}
span.small,p.small{font-size:80%}
.ir{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent}

label{display:block;margin-bottom:5px}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{display:inline-block;height:20px;padding:4px 6px;line-height:20px;color:#333;vertical-align:middle}
textarea{height:auto;line-height:1.5}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{background-color:#fff;border:1px solid #aaa;-webkit-box-shadow:inset 1px 2px 2px rgba(0,0,0,0.075);-moz-box-shadow:inset 1px 2px 2px rgba(0,0,0,0.075);box-shadow:inset 1px 2px 2px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}
select{background-color:#fff;border:1px solid #999}
.radio input[type="radio"], .checkbox input[type="checkbox"] {float: left; margin: 1px 0 0 -20px}
label.radio, label.checkbox {min-height: 20px; padding-left: 20px; cursor: pointer}


/*======================================================================================
   CORE Map Styles
  ====================================================================================*/

html, body {height: 100%; margin: 0; padding: 0; overflow:hidden; background-color: #013668; }

a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
  
.yes-js .noscript {display: none;}
.for-desktop-only {display: none !important;}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: .9rem;
    line-height: 1.25;
    transition: all .15s ease-in-out;
    color: #fff;
    background: #327cca;
}
a.btn {
    text-decoration: none;
}

/* ----- Popup Windows ----- */
.infowindow {margin: 5px; font-weight: 400; padding-right: 13px;}
.infowindow p {margin-bottom: .5em;}
.infowindow p.type{text-transform:uppercase;font-size:.9em;color:#666;margin:0}
.infowindow h1 {font-size:1.5em;color:#0064b1;margin:0 0 .25em}
.infowindow p.links{font-size:.85em}
.infowindow p.address a {font-size:.9em}
.infowindow span.dirnote {font-size: .9em; font-style:italic;color:#666;}
.infowindow p.links a {margin-right: 15px;color: #999; font-weight: bold; text-transform: uppercase;}
.infowindow p.links a.active {color: #444; text-decoration: underline;}
.infowindow img.photo{float:right;margin:0 8px}
.infowindow p.linkinfo, 
.infowindow p.embedinfo {display: none;}
.infowindow input[type="text"] {padding: 0 2px; width:100%; max-width: 260px; font-size: 11px;}
.infowindow p.website {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* Google map popup window style overrides */
.gm-style-iw-chr { height: 10px; }
.gm-ui-hover-effect {width: 40px !important; height: 46px !important;}
.gm-ui-hover-effect>span {width: 18px !important; height: 18px !important; margin: 12px !important; }

.infowindow .campuscarry {
	font-size: .9em;
}
.infowindow .campuscarry > * {
	vertical-align: middle;
}
.infowindow .campuscarry > img {
	margin-right: 5px;
}

/* ----- Modal Popup windows ----- */
#map-modals {position: absolute; z-index: 900; top: 0; left: 0; right:0; bottom: 0; display: none; background: rgba(0,0,0, 0.5); }

.modal {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.modal a.close {
	cursor: pointer; 
	position:absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    text-align: center;
    width: 25px;
    height: 25px;
	font:bold 18px/18px Tahoma,Verdana,sans-serif;
	color:#777;
	text-decoration:none;
}
.modal a.close:hover {
	color: #000;
}
.modal h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0.75em 0 0 1em;
	color: #333;
	/* undo the old gradient styles */
	background-image: none !important;
	-webkit-background-clip: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

.modal ul,
.modal ol {
	padding-left: 1rem;
}

.modal img {width:auto; max-width:100%; display:inline-block;}
.modal-directions label {float: left; clear: left; width: 18%; font-weight: bold;padding-top: 0.4em;}
.modal-directions div.input {float: left; width: 75%; margin: 0 0 1em;}
.modal-directions fieldset {border:none; padding-top: 1em;}
.modal-directions div.input input,
.modal-directions div.input select {width: 100%; border: 1px solid #aaa;  box-sizing: content-box;  height: 20px;
    padding: 4px 6px;
    line-height: 20px; }

.modal-schedules p { margin: 0; }

.modal .tip {
	background: #e0effd;
    margin: 1rem 0;
    padding: 0.7rem;
}


/** NOT CURRENTLY USED - HOTSPOT FEATURE IS STILL IN PROGRESS 
.hotspot {
	border-width: 11px;
	border-style: solid;
	border-color: rgba(0,100,255,0);
	position: absolute;
	border-radius: 50%;
	transition: all 200ms ease;
}
.hotspot:hover {
	border-color: rgba(8, 111, 212,.5);
}
**/







/****************************************************
 these were pulled in from Sitecore styles. They should be integrated with mapstyles intead
 *****************************************************/

.app-container #map-header {
	background-image: linear-gradient(135deg, #0064b1, #0b3250);
	background-repeat: repeat-x; }
	@media only screen and (min-height: 550px) and (min-width: 1000px) {
	  .app-container #map-header .for-desktop-only {
		align-items: center;
		display: flex !important;
		height: 100%; } }
	.app-container #map-header .for-desktop-only h1 {
	  position: relative;
	  width: 100%;
	  padding-right: 15px;
	  padding-left: 15px;
	  flex: 0 0 16.6666666667%;
	  max-width: 16.6666666667%;
	  float: none;
	  margin: 0 !important; }
	.app-container #map-header .for-desktop-only h1 img {
	  max-width: 92px; }
	.app-container #map-header .for-desktop-only form {
	  position: relative;
	  width: 100%;
	  padding-right: 15px;
	  padding-left: 15px;
	  flex: 0 0 25%;
	  max-width: 25%;
	  background-color: #fff;
	  padding: 10px;
	  float: none;
	  margin: 0 !important; }
	  @media (min-width: 1250px) {
		.app-container #map-header .for-desktop-only form {
		  margin-left: 8.3333333333% !important; } }
	.app-container #map-header .for-mobile-only h1 {
	  background-image: none;
	  color: #fff;
	  -webkit-background-clip: border-box;
	  -webkit-text-fill-color: currentcolor; }
	@media only screen and (max-width: 999px), (max-height: 549px) {
	  .app-container #map-header img.utalogo {
		max-width: 100%;
		height: auto;
		height: auto !important;
		max-height: 45px;
		width: auto !important; } }
	.app-container #map-header .twitter-typeahead {
	  width: 100%; }
	.app-container #map-header input.tt-query,
	.app-container #map-header input.tt-hint {
	  color: #000;
	  min-height: 24px;
	  padding-bottom: 0;
	  padding-right: 0;
	  padding-top: 0;
	  width: 100% !important; }
	  .app-container #map-header input.tt-query::-webkit-input-placeholder, .app-container #map-header input.tt-query::-ms-input-placeholder, .app-container #map-header input.tt-query:-ms-input-placeholder, .app-container #map-header input.tt-query::-moz-placeholder, .app-container #map-header input.tt-query::placeholder,
	  .app-container #map-header input.tt-hint::-webkit-input-placeholder,
	  .app-container #map-header input.tt-hint::-ms-input-placeholder,
	  .app-container #map-header input.tt-hint:-ms-input-placeholder,
	  .app-container #map-header input.tt-hint::-moz-placeholder,
	  .app-container #map-header input.tt-hint::placeholder {
		color: #4c4c4c; }
  
  @media only screen and (min-height: 550px) and (min-width: 1000px) {
	.app-container #map-navbar {
	  height: 57px !important; } }
  
  @media only screen and (min-height: 550px) and (min-width: 1000px) {
	.app-container .navlinks {
	  align-items: center;
	  display: flex;
	  height: 100%; } }
  
  .app-container .navlinks a {
	line-height: 1; }
  
  @media only screen and (min-height: 550px) and (min-width: 1000px) {
	.app-container a.navbutton {
	  font-size: 0.75rem;
	  font-weight: 700;
	  border: 2px solid #fff;
	  color: #fff;
	  font-family: 'Montserrat Bold', sans-serif;
	  letter-spacing: 0.86px;
	  line-height: 1.25;
	  padding: 13px 40px;
	  text-decoration: none;
	  text-transform: uppercase;
	  background-color: #c45517;
	  position: relative;
	  transition-duration: 200ms;
	  transition-property: background, color;
	  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	  border: 0; }
	  .app-container a.navbutton:hover {
		color: #c45517;
		text-decoration: none; }
		.app-container a.navbutton:hover::after {
		  opacity: 1; }
	  .app-container a.navbutton span {
		position: relative;
		z-index: 2; }
	  .app-container a.navbutton::before {
		background-image: linear-gradient(to right, #c45517 52.4%, #cc4b14 100%);
		background-repeat: repeat-x;
		background-color: #d64309;
		background-repeat: repeat;
		background-size: 200% 200%;
		border-radius: 50px;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0; }
	  .app-container a.navbutton::after {
		content: '';
		background-color: #fff;
		border-radius: 50px;
		bottom: 2px;
		left: 2px;
		opacity: 0;
		right: 2px;
		position: absolute;
		top: 2px;
		transition-duration: 200ms;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		z-index: 1; }
	  .app-container a.navbutton[sc-part-of='field'], .app-container a.navbutton.scEnabledChrome {
		border: 2px solid #f76b1c;
		background-color: #f76b1c;
		color: #fff; }
		.app-container a.navbutton[sc-part-of='field']:hover, .app-container a.navbutton.scEnabledChrome:hover {
		  background-color: #fff;
		  color: #c45517; }
		.app-container a.navbutton[sc-part-of='field']::before, .app-container a.navbutton[sc-part-of='field']::after, .app-container a.navbutton.scEnabledChrome::before, .app-container a.navbutton.scEnabledChrome::after {
		  display: none; } }
  
  .app-container .collapsible > li > a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #4a90e2;
	background-image: -webkit-linear-gradient(top left, #4a90e2, #0b3250);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Poppins Bold", "Helvetica Neue", Arial, sans-serif, "Poppins Bold", "Helvetica Neue", Arial, sans-serif;
	padding-right: 47px; }
	@media print {
	  .app-container .collapsible > li > a {
		background-image: none;
		color: #4a90e2;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: currentcolor; } }
	.scEnabledChrome .app-container .collapsible > li > a {
	  background-image: none;
	  color: #4a90e2;
	  -webkit-background-clip: border-box;
	  -webkit-text-fill-color: currentcolor; }
	@media only screen and (min-height: 550px) and (min-width: 1000px) {
	  .app-container .collapsible > li > a::before {
		font-family: 'Font Awesome 6 Pro';
		font-weight: 900;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #ffa44a;
		background-image: -webkit-linear-gradient(top left, #ffa44a, #e75317);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		border: 0;
		content: '\f078';
		float: none;
		height: 20px;
		margin-left: 7px;
		margin-right: 0;
		position: absolute;
		right: 10px;
		text-align: right;
		transform: rotate(0deg);
		transform-origin: 62% 50%;
		transition-duration: 200ms;
		transition-property: transform;
		transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		width: 20px; }
		.scEnabledChrome .app-container .collapsible > li > a::before {
		  background-image: none;
		  color: #ffa44a;
		  -webkit-background-clip: border-box;
		  -webkit-text-fill-color: currentcolor; } }
  
  @media only screen and (min-height: 550px) and (min-width: 1000px) {
	.app-container .collapsible > li.active a::before {
	  border: 0;
	  transform: rotate(180deg); } }
  
  .app-container label {
	display: block; }
  
  @media only screen and (max-width: 999px), (max-height: 549px) {
	.app-container #map-panels .listview li::before {
	  border-radius: 0;
	  font-family: 'Font Awesome 6 Pro';
	  font-weight: 900;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  color: #ffa44a;
	  background-image: -webkit-linear-gradient(top left, #ffa44a, #e75317);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  background-color: transparent;
	  background-position: 0 0;
	  content: '\f054'; } }
	@media print and (max-height: 549px) {
	  .app-container #map-panels .listview li::before {
		background-image: none;
		color: #ffa44a;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: currentcolor; } }
  
  @media only screen and (max-width: 999px), (max-height: 549px) {
	  .scEnabledChrome .app-container #map-panels .listview li::before {
		background-image: none;
		color: #ffa44a;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: currentcolor; } }
  
  .app-container #map-panels .search fieldset {
	padding: 0.35em 0.625em 0.75em; }