@charset "utf-8";
/* *******************************************************************
Organization:
Section 1 - additions
Section 2 - WebBridge
Section 3 - SMS and Email Styles
Section 4 - Responsive and print media queries

********************************************************************** */
/* general appearance */
/* See also Web Option BODYPARAM */

/* Stylesheet to use for dynamic Web pages */
/* is set by Web Option STYLESHEET */



/* Section 1 - additions - 2016 dshurd@uark.edu */

/*@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");*/
/*@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");*/
@import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");
/*@import url("//libraries.uark.edu/stylesheets/resets.css");*/
/*@import url("//libraries.uark.edu/stylesheets/libfont-style.css");*/

/* Watson Library fonts */

@font-face {
    font-family: 'MetSans';
    font-weight: 400;
    src: url("TheMetSans-Regular.eot");
    src: url("TheMetSans-Regular.eot#iefix") format("embedded-opentype"), url("TheMetSans-Regular.woff") format("woff"), url("TheMetSans-Regular.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 500;
    src: url("TheMetSans-Medium.eot");
    src: url("TheMetSans-Medium.eot#iefix") format("embedded-opentype"), url("TheMetSans-Medium.woff") format("woff"), url("TheMetSans-Medium.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-style: italic;
    src: url("TheMetSans-RegularItalic.eot");
    src: url("TheMetSans-RegularItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-RegularItalic.woff") format("woff"), url("TheMetSans-RegularItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 700;
    src: url("TheMetSans-Bold.eot");
    src: url("TheMetSans-Bold.eot#iefix") format("embedded-opentype"), url("TheMetSans-Bold.woff") format("woff"), url("TheMetSans-Bold.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 700;
    font-style: italic;
    src: url("TheMetSans-BoldItalic.eot");
    src: url("TheMetSans-BoldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-BoldItalic.woff") format("woff"), url("TheMetSans-BoldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 600;
    src: url("TheMetSans-Semibold.eot");
    src: url("TheMetSans-Semibold.eot#iefix") format("embedded-opentype"), url("TheMetSans-Semibold.woff") format("woff"), url("TheMetSans-Semibold.svg") format("svg")
}

@font-face {
    font-family: 'MetSans';
    font-weight: 600;
    font-style: italic;
    src: url("TheMetSans-SemiboldItalic.eot");
    src: url("TheMetSans-SemiboldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSans-SemiboldItalic.woff") format("woff"), url("TheMetSans-SemiboldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 400;
    src: url("TheMetSerifWeb-Roman.eot");
    src: url("TheMetSerifWeb-Roman.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Roman.woff") format("woff"), url("TheMetSerifWeb-Roman.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 400;
    font-style: italic;
    src: url("TheMetSerifWeb-Italic.eot");
    src: url("TheMetSerifWeb-Italic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Italic.woff") format("woff"), url("TheMetSerifWeb-Italic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 600;
    src: url("TheMetSerifWeb-Semibold.eot");
    src: url("TheMetSerifWeb-Semibold.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Semibold.woff") format("woff"), url("TheMetSerifWeb-Semibold.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 600;
    font-style: italic;
    src: url("TheMetSerifWeb-SemiboldItalic.eot");
    src: url("TheMetSerifWeb-SemiboldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-SemiboldItalic.woff") format("woff"), url("TheMetSerifWeb-SemiboldItalic.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 700;
    src: url("TheMetSerifWeb-Bold.eot");
    src: url("TheMetSerifWeb-Bold.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-Bold.woff") format("woff"), url("TheMetSerifWeb-Bold.svg") format("svg")
}

@font-face {
    font-family: 'MetSerif';
    font-weight: 700;
    font-style: italic;
    src: url("TheMetSerifWeb-BoldItalic.eot");
    src: url("TheMetSerifWeb-BoldItalic.eot#iefix") format("embedded-opentype"), url("TheMetSerifWeb-BoldItalic.woff") format("woff"), url("TheMetSerifWeb-BoldItalic.svg") format("svg")
}

:root {
    --color-met-red: #ce0058;
    --color-met-red-medium: #e4002b;
    --color-met-red-dark: #fe8800;
    --color-white: #fff;
    --color-component-background: #001E50;
    --color-site-background: #fff;
    --color-text: #fff; 
    --color-text-accent: #fff;
    --color-black: #000000;
    --color-met-blue: #003087;
    --color-met-blue-medium: #0050BC;
    --color-met-teal-medium: #009CA6;
    --color-met-orange-dark: #FF8800;
    --color-font-clicked: #001E50;
    
    }  

body {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    -webkit-font-smoothing: antialiased
}

h1, h2, h3, h4, h5, h6 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0;
    line-height: 1
}

h1 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

h2 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem
}

h3 {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 1.4
}

p {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding: 0
}

li {
    margin: 0;
    padding: 0
}

ul {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

th {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Accordion */ 


.abstract-accordion {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 35px
}

.abstract-accordion__header {
    position: relative;
    padding-bottom: 15px
}

h2.abstract-accordion__title {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    font-weight: 500
}

.accordion {
    border: 1px solid #dfe0e0;
    border-width: 1px 0;
    padding: 10px 0;
    padding: .625rem 0
}

.accordion+.accordion {
    border-top: none
}

.accordion__toggle-control {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0
}

.accordion__toggle-state {
    display: none
}

.accordion__toggle-indicator {
    float: right;
    height: 20px;
    height: 1.25rem;
    position: absolute;
    right: 0;
    top: 15px;
    top: .9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    width: 1.25rem
}

.accordion__toggle-indicator:after {
    background-color: #333;
    content: "";
    display: inline-block;
    height: 2px;
    height: .125rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    width: 1.25rem
}

.accordion__toggle-state:checked+.accordion__toggle-indicator:after {
    background-color: #ee322d
}

.accordion__toggle-indicator:before {
    background-color: #333;
    content: "";
    display: inline-block;
    height: 20px;
    height: 1.25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 2px;
    width: .125rem
}

.accordion__toggle-state:checked+.accordion__toggle-indicator:before {
    display: none
}

.accordion__content {
    padding: 20px 0;
    padding: 1.25rem 0
}

.accordion--no-top {
    border-top: none
}

.accordion-wrapper {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

.accordion-wrapper section:last-of-type .accordion__content {
    padding-bottom: 0
}

.accordion-wrapper section:last-of-type .accordion__content:after {
    content: none
}

.accordion--advanced {
    border: none;
    padding: 10px 0;
    padding: .625rem 0
}

.accordion--advanced>img {
    width: 100%
}

.accordion--advanced .accordion__header {
    border: 1px solid #959798;
    padding: 25px 20px;
    padding: 1.5625rem 1.25rem
}

.accordion--advanced .accordion__content:after {
    background: url("/assets/icons/ico-diamond.svg") repeat-x left top;
    background-size: .3125rem .3125rem;
    content: "";
    display: block;
    height: 5px;
    height: .3125rem;
    width: 100%
}

.accordion--advanced .section-highlight {
    margin-bottom: 30px;
    margin-bottom: 1.875rem
}

.accordion__header {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative
}

.accordion__header:hover {
    cursor: pointer
}

.accordion__header p {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.accordion__title {
    font-weight: 600;
    line-height: inherit;
    margin-bottom: 5px;
    margin-bottom: .3125rem;
    padding-right: 25px;
    padding-right: 1.5625rem;
    position: relative;
    top: 3px
}

.accordion__title:last-child {
    margin-bottom: 0
}

.accordion-wrapper .accordion img {
    margin: 0
}

.accordion--container {
    border: 1px solid #dfe0e0;
    padding: 40px
}


/* test sidebar styling from lib-style.css*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/* CLOSE test sidebar styling from lib-style.css*/

/*RESETS FROM UARK */
a, a:link, a:visited {
    color: #0050BC;
}

h1 {
  font-weight:400;
	font-size: 2em;
	margin: 20px 0;
}

h2 {
  font-size: 1.8em;
}

h2 a, [role="main"] h2 a, [role="main"] h3 a {
  color: #333;
  text-decoration: none !important;
  background-image: linear-gradient(to top,
    rgba(0,0,0,0) 7%,
    rgba(0,0,0,.2) 7%,
    rgba(0,0,0,.2) 9%,
    rgba(0,0,0,0) 9%
    );
}



h2 a:hover, [role="main"] h2 a:hover, h3 a:hover, h2.panel-title a {
  color: #a6192e;
  background-image: none;
}

h3, .h3, aside h2 {
  font-size: 1.5em;
	margin-bottom: 0;
}

aside h2 + form {
  margin-top: 10px;
}

aside h3 {
  font-size: 1.2em;
}

h3:first-child, h4:first-child {
   margin-top: 0;
}

section h2.h3 {
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    white-space: normal;
    text-transform: none;
}

#content h3 + p, #content h3 + ul, #content h3 + ol, #content h3 + dl, #content .h3 + p, #content .h3 + ul, #content .h3 + ol, #content .h3 + dl, #content aside h2 + p, #content aside h2 + ul, #content aside h2 + ol, #content aside h2 + dl  {
    margin-top: .4em;
}


h3 + h4, h3 + div h4:first-child, h3 + img, h3 + div img:first-child {
  margin-top: 10px;
}

section h4, h4 {
  color: #333;
}

h5 {
  font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0;
}

#content h5 + p, #content h5 + ul, #content h5 + ol, #content .h5 + p, #content .h5 + ul, #content .h5 + ol {
    margin-top: .4em;
}

figure + h2, .figure + h2, figure + h3, .figure + h3 {
margin-top: 1.4em;
}


p {margin-bottom: 14px;}

img {
  max-width: 100%;
	height: auto;
}

.leftfloat, .rightfloat {
    display: block;
}


blockquote footer {
  background-color: transparent;
	color: #333;
	text-align: right;
	padding-top: 14px;
}

blockquote footer cite {
	font-style: italic;
}

/*blockquote footer cite:before {
    content: '{u00E2}{u20AC}{u201D}';
}*/

blockquote + h2 {
    margin-top: 0;
}



table {
  width: 100%;
  padding: 0;
  margin-bottom: 2.5em;
}

table th, table td {
  padding: 5px 5px 4px;
  text-align: left;
}

table th {
  font-weight: bold;
  vertical-align: middle;
}

table td, table tbody th {
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #efefef;
}

.cross-striped:hover tbody tr:nth-child(odd) td {
  background-color: transparent;
}

.zebra-striped tbody tr:hover td {
  background-color: #fdffc0 !important;
}

.cross-striped {
  overflow: hidden;
}


.cross-striped tbody td, .cross-striped tbody th {
  position: relative;
}

.cross-striped tbody td:hover::after,
.cross-striped tbody th:hover::after {
  content: "";
  position: absolute;
  background-color: #fdffc0;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: upper-roman;
}

ol ol ol ol {
  list-style-type: decimal;
}

dt, dd {
  font-size: 16px;
  line-height: 1.5em;
}

dd {
  margin-bottom: 1.5em;
}

dd + dd {
  margin-top: -1.4em;
}

dl.list-inline {
  margin-left: 0;
}

dl.list-inline dt:after {
  content: ": ";
}

dl.list-inline dd {
  padding-right: 20px;
  margin-bottom: 0;
}


dl.list-inline dt, dl.list-inline dd {
  display: inline-block;
}

.row ~ hr {
  margin-bottom: 30px;
}

hr ~ .row blockquote footer {
  padding-bottom: 0;
}

.s-la-widget .btn-chat {
    color: #fff;
    background-color: #0050BC;
    border-color: #0050BC;
    padding: 1px;
}

/**change the position of the AAL widget**/
#lcs_slide_out-14797 {
    top: 300px;
}

 /**add white border to the AAL widget**/
#lcs_slide_out-14797 header a {
    border-width: 3px !important;
    direction: rtl;
    transform: rotate(-180deg) scale(1.1);
}

#global-dropdown a:hover, #global-dropdown a:active, #global-dropdown a:focus {
    background: #666 !important;
    color: #fff;
    }



button, html input[type=button], input[type=reset] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: currentcolor;
    display: inline-flex;
    font-family: var(--met-sans);
    font-size: 1em;
    font-weight: 600;
    justify-content: center;
    line-height: 1.333;
    padding: 0;
    
    &:not(:disabled):hover {
        cursor: pointer;
    }
    
    &:disabled,
    &:disabled:focus,
    &:disabled:hover {
        background: var(--color-component-background);
        box-shadow: none;
        color: var(--color-text-accent);
    }
    
    &:focus-visible {
        outline: 1.5px solid var(--color-text);
        outline-offset: 1.5px;
    }
    }




/* Dropdown Button */
.dropbtn {
    background-color: var(--color-met-blue-medium);
    color: white;
    padding: 16px;
    font-size: 18px;
    border: none;
  }
  
  /* The container <div> - needed to position the dropdown content - this should be navbar */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    background: var(--color-met-blue-medium);
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    text-align: left;

  }
  
  @media (max-width: 992px) {

    .dropbtn {
        background-color: var(--color-met-blue-medium);
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
    }
}

  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: var(--color-component-background);}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {background-color: var(--color-met-blue-medium); text-decoration: underline;}

.bibSearchHistory {
	visibility:hidden;
}
/* -------- main content -------- */


#content {
  padding-bottom: 30px;
  margin-top: 50px;
  }


#content li ul, #content li ol {
  margin-bottom: 0;
  }

#content address {
  margin-top: 10px;
  }

#content dd address {
  margin-top: 0;
  }

/* -------- accordian -------- */


h2.panel-title a {
  display: block;
  border-bottom: none;
}






/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */




/* ---------------iconised links------------------------- */

@media screen {

a[href$='.pdf'], a[href$='.PDF'], a[href$='.doc'], a[href$='.DOC'], a[href$='.docx'], a[href$='.DOCX'] {
    padding-right:20px;
}

a[href$='.pdf']:after, a[href$='.PDF']:after {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}
/*not sure what below color is referring to*/
a[href$='.doc']:after, a[href$='.DOC']:after, a[href$='.docx']:after, a[href$='.DOCX']:after {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2a3281;
	position: absolute;
    padding-left:5px;
	font-weight: 400;
}

}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */


@media print {
	#sidebar, nav, #opener, #superfoot, #footer-links-contact, footer, .tile, .calnav  {display: none;}
	body  {margin: 0px;}
    p, table, ol, ul, a, address {page-break-inside: avoid; font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
	h2, h3, h4, h5 {page-break-after: avoid; font-weight: 500;}
	h1 {text-align: center; margin-bottom: 1.3em}
	.collapse {display: block;}
    .panel {border: none;}
    .panel-default>.panel-heading {background-color: transparent;}
    .panel-heading { padding: 1em 0 0 0; border-bottom: none;}
    .panel-title {font-size: 18px;}
    .panel-body {padding: 0;}
    .panel-group .panel-heading+.panel-collapse .panel-body {border-top: none;}
  table a[href]:after { content: '' !important; }



}

@page {size: auto;margin: 25mm 25mm 25mm 25mm;}


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

@media (max-width: 767px) {
	.navbar-default {margin-top: 5px}
}

@media (min-width: 768px) {

	#main-container  p.intro {font-size: 1.5em; line-height: 1.6em; margin: 6px 0 30px 0;}
	blockquote {border-left: none;margin: 3em; margin-left: 6.4em;}
  blockquote.extended {margin: 1em; margin-left: 2em;}
  blockquote:last-child {margin-bottom: 0;}
  blockquote p {font-size: 1.4em !important; line-height: 1.3em;}
  blockquote.extended p {font-size: 1.1em !important; line-height: 1.3em; font-weight: 400;}
	blockquote p:first-child:before, blockquote img + p:before {content: "\f10d"; font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;  float: left; margin-left: -1.3em; font-size: 2.5em; color: #d5d5d7; line-height: 1.2em;}
  blockquote.withthumb p {padding-left: 160px;}
  blockquote.withthumb:before, blockquote.withthumb:after { content: " "; display: table;}
  blockquote.withthumb:after { clear: both;}
	#footer-top ul li {display: inline-block; border-right: 1px solid #ccc; width: 18%; text-align: center;}
  #footer-top ul li:last-child {border-right: none;}


	#footer-top h2 span {display: block; font-size: 2em; color: #a32136; padding-bottom: 4px;}
  #footer-top h2 {text-align: center;font-weight: 300;font-size: 1.5em;width: 100%;}
  .leftfloat {float: left;margin: 5px 30px 30px 0;}
	.rightfloat {float: right;margin: 0px 0 30px 30px;}
  body.nonav #search-stack {top: 41px;}
  body.nonav #header-bg { border-bottom: 1px solid #D9D9D9;}
  .btn-lg { font-size: 18px; }

}

@media (max-width: 767px) {
  #site-heading {margin-top: 10px !important;}
  /*#opener .brand{height: 75px;}*/
  blockquote.withthumb img {display: none;}
  #search-stack {display: inline-block; top:0}
	.navbar {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none;}
	.navbar-toggle {float: none; margin-left: 15px;}
  #sidebar .navbar-collapse.collapse { display: none !important; }
	#banner_cont {min-height: 0;}
	#content {margin-top: 0;}
  #banner_cont #banner-caption { display: none; }
  #newRadios {text-align: left;}
  dl.list-inline dt { display: inline; }
  dl.list-inline dt:before { content:"\a"; white-space: pre; }
  section h2 { color: #333; text-align: left; margin-bottom: 10px; display: block; white-space: normal; text-transform: none; }
}


@media (max-width: 767px) {
    #site-heading {margin-top: 10px !important;}
    /*#opener .brand{height: 75px;}*/
    blockquote.withthumb img {display: none;}
    #search-stack {display: inline-block; top:0}
      .navbar {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
      .navbar-toggle {float: none; margin-left: 15px;}
    #sidebar .navbar-collapse.collapse { display: none !important; }
      #banner_cont {min-height: 0;}
      #content {margin-top: 0; background: #fff;}
    #banner_cont #banner-caption { display: none; }
    #newRadios {text-align: left;}
    dl.list-inline dt { display: inline; }
    dl.list-inline dt:before { content:"\a"; white-space: pre; }
    section h2 { color: #333; text-align: left; margin-bottom: 10px; display: block; white-space: normal; text-transform: none; }
  }


@media(min-width:992px){
  .two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	#search-stack {  width: 400px; float: right; }
	#rightcolumn { padding-left: 30px;}
  .navbar-default {background-color: a6192e;}

}


@media (max-width: 991px) {
    #site-heading a { line-height: 1em;}
    #sidebar {margin-top: 30px; clear: both;}
}



@media (max-width: 991px) and (min-width: 768px) {
    #search-stack form input {width: 150px;}
}

/*END RESETS*/

/* HEADER from UARK STYLE
-------------------------------------------------- */

#header-bg {
	background-color: var(--color-met-blue-medium);
	position: absolute;
	top:-53px;
	left:0;
	width: 100%;
	z-index: -10;
	height:250px;
}

#opener {
	z-index: 1000;
	position: relative;
}

#opener .brand {
font-size:0;
/* UArk was a2151f */
color: var(--color-met-blue-medium);
display: block;
width: 100%;
height:100px;
position: relative;
top:0;
box-shadow: none;
/* UArk was a2151f */
background: var(--color-met-blue-medium); /* Old browsers */
/* commented out all background rows too */
/* background: -moz-radial-gradient(top, #a6192e 0%, #8f0222 30%, #600a11 100%); /* FF3.6+ */
/* background: -webkit-gradient(radial, left top, left bottom, color-stop(0%,#a6192e), color-stop(44%,#8f0222), color-stop(100%,#600a11)); /* Chrome,Safari4+ */
/* background: -webkit-radial-gradient(top, #a2151f 0%,#8f0222 30%,#600a11 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-radial-gradient(top, #a6192e 0%,#8f0222 30%,#600a11 100%); /* Opera 11.10+ */
/* background: -ms-radial-gradient(top, #a6192e 0%,#8f0222 30%,#600a11 100%); /* IE10+ */
/* background: radial-gradient(to bottom, #a6192e 0%,#8f0222 30%,#600a11 100%); /* W3C */

}

#opener .brand:before {
	content: "";
	background: url("logo-mobile.png") left center no-repeat;
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	display: block;
}

/*a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

a.svg {
  position: relative;
  display: inline-block;
}*/

#global-dropdown {
	position: absolute;
	top:5px;
	margin: 0 auto;
	right:0;
	width: 36px;
	display: block;
}

#global-dropdown .dropdown-toggle {
	border:1px solid #d8d8d8;
	background-color: #b3b3b3;
	color:#fff;
	padding:6px 7px 6px 7px;
}

#global-dropdown a:hover, #global-dropdown a:active, #global-dropdown a:focus {
	text-decoration: none;
	background-color:#666;
	border-bottom: none;
}

#global-dropdown .btn {
	left: -254px;
	top: 21px;
	border-radius: 0 0 0 0;
	min-width: 250px;
	width: 290px;
	padding-top: 0;
}

#global-dropdown .btn > li {
	width:133px;
	margin-left: 5px;
	float: left;
}

#global-dropdown .btn .nav-header {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	text-transform: none;
	margin-bottom: 5px;
	font-size: 13px;
	padding-top: 8px;
}

#global-dropdown .btn > li > a:hover {
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a90329 0%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

#search-stack {
	position: relative;
	top: -10px;
	margin:0 auto 5px;
	right:0px;
}

#search-stack form input {
	float: right;
	overflow: hidden;
	border: none;
	padding: 4px 0px 4px 5px;
	width: 250px;
	color: #6d6d6d;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-right:36px;
	background-color:#f3f3f5;
}

#overlay {
    position: absolute; /* Sit on top of the page content */
    display: inline-flex; /* Hidden by default */
    width: 70%; /* Full width (cover the whole page) */
    height: 70%; /* Full height (cover the whole page) */
    top: 0;
    left: 70%;
    right: 0;
    bottom: 0;
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  }

/*#search-stack form input:focus {
	box-shadow: 0 0 5px rgba(60, 60, 60, 0.6);
}*/

#search-stack form button:hover:before, #search-stack form button:focus:before{
	color:#333;
}

#search-stack form button {
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 4px;
	background: none;
}

#search-stack form button:before {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	content: "\f002";
	font-size: 15px;
	color:#6e6e6e;
}

#search-stack form input[type="radio"] {
	float: left;
	overflow: hidden;
	border: none;
	margin: 4px 2px 4px 5px;
	padding: 4px 0px 4px 5px;
	width: 15px;
	color: #b3b3b3;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-left:20px;
	background-color:#f3f3f5;
	color: #b3b3b3;
}

#newRadios{
	position: inherit;
	padding: 30px 76px 0px 0px;
	text-align: right;
	height: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 		#search-stack form input[type="radio"] {
			float: left;
			overflow: hidden;
			border: none;
			margin: 0px 2px 4px 5px;
			padding: 4px 0px 4px 5px;
			width: 15px;
			color: #b3b3b3;
			border-radius: 0;
			border: 1px solid #dbdbdb;
			margin-left:20px;
			background-color:#f3f3f5;
			color: #b3b3b3;
		}
}

@media screen and (orientation:landscape) {
	#newRadios{
		position: inherit;
		padding: 30px 120px 0px 0px;
		text-align: right;
		height: 10px;
	}
}

@media (min-width: 768px) {
  	#newRadios{
		position: inherit;
		padding: 30px 120px 0px 0px;
		text-align: right;
		height: 10px;
	}
}

.navbar .btn-navbar {
	margin-top: 0;
	position: absolute;
	right: 15px;
	left:auto;
	top:145px;
}

.navbar .btn-navbar:hover {
	color:#af0001;
}

#site-heading {
	/*margin-bottom: 20px;*/
	font-size: 20px;
}

#site-heading a { color:#fff; font-weight:800; }
#site-heading a:hover { text-decoration: none; }
#site-heading-parent a {
color: #fff;
}
#site-heading, #site-heading-parent {
font-size: 0px;
}
@media (min-width: 768px){
#site-heading, #site-heading-parent {
top: 62px;
left: 240px;
position: absolute;
}
#site-heading-parent {top:32px}
}
@media (min-width: 992px) {
#site-heading, #site-heading-parent {
top: 50px;
font-size: 30px;
}
#site-heading-parent {top:20px}

}
.bigNumber {
	font-size: 4em;
	font-weight: bold;
}
.ensBlue {
	padding: 20px 40px;
	font-size: 24px;
	color: #FFF;
	display: block;
	background-color:#069;
}
.ensRed {
	padding: 20px 40px;
	font-size: 24px;
	color: #FFF;
	display: block;
	background-color:#9D2235;
}
h3#razalert {
    color: #FFF;
    font-size: 1.5em;
    border-bottom: solid 1px;
}
.ensBlue a {color:white;text-decoration:underline;}

/* Homepage call out */
   .CallOuts {
		min-height:206px;
		padding-top:10px;
		margin-bottom:10px;
		}
	.CallOuts h3 {
		  margin:0px 10px 10px 10px;
	}
	.CallOuts p {
		font-size:14px !important;
		margin-bottom:5px;
	}
   .applyNowCallOut {
		background-color:#424242;
 }
 .applyNowCallOut a {font-size:12px;}
   .applyNowCallOut i {  color:#B8B9BF !important;
	margin-right:5px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
   .applyNowCallOut .col-md-6 i {margin-right:5px;}

   .applyNowCallOut h3{
     color:#FFFFFF !important;
  }

  .applyNowCallOut h3 .light{
  font-weight:300;}
.applyNowCallOut h3 a {
	color: #FFFFFF !important;
}


.applyNowCallOut p a {color:#fff;text-decoration:underline;font-size: 16px;
	font-weight: 300;
}
.applyNowCallOut p a:hover {text-decoration:none;}

   .altCallOut {  background-color:#FFFFFF;
      -moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
   box-shadow:         inset 0 0 3px #000000;
 }
   .altCallOut .col-md-6 i {margin-right:5px;}

   .altCallOut h3{
     color:#424242 !important;
}

  .altCallOut h3 .light{
  font-weight:300;}


.altCallOut p a {text-decoration:underline;}
.altCallOut p a:hover {text-decoration:none;}
.altCallOut i {
  color:#9D2235 !important;
}

.UARKLife {background-color:#AA3C4B;background-image:url('/_resources/images/UARKLife_background_300_red.png')}
.VirtualTour H4, .UARKLife H4, .optionalContent H4 {font-size:30px;color:#FFFFFF;position:absolute;left:20px;bottom:0px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.UARKLife a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;}

.VirtualTour {background-color:#ffffff;background-image:url('/_resources/images/homepage-virtual-tour-compressor.jpg');background-position: center;background-size: cover; }
.VirtualTour .TourBox {font-size:20px;color:#FFFFFF;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.VirtualTour a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;position:absolute;top:0;left:0;}

.optionalContent {background-color:#ffffff;background-image:url('/_resources/images/pulitzer-poet-notes.jpg');background-position: center;background-size: cover; }
.optionalContent .TourBox {font-size:20px;color:#FFFFFF;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.optionalContent a.UARKLifeHotSpot {display:block;width:100%;height:100%;min-height:172px;position:absolute;top:0;left:0;}

.CallOuts.video {background-color:#000000;padding:5px;}

@media (min-width: 768px) {
   .CallOuts {
		min-height:247px;
		padding-top:10px;
		margin-bottom:10px;
		}
}
@media (min-width: 992px) {
   .CallOuts {
		min-height:190px;
		padding-top:10px;
		margin-bottom:0px;
		}
.CallOuts h3 {
	font-size:20px;
	}
}
@media (min-width: 1200px) {
.CallOuts h3 {
	font-size:24px;
	}
  }
/* End homepage call out */



@media (max-width: 1200px) {

	.container {
		padding-right: 0px;
		padding-left: 0px;
	}

	#header-bg {
		height:170px;
	}

	#site-heading {
		top: 13px;
    	left: 170px;
    	position: absolute;
    	font-size: 0px;
	}

	#search-stack {
		right:-6px;
		top:25px;
	}

	#opener .brand {
		/* the url call didn't work -Dan */
		background: url("WatsonLogo_White_200.png") no-repeat 0 0;
        background-size: 200px;
		display: block;
		width: 227px;
		height: 83px;
		position: relative;
		top: 10px;
		padding: 0;
		text-indent: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;

	}

	#opener .brand:before {
		display: none;
	}
}

@media (max-width: 992px) {

	.container {
		padding-right: 0px;
		padding-left: 0px;
	}

	#header-bg {
		height:170px;
	}

	#site-heading {
		top: 13px;
    	left: 170px;
    	position: absolute;
    	font-size: 0px;
	}

	#search-stack {
		right:-6px;
		top:25px;
	}

	#opener .brand {
		/* the url call didn't work -Dan */
		background: url("WatsonLogo_White_200.png") no-repeat 0 0;
        background-size: 150px;
        background-position-y: center;
		display: block;
		width: 227px;
		height: 83px;
		position: relative;
		top: 0;
		padding: 0;
		text-indent: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;

	}

	#opener .brand:before {
		display: none;
	}
}


@media (max-width: 767px) {

	.container {
		padding-right: 0px;
		padding-left: 0px;
	}

	#header-bg {
		height:170px;
	}

	#site-heading {
		top: 13px;
    	left: 170px;
    	position: absolute;
    	font-size: 0px;
	}

	#search-stack {
		right:-6px;
		top:25px;
	}

	#opener .brand {
		/* the url call didn't work -Dan */
		background: url("WatsonLogo_White_200.png") no-repeat 0 0;
        background-size: 150px;
		display: block;
		width: 227px;
		height: 83px;
		position: relative;
		top: 10px;
		padding: 0;
		text-indent: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;

	}

	#opener .brand:before {
		display: none;
	}
}


@media (min-width: 1200px) {
	
	.container {
		padding-right: 0px;
		padding-left: 0px;
	}

	#header-bg {
		height:170px;
	}

	#site-heading {
		top: 13px;
    	left: 170px;
    	position: absolute;
    	font-size: 0px;
	}

	#search-stack {
		right:-6px;
		top:25px;
	}

	#opener .brand {
		/* the url call didn't work -Dan */
		background: url("WatsonLogo_White_200.png") no-repeat 0 0;
        background-size: 200px;
		display: block;
		width: 227px;
		height: 83px;
		position: relative;
		top: 19px;
		padding: 0;
		text-indent: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;

	}

	#opener .brand:before {
		display: none;
	}
}



/*END HEADER FROM UARK STYLES*/

* MAIN NAV
-------------------------------------------------- */

.navbar {
	z-index: 9;
	background-color: #fff;
	-webkit-box-shadow: 0 0px 7px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 7px rgba(0,0,0,.3);
	box-shadow: 0 0px 7px rgba(0,0,0,.3);
	border-radius: 0;
	min-height: 57px;
	max-height: 57px;
	margin-bottom: 0;
}

.navbar-default
{
	border: none;
	background-color:#fff;
}

.navbar .btn-navbar {
	color:#666;
	text-shadow:none;
}


/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
	margin-top: 10px;
}

.navbar .dropdown i {
	font-size:18px;
}

.navbar-collapse {
	background-color: #fff;
	top: 0px;
	text-align: center;
	z-index: 30;
}

#mainnav {
	margin-left:auto;
	margin-top:auto;
	overflow: visible;
    height: auto;
}

#mainnav > li > a {
	font-size: 14px;
	display: block;
	color: #fff;
	background-color:var(--color-met-blue-medium);
	font-weight: 700;
	text-transform: none;
	border-top: 5px solid var(--color-met-blue-medium);
	text-decoration: none;
	margin-top: -56px;
}


#mainnav > li:last-child a {
	padding-right: 15px;
}

#mainnav > li > a:hover, #mainnav > li > a:focus {
	border-top-color:var(--color-met-blue-medium);
	color:#fff;
	text-decoration:underline;
}


/* Dropdown */

#mainnav ul {
	list-style: none outside;
	text-align: left;
	margin:0;
	padding:0;
	background-color: rgba(47,47,47,.95);
	color: rgba(47,47,47,.95);
	border-right: 1px solid #5f5f5f;
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-ms-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	overflow: hidden;
	z-index:10;
	width:0;
}

#mainnav ul.last {
	border-right: none;
}


@media (min-width: 768px) {
	.navbar {
		margin-top: 63px;
	}

	.navbar-collapse, .navbar-collapse.collapse {
		background-color: #fff;
		top:48px;
		/*margin-bottom: 50px;*/
	}

	#mainnav {
		float: inline-end;
		margin-left: 0px;
		margin-right: 5ch;
		margin-top: -1px;
		height: 57px;
		clear: both;
	}

    #mainnav ul {
    	visibility: hidden;
		width: 0px;
    }

	#mainnav > li {
		line-height: 52px;
		float: left;
		position: relative;
		top: -35px;
	}

	#mainnav > li > a {
		font-size: 16px;
		font-weight: 600;
		padding: 0 10px;
		margin-top: -56px;
		/* border-top: 5px solid #fff; */
		line-height: 52px;
	}

	#mainnav > li > a.current,
	#mainnav > li > a:hover,
	#mainnav > li > a:focus {
		text-decoration:underline;
	}

	.navbar .btn-navbar {
		position: relative;
		left: 45%;
	}

	.navbar .btn-navbar:hover, .navbar .btn-navbar:focus {
		color: #af0001;
	}
}


@media (max-width: 1200px) {
    #mainnav ul {
        /* width: 118px; no Gift size */
		width: 108px;
        padding: inherit;
    }
    #mainnav > li > a {
        font-size: 18px;
    }
	#mainnav:hover ul {
		visibility: visible;
		opacity: 1;
		height: auto;
		min-height: 290px;
		transition-delay: 0s;
	}
	#mainnav ul > li > a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size: 14px;
		font-weight: 300;
		padding: 6px 8px;
		line-height: 1.55;
	}

	#mainnav ul > li > a:hover {
	background-color: #707070;
	}

	#mainnav > li:hover > ul {
	background-color: #454545;
	}
}

@media (max-width: 992px) {
    #mainnav ul {
        /* width: 118px; no Gift size */
		width: 108px;
        padding: inherit;
    }
    #mainnav > li > a {
        font-size: 16px;
    }
	#mainnav:hover ul {
		visibility: visible;
		opacity: 1;
		height: auto;
		min-height: 290px;
		transition-delay: 0s;
	}
	#mainnav ul > li > a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size: 14px;
		font-weight: 300;
		padding: 6px 8px;
		line-height: 1.55;
	}

	#mainnav ul > li > a:hover {
	background-color: #707070;
	}

	#mainnav > li:hover > ul {
	background-color: #454545;
	}
}


@media (min-width: 1200px) {

	 #mainnav > li > a {
        padding: 0 16px;
        font-size: 18px;
    }

	#mainnav ul {
		/* width:150px; no Gift size */
		width:140px;
	}
	.navbar .nav > li > a {
		padding:0 8px;
		font-size: 18px;
        text-align: center;
	}
	.navbar .nav > li {
		line-height: 53px;
	}
}
/*END MAIN NAV FROM UARK STYLE*/


select.form-control + .chosen-container.chosen-container-single .chosen-single {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li , 
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover, 
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: var(--color-met-blue-medium);
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #A0A0A0;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.015), 0 0 6px #A0A0A0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.015), 0 0 6px #A0A0A0;
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 300px;
    -webkit-overflow-scrolling: touch
}

/*BEGIN STYLES.CSS FROM UARK SIERRA*/

/*@font-face {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	src:url('/screens/flying-pig-glyph/pigsfly.eot?x0nfyx');
	src:url('/screens/flying-pig-glyph/pigsfly.eot?x0nfyx#iefix') format('embedded-opentype'),
		url('/screens/flying-pig-glyph/pigsfly.ttf?x0nfyx') format('truetype'),
		url('/screens/flying-pig-glyph/pigsfly.woff?x0nfyx') format('woff'),
		url('/screens/flying-pig-glyph/pigsfly.svg?x0nfyx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-flying-pig:before {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	content: "\e900";
	font-size: 1.8em;
	margin-bottom: -6px;
    display: inline-block;
    vertical-align: bottom;
}*/



#content form, #content fieldset, #content .formEntryArea table {
	max-width: 100%;
	}

table td, table tbody th {
    border-top: none !important;
    }

select {
	max-width: 100%;
	overflow: hidden;
	}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    }

table {
	margin-bottom: 0 !important;
	}

td {
	font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:500;
	} /*changed font-weight due to pixelation of font at weigt 400*/

.formEntryArea table td {
	padding: 0;
	vertical-align: middle;
	}

.availLimMessage {
	font-style: normal;
	}

span.button i.fa {
    margin-right: 5px;
    }

.alternatives {
	padding: 10px 0;
	text-align: bottom;
	margin-bottom: 10px;
	}

.spellcheckTool {
	font-size: 18px;
	}

#spellcheck_brief {
    margin-top: 8px;
    }

.advanced-search input, .advanced-search select {
	margin-bottom: 8px;
	max-width: 100%;
	}

.main {
	margin-left: 0;
	margin-right: 0;
	}

#content select, #content input[type="text"], #content .advanced-search input, #content textarea, input#inst {
    height: 34px;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    }

    #content select:focus-visible, #content input[type="text"]:focus-visible, #content .advanced-search input:focus-visible, #content textarea:focus-visible, input#inst:focus-visible {
    border-color: #A0A0A0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.015), 0 0 6px #A0A0A0;
    outline: none;
    }
    
input#inst {
    max-width: 100%;
    }

#content textarea {
    height: 200px;
    width: 50%;
    }

.request-button {
    margin: 10px 0 0 0px;
	}

.fa.fa-info-circle, .fa.fa-question-circle {
    font-size: 1.4em;
    }


/* buttons */

a span.button, form input[type="submit"], form input[type="button"], input[type=submit], .request-button, .SMbutton, #resourcelink span.button, #CancelTimeout, #DoTimeout {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: currentcolor;
    display: inline-flex;
    font-family: var(--met-sans);
    font-size: 1em;
    font-weight: 500;
    justify-content: center;
    line-height: 1.333;
    padding: 7px 14px 7px 14px;
    background:linear-gradient(
        to right,
            var(--color-met-blue),
            var(--color-met-blue-medium),
            var(--color-met-teal-medium)
        );
background-position: 0 0;
background-size: 200% 200%;
color: var(--color-white);
transition: background-position 0.3s, background-size 0.3s;

&:focus,
&:hover {
    background-position: 100% 0;
    color: var(--color-white);
}
        
    &:not(:disabled):hover {
        cursor: pointer;
    }
    
    &:disabled,
    &:disabled:focus,
    &:disabled:hover {
        background: var(--color-component-background);
        box-shadow: none;
        color: var(--color-text-accent);
    }
    
    &:focus-visible {
        outline: 1.5px solid var(--color-text);
        outline-offset: 1.5px;
    }
    }

#resourcelink span.button {
    padding-top: 0;
    }

a span.button:hover, form input[type="submit"]:hover, form#search input[type="submit"]:hover, form input[type="button"]:hover, .request-button:hover, .SMbutton:hover, #resourcelink span.button:hover, .request-button:hover {
    color: #fff !important;
    background-color: #FF8800;
	}

.request-button, .submit.button, .mainmenu #search input[type="submit"], #main-search.advanced input[type="submit"]{
    background-color: #0050BC;
    margin-bottom: 0;
    padding: 7px 14px 7px 14px;
	}

aside .request-button, .SMbutton  {
	margin-top: 0;
	background-color: #0050BC;
	color: #fff !important;
	display: block;
	border-bottom: none;
}

aside .request-button {
	margin-bottom: 20px;
    text-align: center;
}

.SMbutton  {
	margin: 0 5px;
	padding: 2px 10px;
	display: inline-block;
}


aside .request-button:hover, .SMbutton:hover { /* Request this item button */
	background-color: #e4002b;
	border-bottom: none;
}

.navigationRowRecord a span.button, .bibResourceSidebar a span.button, .bibResourceTableEntry a #resourcelink span.button {
    color: #a6192e !important;
    background-color: transparent;
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 0;
    border-bottom: none;
    }

.navigationRowRecord a:hover span.button, .bibResourceSidebar a:hover span.button {
    text-decoration: none !important;
    }

.navigationRowRecord a span.button i.fa, .bibResourceSidebar a span.button i.fa {
    margin-right: 2px;
    }

#sortbutton {
    margin-left: 5px;
    }

#resourcelink .button, .alternatives .findmore a {
    padding-top: 0;
    padding-bottom: 5px;
    }

.spellcheckTool .spellcheckToolMore {
    font-size: 15px;
    }

.spellcheckTool i.fa-arrow-circle-right {
    color: #9acd6f;
    font-size: 24px;
    vertical-align: middle;
    margin-left: 6px;
    }

.alternatives .findmore a {
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
    }

.alternatives {
    vertical-align: bottom;
    }

.alternatives form#spellcheck {
    display: inline-block;
    }

.mylistsSelect select, input[name="jumpto"] {
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    }

.formButtonArea {
    margin-top: 10px;
    }

#resourceAlertMessage table { /* this is set to show if there is an alert in bibdisplay.js */
    display: none;
    }

.mainmenu #searchoptions, .advancedsearch #searchoptions { display: none !important; } /* hide the topbar search on pages that are about search anyway */

.mainmenu #not-loggedin, .advancedsearch #not-loggedin { background: transparent; border: none; } /* if user isn't logged in, there's no need for the empty colored bar. However, we still want the height it occupies */

#not-loggedin #help {
    display: inline-block;
    margin: 15px 20px 0 0;
    }

#bib_items {
    margin: 20px 0 !important;
    }

/* New Bibdisplay.html sidebar */


.navigationRowRecord2 a span.button, .bibResourceSidebar2 a span.button, .bibResourceTableEntry a #resourcelink span.button {
    color: #001E50 !important;
    background-color: #fff;
    background: #fff;
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 7px 14px 7px 14px;
    border-bottom: none;
    display: block;
    }

.navigationRowRecord2 a:hover span.button, .bibResourceSidebar2 a:hover span.button {
    text-decoration: none !important;
    }

.navigationRowRecord2 a span.button i.fa, .bibResourceSidebar2 a span.button i.fa {
    margin-right: 2px;
    }


/* LibChat Popout Button Styling */

.lcs_slide_out-r {

    top: 300px !important;
    align-items: center;
    border-radius: 4px;
    font-size: 1em;
    font-weight: 500 !important;
    padding: 0px;
    display: block;
    justify-content: center;
    line-height: 1.333;
    
    }


    #lcs_slide_out_button-26699 {

        border: 0;
        border-radius: 4px;
        font-size: 1em;
        font-weight: 500 !important;
        padding: 0px;
        display: block;
        justify-content: center;
        line-height: 1.333;
        
        }
    


/* landing page search : mainmenu.html (and some srchhelp_X.html) */

.mainmenu #search, #main-search.advanced {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0px;
	padding: 0px;
	}

.mainmenu #search .form-group {
	margin: 10px;
	font-size: 1.2em;
	}

.mainmenu #search .form-group label {
	margin-right: 5px;
	}

.mainmenu #search input[type="submit"] {
	display: block;
	margin: 20px auto 0 auto;
	}

#more {
	margin-top: 35px;
	}

#more a {
	font-size: 1.1em;
	font-weight: 600;
	}

#more-options {
	width: 50%;
	margin: 0 auto;
	}

.form-control {
	font-size: 16px;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 0px;
	display: inline;
	}

    .form-control:focus {
        border-color: #A0A0A0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.015), 0 0 6px #A0A0A0;
        }


/*may want to revisit adding below back due to accessibility
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}*/

#main-search.advanced .daterange {
	text-align: center;
	}

#main-search.advanced {
    text-align: center;
    }

#main-search.advanced legend {
    border-bottom: none;
    }

.advancedsearch .availLimMessage {
	font-weight: 600;
	margin-top: 4px;
    }
  

.advancedsearch .limits input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
    }

#main-search.advanced fieldset {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    }

#main-search.advanced .formEntryArea label, #main-search.advanced .formEntryArea select {
    display: inline;
    margin-top: 0;
}

#search .accessibleAddInfo {
    vertical-align: bottom;
    }

.submits {
    margin-top: 10px;
	text-align:center;
    }

@media (min-width: 320px) {
.col-sm-6 {
	float: inherit;
	position: relative;
	margin-left:	325px;
	padding-top: 20px;
}
}

/* -- login page -- */

.submitHidden {
    display: none !important;
    }

/* -- loggedin / not-loggedin in header -- */

#loggedin, #not-loggedin {
    text-align: center;
    margin-bottom: 10px;
	font-weight: 600;
    padding: 10px;
	background-color: #fff;
	border-color: #fff;
	color: #0050bc;
  font-size: 125%;
    }

#loggedin ul {
    display: inline-block;
    margin: 5px 20px;
    }

#loggedin #searchoptions, #not-loggedin #searchoptions {
    display: inline-block;
    }

/*  #resourceAlertMessage .resourceResource ...? */
#resourceAlert .resourceInfoLabel {
	display:none;
}

.loggedInMessage, .msg, .confirmationprompt, .bibResourceSubEntry {
    color: #78681E;
    background-color: #F6F0A0;
    font-style: normal;
    display: block;
    margin: 0 0 20px 0;
    padding: 15px;
    border: 1px solid #faebcc;
    border-radius: 4px;
    }

.confirmationprompt {
    color: #a6192e;
    background-color: #c8d8eb;
	}

.msg, .msg br { /* hide .msg then show it using js if .msg is not empty. this way no empty yellow box appears. */
	display: none;
	}

.msg h2 {
	margin: 0;
	}

.loggedInMessage + br, .loggedInMessage + br + br {
    display: none;
    }

.loggedInMessage:after {
    content: "."
	}

#loggedin + #main-container #content, #not-loggedin + #main-container #content {
    margin: 0;
    padding: 0;
    }

/* -- Non Emergency Alert --*/

NonEmergencyAlertMessage {
    color: #ffffff;
    background-color: #0050BC;
    font: caption;
    font-weight: bold;
    display: block;
    text-indent: 1em;
    text-align: center;
    line-height: 200%;
    }

/* -- Flexbox Styling --*/

    .flex-container {
        display: flex;
        flex-flow: row;
        background-color: #fff;
        justify-content: space-evenly;
      }
      
      .flex-container > div {
        background-color: #EAEAE8;
        margin: 10px;
        padding: 20px;
        font-size: 20px;
        flex: 1 1 0px;
      }

@media screen and (max-width: 500px) {
    .flex-container {
          flex-direction: column;
        }
      }

/* -- patron info -- */

.patNameAddress {
    border: none;
    width: auto;
    float: none;
    border-bottom: 1px solid #f2f2f8;
    }

.patFuncArea, .patFunc  {
    border: none;
    }


.patFuncArea table.patFunc {
    margin-bottom: 20px !important;
    }

.patFunc td {
    border-bottom: none;
    }

.patFuncTitle th {
    padding: 10px 0 20px 0;
    font-size: 1.2em;
    }

.patFuncTitle br {
    display: none;
    }

.patFuncTitle a span:hover {
    text-decoration: underline;
    }

.patFuncTitleMain {
    font-size: 1.2em;
    padding-right: 10px;
    display: inline-block;
    }
/*
#patButHolds a:before {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 6px;
	font-size: 1.5rem;
    font-weight: 600;
	}

#patButHolds {
    color: #fff !important;
    background-color: #a6192e;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    border-radius: 0;
    -moz-user-select: none;
    padding: .625rem 2.5rem;
    display: inline-block;
    text-decoration: none !important;
}
*/

/*
Line Note

This controls the icon for the button
#patButHolds a { background:#FFFFFF url('ico_redflag.gif') no-repeat top left; margin-left:5px; padding-left:25px; line-height:1.8em; }

This line controls the "box" placement:
#patButFines a, #patButHolds a, #patButChkouts a, #patButBookings a { margin-top:3px; margin-left:0px; padding-left:28px; line-height:30px; }

*/

#patButHolds a { margin-top:0px; margin-left:2px; padding-left:0px; line-height:1.8em; }


.patFuncHeaders {
    background: #e1e1e7;
	}

.patFuncHeaders a {
    margin-top: 0;
	}

.patFuncEntry {
    border-bottom: 1px solid #f2f2f8;
	}

.patFuncEntry td {
    padding-top: 10px;
    padding-bottom: 10px;
    }

.patFuncNoEntries {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.2em;
    }


	/*
Line Note
UARK Line List Formatting:
#patActionsLinksList {
    margin: 10px 0 20px 0;
    }

#patActionsLinksList li {
    padding: 5px;
    }

#patActionsLinksList li a {
    background-color: #a6192e;
    font-size: 1.5rem;
	padding: 0;
    display: block;
    white-space: nowrap;
	color: #fff;
	font-weight:600;
	display: inline-block;
    }

#patActionsLinksList li a:hover {
    background-color: #a6192e;
    color: #fff;
    text-decoration: underline;
    }

Base 2009B line list formatting:
#patActionsLinksList li { list-style:none; padding:0; text-align:left; margin:0px; }
#patActionsLinksList { margin:0 10px 0 0; padding:0px; font-size:1em; }

*/

#patActionsLinksList li { list-style:none; padding:0; text-align:left; margin:0px; }

#patActionsLinksList { margin:10px 0 20px 0; padding:0px; font-size:1em; }



/* -- save to list -- */

.pageMainAreaHeader {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    }

.mylistsSavePage form select, .mylistsSavePage form .button {
    margin: 5px 0 10px 0;
    }

#newlist .formEntryArea {
    margin: 20px 0;
    }

#newlist .formEntryArea label {
    vertical-align: top;
    }

#newlist .formEntryArea:nth-child(2) label {
    display: block;
    }

/* -- saved records -- */

.deleteSelected div {
    display: inline;
	}

/* -- search results -- */

/*
.browseSearchtool form input[type="checkbox"] {
    margin-top: 16px;
    }
*/

.browseSearchtoolMessage {
    margin-top: 10px;
    }

.browseSearchtoolMessage i, .bibSearchtoolMessage i {
    font-size: 1.25em;
    display: inline-block;
    margin-right: 16px;
	font-style: normal;
    }

.browseScreen table tr:nth-child(odd) td.briefcitCell {
    background-color: #f2f2f8;
	}

tr.browseEntry.odd, tr.browseSubEntry.odd {
    background-color: #f2f2f8;
    }

/*td.briefcitCell:hover, .browseEntry:hover, .browseSubEntry:hover, .browseSubEntry.hovrd, .browseEntry.hovrd {
    background-color: #fcf8e3 !important;
	}*/

.browseEntryData a {
    font-size: 1.2em;
    }

.yourEntryWouldBeHere, .yourEntryWouldBeHerechild, .yourEntryWouldBeHere + .browseSubEntry {
    background-color: #d0d0d0 !important;
    }

.yourEntryWouldBeHere {
    padding: 10px 20px;
    }

.browseList .yourEntryWouldBeHere {
    border: none;
    }

.yourEntryWouldBeHereData {
    border: none;
	vertical-align: middle;
	font-size: 1.2em;
	}

.yourEntryWouldBeHereData font {
    color: #a6192e !important;
    font-size: 1.2em;
	}

font[color="red"] {
    color: #a6192e !important;
	}

table.browseList tr:last-child .deleteSelected {
    padding-top: 10px;
	}

#content + table.browseScreen {
    margin-top: -30px;
	}

/* -- briefcit.html-- */

.bibSearchtool form input[type="submit"] {
    margin: 10px 0;
    }

.bibSearchtool form input[type="checkbox"] {
    margin: 10px 0;
    }

.browseSearchtool, .bibSearch form {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    padding-bottom: 10px;
    margin: 10px 0px 0px 0px;
	}

.browseSearchtool select {
    margin-bottom: 15px;
	}

.browseSearchtool #spellcheck_brief {
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f8;
    border-top: 1px solid #f2f2f8;
    margin-top: 10px;
    }

.bibSearch form #sort_cell {
    margin-right: 6px;
	}

.browseSearchtool #spellcheck {
    border-bottom: none;
	}

.browseSearchtool form > div input[type=checkbox], .bibSearch form > div input[type=checkbox] {
    width: auto;
    height: auto;
	}

.browseSuperEntry {
    border-bottom: 1px solid #f2f2f8;
    }

.briefcitCell {
    padding-top: 20px;
    padding-bottom: 20px;
    }

.briefcitItemsHeader h2 {
    font-size: 1.3em;
    border-bottom: 1px solid #f2f2f8;
    }

.briefcitTitle {
    font-size: 1.2em
    }

.bibItems {
    border: none;
    }

.bibItems th {
    padding: 0;
    }

.bibItems td {
    padding: 5px 0;
    }

.bibItems tr:nth-child(even) {
    background-color: #e4e4ea;
    }

.navigationRow {
	text-align: left;
	padding: 5px;
	}

.browseScreen + .navigationRow {
    padding-top: 30px;
    }

.browseSaveJump, .browsePager {
	padding-top: 15px !important;
	}

#resourcelink {
	float: right;
	margin-top: 5px;
	}

.browseHeader {
	background-color: #d0d0d0;
	}

.browseHeaderData {
	padding: 10px;
	text-align: center;
	}

.browsePager {
	padding-top: 15px;
	}

.browsePager a, .bibPager a, .recordPager a {
    background-color: #fff;
    padding: 4px 8px;
    border-radius: 0px;
	}

.browsePager a:hover, .bibPager a:hover, .recordPager a:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff;
	}

.browsePager a:before, .browsePager a:after  {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    }

.browsePager a:first-child:before {
    margin-right: 5px;
	}

.browsePager a:last-child:after {
    margin-left: 5px;
	}

h1.browseSuperEntryTitle {
    font-size: 1em;
    display: inline;
    font-weight: bold;
	}

.briefcitLeft, .briefcitResourceLeft {
    display: inline;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    width: 80px;
	}

.briefcitDetail .briefcitRight {
	float: right;
	text-align: center;
	}

.briefcitDate {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    }

.briefcitMedia img, /*.browseSubEntryMedia img,*/ .bibMediaBibDisplay img, .browseEntryMedia img { /* media icon in extended briefcit display */
    display: none;
	}

#main-container .mediaicon p {
    font-size: .95em;
	}

.mediaicon p:before {
	font-family:FontAwesome;
	color: #333;
	}

.mediaicon p:before {
	display: block;
	line-height: 30px;
	font-size: 2.3em;
	}

#main-container .bibResourceSidebar .mediaicon p {
    font-size: 1.2em;
	}

.bibResourceSidebar .mediaicon p:before {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.5em;
	}

/* -- briefcit for resource records / briefcit_resource.html --*/

.resourceAlertMessage {
    color: #78681E;
    background-color: #F6F0A0;
    font-style: normal;
    display: block;
/*    text-align: center; */
    text-indent: 1em;
    }


.alert-danger {
    color: #78681E;
    background-color: #F6F0A0;
    border-color: #F6F0A0;
}

/* mediaicons */

.mediaicon .Text:before {
	content:'\f02d';
	color: #2f5f84;
	}

.mediaicon .AudioMusic:before, .mediaicon .MusicalScore:before, .mediaicon .ManuscriptMusic:before {
	content:'\f001';
	color: #773b6a;
	}

.mediaicon .AudioSpoken:before {
	content:'\f130';
	color: #773b6a;
	}

.mediaicon .Video:before {
	content:'\f008';
	color: #3c763d;
	}

.mediaicon .Map:before, .mediaicon .ManuscriptMap:before {
	content:'\f279';
	color: #e07132;
	}

.mediaicon .ManuscriptorThesis:before {
	content:'\f15c';
	color: #2f5f84;
	}

.mediaicon .DImage:before {
    content:'\f03e';
    color: #275859;
    }

.mediaicon .DObject:before {
	content:'\f12e';
	color: #dea444;
	}

.mediaicon .ComputerFile:before {
	content:'\f0c7';
	color: #2f5f84;
	}

.mediaicon .Kit:before {
	content:'\f0b1';
	color: #773b6a;
	}

.mediaicon .Collection:before {
	content:'\f187';
	color: #dea444;
	}

.mediaicon .Theses:before, .mediaicon .UAThesesDissertations:before  {
	content:'\f19d';
	}

.mediaicon .InternetResource:before {
	content:'\f0ac';
	color: #2f5f84;
	}

.briefcitDetail, .briefcitAuthDetail {
    margin-left: 110px;
	}

.briefcitFullRecord {
    margin-top: 10px;
	}

.briefcitLink { /* "Available Online" text preceding links in briefcit */
	font-weight: bold;
	color: #000;
	}

.briefcitMoreLinks { /* "View full record..." link text for the <!--{ifmulti856}--> token in briefcit */
	padding-left: 1em;
	}

.briefcitRow + tr td.browseSaveJump form { /* "Locate in Results" form below briefcit list */
    display: block;
    margin-top: 5px;
    }

/* -- Record Display bib_display.html --*/

aside .navigationRowRecord a:first-child { /* Request this item button */
	text-decoration: none !important;
	}

.bibSearch form select, .bibSearch form input {
    margin-bottom: 0px;
	}

.bibDisplayContentMain .mediaicon {
    text-align: center;
    }

.bibDisplayContentMain .mediaicon p {
    line-height: 3em;
    margin-bottom: 0;
    }

.bibDisplayContentMain .mediaicon p:before {
    font-size: 3em;
    }

.bibPager {
    margin-bottom: 10px;
    }

.bibPager:after {
    content: "";
    display: table;
    clear: both;
    }

.bibPager + .bibDisplayContentMain {
    padding-top: 30px;
	}

.bibPager a {
	margin-top: 10px;
	display: inline-block;
	}

.bibPager a:last-child {
	float: right;
	}

.bibPager a:first-child {
	float: left;
	}

#author .bibInfoEntry table td, #title .bibInfoEntry table td {
/*    border-bottom: 1px solid #f2f2f8;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    }

.bibInfoEntry td {
    padding-left: 0;
    }

.bibInfoLabel {
    padding-left: 0;
    }

.bibInfoData h1 {
    font-size: 18px;
    margin: 0;
    line-height: 1.5em;
    }

.bibInfoData font strong {
    font-size: 1em;
    }

h3.items-header {
    font-size: 1.4em;
    color: #5a5a5a;
    font-weight: bold;
    margin-bottom: 8px;
	}

#permalink {
    margin-bottom: 12px;
	}

.bibItemsHeader {
    text-align: left;
	}

.bibResourceTable {
    border: none;
	}

.bibResourceTableHeader {
    display: none;
	}

.bibResourceTableEntry #resourcelink {
	float: none;
	margin-top: 0;
	line-height: inherit;
	text-align: left;
	}

.bibResourceTableEntry #resourcelink:hover span.button {
	text-decoration: underline !important;
	}

.bibResourceTableEntry #resourcelink span.button span.icon-flying-pig:before {
	font-size: inherit;
	margin-bottom: 0;
	}

.bibHoldings, .bibLinks {
    border: none;
    }

.bibHoldings tr:nth-child(2) .holdingsDivider {
    display: none;
    }

.bibLinks, .bibResourceBrief {
	background-color: #f2f2f4;
	}

.bibResourceBrief {
    margin-bottom: 10px !important;
    }

.bibResourceBrief > tbody > tr:first-child > td {
	padding: 10px !important;
	}

.bibLinks th {
    padding: 10px 10px 0 10px;
    }

.bibLinks td {
    padding: 0 10px 5px 10px;
    border-bottom: 1px dotted #ddd;
    }

.bibHoldings td {
    padding: 0;
    }

.bibDisplayUrls {
    padding: 0 5px;
    margin-top: 20px;
    }

.bibLinks ~ .BibResourceDisplay .bibResource .bibResourceHeader { /* If there already is an "Available Online" message (in .biblinks) don't show the one in .bibResourceHeader  */
	display: none;
	}

.bibResourceHeader th {
	padding-left: 0;
	}

.bibHoldings tr.bibResourceEntry {
    line-height: 2em;
    }

.holdingsDivider {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
    }

.bibDisplayItemsMain form {
    margin-top: 24px;
    margin-bottom: 10px;
    }

.bibSearchHistory {
    margin-top: 20px;
    }

/* -- resource info display / resource_display.html --*/

#bibDisplayBody .bibResourceSidebar {
    position: relative;
    }

#bibDisplayBody #resourceAlertMessage {
    margin: 20px 0;
    }

#bibDisplayBody .bibResourceSidebar .mediaicon p {
    text-align: center;
	}

#bibDisplayBody .bibResourceSidebar .mediaicon p:before {
    font-size: 2.3em;
    display: block;
    margin: 20px 0 10px;
	}

#bibDisplayBody .bibResourceTable {
    margin-top: 0;
    }

.resourceDisplayBibs {
    margin-top: 10px;
    }

.resourceBibHeader {
    background: #333;
    color: #fff;
    }

tr.resourceBibEntry:nth-child(odd) {
    background-color: #f2f2f8;
    }

/* Batch Requesting Form -- pverify4_web.html */

#needby legend, #needby label {
    display: none;
    }

.requestMultiItems table, .requestMultiItems td, .requestMultiItems table th {
	border:none !important;
    }

.requestMultiItems table tr:nth-child(odd) td {
    background-color: #f8f8f8;
	}

.requestMultiItems a {
    font-size: 1.2em;
	}

/* Login -- pverify_web.html */

.formLogin input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c8c8cd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 5px;
	}

.logins .well {
    min-height: 240px;
    margin-bottom: 0;
	}


/*  Map It!  */

#SMtooltip {
    font-size: 1.2em !important;
    padding: 10px !important;
    border-width: 2px !important;
    box-shadow: 0 0 5px #666;
    }

#SMtooltip p {
    margin-bottom: 0;
    }

.SMmore-info {
    width: 170px !important;
    }

img.SMmap {
    max-width: none;
    }

/* Help pages */

#helpmenu ul, #helpmenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

#helpmenu > ul > li {
    margin-top: 26px;
    }

.UARKforms fieldset {
    margin-bottom: 10px;
    }

 /* end added */




/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

#advancedsearch {
	width: 100%;
}

.relSearch {
	padding:0 10%;
	text-align:left;
	font-size:.83333em;
}
.relSearch h1 {
	font-size:1.333em;
	color:#767C70;
	margin-top:0px;
}
.relSearch h2 {
	font-size:1.667em;
	color:#767C70;
	border-top:1px dotted #767C70;
	margin:0;
}
.requestForm {
	width: 32em;
	font-weight:bold;
}
.requestForm fieldset {
	font-weight:normal;
	padding-left:5px;
}
.requestForm .formButtonArea {
	margin-left:0;
}
.requestForm .formEntryArea label {
	display:block;
}
.requestForm #itemreq {
	margin:9px 9px 3px 3px;
}
.requestForm #artreq {
	margin:9px 3px 3px 9px;
}
.requestForm strong {
	font-style:italic;
}
.requestMultiItems {
	margin:10px;
	clear:both;
}
.requestMultiPatform .formEntryArea label {
	display:block;
}

.requestMultiPatform center {
	text-align:left;
}
.requestNonretDetails {
	font-size:85%;
}
.requestResult br {
	line-height:1px;
}
.requestResult table {
	display:none;
}
.requestResult font {
	font-size:1.4em;
}


.resourceDisplayContentMain td, .resourceDisplayContentMain th {
	padding-left: 0;
}

.resourceDisplayBibs td {
	padding: 0;
}

.resourceDisplayBibs table table {
    margin-bottom: 20px !important;
    }

td.resourceBibEntry {
    padding: 5px;
    }

.resourceLicenseArea {
    padding: 5px 20px;
    background-color: #f2f2f8;
    margin-top: 16px;
    }


.resourceLicenseArea th {
    width: 30%;
    }

.resourceDisplayLicenseHeader {
    font-size: 1.5em;
    line-height: 2em;
    }

div#searchNavMenu {
	clear:both;
	float:right;
	text-align: right;
	background:/*#3B77B6;*/ #4676a0;
	width:100%;
	padding-bottom:3px;
	font-size: .9em;
}

div#searchNavMenu select {
	padding: 0px;
}

div#searchNavMenu select {
	margin: 5px 5px 2px 0px;
}

div#searchNavMenu input {
	margin-top:5px;
}

.secret {display: none}

p.tinytext {
	font-size:smaller;
}


.volumeSelect fieldset {
	padding:10px;
}
.volumeSelect form {
	margin-top:10px;
}


/* Section 2: WebBridge */

/*special header elements*/
#WBGlobalLinks {background-color: #980000;}
#WBbanner a, #WBribbon a {
	border-bottom:none;
}
#WBbanner img, #WMribbon img {
	border:none;
	background:none;
}
#WBribbon {
	background: #4D000A url(/screens/toplogoWB.png) no-repeat left;	/*	changed	*/
	clear: both;
	height: 63px;
	width: 100%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	z-index:1000000000;
	font-size:12px;	/*	new	*/
}
#WBribbon #WBLogo {
	display: block;
	height: 53px;
	width: 230px;
	position: absolute;
	top: 5px;
	left: 5px;
}
#WBribbon #SiteHome {
	display: block;
	height: 53px;
	width: 600px;
	position: absolute;
	top: 5px;
	left: 275px;
}
#bannerright, #WBribbon #bannerright {
	float:right;
	width:160px;
	margin:-6em 15px 0 0;
	font-size:100%;
	color: #ffffff;
}
/*ArticleFinder styles*/
.AFformLeft {
	float:left;
	padding:10px 10px 10px;
	width: 450px;
}

.AFformRight {
	float:left;
	padding:10px;
	width: 375px;
}
div.ALinkFormElement {
    clear: both;
    padding-top: .25em;
    }

span.ALinkFormLabel {
    float: left;
    width: 125px;
		padding-top:.3em;
    text-align: right;
    font-weight:bold;

    }
span.ALinkFormLabelRight {
    float: left;
    width: 50px;
		padding-top:.3em;
    text-align: right;
    font-weight:bold;

    }
span.ALinkFormInput {
    text-align: left;
    margin-left:1em;
    }

span.ALinkRequired {color: #980000; font-weight: bold}
span.ALinkSuggested { color: #F90; font-weight: bold}


.webbridgeButtonArea {
	float:right;
	margin:0;
	text-align: right;
	width: 46%;
}

#webbridgeLogo {
	display:inline;
	margin: 5px 0;
	float:left;
	width: 46%;
}

/* the following .wbbody styles are used to style the wp_panel.html pop up page */


.wbbody {text-align: left; padding: 1em;}

.wbresourcelist br {
    display: none;
    }

.majaxJholdings br {
    display: block;
    }


/* the following styles are used on both the wp_panel.html and the resserv_panel.html pages */

.wbcitation {/*formats user citations on  resserv_panel */
		margin: 5px 0 0 0;
		padding: 10px 10px 2px 10px;
		background-color:#eaecf1;
}
.wbnumbers {/*formats issn/isbn and doi, if present */
		margin: 0;
		padding: 2px 10px 10px 10px;
		background-color:#eaecf1;
		text-align: right;}
.wbcategory  {/*headings for categories - going and coming*/

		font-weight: bold;
		font-size: 125%;
		padding: 1em 0 0 0;

}
.wbsectionhead {/* was used on both wppanel and resserv_panel - manual section heads for Request a Copy etc but switched to h3s instead 120815 BJ*/
		margin: 0;
		padding: 2px 0 2px 1em;
		font-weight: bold;
		}
/* contents of the WBHEADERTEXT wwwoption */
.wbheading {
	margin:0;
}

/*Webbridge resservpanel special styles*/

.wblinktext a {font-size: 110%;
}

.coverage {margin: -20px 0 -0 30px!important;
}

.coverage em {
	font-style: normal!important;
}
.wbfieldinsert {
		margin:0 20px 5px 20px;
}
.wbfieldinsert br {
	line-height:0px;
}
.noresources {

	font-weight: bold;
}

.wbnoresources {
	display:block;
	margin: 3px 0;
}
/* Entire WebBridge Resource Definition Link Display -in Bibdisplay.html*/


.bibResourceTable {
    margin-top: 30px;
    }

.bibResourceTableEntry .wblinkdisplay #gbs {/*wblinkdisplay also defined above in wbbody - white background*/
	padding: 16px 0;
}

.bibResourceTableEntry, .browseResourceTableEntry {
    text-align: left;
    font-weight: 500;
}

.bibResourceTableEntry {
    padding: 0;
    }

.bibResourceTableEntry center {
    text-align: left;
    }

.report-an-error a:before, .request-from-storage a:before, .request-course-reserve a:before {
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 5px;
    display: inline-block;
    }

.report-an-error a:before {
    content: "\f094";
    }

.request-from-storage a:before {
    content: "\f0d1";
    }

.request-course-reserve a:before {
    content: "\f017";
    }


/* Section 3: SMS and Email Panel Styles */

#info, #sms, #email{
	z-index: 1000;
    background:#fff;
	}

#email .eg, #SMS .eg {
    font-style:italic;
    font-size:80%;
	}

#info {
	top: 500;
	}





/*Used for page counter on text messages*/
#counter {align: right;}

.formEntryArea label, .formEntryArea td { display: block; }

.formEntryArea label { margin-top: 10px; }

.daterange legend, label {font-size: 1.1em; font-weight: 600;}

.daterange legend { border: none; display: inline-block; margin-bottom: 10px; padding: 0; }

/*
.daterange { border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px; background: #f2f2f4; margin-bottom: 16px; }
*/

.limits .formEntryArea { display: inline-block; padding: 20px 20px 0 20px; font-size: 1.2em; }

.alphaERM { font-size: 1.3em; }



#scrape {
	margin: 30px auto 0 auto;
	max-width: 80%;
	text-align: left;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background: #fff;
    padding: 20px;
    line-height: 1.3em;
}

/* FAQ page styles */

#faq a,
#faq a:link {
    color: #0050BC;
    text-decoration: underline;
}

#faq a:visited, 
#faq a:hover {
    color: #009CA6;
}

#faq h1, h2, h3 {
    color: #003087;
    font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#faq h1 {
    font-size: 2em;
    font-style: bold;
}

#faq-body h3 {
    margin-left: 15px;
}

#faq-body p {
    margin-left: 30px;
}

#faq-body a:link {
    color: #0050BC;
    text-decoration: underline;
}

#faq-body a:visited, 
#faq-body a:hover {
    color: #009CA6;
}


/*end FAQ styles*/


/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

/* Section 4: Responsive and print media queries */


@media (min-width: 480px) {
    .formEntryArea label, .formEntryArea td { display: inline-block; }
    .formEntryArea select, .formEntryArea input[type="text"]  { margin-left: 3px; }
    .formEntryArea td select, .formEntryArea td input[type="text"] { margin-left: 5px; }
    .formEntryArea td, .formEntryArea select, .formEntryArea input[type="text"]  { margin-top: 10px; }
    .formEntryArea td label, .formEntryArea td select, .formEntryArea td input[type="text"] {margin-top: 0; }
    .stacked .formEntryArea label, .stacked .formEntryArea td, .stacked .formEntryArea select, .stacked .formEntryArea input[type="text"]  { width: 40%; }
    .stacked .formEntryArea td label, .stacked .formEntryArea td select, .stacked .formEntryArea td input[type="text"] { width: 100%;}
    .stacked .formEntryArea label { text-align: right; }
    .stacked .formButtonArea {text-align: center; margin-top: 20px;}
}

@media (min-width: 992px)
.col-md-6 {
    width: 100%;
}

@media (max-width: 767px) {
    .browseSearchtool select, .browseSearchtool input[type="text"] { display: block; margin-bottom: 0; }
    .browseSearchtool input[type="submit"] { margin: 10px 0; }
    #content textarea { width: 100%; }
    #loggedin, #not-loggedin { text-align: center; padding: 5px; }
    #bibDisplayBody .bibResourceSidebar.resource-display .mediaicon p, .bibDisplayContentMain .mediaicon { text-align: left; }
    #bibDisplayBody .bibResourceSidebar.resource-display .mediaicon p:before, .bibDisplayContentMain .mediaicon p:before { display: inline-block; font-size: 2em; margin-right: 5px; }
    #gbs img { float: left; }
    .bibDisplayItemsMain form input[type=submit] { white-space: normal; max-width: 60%; float: right; text-align: left; line-height: 1em; background-color: #ddd; border-radius: 0; color: #333 !important; }
    .bibDisplayItemsMain form input { display: table-cell}
    .bibDisplayItemsMain form { margin: 10px 0; background-color: #f2f2f4; padding: 5px; display: table-cell}
    .bibDisplayItemsMain form:after { content:""; display: table; clear: both;}
    .mylistsSelect { display: block; }
    .browseHeaderMedia, .browseEntryMedia, .browseSubEntryMedia.mediaicon { display: none; }
    #not-loggedin #help { margin-top: 0; }
    #header-bg { height: 216px; }
}

@media (min-width: 768px) {
    .mainmenu #search, #more { text-align: center; }
    #searcharg { width: 290px; border-radius:4px; color: #333333;}
    .alternatives #spellcheck { float: left; }
    .alternatives .findmore { float: right; }
    .alternatives:after{ content: " ";  display: table; clear: both; }
    .limits { text-align: center; }
    /*#main-nav { margin-top: 116px; }*/
    #bibDisplayBody .bibResourceSidebar.resource-display { float: right; margin: 0 0 20px 20px; }
    .mylistsSelect { margin-left: 20px; }
    .resourceDisplayContentMain .bibDetail, #resource_details { width:75%; }
}

@media (min-width: 768px) and (max-width: 991px)  {
    aside .request-button { width: 50%; margin-left: auto; margin-right: auto;}
}

@media (max-width: 991px) {
    .has-sidebar aside { padding-top: 10px; }
/*    #site-heading { margin-top: .3em; } */
    #site-heading { margin-top: -.1em; margin-left: -.375em; }
    aside .navigationRowRecord a:after, #citeoclc a:after, #smsfeatures a:after { content: " | "; margin-left: 5px; margin-right: 5px;}
    #citeoclc, #smsfeatures, #emailfeatures  { display: inline-block;}
    aside .navigationRowRecord a:first-child:after, aside .navigationRowRecord a:last-child:after { content: ""; margin: 0;}
    aside .navigationRowRecord a { white-space: nowrap; }
    .bibResourceTableEntry #resourcelink .button { width: 100%; margin-top: 10px; }
    .resourceLicenseEntry a, .bibDetail #bibRecordLink a {  overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } /* breaks long URLS so that they don't push out of the container width */
}

@media (min-width: 992px) {
    #site-heading { margin-top: .20em !important; }
    aside .navigationRowRecord a, #citeoclc a, #smsfeatures a, #emailfeatures a, .bibResourceTable .bibResourceTableEntry a { display: block; margin-bottom: 10px; }
    aside .request-button { padding: 15px 30px; position: relative; font-size: 1.1em; }
   .form2Part { position: relative;}
   .form2Part:after{display:table;content:"";clear:both}
   .form2Part .formLeft { width: 50%; float: left; position: relative; padding-right: 20px;}
   .form2Part .formRight { width: 50%; position: relative; padding-left: 30px; margin-left: 50%;}
   .form2Part:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%;  height: 100%;  width: 1px; background-color: #ddd; display: block;}
/* test has-sidebar from lib-styles */
   .has-sidebar { position: relative;}
   .has-sidebar:after{display:table;content:""}
   .has-sidebar:after{clear:both}
   .has-sidebar .main, .list-follows-sidebar p { width: 66.66666667%; float: left; position: relative; padding-right: 20px;}
   .has-sidebar aside { width: 33.33333333333333%; float: right; position: relative; padding-left: 30px;}
   .list-follows-sidebar img { width: 33.33333333333333%; float: right; position: relative; margin-top: 5px;}
   .has-sidebar:before { content: ''; position: absolute; top: 0; bottom: 0; left: 67%;  height: 100%;  width: 1px; background-color: #ddd; display: block;}
   .has-sidebar.norule:before { background-color: transparent; }
}

/* METMUSEUM CSS HEADER */



/* METMUSEUM CSS HEADER */

/* ----------------------------------------------------- */

@media print {
    html, body, div, p, a, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, dl, dt, dd, ol, ul, li {font-family: "MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
    a[href]:after { content: '' !important; }
    table th, table td {padding: 0;}
    tr {page-break-inside: avoid;}
    table {page-break-inside: auto;}
    .navigationRow, .browseSearchtool, .bibSearchtool, .browsePager, .bibPager, .browseSaveJump, .briefcitMark, .briefcitRequest, .briefcitFullRecord, /*.briefcitItemsHeader,*/ .bibSearch, .bibSearchHistory, .navigationRowRecord, .bibResourceSidebar, #not-loggedin, #loggedin, #resourcelink, header, footer, aside#helpmenu, .loggedInMessage { display:none; }
    .briefcitLeft { width: 30px; }
    .briefcitEntryNum { font-size: 12pt; }
    .briefcitDetail, .briefcitAuthDetail { margin-left: 0; clear: left; }
    .briefcitRow { border-bottom: 1px solid #000; }
    .bibDisplayPermLink, .resourceHistory, .recordPager, .button, button, .SMbutton { display:none; }
    #bib_items { margin-top: 10px !important; }
    h3.items-header { font-size: 1.2em; margin-bottom: 0; }
}

/* METMUSEUM CSS FOOTER */

.global-footer {
    line-height: 1.33333;
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
    color: #000006;
    display: grid;
    font-family: "metsans";
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto
}

.results-title-row {
   padding-top: 40px;
   padding-bottom: 80px;
}

.global-footer{background-color:#f2f2f2;font-size:14px;padding-top:60px;padding-top:3.75rem;list-style:none;box-shadow:0 50vh 0 50vh #f2f2f2;}
@media screen and (max-width:639px){.global-footer{border-top:1px solid #e6e6e6}
}
.global-footer ul{float:left;list-style:none;margin:0;padding:0}
@media screen and (max-width:1023px){.global-footer ul{margin-top:0;margin-top:0rem}
}
@media screen and (max-width:639px){.global-footer ul{margin:0 auto;float:none}
}
.global-footer__wrapper{margin:0 auto;max-width:960px;}
@media screen and (max-width:1023px){.global-footer__wrapper{padding:0 20px;padding:0 1.25rem}
}
@media screen and (max-width:639px){.global-footer__wrapper{display:block;min-width:260px;min-width:15rem;margin-left:0}
}
.content-wrapper .global-footer__wrapper{padding:0}
.global-footer__text-columns{font-size:16px;font-size:1rem}
.global-footer__text-columns p{-webkit-margin-before:0;margin-top:0}
.global-footer__mobile-actions{display:none;font-size:16px;font-size:1rem}
@media screen and (max-width:1023px){.global-footer__mobile-actions{display:block;margin:0 0 10px;margin:0 0 .625rem}
.global-footer__mobile-actions::after{clear:both;content:"";display:table}
}
.global-footer__mobile-actions .global-footer__mobile-language{background:transparent;border:1px solid;display:block;font-weight:600;margin:0 auto;min-width:260px;padding:8px;width:50%}
@media screen and (max-width:1023px){.global-footer__mobile-actions .global-footer__mobile-language{float:left;width:48%}
}
@media screen and (max-width:639px){.global-footer__mobile-actions .global-footer__mobile-language{float:none;width:100%}
}
.global-footer__mobile-actions form>.global-footer__mobile-login{background:transparent;border:1px solid;display:block;font-weight:600;margin:0 auto;min-width:260px;padding:8px;width:50%}
@media screen and (max-width:1023px){.global-footer__mobile-actions form>.global-footer__mobile-login{width:48%}
}
@media screen and (max-width:639px){.global-footer__mobile-actions form>.global-footer__mobile-login{width:100%;margin-top:20px;margin-top:1.25rem;margin-bottom:20px;margin-bottom:1.25rem}
}
.global-footer__mobile-language{display:inline}
@media screen and (max-width:1023px){.global-footer__mobile-language{margin-left:0;margin-bottom:10px}
}
@media screen and (max-width:639px){.global-footer__mobile-language{width:100%;display:inline}
}
.global-footer__mobile-login{display:inline}
@media screen and (max-width:1023px){.global-footer__mobile-login{margin-bottom:20px;margin-bottom:1.25rem;float:right}
}
@media screen and (max-width:639px){.global-footer__mobile-login{width:100%;display:inline;float:none}
}
@media screen and (max-width:639px){.global-footer__primary-nav{padding-bottom:20px}
}
.global-footer__primary{font-weight:500;margin-left:0px}
.global-footer__primary::after{clear:both;content:"";display:table}
@media screen and (max-width:639px){.global-footer__primary{border-bottom:0;padding-bottom:0}
.global-footer__primary>*{margin:0 auto}
}
.global-footer__nav-items{width:100%;text-align:left}
@media screen and (max-width:1023px){.global-footer__nav-items{overflow:hidden}
.global-footer__nav-items::after{clear:both;content:"";display:table}
.global-footer__nav-items li:nth-child(even){width:48%;float:right;padding-left:5px;padding-left:.3125rem}
}
@media screen and (max-width:639px){.global-footer__nav-items li:nth-child(odd){padding-left:0}
.global-footer__nav-items li:nth-child(even){width:100%;float:left;padding-left:0}
}
.global-footer__nav-item{font-family:"MetSans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-style:normal;width:100%;min-width:260px;min-width:15rem;font-size:18px;font-size:1.75rem;margin-bottom:18px}
.global-footer__nav-item a:hover{color:var(--color-met-blue-medium);text-decoration:underline}
@media screen and (max-width:1023px){.global-footer__nav-item{width:48%;display:inline;float:left;line-height:1.5em;padding:0 20px 0 5px;padding:0 1.25rem 0 .3125rem;text-transform:uppercase}
}
@media screen and (max-width:639px){.global-footer__nav-item{width:100%;clear:both;display:block}
}
.global-footer__nav-link{text-decoration:none}
.global-footer__nav-link:hover{text-decoration:underline}
.global-footer__locations{vertical-align:top}
@media screen and (max-width:1023px){.global-footer__locations{display:block}
.global-footer__locations::after{clear:both;content:"";display:table}
}
.global-footer__locations-items{font-size:14;width:100%}
@media screen and (max-width:1023px){.global-footer__locations-items{clear:both}
.global-footer__locations-items::after{clear:both;content:"";display:table}
}
.global-footer__locations-item{float:left;display:block;margin-right:20px;padding-inline:40px}
.global-footer__locations-item:last-child{margin-right:0}
@media screen and (max-width:1023px){.global-footer__locations-item{display:inline-block;vertical-align:top;float:none;width:50%;padding-left:0}
.global-footer__locations-item:first-child{width:100%}
.global-footer__locations-item:nth-child(2),.global-footer__locations-item:nth-child(3){border-top:1px solid #dedede;padding-top:50px;padding-top:3.125rem}
.global-footer__locations-item:nth-child(3){padding-left:15px;padding-left:.9375rem}
}
@media screen and (max-width:639px){.global-footer__locations-item{display:list-item;margin:0 auto 40px;margin:0 auto 2.5rem;min-width:260px;padding:0;width:100%;margin-left:0;padding-left:0}
.global-footer__locations-item:first-child{width:50%}
.global-footer__locations-item:nth-child(3){padding-top:0;padding-left:0;border-top:0}
}
.global-footer__secondary{border-bottom:1px solid #e6e6e6;padding:36px 0 28px;padding:2.25rem 0 1.75rem;text-align:center}
.global-footer__secondary::after{clear:both;content:"";display:table}
.global-footer__secondary-wrapper{max-height:16px;max-height:1rem}
@media screen and (max-width:639px){.global-footer__secondary-wrapper{display:inline-block;min-width:260px;text-align:left;width:280px;width:17.5rem;width:280px;width:17.5rem;text-align:center}
.global-footer__secondary-wrapper form{text-align:left}
}

.global-footer__social-items{font-size:0;float:right}
@media screen and (max-width:639px){.global-footer__social-items{float:none}
}
.global-footer__social-item{margin:0;padding:0;display:inline-block;font-size:0;margin-left:20px}
.global-footer__social-item:first-child{margin-left:0}
.global-footer__social-item .icon--fbook{width:16px;width:2rem;height:16px;height:2rem}
.global-footer__social-item .icon--twitter{width:24px;width:1.5rem;height:16px;height:1rem}
.global-footer__social-item .icon--pinterest{width:24px;width:3rem;height:16px;height:2rem}
.global-footer__social-item .icon--instagram{width:24px;width:3rem;height:16px;height:2rem}
.global-footer__social-item .icon--youtube{width:42px;width:2.625rem;height:16px;height:1rem}
.global-footer__newsletter-signup{float:right;font-size:0;margin-top:-9px;padding:0;position:relative}
.global-footer__newsletter-signup::after{clear:both;content:"";display:table}
.global-footer__newsletter-signup>*{vertical-align:middle}
.global-footer__newsletter-signup .form__validation-error{display:block;position:absolute;right:118px;right:7.375rem}
@media screen and (max-width:639px){.global-footer__newsletter-signup .form__validation-error{right:initial}
}
@media screen and (max-width:639px){.global-footer__newsletter-signup{margin-bottom:30px;margin-bottom:1.875rem;float:left}
}
.global-footer__newsletter-label{display:inline-block;font-size:18px;font-size:1.125rem;font-weight:400;margin-right:20px;margin-right:1.25rem}
@media screen and (max-width:639px){.global-footer__newsletter-label{display:block;margin-bottom:10px;margin-bottom:.625rem}
}
.global-footer__newsletter-input{border:1px solid #e6e6e6;font-size:16px;font-size:1rem;font-weight:600;padding:0 10px;padding:0 .625rem;width:200px;width:12.5rem;height:43px;height:2.6875rem}
@media screen and (max-width:639px){.global-footer__newsletter-input{width:12em}
}
.global-footer__newsletter-submit{background-color:#262626;border:0;color:#fff;font-size:16px;font-size:1rem;font-weight:600;padding:12px 20px;padding:.75rem 1.25rem}
@media screen and (max-width:639px){.global-footer__newsletter-submit{position:absolute;min-width:90px;min-width:5.625rem}
}
.global-footer__newsletter-confirm{font-size:20px;font-size:1.25rem;font-weight:600;margin:0}
.global-footer__site-info{display:block;padding-top:30px;padding-top:1.875rem;padding-bottom:20px;padding-bottom:1.25rem}
.global-footer__site-info::after{clear:both;content:"";display:table}
@media screen and (max-width:639px){.global-footer__site-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;margin-top:1.25rem;padding:8px 0 50px;padding:.5rem 0 3.125rem}
}
.global-footer__info-nav{display:inline-block}
@media screen and (max-width:1023px){.global-footer__info-nav{display:block;text-align:left}
.global-footer__info-nav .global-footer__info-items{float:none}
.global-footer__info-nav .global-footer__info-items{margin-left:0}
}
@media screen and (max-width:639px){.global-footer__info-nav{text-align:left}
}
.global-footer__info-nav .global-footer__info-item{margin-left:25px;margin-left:1.5625rem}
@media screen and (max-width:639px){.global-footer__info-nav .global-footer__info-item{margin-left:0}
.global-footer__info-nav .global-footer__info-item:first-child{margin-left:0}
}
.global-footer__info-items{margin:0;padding:0}
@media screen and (min-width:320em){.global-footer__info-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
}
.global-footer__info-item{font-family:"MetSans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-style:normal;font-size:14px;font-size:.875rem;display:inline-block;margin-left:65px;margin-left:4.0625rem;padding-right:18px;padding-right:1.125rem}
.global-footer__info-item:first-child{margin-left:0}
@media screen and (max-width:639px){.global-footer__info-item:first-child{margin-left:auto;padding-top:15px;padding-top:.9375rem}
}
@media screen and (max-width:1023px){.global-footer__info-item{margin-left:5%;padding-right:0;width:100%}
}
@media screen and (max-width:639px){.global-footer__info-item{display:list-item;padding-top:15px;padding-top:.9375rem;width:50%;margin:0 auto 15px;margin:0 auto .9375rem;min-width:240px;min-width:15rem;clear:left;padding-top:15px;padding-top:.9375rem}
.global-footer__info-item::after{clear:both;content:"";display:table}
.global-footer__info-item a{padding-left:10px;padding-left:.625rem}
}
.content-wrapper .global-footer__info-item{margin-left:10px;margin-left:.625rem;padding-right:0}
.content-wrapper .global-footer__info-item:first-child{margin-left:0}
@media screen and (max-width:639px){.content-wrapper .global-footer__info-item{margin-left:0}
}
.global-footer__info-link{font-size:14px;font-size:.875rem;text-decoration:none}
.global-footer__info-link:hover{text-decoration:underline}
.global-footer__copyright-info{width:35%;float:right;color:#666;display:inline-block;font-size:12px;font-size:.75rem;text-align:right}
@media screen and (max-width:1023px){.global-footer__copyright-info{float:none;width:100%;text-align:center;margin-top:40px;margin-top:2.5rem}
}
@media screen and (max-width:639px){.global-footer__copyright-info{text-align:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:15px 0 20px;padding:.9375rem 0 1.25rem;width:100%}
.global-footer__copyright-info::after{clear:both;content:"";display:table}
}
.content-wrapper .global-footer__copyright-info{width:auto}
.global-footer--external{padding-top:30px;padding-top:1.875rem}
.global-footer--external .global-footer__copyright-info{float:none;margin-bottom:20px;margin-bottom:1.25rem;text-align:center;width:100%}
@media screen and (min-width:320px){.global-footer--external .global-footer__copyright-info{text-align:left}
}
.global-footer--external .global-footer__locations-items{float:none}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-items{display:block}
}
.global-footer--external .global-footer__locations-item{border:0;display:block;margin:0 0 40px;margin:0 0 2.5rem;min-width:0;padding:0;width:auto}
@media screen and (min-width:320px){.global-footer--external .global-footer__locations-item{display:inline-block;margin:20px 70px 0 0;margin:1.25rem 4.375rem 0 0}
}
.global-footer--external .global-footer__locations-item:first-child{padding-left:0}

.location-info{display:inline-block}
.location-info .museum-address__name{font-family:"MetSans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;font-style:normal;font-size:24px;font-size:1.5rem;margin:30px 0 20px;margin:1.875rem 0 1.25rem}
.location-info .museum-address__information{margin-bottom:40px;margin-bottom:2.5rem}
@media screen and (max-width:639px){.location-inf