/* Created by Jessica Voss (voss.mh@gmail.com), 2015-2017. */
/* Additional code added by Stewart Van Cleve, 2017-2020. */
/* Code amended and updated by Sara Fillbrandt, 2023 */

/* COMMONLY USED CODE */

/* box-shadow: 0 8px 6px -6px #AAAAAA; -- use these values to apply shadows */


/* HIGHLIGHTED LIST ASSETS */
/*SJF - WHY are we doing the above at the SYSTEM/SITE level and NOT the GROUP or GUIDE level? */
/* Plug a specific asset on a specific page into this list and it will mimic a blue Alert-Info box.  You MUST include both the "link-list" and the "content" entries.  If you only include the "link-list", you'll highlight the entire list; if you only include the "content", you'll highlight that asset EVERYWHERE in the system. */
#s-lg-link-list-29277562 #s-lg-content-26525975, /* Psychology: Get Ideas DSM5 */
#s-lg-link-list-29276463 #s-lg-content-26525975, /* Psychology: Diagnosis & Disorders DSM5 */
#s-lg-link-list-12980812 #s-lg-content-4404963, /* Psychology: Sports ERIC */
#s-lg-link-list-1339376 #s-lg-content-1232719, /* English:British William Blake Archive */
#s-lg-link-list-1340867 #s-lg-content-1231732, /* History:Ancient Cassel's Latin Dictionary */
#s-lg-link-list-17846281 #s-lg-content-5520175, /* History:Minnesota MN Digital Newspaper Hub */
#s-lg-link-list-11993267 #s-lg-content-1231761, /* History:HIS120 Reader's Guide to American History */
#s-lg-link-list-11998447 #s-lg-content-1231761, /* History:HIS122 Reader's Guide to American History */
#s-lg-link-list-24092222 #s-lg-content-21458401, /* Theater:Tech Theater Motley Collection */
#s-lg-link-list-33448141 #s-lg-content-4811910, /* Theater:Production NATO */
#s-lg-link-list-12981924 #s-lg-content-1230213, /* Business:BA Company Histories */
#s-lg-link-list-1337534 #s-lg-content-4387569, /* Business:BA ABI */
#s-lg-link-list-11758345 #s-lg-content-1209932, /* Business:BA PQ Newspapers */
#s-lg-link-list-12070824 #s-lg-content-1230213, /*Business:Statistics Company Histories */
#s-lg-link-list-31787118 #s-lg-content-1232781, /*Business:Statistics StatsAbstract */
#s-lg-link-list-11758331 #s-lg-content-4404790, /*Business:Statistics Business Insights Global */
#s-lg-link-list-1337600 #s-lg-content-1231614, /*Business:Int Nations of the World */
#s-lg-link-list-1337592 #s-lg-content-1230227, /*Business:Int Dict of Int Bus Terms */
#s-lg-link-list-1339635 #s-lg-content-1231041, /*Business:Entre Bus Plan Handbook */
#s-lg-link-list-31787073 #s-lg-content-1232781, /*Business:Marketing StatsAbstract */
#s-lg-link-list-12680683 #s-lg-content-4405350, /*Psych:Find PsycINFO */
#s-lg-link-list-28980435 #s-lg-content-4752853, /* Sociology:Find SocAbstracts */
#s-lg-link-list-34317997 #s-lg-content-28575802, /*SW:History&Bio Enc. SW */
#s-lg-link-list-10872137 #s-lg-content-4752840, /* SW:Find SSA */
#s-lg-link-list-34297350 #s-lg-content-28575802 /*SW:GI&I Enc. SW*/
{
background-color: #c9dde8;
padding: 10px 10px 10px 20px;
border: 1px solid #bce8f1;
border-radius: 4px;
margin-left: -20px;
}

#s-lg-public-skiplink {
color: #204b72;
} 


/* GENERAL APPEARANCE */

.alert
/* Sets common margins for Bootstrap alert boxes */
{
margin: 10px 0px 10px 0px;
}

.alert>ul
{
margin-bottom: 10px;
}

.big-text
/* IMPORTANT!  Use in Rich Text boxes to format text size */
{
font-size: 1.2em;
/* font-family: "Trade Gothic", "Ariel Narrow", Ariel, sans-serif; */
}

.s-lg-link-list, .s-lg-rss-list
/* Controls all text in Database, Book, and Link list entries, including titles.  Added RSS feeds. */
{
font-size: 1.2em;
}

.strong-h5
/* Used to add “bold” to h5 headings, which look similar to regular text.  Headings are still important for accessibility navigation. */
{
font-weight: bold;
margin-top: 3px;
}

.strong-link
/* Formats links in rich text boxes and elsewhere.  Used to make them stand out without indicating importance, which the <strong> tag implies. */
{
font-weight: bold
}

.grey-blockquote
/* Makes <blockquote> items grey. May want to change this formatting */
{
font-size: 1.2em; background-color: #e3e3e3
}

.centered-image
/* Centers an image in a column */
{
display: block;
margin-left: auto;
margin-right: auto;
}

.screenshot-border
{
border: 1px solid black;
}

.doublecols
/* Used to create a list that spans two columns (see English: Cinema: Kanopy for an example */
{
  -webkit-column-count: 2;
    -ms-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 200px;
    -ms-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;
}

.inline-search
/* Padding for some instances of search term examples. */
{
padding: 8px 0px 8px 0px;
}

/*Displays navbar items without a click for accessibility. Developed by Arooba Shahid 2018.07.10*/

#nav_bar ul li ul li:hover {background: #F4F4F4;}
#nav_bar ul li:hover {background: #FFFFFF;}
#nav_bar ul li:hover ul {display: block;}

/*Guide dropdown menu clickable area. Developed by student worker Arooba Shahid in 2018*/
#nav_bar .guide-drop-menu ul li a{display:block;
          padding:3px 3px;}

/*Update to Shahid's accessibility improvements by SVC for mobile compatability*/

  @media (max-width: 545px) {
   #nav_bar ul {
      background-color:#660033;
      border:none;
    }
  }

#nav_bar ul li.dropdown.open ul {display: none;}

#nav_bar {
z-index: 1000!important;
}

/* GUIDE HEADER SECTION */

body
/* Adds padding to entire page to accommodate fixed navbar on top. */
{
padding-top: 65px;
}

#s-lg-guide-header
/* Font color and padding for header section of guides (Guide title, description, breadcrumbs, etc.) */
{
color: #000000;
padding: 10px 0px 7px 0px;
}

h1#s-lg-guide-name
/* This changes the font size of the guide title. */
{
font-size: 3em;
}

div#s-lg-guide-desc-container
/* Modifies the Guide Description text */
{
font-size: 1.2em;
border-top: 2px solid #650a34;
border-bottom: 2px solid #650a34;
margin: 12px 0px;
padding: 5px 0px;
}

#s-lib-bc
/* Breadcrumb Bar */
{
margin-top: 10px;
}

.breadcrumb>li a 
/* Color of individual (inactive) Breadcrumb Items */
{
color: #650a34;
}

/* Changes the color of breadcrumb */
#s-lib-admin-bc .breadcrumb>.active, #s-lib-bc .breadcrumb>.active
{
color:#565454;
}


/* BOX FORMATTING */

.s-lib-box .s-lib-box-title
/* Box Title Formatting -- Default */
{
font-size: 2rem;
font-weight: 500;
border-bottom: 0px solid #650a34;
 }

.s-lib-box-content
/* Removes padding from boxes.  Needed when not using borders. */
{
padding-left: 0px;
padding-right: 0px;
}

.s-lib-box
/* Box Body Formatting -- Default */
{
/* padding: 0px; */
padding-left: -10px;
border: 0px solid #e3e3e3;
box-shadow: 0 0px 0px 0px #AAAAAA;
/* box-shadow: 0 8px 6px -6px #AAAAAA; -- if shadows desired */
}

.s-lg-book-prop-isbn
/* Hides ISBN Numbers */
{
display: none;
}

.s-lg-link-list-2 li span>a,.s-lg-link-list-10 li a
 /* Appearance of link and database list entries: makes them bold */
{
font-weight: bold;
}

.s-lg-book-desc, .s-lg-book-prop-callno, .s-lg-book-prop-pubdate
/* Sets a margin for book descriptions so they don't wrap under book cover images when they are on the left. Remove this if images are moved to the right.  Added link descriptions as well, to accommodate links with thumbnails*/
{
margin-left: 100px;
}

.s-lg-tn
/* Formatting for links with custom thumbnail images.  Puts them inline with book thumbnails. */
{
margin-left: 0px;
}

.s-lg-tn img
/* Formatting for links with custom thumbnail images.  Puts them inline with book thumbnails. Space between image and description. */
{
margin-right: 10px !important;
}

#s-lg-box-12385229.s-lib-box
/* Instruction: Log Instruction */
{
background-color: #650a34;
padding: 10px;
box-shadow: 0 8px 6px -6px #AAAAAA;
 }

#s-lg-box-12385229.s-lib-box .s-lib-box-title
/*Instruction: Log Instruction */
{
background-color: #650a34;
color: #ffffff;
border-color: #ffffff;
 }

/* SIDE NAVIGATION */

.s-lg-tabs-side .s-lg-boxnav .list-group-item a
/* Color of the page’s box list text in side-bar navigation */
{
color: #650a34;
}

.s-lg-tabs-side .s-lg-boxnav .list-group-item
/* Formatting for the box list area in side-bar navigation */
{
background-color: #ffffff;
border: 0px solid #650a34;
padding: 3px 0px 3px 0px;
}

#s-lg-tabs-container .nav-pills > li > a
/* Formatting for the page list in side-bar navigation */
{
font-size: 1em;
padding: 10px 10px 10px 10px;
}

div#s-lg-col-0 .s-lib-box .s-lib-box-title
/* Centers title of boxes in Side-Nav column (Profile Boxes) */
{
text-align: center;
}

/* PROFILE BOXES */

.s-lib-profile-container
{
/* Basic formatting for profile boxes */
background-color: #ffffff;
box-shadow: 0 8px 6px -6px #AAAAAA;
padding-bottom: 10px;
border: 1px solid #e3e3e3;
}

.s-lib-profile-image img
{
/* Controls the profile images */
max-width: 200px;
margin: 20px 0px 0px 0px;
border: 1px solid #e3e3e3;
padding: 0;
box-shadow: 0 8px 6px -6px #AAAAAA;
}

.s-lib-profile-contact, .s-lib-profile-social, .s-lib-profile-subjects
/* Hides various Profile Box information: contact information, social networking, subjects, etc. */
{
display: none;
}

/* TAGS */

a.use-online-tag:link, a.use-online-tag:visited
/* Sets color for use-online-tag */
{
background-color: #094E88;
}

a.mayo-tag:link, a.mayo-tag:visited
/* Sets color for mayo-tag */
{
background-color: green;
}

a.use-online-tag:link, a.use-online-tag:visited, a.mayo-tag:link, a.mayo-tag:visited
/* General formatting for small buttons like the “View Ebook” or “Find at Mayo” in Call Number Fields. */
{
display: inline-block;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
border-radius: 5px;
padding: 0px 10px 0px 10px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: smaller;
text-decoration: none;
opacity: 1;
}

a.use-online-tag:hover, a.use-online-tag:active, a.mayo-tag:hover, a.use-online-tag:active
/* Creates visual effect on mouse hover */
{
opacity: .9;
}

.print-copy-tag
/* Used to indicate that there is not an electronic version of a book.  Should probably reformat to look like other tags, if still needed. */
{
box-shadow: 1px 1px 1px #888888;
margin-right: 5px;
margin-left: 5px;
border-radius: 5px;
padding: 3px;
text-align: center;
vertical-align: middle;
border: 1px solid orange;
background-color: white;
color: orange; font-size: .9em;
font-weight: bold;
}

.content-tag
/* Tags used in Business Guide to indicate types of content in each source. */
{
background-color: black;
color: white;
border-radius: 5px;
padding: 3px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: .6em;
}


/* BUTTONS */

a.link-button:link, a.link-button:visited
{
display: inline-block;
margin-left: 5px;
margin-right: 5px;
background-color: #ffffff;
color: #0e7bba;
border-radius: 5px;
padding: 0px 10px 0px 10px;
text-align: center;
vertical-align: middle;
font-weight: bold;
text-decoration: none;
opacity: 1;
}

a.link-button:hover, a.link-button:active
/* Creates visual effect on mouse hover */
{
opacity: .9;
}

a.appointmentbutton:link, a.appointmentbutton:visited
/* “Make an appointment button” in Need Help? Box, NavBar */
 {
display: block;
width: 90%;
margin: auto;
text-align: center;
background-color: #e3e3e3;
color: #650a34;
font-weight: bold;
font-size: 15px;
padding: 2px 8px 2px 8px;
border-radius: 5px;
opacity: 1;
text-decoration: none;
}


a.appointmentbutton:hover, a.appointmentbutton:active
/* Creates effect when the mouse is over */
{
opacity: .9;
text-decoration: none;
}

/* BUTTON BOXES (NEED HELP, CITATION, ETC.) */


.need-help-button, .need-help-text
/* Appearance of Need Help Button - Developed by Matt Voss in 2015 and modified for accessibility by student worker Arooba Shahid in 2018 */
{
background-color: #630A32;
color: #ffffff;
}
/*Making Need Help button bold for site improve suggestion*/
.navbar-btn {
  font-weight:bold;
  background-color: #A00F0B;
  border: #8E1215;
  }

/*Hover over of About button.*/
.help-drop-text a:hover{Background-color:#f7f7f7;}
.btn-group:hover .help-drop-text{display:block;}
.btn-group:hover .navbar-btn{background-color:#af4441;}

/* It changes the color of need help button when you double click on it. Added by Arooba Shahid 10/4/18.*/
.navbar-btn.focus, .navbar-btn:focus {
    color: #ffffff;
    background-color: #af4441;
    border-color: #8E1215;
}

.citation-button, .citation-text
/* Appearance of Citation Buttons */
{
background-color: #055889;
color: #ffffff;
}

.citation-text a
/* Link color in Citation Buttons */
{
font-weight: bold;
color: #ffffff;
}

.collapse-button
/* Common formatting for button part of Need Help and Citation buttons */
{
    border: none;
    width: 100%;
    padding: 20px 10px 20px 10px;
    text-decoration: none;
    display: inline-block;
    opacity: 1;
    box-shadow: 0 8px 6px -6px #AAAAAA;
    font-size: 14px;
}

.collapse-text
/* Common formatting for the detail part of Need Help and Citation buttons */
{
    padding: 15px 10px 15px 10px;
    margin: 5px 0px 0px 0px;
    width: 100%;
    box-shadow: 0 8px 6px -6px #AAAAAA;
    font-size: 14px;
}

.transition-time
/* Affects transition time (how fast it moves) for Boostrap Collapse elements (Need Help, Citation, etc.)  */
{
 -webkit-transition: height 0.15s;
  -moz-transition: height 0.15s;
  -ms-transition: height 0.15s;
  -o-transition: height 0.15s;
  transition: height 0.15s;
}

/* NAVBAR */

.navbar-custom
/* Creates a custom version of the default Bootstrap navbar, allowing for color branding */
{
background-color: #650a34;
}

  @media (max-width: 545px) {
   .navbar-custom {
      margin-left:-4px;
      padding-left:10px;
      margin-right: 0;
      width:107.5%;
    }
  }

  @media (max-width: 480px) {
   .navbar-custom {
      margin-left:-15px;
      padding-left:10px;
      margin-right: -10px;
      width:107.5%;
    }
  }

.navbar-custom .navbar-nav > li > a
/* Size and text color of navbar menu items.  These are the main “tabs”. */
{
font-size: 14px;
color: #ffffff;
}

.navbar-custom .navbar-nav > li > a:link, .navbar-default .navbar-nav > li > a:active
/* Background color of the navbar menu items */
{
    background-color: #650a34;
}

.navbar-custom .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
/* Grey background for when the mouse hovers over a menu item */
{
    background-color: #272727;
}

.navbar-custom .navbar-nav > li.dropdown.open > a:link, .navbar-custom .navbar-nav > li.dropdown.open > a:active
/* Background and text color of selected menu item. The dotted outline of item “in focus” has been removed.  The outline is useful so keyboard users know where the current focus is, but the color formatting should handle that ok without it. */
{
background-color: #ffffff;
color: #650a34;
outline: none;
}

.navbar-custom .navbar-nav > li.dropdown.open > a:hover, .navbar-custom .navbar-nav > li.dropdown.open > a:focus
{
background-color: #272727;
color: #fff;
outline: none;
}


.help-drop-text
/* Formatting for the text in the Need Help button of the Navbar. */
{
color: black;
padding: 10px 20px 20px 20px;
margin-top:0px;
width: 310px;
}

.navbar-collapse.in li a, .navbar-collapse.in div
/* Color of text and links needs to change when the navbar collapses for mobile use. */
{    
color: white;
background-color: #660033;
font-size:14px;
}

.navbar-collapse.in li.dropdown li a:hover,.navbar-collapse.in li.dropdown li a:focus
{
    color: #650a34;
}

.fa-pad
/* Padding for Font Awesome Icons in Navbar (magnifying glass, clock, etc.) */
{
margin-right: 5px;
}

#s-lg-widget-1481644259406 ul
/* This gets the positioning of the Springshare-generated Research Guides list right. */
{
margin-left: -40px;
/* This extra code is for accommodating the dock on a Mac, but causes problems in mobile scrolling so not currently used.  This is an issue that needs addressing. */
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}

#s-lg-widget-1481644259406 li
/* More positioning for Research Guides list */
{
padding-left: 20px;
}

#s-lg-widget-1481644259406 li a
/* Formatting for Research Guides list to make it look like the other dropdown menus */
{
text-decoration: none;
display: inline-block;
}

#s-lg-widget-1481644259406 li:hover
/* Duplicates grey color of selected items in the normal dropdown menus */
{
background-color: rgb(245, 245, 245);
}

.nav-burger
/* changes color of the “hamburger” (three bars) in the collapsed navbar menu */
{
background-color: #ffffff;
}

/* LIBRARY HOURS Styling */
.hours-intro {
    font-family: Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
  }

.hours-text {
    font-family: Helvetica, sans-serif;
    color: #fff;
    display: inline;
}

/* GOOGLE TRANSLATE BUTTON */
.google-transl {
  margin-left: 5px;
  margin-top: 10px;
  text-decoration: none !important;
  float: right !important;
}

#google_translate_element {
  position: relative;
}

#google_translate_element .goog-logo-link {
  display: none; /* Hide the default Google Translate logo */
}

#google_translate_element .goog-te-menu2 {
  columns: 11;
  -webkit-columns: 11;
  -moz-columns: 11;
}

/* MISC, SPECIFIC INSTANCES */

.left-column
/* Used in some two-column instances, like Plagiarism. */
{
display: table-row-group; vertical-align: text-top; width: 33%; float: left; padding-right: 10px
}

.right-column
{
display: table-row-group; vertical-align: text-top; width: 66%; float: left; word-wrap: break-word; padding-top: 8px
}

.example-table
/* Sets up container for using left and right columns. */
{
width: 100%; clear: both
}

.deweytable-number
/* Used in English guide to format Dewey call number list */
{
padding-right: 80px;
}

/* DEPRECATED */
/* These are classes that are still in use, but should not be used in content going forward. */

.highlight-box, .red-box
/* Basic formatting for different highlighting box options.  Still used, but using Bootstrap alerts instead. */
{
padding: 10px;
margin: 20px 0px 20px 0px;
border-radius: 2px;
/* If you want to add a shadow, use box-shadow: 0 8px 6px -6px #AAAAAA; to match other box shadows. */
}

.highlight-box
/* Used to highlight and bring out a selection of text with a grey box. Generally using Bootstrap alerts instead. */
{
background-color: #e3e3e3;
}

.red-box
/* Highlight box with Augsburg red background and white text instead of grey. */
{
background-color: #650a34;
color: #ffffff;
}

.search-term-example
/* Appearance of suggested search terms in guide pages. USE <KBD> TAGS INSTEAD */
{
font-weight: bold;
color: green;
}

.right-float-box
/* Creates a smaller highlight box that sits on the right-hand side. */
{
float: right;
margin-left: 20px;
margin-right: 10px
}

.bestbet-box-full
/* Surrounds description text with a kind of highlight box. Still used, but we need to either change the formatting or eliminate it. */
{
box-shadow: 1px 1px 1px #888888;
margin-left: 0px;
margin-top: 5px;
background-color: #e3e3e3;
padding: 8px;
border-radius: 10px
}

.bestbet-box-inset
/* Deprecated.  Currently same as Full version.  Previously had margin-left at 100px to accommodate books with images, but now that margin is set globally. */
{
box-shadow: 1px 1px 1px #888888;
margin-left: 0px;
margin-top: 5px;
background-color: #e3e3e3;
padding: 8px;
border-radius: 10px
}

.bestbet-tag
/* Creates blue “Best Bet” tag to add to source descriptions. Needs updating. */
{
box-shadow: 1px 1px 1px #888888;
margin-right: 5px;
border-radius: 5px;
padding: 3px;
text-align: center;
background-color: blue;
color: white;
font-size: 1em;
font-weight: bold
}

.page-summary-box
/* Deprecated.  Replaced by Guide Intro Boxes, which themselves are deprecated. */
{
box-shadow: 1px 1px 1px #888888;
margin-bottom: 15px;
margin-top: 0px;
background-color: #e3e3e3;
padding: 0px;
border-radius: 0px
}

.heading-tags
/* Formats heading tags (“Search Journals”, “Search Newspapers”, etc.), which are no longer generally used. */
{
list-style: none
}

.heading-nopadding
/* ?? */
{
padding-top: 0; margin-top: 0
}

.citation-example
/* DEPRECATED.  Is used in Citation page.  Use .grey-blockquote instead. */
{
font-size: 1.2em; background-color: #e3e3e3
}

.strong-line
/* Still needed? Just use <strong> instead? */
{
font-weight: bold
}

Blockquote.guide-quote
/* Controls the size of text in marked <blockquote> tags.  Not sure if this is needed anymore.  */
{
font-size: 1em;
}

/* Box Title Formatting -- Guide Intro Boxes */
/* These Guide Intro boxes are deprecated. */
#s-lg-box-12414741.s-lib-box .s-lib-box-title, /* General Search Box */
#s-lg-box-12316147.s-lib-box .s-lib-box-title, /* Matt Test */
/* #s-lg-box-12143471.s-lib-box .s-lib-box-title, */ /* Art Start Here */
#s-lg-box-12304494.s-lib-box .s-lib-box-title, /* English Start Here */
#s-lg-box-5019906.s-lib-box .s-lib-box-title, /* Social Work Start Here */
#s-lg-box-12036861.s-lib-box .s-lib-box-title, /* Sociology Start Here */
#s-lg-box-658546.s-lib-box .s-lib-box-title, /* Sociology Topics */
#s-lg-box-12109751.s-lib-box .s-lib-box-title /* Spanish Start Here */
{
background-color: #e3e3e3;
color: #650a34;
border-color: #650a34;
 }

/* Box Body Formatting -- Guide Intro Boxes */
#s-lg-box-12414741.s-lib-box, /* General Search Box */
#s-lg-box-12316147.s-lib-box, /* Matt Test */
/* #s-lg-box-12143471.s-lib-box, */ /* Art Start Here */
#s-lg-box-12304494.s-lib-box, /* English Start Here */
#s-lg-box-5019906.s-lib-box, /* Social Work Start Here */
#s-lg-box-12036861.s-lib-box, /* Sociology Start Here */
#s-lg-box-658546.s-lib-box, /* Sociology Topics */
#s-lg-box-12109751.s-lib-box /* Spanish Start Here */
{
background-color: #e3e3e3;
padding: 10px;
box-shadow: 0 8px 6px -6px #AAAAAA;
 }


/*This is a line break that is useful for creating title bars, search bars, and other horizontal callouts*/

.lindelllinebreak {
  font-family: 'Oswald', sans-serif;
  color: white;
  font-size: 28px;
  line-height: 25px;
  padding: 15px 0;
  display: block;
  text-transform: uppercase;
}


/*This is the search bar for the Archives page and other pages with search bars*/

#lindelladv-search {
  padding: 10px 5px 5px 5px;
  background-color: #3E3E3E;
}

@media screen and (min-width: 768px) {
  #lindelladv-search {
    width: 500px;
    margin: 0 auto;
  }
}

#lindellarchives-search-submit {
  width: 70px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #ffffff;
  border-color: #ffffff;
}

#lindellarchives-search-str {
  min-width: 240px;
  text-align: left;
  font-family: helvetica;
  font-size: medium;
  color: grey;
}

.lindelladv-search-target {
  margin: 5px 0 0 0;
  font-size: smaller;
  font-style: normal;
}

/* Customize color of guide search button - default #fff */
#s-lg-guide-search-form .btn.btn-default {
    background-color: #660033;
}

/* Customize color of guide search button text - default #fff */
#s-lg-guide-search-form .btn.btn-default {
    color: #fff;
}

/* Customized color of the Email Me buttons in profile boxes - default #5bc0de */
.s-lib-profile-email .label.label-info {
    background-color: #660033;
}

/*This is the code for the LindellSearch feature on the Main Page*/
  
  #LindellSearchBanner {
    width: auto;
    height: 350px;
    padding: 95px 0 0 0;
    margin: -30px -15px -15px -15px;
    background-position: 50% 42.5%;
    background-size: 100% auto;
    background-image: url('https://libapps.s3.amazonaws.com/customers/536/images/LibraryLower-opaque.png');
    background-repeat: repeat;
  }
  
  @media (max-width: 545px) {
    #LindellSearchBanner {
      background-size: 100% auto;
       padding: 45px 0;
      margin-bottom: -25px;
    }
  }

  /*This is important but I don't know why
  
  .LindellSearchBackground {
    background-image url: ''";
  }
  */
  
  .LindellSearchrow {
    width: 700px;
    margin: auto;
    line-height: 25px;
    padding: 15px 15px 15px;
    display: block;
    font-family: "Oswald", sans-serif;
    color: white;
    text-align: center;
    background-color: rgba(10, 10, 10, 0.8);
  }
  
  @media (max-width: 650px) {
    .LindellSearchrow {
      width: 100%;
      margin: 0;
    }
  }
  
  .lindellSearch-search {
    padding: 15px 5px 5px 5px;
    background-color: rgba(10, 10, 10, 0);
  }
  
  @media (max-width: 650px) {
    .lindellSearch-search {
      padding: 15px 5px 5px 5px;
    }
  }
  
  @media screen and (max-width: 700px) {
    .lindellSearch-search {
      width: 100%;
      margin: 0;
    }
  }
  
  #discovery-search-box,#discovery-search-box *{
    box-sizing:border-box!important;
    margin:0;
    padding:0;
    text-align:left
    }
#discovery-search-box .material-tab{
    display:inline-block;
    user-select:none;
    cursor:pointer;
    background-color:#545454;
    color:#fff;
    min-height:2em;
    min-width:1.5rem;
    padding:.5em;
    box-sizing:border-box;
    border-radius:.25em .25em 0 0;
    margin-right:.4em;
    z-index:2
    }
#discovery-search-form{
    position:'relative';
    width:auto;
    padding:1.25em 2em 1em;
    background-color:#f2f2f2!important;
    color:#333!important;
    z-index:1;
    line-height:initial
    }
#discovery-search-box .material-tab.active-tab{
    background-color:#f2f2f2!important;
    color:#333!important
    }
#discovery-index-container{
    position:relative;
    height:3em;
    background-color:white;
    color:black
    }
#discovery-index-container:after{
    content:'\f078';
    display:block;
    font-family:'FontAwesome',sans-serif;
    position:absolute;
    top:0;
    right:.5em;
    line-height:3em;
    z-index:5
    }
#discovery-index-container #discovery-search-select{
    position:relative;
    z-index:10;
    height:100%;
    min-width:initial;
    font-size:1em;
    padding:0 2em 0 1em;
    background-color:transparent;
    border-top:1px solid #ccc;
    border-right:0;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-image:initial;
    border-radius:0;
    }
select::-ms-expand{
    display:none;
    }


/*This is the styling for each Research Guide Link*/
.GuideNav {
  margin-top:1.5px;
  padding-top: 5px;
  padding-right: 15px;
  width:150px;
}

.GuideNavSingle {
  margin-top:12.5px;
}

.ResearchGuideIcon {
  color: black;
  font-size:28px;
  margin-top:0px;
}

.icon-background {
    color: white;
  font-size:48px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  height:100px;
  width: auto;
  padding: 35.5px 20px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  z-index: 5;
  transition: 0.6s ease;
}
   
.prev:hover {
      text-decoration: none;
      color:white;
  }

.next:hover {
      text-decoration: none;
      color:white;
  }

/* Position the "previous button" */
.prev {
  left:-15px;
  top:-95px;
  display:none;
  height:125px;
  margin-bottom:-25px;
  position: relative;
  font-size:28px;
  padding:38px 25px 35px 25px;
  margin-bottom: -10px;
}

/* Position the "next button" to the right */
.next {
  top:-25px;
  position: relative;
  right:-25px;
  font-size:28px; 
  padding:37px 25px 37px 25px;
}

/*Hides icons to the left of the next button in some screen widths*/

.nextbuffer {
 top:30px;
 right:-174px;
 height:105px;
 width: 150px;
 padding: 35.5px 20px;
 background: #4277a7;
 z-index: 5;
 position:absolute;
 float:left;
}

/* On hover, add a black background color with a little bit see-through 
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
} 
*/

/*This is the code for the custom footer */

.lindellfoot {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px 0px;
}

.footerlogo {
  padding: 5px 0 5px;
  margin: 0 15px;
}

.footerlogo {
  width: 175px;
  display: block;
  margin: auto;
}

.footertext {
  color: #3E3E3E;
  text-align: center;
  font-family: 'Helvetica';
  font-size: 1.25em;
  padding: 0 0 15px;
}

.footertext a {
  color: #3E3E3E;
  text-align: center;
  font-family: 'Helvetica';
  font-size: 1em;
}

.footerbar {
  width: 100%;
  border-width: 2px;
  margin-top: 10px;
  border-color: #660033;
}

.missionstatement {
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  text-align: center;
  color: #860038;
  padding-bottom: -5px 0 5px;
  margin-top: -10px;
}

@media (max-width: 532px) {
  .missionstatement {
    font-size:18px;
  }
}

@media (max-width: 332px) {
  .missionstatement {
    font-size:12px;
  }
}

.footericons {
  padding: 0 0 10px;
  font-size: 2.5em;
  text-align: center;
}

.footericons li {
  display: inline-block; 
}

.footerfacebook {
  color:#3b5998;
}

.footerfacebook:hover {
  color:#869ECC;
}

.footertwitter {
  color:#00aced;
}

.footertwitter:hover {
  color:#2AC2FC;
}

.footeryoutube {
  color:#bb0000;
}

.footeryoutube:hover {
  color:#E90C0C;
}

/*This turns the original LibGuides footer on or off*/

#s-lib-footer-public {
   display: none;
}

/*This hides the search bar on individual libguides*/

#s-lg-guide-header-search {
    display: none;
}

/*This allows the footer to fit the entire bottom of the page*/

footer {
    margin-left: -15px;
    margin-right: -15px;
}

/*This is the customization for the Table of Contents above the footer*/
.TOCcontainer {
  background: transparent;
}

.TOCcontent {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 2;
  color: #fff;
  margin-bottom: 5px;
  text-align: left;
  padding-left: 25px;
}

.LindellTOC {
  display: bloc;
  background: url('https://libapps.s3.amazonaws.com/customers/536/images/081023autumn14__1_.jpg');
  background-position: 0% 59%;
  color: #fff;
  background-size: cover;
  height: 100%;
  padding: 30px 10% 20px 10%;
  overflow: auto;
}

.LindellTOC a {
  font-family: 'Helvetica' san-serif;
  color: white;
  line-height: 2.75;
}

.LindellTOC a:hover {
  font-family: 'Helvetica' san-serif;
  color: black;
  text-decoration: none;
}

.LindellTOClinkbackground {
  padding: 0 5px 0 5px;
}

.LindellTOC a:hover .LindellTOClinkbackground {
  background-color: white;
}

.LindellTOC dt {
    margin-bottom: 10px;
    font-size: 18px;
}


.LindellTOC dd {
    line-height: 1.4%;
}

@media (max-width: 767px) {
  .LindellTOC {
    background: #1E1E1E;
    height: 100%;
  }
}

/*Some of the TOC links need to be single-spaced at specified screen widths*/

@media (min-width: 991px) and (max-width: 1104px) {
  #TOCDIR {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1407px) {
  #TOCILL {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1228px) {
  #TOCMORSRV {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1007px) {
  #TOCCIT {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1030px) {
  #TOCAPT {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1260px) {
  #TOCMORRCH {
    line-height:1.4;
    margin: 9px 0 9px;
  }
}

@media (min-width: 991px) and (max-width: 1151px) {
  #TOCIDU {
    line-height:1.4;
    margin: 2.5px 0 2.5px;
  }
}

@media (min-width: 991px) and (max-width: 1334px) {
  #TOCGAG {
    line-height:1.4;
    margin: 2.5px 0 2.5px;
  }
}

@media (min-width: 991px) and (max-width: 1046px) {
  #TOCPLG {
    line-height:1.4;
    margin: 2.5px 0 2.5px;
  }
}

@media (min-width: 991px) and (max-width: 1283px) {
  #TOCMORTCH {
    line-height:1.4;
    margin: 10px 0 10px;
  }
}

@media (min-width: 991px) and (max-width: 1500px) {
  #TOCPRD {
    line-height:1.4;
    margin: 10px 0 10px;
  }
}

@media (min-width: 767px) and (max-width: 790px) {
  #TOCPRD {
    line-height:1.4;
    margin: 10px 0 10px;
  }
}


@media (min-width: 991px) and (max-width: 1052px) {
  #TOCMORLIB {
    line-height:1.4;
    margin: 10px 0 10px;
  }
}

@media (max-width: 532px) {
  .sloganbreak1 {
    display:none;
  }
}

@media (min-width: 532px) {
  .sloganbreak1 {
    display:block;
  }
}

@media (max-width: 532px) {
  .sloganbreak2 {
    display:none;
  }
}

@media (min-width: 532px) {
  .sloganbreak2 {
    display:block;
  }
}

/*This is a small adjustment to the feature panel for mobile*/
@media (max-width: 532px) {
 #s-lg-box-15760194-container {
    margin-top:-15px;
  }
}

/*This controls the style of each feature panel*/

.featurebackground1 {
  width: 100%;
  height: 500px;
  text-align: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  color: #272727;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/3d/Ydun_%281858%29_by_H._W._Bissen_-_angle.jpg");
  background-size: 180%;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
}

.featurebackground2 {
  width: 100%;
  height: 500px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  color: #272727;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Sverdrup_Woman.jpg");
  font-size: 1.5em;
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: 87% 1%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.featurebackground3 {
  height: 500px;
  width: 100%;
  text-align: center;
  font-family: "Oswald", sans-serif;
  color: #272727;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/160114_Library_004.jpg");
  background-size: 125%;
  background-repeat: norepeat;
  background-position: 100% 1%;
  font-size: 1.5em;
  margin-top: 15px;
  margin-bottom: 15px;
}

.featurebackground4 {
  height: 500px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/1000_F_343832011_iiRIZDdhcIHsx2IV0aN8d8ia9jPvvNjU.jpg");
  background-size: auto 100%;
  background-position: 70% 0.5%;
  font-size: 1.5em;
  margin-top: 15px;
  margin-bottom: 15px;
}

.featurebackground5 {
  height: 400px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/IMG_4254.jpg");
  background-size: auto 105%;
  background-position: 30% 40%;
  font-size: 1.5em;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
   .featurebackground5 {
    background-size: 105% auto ;
  }
}

.featurebackground6 {
  height: 400px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/IMG_4252.jpg");
  background-size: auto 100%;
  background-repeat: norepeat;
  background-position: 80% 40%;
  font-size: 1.5em;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
   .featurebackground6 {
    background-size: 100% auto;
  }
}

.featurebackground7 {
  height: 400px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: #ffffff;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/2048.jpg");
  background-size: auto 150%;
  background-repeat: norepeat;
  background-position: 20% 0%;
  font-size: 1.5em;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
   .featurebackground7 {
    background-size: 165% auto;
    background-position: auto;
  }
}

.featurebackground8 {
  width: 100%;
  height: 400px;
  text-align: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  color: #272727;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/details23hazy.jpg");
  background-position: 15% 15%;
  background-size: auto 105%;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
   .featurebackground8 {
    background-size: 105% auto;
    background-position: 95% 5%;
  }
}

@media (max-width: 767px) {
   .featurebackground8 {
    background-size: auto 155% ;
    background-position: 95% 5%;
  }
}

.featureheader1 {
  font-size: 1.2em;
  text-align: left;
  padding: 10px 20px 5px 15px;
  margin: 0 20% 15px 0;
  background-color: #AB1D35;
  color: white;
  white-space: nowrap;
}

.featureheader2 {
  font-size: 1.2em;
  text-align: left;
  padding: 10px 20px 5px 15px;
  margin: 0 20% 15px 0;
  background-color: #8C2B09;
  color: white;
}

.featureheader3 {
  font-size: 1.2em;
  text-align: left;
  padding: 10px 20px 5px 15px;
  margin: 0 20% 15px 0;
  background-color: #27567f;
  color: white;
}

.featureheader4 {
  font-size: 1.2em;
  text-align: left;
  padding: 10px 25px 5px 15px;
  margin: 0 20% 15px 0;
  background-color: #3E5415;
  color: white;
}

.featurebutton {
  width: 100%;
  height: 25px;
  text-decoration: none;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 1.5em;
  text-align: right;
  color: white;
  white-space: nowrap;
}

.featurebutton:hover {
  text-decoration: none;
  color: white;
}

.featurebutton:hover .featurefooter1 {
  background-color: black;
}

.featurebutton:hover .featurefooter2 {
  background-color: black;
}

.featurebutton:hover .featurefooter3 {
  background-color: black;
}

.featurebutton:hover .featurefooter4 {
  background-color: black;
}

.featurefooter1 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #AB1D35;
  color: white;
}

.featurefooter2 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #8C2B09;
  color: white;
}

.featurefooter3 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color:#27567f;
  color: white;
}

.featurefooter4 {
  text-align: left;
  font-size: 19px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #3E5415;
  color: white;
}

.featurefooter5 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 45% 0 55% 5%;
  background-color: #556D2A;
  color: white;
}

@media (max-width: 991px) {
   .featurefooter5 {
    margin-top: 34.75%;
  }
}

.featurefooter6 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #27567f;
  color: white;
  opacity: 0.95;
}

@media (max-width: 991px) {
   .featurefooter6 {
    margin-top: 34.75%;
  }
}

.featurefooter7 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #8C2B09;
  color: white;
  opacity: 0.95;
}

@media (max-width: 991px) {
   .featurefooter7 {
    margin-top: 34.75%;
  }
}

.featurefooter8 {
  text-align: left;
  font-size: 20px;
  padding: 5px 15px 10px 15px;
  margin: 55% 0 55% 5%;
  background-color: #AB1D35;
  color: white;
  opacity: 0.95;
}

@media (max-width: 991px) {
   .featurefooter8 {
    margin-top: 34.75%;
  }
}

/*This changes the color of the scroll-to-top icon on the right of the screen. I have set it to white*/

#s-lib-scroll-top a {
    color: white;
}

/*This is the code for the Resources, Services, Gallery box on the MAIN LIBRARY PAGE*/

/* Styles Contact link wrapper */
.ctll-links_link-wrapper {
font-family: 'Helvetica', sans-serif;
display: flex;
margin: auto;
flex-wrap: wrap;
line-height: 1.05;
-webkit-box-direction: normal;
}
/* Styles Contact link boxes */
.ctll-links_button {
   border: 2px solid #b4b4b4;
   color: #fff;
   background-color: #556d2a;
   display: inline-block;
   font-size: 18px;
   font-family: 'Helvetica', sans-serif;
   font-weight: 500;
   line-height: 3rem;
   padding: 0.8rem 1.5rem;
   border-radius: 0.5rem;
   text-align: center;
   -webkit-box-pack: center;
   justify-content: center;
   margin: auto;
}

/* Controls Contact link box shadows on hover/focus */
a.ctll-links_button:hover, a.ctll-links_button:focus {
text-decoration: none;
   color: #fff;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.71);
}


/* Controls content box headers */
#s-lg-box-30988648 .s-lib-box-title, #s-lg-box-30988650 .s-lib-box-title, #s-lg-box-30988576 .s-lib-box-title {
 text-align: center;
 background-color: #ab1d35;
 color: #fff;
 padding-top: 10px;
 padding-bottom: 10px;
 }

/*Controls the backgrounds of link-list and gallery boxes */
#s-lg-box-30988576 {
 background-color: #e4e4e4; 
 max-height: 455px;
   }

#s-lg-box-30988648, #s-lg-box-30988650 {
 background-color: #e4e4e4; 
 min-height: 455px;
 }


 /* Link lists style */
#s-lg-link-list-74961862, #s-lg-link-list-74961894 {    
 text-align: center;
 color: #660033;
 font-size: 22px;
 display: block;    
 line-height: 1.05;
 list-style-type: none;
 }

 /* Controls links in link list decoration */
#s-lg-content-71783099, #s-lg-content-71783139, #s-lg-content-71783160, #s-lg-content-1233383,  #s-lg-content-71783191, #s-lg-content-71783227, #s-lg-content-71783298, #s-lg-content-41738938, #s-lg-content-71783351, #s-lg-content-71783373, #s-lg-content-71783430, #s-lg-content-72572964, #s-lg-content-73088868 {
 font-family: 'Helvetica', sans-serif;
 padding-top: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

/* Controls links in link list decoration */
#s-lg-content-71783099 a, #s-lg-content-71783139 a, #s-lg-content-71783160 a, #s-lg-content-1233383 a,  #s-lg-content-71783191 a, #s-lg-content-71783227 a, #s-lg-content-71783298 a, #s-lg-content-41738938 a, #s-lg-content-71783351 a, #s-lg-content-71783373 a, #s-lg-content-71783430 a, #s-lg-content-72572964 a, #s-lg-content-73088868 a {    
 font-family: 'Helvetica', sans-serif;
 color: #660033;
}
/* Controls link list, link hover action */
#s-lg-content-71783099 a:hover, #s-lg-content-71783139 a:hover, #s-lg-content-71783160 a:hover, #s-lg-content-1233383 a:hover,  #s-lg-content-71783191 a:hover, #s-lg-content-71783227 a:hover, #s-lg-content-71783298 a:hover, #s-lg-content-41738938 a:hover, #s-lg-content-71783351 a:hover, #s-lg-content-71783373 a:hover, #s-lg-content-71783430 a:hover, #s-lg-content-72572964 a:hover, #s-lg-content-73088868 a:hover,
#s-lg-content-71783099 a:focus, #s-lg-content-71783139 a:focus, #s-lg-content-71783160 a:focus, #s-lg-content-1233383 a:focus,  #s-lg-content-71783191 a:focus, #s-lg-content-71783227 a:focus, #s-lg-content-71783298 a:focus, #s-lg-content-41738938 a:focus, #s-lg-content-71783351 a:focus, #s-lg-content-71783373 a:focus, #s-lg-content-71783430 a:focus, #s-lg-content-72572964 a:focus, #s-lg-content-73088868 a:focus {
text-decoration: none;
color: #a35423;
text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.71);
}

/* changes gallery box arrow color */
.slick-prev:before {
 color:#660033 !important;
}
.slick-next:before {
 color:#660033 !important;
 margin-left: -12px;
}
/* hides gallery box play-pause button */
.text-center.slick_play_pause {
  display: none !important;
}



/* This is the padding for the chat widget to make it mobile-friendly */

.quicklinkchat {
  padding-left: 20%;
  padding-top: 10px;
}

@media (min-width: 1200px) {
  .quicklinkchat {
    padding-left: 25%;
  }
}

@media (max-width: 1200px) {
  .quicklinkchat {
    padding-left: 18%;
  }
}

@media (max-width: 991px) {
  .quicklinkchat {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .quicklinkchat {
    padding-left: 33%;
    padding-right: 20%;
  }
}

.quicklinkbuttonbackground2 {
  background-color: #fff;
  opacity: .9;
  padding: 2px 10% 5px 10%;
  margin: 25px 10% 0 12%;
  width: 75%;
  height: 40px;
}

.quicklinkbuttonbackground2:hover {
  background-color: black;
}

.quicklinkbuttonbackground2:hover .quicklinkbutton2 {
  color: white;
}

.quicklinkbuttonbackground2:hover span {
  color: white;
}

.quicklinkbuttonbackground2 span {
   /*display: inline-block; */
  color: black;
  float: right;
  margin-right: -15px;
  padding-top: 3px;
  white-space: nowrap;
}

.quicklinkbutton2 {
  height: 50px;
  margin-left: -15px;
  margin-top: 1px;
  background-size: fill;
  font-size: 20px;
  float: left;
  text-decoration: none;
  color: black;
  white-space: nowrap;
}

.quicklinkbuttonbackground2 span {
  margin-top: 3px;
}

.quicklinkbuttonbackground3 {
  position:relative;
  background-color: #660033;
  font-size: 18px;
  height: 40px;
  padding: 2px 35px 0 0;
  margin: 5% -10px 0 0;
  top:-1px;
  width: 100%;
}

.quicklinkbuttonbackground3:hover .quicklinkbutton3 {
  color: white;
}

.quicklinkbuttonbackground3:hover .zoombutton {
  color: white;
}

.quicklinkbuttonbackground3:hover span {
  color: white;
}

@media (min-width: 767px) and (max-width: 991px) {
  #zoomspan {
    display: none;
  }
}

.quicklinkbuttonbackground3 span {
  /*display: inline-block; */
  color: black;
  float: right;
  margin-right: -30px;
  margin-left: -25px;
  padding-top: 4px;
  white-space: nowrap;
}

.quicklinkbuttonbackground3:hover {
  background-color: black;
}

.quicklinkbuttonbackground4 {
  position:relative;
  background-color: #fff;
  font-size: 20px;
  height: 40px;
  padding: 2px 35px 0 0;
  top:40px;
  margin: 5% -10px 0 10%;
  opacity: .9;
  width: 80%;
}

.quicklinkbuttonbackground4:hover .quicklinkbutton3 {
  color: white;
}

.quicklinkbuttonbackground4:hover span {
  color: white;
}

.quicklinkbuttonbackground4 span {
   /*display: inline-block; */
  color: black;
  float: right;
  margin-right: -30px;
  margin-left: -25px;
  padding-top: 4px;
  white-space: nowrap;
}

.quicklinkbuttonbackground4:hover {
  background-color: black;
}

.test a:hover {
  background-color: black;
  color: green;
}

.quicklinkbutton3 {
  height: 50px;
  background-size: fill;
  font-size: 20px;
  float: left;
  text-decoration: none;
  color: black;
  white-space: nowrap;
  padding-left:7.5px;
  margin-top:1.5px;
  padding-bottom:3px;
}

.zoombutton {
  height: 50px;
  font-size: 18px;
  float: left;
  color: white;
  white-space: nowrap;
  padding:2.5px 0 0 7.5px;
  margin-top:2px;
}

.zoombutton a {
  text-decoration: none;
}

#ResearchGuidesRow {
  margin-top:25px;
}

.guidelink-left {
  width: 100px;
  margin-left: 20%;
  margin-right: -13%;
  float: left;
  margin-right: 0%;
  margin-bottom: 5px;
  font-family: 'Oswald';
  line-height: 22.5px;
  font-size: 18px;
  color: white;
  text-align: left;
  background-color: #27567f;
}

.guidelink-left:hover .guidelinkiconback {
  color: black;
}

.guidelink-left:hover .guidelinkicon {
  color: white;
}

.guidelink-right {
  float: right;
  width: 100px;
  margin-left: -20%;
  margin-right: 13%;
  margin-bottom: 5px;
  font-family: 'Oswald';
  line-height:22.5px;
  font-size: 18px;
  color: white;
  text-align: left;
  background-color: #27567f;
}

.guidelink-right:hover .guidelinkiconback {
  color: black;
}

.guidelink-right:hover .guidelinkicon {
  color: white;
}

.guidelinkiconback {
  margin-top: -2.5px;
  margin-left: -2.5px;
}

.guidelinkicon {
  margin-top: -2.5px;
  color: black;
  ;
}

/*This is for the horizontal parallax bar*/

.parallax {
  width: 97.5%;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/19-1120_03.JPG");
  background-size: cover;
  height: 75px;
  background-position-x: 50%;
	background-position-y: 32%;
  background-attachment: fixed;
	-webkit-transform: scale(1.1);	
          transform: scale(1.1);
margin: -10px 0 50px 0;
}

@media screen and (max-width: 320px) {
  .parallax {
    display: none;
  }
}

/*These are the staff profile pictures*/

.profilepickarena {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/profilepickaren.jpg");
  background-size: 125%;
  background-position: 50% 20%;
  display: block;
  margin: auto;
}

.profilepicmike {
  width: 140px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Mike_website2.jpg");
  background-size: 100%;
  background-position: 50% 80%;
  display: block;
  margin: auto;
}

.profilepicstacy {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Stacy-website.jpg");
  background-size: 115%;
  background-position: 90% 5%;
  display: block;
  margin: auto;
}

.profilepickarenh {
  width: 175px;
  height: 200px;
  background-color: #dadada;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/170202_Library_Headshots_83_edit_1_.jpg");
  background-size: 165%;
  background-position: 80.5% 40%;
  display: block;
  margin: auto;
}

.profilepicmary {
  width: 175px;
  height: 200px;
  background-color: #dadada;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Mary-website.jpg");
  background-size: 115%;
  background-position: 50.5% 15%;
  display: block;
  margin: auto;
}

.profilepickris {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Kris-website.jpg");
  background-size: 120%;
  background-position: 60.5% 100%;
  display: block;
  margin: auto;
}

.profilepicstewart {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/Stewart-website.jpg");
  background-size: 120%;
  background-position: 50% 20%;
  display: block;
  margin: auto;
}

.profilepicpaul {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/paul-website.jpg");
  background-size: auto 105%;
  background-position: 60% 100%;
  display: block;
  margin: auto;
}

.profilepicsara {
  width: 175px;
  height: 200px;
  background-image: url("https://libapps.s3.amazonaws.com/customers/536/images/facebook_1680541987942_7048703982195058493.jpg");
  background-size: auto 135%;
  background-position: 60% 30%;
  display: block;
  margin: auto;
}

#alert {
 height: 30px;
}

@media (max-width: 955px) {
  #alert {
    height: 60px;
  }
}

@media (max-width: 477px) {
  #alert {
    height: 70px;
    margin-left:-10px;
    padding: 0 15px 0 15px;
    width:100%;
    display: inline-block;
  }
}

@media (max-width: 320px) {
  #alerttext {
    font-size: .8em;
  }
}

#col-search {
    display: none;
}

.s-lg-az-result {
    margin-top: -5px;
}

@media (max-width: 500px) {
  .s-lg-az-result {
    margin-top:auto;
  }
}

.s-lg-az-result-title a {
    font-size: 16px;
    white-space: wrap;
    float: left;
    width: 175px;
    padding-top: 22.5px;
}

@media (max-width: 500px) {
  .s-lg-az-result-title a {
    font-size: 14px;
    white-space: wrap;
    width: auto;
    padding-top: 0px;
  }
}

.s-lg-az-result-description {
font-size:13px;
margin-left:200px;
line-height: 1.75;
}

@media (max-width: 500px) {
  .s-lg-az-result-description {
    font-size:12px;
    margin-left: auto;
    line-height: 1.25;
  }
}

#s-lg-az-filter-cols {
    margin-bottom:15px;
    margin-left:75px;
}

.buttonbackground {
  width: 100%;
  height: 105px;
  display: block;
  font-family: "Oswald";
  font-size: 24px;
  color: #272727;
  text-decoration: none;
  text-align: center;
  /*vertical-align: middle; */
  padding-top: 0px;
  padding-bottom: 0px;
  color: white;
}

.buttonbackground:hover {
  background-color: black;
}

.buttonbackground-red {
  background-color: #AB1D35;
}

.buttonbackground-blue {
  background-color: #4b79a3;
}

.buttonbackground-green{
  background-color: #556D2A;
}

.buttonbackground-orange{
  background-color: #a35423;
}

.buttonbackground-grey{
  background-color: #3E3E3E;
}

.oneline
{
  height: 105px;
  line-height: 105px;
  vertical-align: middle;
}

.multiline
{
  padding-top: 10px;
  padding-bottom: 10px;
}