/**
 * @file
 * Subtheme specific CSS.
 */
/* /////////////// Table of Contents /////////// */
/*

Main CSS file for Lakehead University Library Website Drupal 9 Theme..
////////// The Matrix (lul2021) //////////////
01. Base - Rules that are not specific, and apply to the whole website
  - 01.00. Site Wide
  - 01.01. Site Wide Footer
  - 01.02. Design Patterns
  -- 01.02.00 Feature Card
  -- 01.02.01 Tables
  -- 01.02.02 Accordions
  -- 01.02.03 Ask a Librarian Widget
  -- 01.02.04 EU Cookie Compliance Module
  - 01.03. Breadcrumbs
  - 01.04. Basic Page Content Section
  - 01.05. Administration Functionality

02. Typography

03. Layout - Rules that are specific to the layout (think containers, grids etc.)
  - 03.00. Homepage Header

  - 03.01. Homepage Layout
  -- 03.01.01 - Omni Search Bar
  -- 03.01.02 - Quicklinks Icons
  -- 03.01.03 - Guides Feature Cards
  -- 03.01.04 - Social Media Icons in Quicklinks Feature Card

  - 03.02. Branding

  - 03.03. Navigation
  -- 03.03.01 Right Sidebar Navigation on Library Secondary Page Content Type
  -- 03.03.02 Collapsed Main Top Navigation
  -- 03.03.03 Responsive Mobile mmenu

  - 03.04. Inner Pages Layouts
  -- 03.04.00 Inner Page Header
  -- 03.04.01 Locations Page / Search Archives Form
  -- 03.04.02 Services Page
  -- 03.04.03 About Page
  -- 03.04.04 Sitemap Page
  -- 03.04.05 Topic/Subject/Course Guides Pages
  -- 03.04.06 Top Level Landing Pages (Find, Services, Lib & Coll, About)
  -- 03.04.07 Social Media Directory Page
  -- 03.04.08 Social Media Directory Card

  - 03.05. Views - all styles related to specific Views
  -- 03.05.00 Librarian Profiles
  -- 03.05.01 Library Locations View
  -- 03.05.02 Library Collections View
  -- 03.05.03 Related Pages View

  - 03.06. Nodes - all styles related to specific Nodes / node twigs
  -- 03.06.00 Librarian Node
  -- 03.06.01 Library Locations Node
  -- 03.06.02 Library Collections Node
  -- 03.06.03 node.twig.html
  -- 03.06.04 Library Secondary Page
  -- 03.06.05 Sitemap Node Twig

04. Icons
05. Buttons

06. Forms
  - 06.01 General Form Styles

07. Media Queries
  - 07.00. Bootstrap 4 Tiered Breakpoints
  - 07.01. Custom Breakpoints in The Matrix

08. Helpers - Things like clearfix would go in here
09. Style Guide

// Color Legend

LakeheadU Blue (Cobalt) - rgb(0,66,122); 	#00427A
Alt Blue (Dark Blue) - rgb(6,49,86);
Off White - rgb(234,234,234);
Off Black - rgb(36,36,36);
LakeheadU Grey (Thunderwolf) - rgb(167,169,172);  #A7A9AC
Dark Grey - rgb(97,98,101);
LakeheadU Red (Crimson) - rgb(198,29,35); #C61D23      NOTE: Only use for applicable UI elements
LakeheadU Yellow (Blaze) - rgb(255,195,15); #FFC20E
LakaheadU Green (Laurel) - rgb(160,165,25);  #A3A510
LakeheadU Purple (Amethyst) - rgb(100,45,145); #652D89
///////////////////////////////////   */

/*   ///////  01. Base ///////  */
/*   ///////  - 01.00. Site Wide  ///////  */


#page-wrapper {
  max-width: 2100px!important;
  margin: 0 auto;
}

#main-wrapper.layout-main-wrapper,
#page {
  background: rgb(245,245,245);
}

/*   ///////  - 01.01. Site Wide Footer ///////  */

.site-footer {
  /* height: 430px; */
  font-size: 1.3em;
  padding: unset;
  color: white;
  /* margin-top: 1em; */
}

.site-footer a:active,
.site-footer a:focus {
  color: white;
}

.footer-inner-wrapper {
  /* background-image: url("/sites/default/files/images/layout/footer-graphic.svg"); */
  background-image: url("/sites/default/files/images/layout/footer-graphic-dark.svg");
  background-size: cover;
  background-position: center;
}

.footer-top {
  height: 100%;
  /* background-color: rgb(0,66,122); */
}

.footer-inner-wrapper .footer-top .contact-info {
  padding-top: 1em;
  padding-left: 1.1em;
}
.contact-info a {
  color: white;
  text-decoration: none;
}
.contact-info a:hover {
  color: white;
  text-decoration: underline;
}
.contact-info img {
  width: 340px;
  margin-bottom: 0.6em;
}

.site-footer .land-acknowledgement {
  font-size: 0.9em
}

.land-acknowledgement p:first-of-type {
  margin-top: 1em;
}

.footer-bottom {
  height: 100%;
  background-color: rgb(6,49,86);
}

.footer-bottom a {
  color: white;
  text-decoration: none;
}
.footer-bottom a:hover {
  color: white;
  text-decoration: underline;
}

.footer-bottom .copyright-info p {
  margin-top: 1.8%;
}
.footer-bottom .staff-links {
  margin-top: 0.8%;
}
.footer-bottom .staff-links a {
 text-decoration: none;
 padding-right: 0.8em;
}
.footer-bottom .staff-links a:hover {
  text-decoration: underline;
}

.site-footer__bottom {
  display: none!important;
}

/*   /////// - 01.02. Design Patterns ///////  */
/*   /////// -- 01.02.00 Feature Card ///////  */

.card-gradient-bottom {
  z-index: 0;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.card-dropshadow {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  /* margin: 0 2%;
  padding: 1% 2%; */
}

.quicklink-card a.ql-card-link::after {
  content: unset!important;
}

.quicklink-card p {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.7em;
}

.quicklink-card input {
  width: 90%;
  border-radius: 30px;
  font-size: 1.1rem;
  padding-left: 1em;
  margin: .5em;
}


/*   /////// -- 01.02.01 Tables ///////  */
/* These styles override the table styles brought in from libcal */
/* Table Header */
table.s-lc-whw,
table.s-lc-mhw-tb,
.s-lc-mhw-day-l,
.s-lc-mhw-loc {
  font-size: 0.9em!important;
}

.s-lc-mhw-header {
  background-color: rgb(0,66,122);
}
.s-lc-mhw-header button.btn {
  background-color: rgb(6,49,86)!important;
  color: white!important;
  font-size: 2em!important;
}

.s-lc-mhw-header-date {
  margin: 4%!important;
  font-size: 2em!important;
}

.s-lc-mhw-loc {
  color: black!important;
}

#s-lc-fhw-hours > ul > li {
  margin-right: 1em;
}

table.s-lc-whw thead > tr {
  background-color: rgb(0,66,122);
}

table.s-lc-whw thead > tr > th > button {
  color: white;
}
table.s-lc-whw thead > tr > th > button.s-lc-whw-pr {
  color: white;
  background-color: rgb(6,49,86)!important;
}

table.s-lc-whw thead > tr > th > button:hover {
  color: white;
}
table.s-lc-whw thead > tr > th > button.s-lc-whw-pr:hover {
  background-color:white;
  color:  white;
}
span.s-lc-whw-head-date {
  color: white;
}
.s-lc-whw-today-h {
  background-color: #ddd;
  color:white!important;
}
th.s-lc-whw-today-h span.s-lc-whw-head-date {
  color:white;
}

s-lc-whw-today-h {
  color: white!important;
}

.btn.btn-default.btn-sm.s-lc-whw-ne {
  background-color: rgb(6,49,86)!important;
}
/*  end <table> libcal styles */

/* ///////// Table Fixes ///////// */
/* contrast */
.page-node-156 table > thead > tr > th,
.page-node-46 table > thead > tr > th,
.page-node-101 table > thead > tr > th {
  color: black;
}


/* /about/hours/* */
.page-node-45 .s-lc-mhw-header,
.page-node-45 .s-lc-mhw-days > th,
.page-node-42 .s-lc-mhw-header,
.page-node-42 .s-lc-mhw-days > th,
.page-node-48 .s-lc-mhw-header,
.page-node-48 .s-lc-mhw-days > th,
.page-node-60 .s-lc-mhw-header,
.page-node-60 .s-lc-mhw-days > th,
.page-node-86 .s-lc-mhw-header,
.page-node-86 .s-lc-mhw-days > th,
.page-node-67 .s-lc-mhw-header,
.page-node-67 .s-lc-mhw-days > th,
.page-node-76 .s-lc-mhw-header,
.page-node-76 .s-lc-mhw-days > th,
.page-node-40 .s-lc-mhw-header,
.page-node-40 .s-lc-mhw-days > th {
  color: black;
}

/* /about/all-library-hours */
.page-node-40 th.s-lc-whw-today-h span.s-lc-whw-head-date {
  color: white!important;
}

.page-node-40 .s-lc-mhw-loc {
  border-radius: 0!important;
  border-bottom: 1px solid black;
}


/* /about/contact-us/liaison-librarians-archivists */
.page-node-77 table#datatable th {
  color: black;
  }
.page-node-77 a.btn.btn-light.btn-block {
  filter: drop-shadow(2px 2px 2px lightgrey);
  background: white;
  border-radius: 3px;
  margin: 1em 0;
  padding: 0.4em 0;
  color: black;
}
.page-node-77 a.btn.btn-light.btn-block::after {
  content: " >";
}


/*   /////// -- 01.02.02 Accordions ///////  */
/* These styles prototyped with the /about/covid19 page before making it into it's own pattern */
h2.panel-title {
  margin-bottom: 0.5em;
}

h2.panel-title a {
  font-weight: 500;
  font-size: 0.6em;
  margin-bottom: 1em;
}

.panel-body h3 {
  font-size: 1.4em!important;
}

.library-accordion {

}
.library-accordion .accordion-content.panel {
  display: none;
  overflow: hidden;
}

button.accordion-trig {
}

/* Styles for ckeditor accordions */
.ckeditor-accordion-container p,
.ckeditor-accordion-container ul {
  margin-top: 1em;
}

.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container > dl dt > a {
  background-color: white;
  color: rgb(0,66,122)!important;
  font-size: 1.3em;
  font-weight: 300;
  border-bottom: 1px solid rgb(0,66,122)!important;
}
.ckeditor-accordion-container > dl dt.active > a {
  background-color: white;
}
.ckeditor-accordion-container > dl dt > a:hover {
  background-color: white;
  text-decoration: underline;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: rgb(0,66,122);
}

/* For /find/research-guides & videos and tutorials pages - ckeditor accordion not easy to work with */
dt#course-guide-page::after {
  content: "Course guides describe and list key resources for specific courses.";
}
dt#subject-guide-page::after {
	content: "Subject guides describe key library resources for each subject offered at Lakehead University.";
}
dt#topic-guide-page::after{
  content: "Topic Guides offer information on research topics and tools for Lakehead researchers.";
}


dt#tutorials-title-1::after {
	content: "Lakehead's books, articles, and more, search system.";
}
dt#tutorials-title-2::after {
	content: "Help for finding full-text articles.";
}
dt#tutorials-title-3::after {
	content: "";
}
dt#tutorials-title-4::after {
	content: "";
}
dt#tutorials-title-5::after {
	content: "An introduction to the Lakehead University Archives.";
}
dt#tutorials-title-6::after {
	content: "Tools to help you create citations and do your bibliographies.";
}
dt#tutorials-title-7::after {
	content: "Resources to Support Indigenous Research.";
}


.page-node-176 .tutorials-page-acc-title::after,
.page-node-169 .guide-page-acc-title::after {
  padding-left: 2.45em;
  font-weight: 300;
  font-size: 1.2em;
}

.page-node-169 .ckeditor-accordion-container > dl dt > a {
  border-bottom: none!important;
}
.page-node-176 dt.tutorials-page-acc-title,
.page-node-169 dt.guide-page-acc-title {
  border-top: 1px solid rgb(0,66,122);
  margin-top: 1em;
}
.page-node-176 dt.tutorials-page-acc-title:first-of-type,
.page-node-169 dt.guide-page-acc-title:first-of-type {
  border-top: none;
}
.page-node-176 .guides-page,
.page-node-169 .guides-page {
  margin-left: 0.5em;
}

.page-node-169 ul#pageListTopicS,
.page-node-169 ul#pageListTopicT,
.page-node-169 ul#pageListTopicC {
  font-weight: 300;
  list-style: none;
}

.page-node-169 ul#pageListTopicS > li > a:hover,
.page-node-169 ul#pageListTopicT > li > a:hover,
.page-node-169 ul#pageListTopicC > li > a:hover {
  color: black;
}

.page-node-169 #course-guide-page {
  margin-top: 0;
}



/*   /////// -- 01.02.03 Ask a Librarian Widget ///////  */
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  background-color: rgb(198,29,35);;
  color: white;
}


/*   /////// -- 01.02.04 EU Cookie Compliance Module ///////  */
#sliding-popup .info {
  padding: 0;
  margin: 0;
  max-width: 100% !important;
}

#sliding-popup {
  max-width: 1550px;
  width: 100%;
  z-index: 99999;
  text-align: center;
  margin: 0;
  background-color: rgb(0, 66, 122) !important;
  background: linear-gradient(89.87deg, #00427A 23.96%, #063156 100%) !important;
  border: 1px solid #063156;
  border-radius: 5px;
  box-shadow: 8px 8px 13px rgba(0, 0, 0, 0.13);
}

.sliding-popup-bottom,
.sliding-popup-top {
  background: url('../images/gradient.png') center center scroll repeat-y transparent;
}

.sliding-popup-bottom {
  position: fixed;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}

.sliding-popup-top {
  position: relative;
}

#sliding-popup .popup-content {
  margin: 0 1.125rem;
  max-width: 95% !important;
  display: inline-block;
  text-align: left;
}

#sliding-popup .popup-contant,
#sliding-popup .popup-content button {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

#sliding-popup .popup-content button.eu-cookie-compliance-more-button {
  /* font-weight: 500; */
}

#sliding-popup .popup-content #popup-buttons {
  float: right;
  margin: 0;
  padding: 0;
  max-width: 40%;
}

#sliding-popup .popup-content #popup-buttons button {
  padding: 0.65rem 1.25rem;
  margin: 1.25rem 0 1rem 0;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 4px;
  border: 2px solid rgb(255, 255, 255);
  background: none;
  text-shadow: none !important;
}

#sliding-popup .popup-content #popup-buttons button:hover,
#sliding-popup .popup-content #popup-buttons button:active #sliding-popup .popup-content #popup-buttons button:focus {
  background: rgb(0, 66, 122);
  text-decoration: underline;
}

.eu-cookie-compliance-categories-buttons {
  margin: 0 0 1em 0;
  max-width: 60%;
  float: left;
}

#sliding-popup .eu-cookie-compliance-more-button {
  text-transform: capitalize;
  cursor: pointer;
  display: inline;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: underline;
  background: none;
}

#sliding-popup .eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 1em;
  padding: 0 8px;
  vertical-align: middle;
}

#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  border: 1px solid #fff;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: normal;
}


#sliding-popup .eu-cookie-compliance-default-button:active,
#sliding-popup .eu-cookie-compliance-hide-button:active,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:active,
#sliding-popup .eu-cookie-withdraw-button:active {
  position: relative;
  top: 1px;
}

#sliding-popup .popup-content #popup-text:before {
  background: rgba(6, 49, 86, 1);
  padding: 0.75rem;
  margin-right: 1rem;
  border-radius: 50%;
  color: rgb(255, 194, 14);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.5rem;
  content: "\f564";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  display: block;
  float: left;
}

#sliding-popup .popup-content #popup-text {
  color: #fff;
  float: left;
  margin: 1.25rem 0 1rem 0;
  padding: 0;
  max-width: 80%;
}

.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message {
  max-width: 100%;
}

.eu-cookie-compliance-categories {
  clear: both;
  padding-top: 1em;
}

.eu-cookie-compliance-categories label {
  display: inline;
}

#sliding-popup .popup-content #popup-text h1,
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text h3,
#sliding-popup .popup-content #popup-text p,
#sliding-popup .popup-content #popup-text a {
  color: #fff;
  font-size: 1rem;
  /* font-weight: bold; */
  line-height: 1.4;
  margin: 0 0 5px 0;
}

#sliding-popup .popup-content #popup-text h1 {
  font-size: 24px;
}

#sliding-popup .popup-content #popup-text h3 {
  font-size: 12px;
}

#sliding-popup .popup-content #popup-text p {
  font-size: 1rem;
  font-weight: 500;
  display: inline;
}

.eu-cookie-withdraw-tab {
  padding: 4px 7px;
  cursor: pointer;
}

.sliding-popup-bottom .eu-cookie-withdraw-tab {
  border-width: 2px 2px 0;
  border-radius: 5px 5px 0 0;
}

.sliding-popup-top .eu-cookie-withdraw-tab {
  border-width: 0 2px 2px;
  border-radius: 0 0 5px 5px;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
  transform: scaleY(-1);
}


.eu-cookie-withdraw-tab {
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  left: 50%;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
  transform: translate(-50%, -100%) scaleY(-1);
}

.eu-cookie-compliance-hidden {
  display: none;
}

@media screen and (max-width: 1549px) {
  #sliding-popup {
    width: 97% !important;
    margin: 0 1rem 1rem 1rem;
  }

  .sliding-popup-bottom {
    left: initial;
    right: initial;
    transform: unset;
  }
}

@media screen and (max-width: 700px) {
  #sliding-popup {
    width: 94% !important;
  }

  #sliding-popup .popup-content #popup-text {
    max-width: 100%;
    width: 100%;
  }

  #sliding-popup .popup-content #popup-buttons button {
    margin-top: 0;
    width: 100%;
  }

  #sliding-popup .popup-content #popup-buttons {
    float: none;
    max-width: 100%;
    width: 100%;
  }
}



/*   /////// - 01.03. Breadcrumbs ///////  */

.breadcrumb {
  background-color: unset !important;
  border-bottom: 2px solid rgb(6, 49, 86) !important;
  border-radius: 0 !important;
  font-size: 1.1em !important;
}

.breadcrumb a {
  color: rgb(0, 66, 122);
}

/*   /////// - 01.05. Admin Functionality ///////  */

#block-mainnavigation-3 ul.contextual-links li a {
  color: black;
}

li.breadcrumb-item.active {
  color: #42484c!important;
  /* color: rgb(97,98,101); */
}


/*   /////// - 01.04. Basic Page Content Section ///////  */

#block-lul2021-content {
  max-width: 98%;
  margin: 1.5% 1% 0;
  /* border: 1px solid rgb(125,125,125); */
  /* border-radius: 5px;
  filter: drop-shadow(2px 4px 5px grey);
  background: white;
  padding: 1%; */
}

/*   ///////  02. Typography ///////  */

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

.node--type-library-secondary-page h2,
.node--type-library-secondary-page h3,
.node--type-library-secondary-page h4 {
  font-weight: 300;
}

h1 {
}
h2.cobalt {
  color: rgb(0,66,122);
}

h2#block-mainnavigation-2-menu {
  border: none;
  padding-bottom: 0;
}

.homepage-card h2 {
  font-weight: 300;
}

h2.rel-pages-field-lib-sec-page {
  font-size: 1.2em!important;
  text-transform: uppercase;
  color: rgb(0,66,122);
  margin-top: 3em;
  font-weight: 300;
}

article.node--type-library-secondary-page h2 {
  font-size: 1.8em;
}

#block-lul2021-content h3 {
  font-size: 1.4em;
  margin-top: 1em;
}
h3.cobalt {
  color: rgb(0,66,122);
}

hr {
  /* display: block; */
  height: 1px;
  border-top: 1px solid #ccc;

}
hr.short {
  max-width: 2rem;
  border-width: 2px;
}
hr.blaze {
  border-color: rgb(255,195,15);
  opacity: 1;
  background-color: rgb(255,195,15);
  height: 3px!important;
}

p,
li  {
  /* font-size: 1.2rem; */
}

p.notice{
  color:#00427a;
  padding:1em;
  border:1px solid #b4d9ed;
  background:#cee8f5;
}
p.notice:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
  margin-right:0.5em;
}

p.warning{
  color:rgb(36,36,36);
  padding:1em;
  border:1px solid rgb(255,195,15);
  background:rgb(251,219,121);
}
p.warning a{
  color:rgb(36,36,36);
  font-weight:700;
  text-decoration: none;
}
p.warning a:hover {
  text-decoration: underline;
}
p.warning:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
  margin-right:0.5em;
}

p.danger{
  color:white;
  padding:1em;
  border:1px solid #C61D23;
  background:#C61D23;
  border-radius: 4px;
  padding: 1.3em;
}
p.danger a{
  color:white;
  font-weight:700;
  text-decoration: none;
}
p.danger a:hover {
  text-decoration: underline;
}
p.danger:before {
  display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
  margin-right:0.5em;
}



.node__content a {
  color: rgb(0,66,122);
  text-decoration: none;
  /* font-size: 1.2em; */
}
.node__content a:hover,
.home-page-header a:hover,
#sidebar_first a:hover,
.content .node--type-library-secondary-page a,
.node--type-library-secondary-page .guides-page a:hover,
.content .node--type-library-secondary-page .quicklink-card.homepage-card a:hover,
.content .node--type-library-secondary-page a:hover.ckeditor-accordion-toggler {
  text-decoration: underline;
}

.home-page-header a,
#sidebar_first a,
.content .node--type-library-secondary-page .quicklink-card.homepage-card a,
.node--type-library-secondary-page .guides-page a,
.content .node--type-library-secondary-page a.ckeditor-accordion-toggler {
  text-decoration: none;
}

/*   ///////  03. Layout ///////  */


/* /////// - 03.00. Homepage Header /////// */
#top-header-region {
  display: none;
}

.home-page-header {
  /* position: relative; */
  background-image: url("/sites/default/files/images/banner/campus.students.RC.jpg");
  height:840px;
  /* smaller header image */
  /* height:660px; */
  width:100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  /* margin-bottom: 1em; */
}

.home-page-header-overlay {
  position: absolute;
  width: 100%;
  height: 800px;
  /* height: 660px; */
  max-width: 2100px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 25%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/* /////// - 03.01. Homepage Layout /////// */

#block-homepagenoticemessage {
  margin-top: 1em;
}

/* start libcal hours block */

.node--type-home-page #block-lul2021-content {
  margin: 0 1% 1.5% 1%;
}

.hp-top-row-wrap .hp-top-row-content .col-lg-12.col-md-12.col-sm-12 {
  padding: 0;
}

.hp-top-row-content p.notice {
  border-radius: 4px;
  padding: 1.3em;
}

.hp-top-row-content p.notice > a {
  color: rgb(0,66,122);
}

.card-dropshadow.quicklink-card.homepage-card.hours-trigger-wrap {
  padding: 0;
  height: 81%;
}

a#hp-hours-block-trigger {
  text-decoration: none;
}
a#hp-hours-block-trigger:hover {
  text-decoration: underline;
}

.card-dropshadow.quicklink-card.homepage-card.hours-trigger-wrap h2 {
  padding: 0.3em;
}

.hours-trigger-wrap i {
  padding-right: 0.5em;
  color: #00427a;
}

#hp-hours-block-toggle{
  max-height: 0;
  transition: all 0.5s ease-in-out;
}

#hp-hours-block-toggle.open {
  max-height: 1500px;
  transition: all 0.5s ease-in-out;
  padding-bottom: 0.2em;
}

#hp-hours-block-toggle .card-dropshadow.homepage-card {
  height: unset;
}

#block-libcalhoursblock .libcal-hours-class .library-hours-col a {
  text-decoration: none;
}
#block-libcalhoursblock .libcal-hours-class .library-hours-col a:hover {
  text-decoration: underline;
}


#hours-block-content {
  overflow: hidden;
  margin-bottom: 1em;
}
.library-hours-col {
  margin-bottom: 1em;
  border-bottom: 1px solid #00427a;
  padding-bottom: 0.5em;
}
.library-hours-col h3 {
  font-weight: 300;
  font-size: 1.25em;
}
.library-hours-col img {
  max-width: 100%;
  margin-bottom: 0.5em;
}
.library-hours-col span {
  font-size: 1.5em;
}

@media (max-width: 767px) {
  .libcal-hours-class .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    padding-bottom: 0;
  }
  .library-hours-col img {
    display: none;
  }
  .library-hours-col h3 {
    margin-right: 0.5em;
  }

}
/* end libcal hours block */

.node--type-home-page .card-dropshadow.homepage-card {
  padding: 1em;
  height: 100%;
  margin-bottom: 1em;
}

.node--type-home-page .card-dropshadow.homepage-card h2 > a {
  color: rgb(0,66,122);
  font-weight: 300;
}

.node--type-home-page .librarian-profile-homepage-card .librarian-profile-card-bottom p {
  margin-bottom: 2rem;
}

.node--type-home-page .librarian-profile-homepage-card .librarian-profile-card-bottom a::after {
  content: " >"
}

.node--type-home-page .col-lg-6.col-sm-12,
.node--type-home-page .col-lg-4.col-md-6.col-sm-12 {
  padding-bottom: 2em;
}

#find-support-card h3 a {
  color: rgb(0,66,122);
}

.librarian-profile-homepage-card .view-content.row {
  margin: unset;
}

/* Styles should eventually move to typography */
.quicklink-card.homepage-card {
  list-style: none;
  padding-left: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.7em;
}

.quicklink-card.homepage-card a,
.guides-home-page-list a {
  color: black;
}

.quicklink-card.homepage-card a::after,
.guides-home-page-list a::after {
  content: " >";
}

.quicklinks-homepage-content a.quicklink:active,
.quicklinks-homepage-content a.quicklink:focus {
  color: white;
}


.quicklink-card.homepage-card ul,
.guides-home-page-list ul {
  padding-left: 0em;
}
.quicklink-card.homepage-card li,
.guides-home-page-list li {
  list-style: none;
  padding: 0.6rem;
  font-size: 1.3rem;
}

/* Workshop feature card */
#lul-list-workshops .inner-workshops {
  margin: 1em 0;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  background-color: white;
  padding: 1.2em;
}
#lul-list-workshops .inner-workshops-block {
  text-align: center;
  line-height: 3em;
  color:rgb(0,66,122);
  margin-bottom: 0.5em;
}

.inner-workshops-block img {
  height: auto;
  width: 100%;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  margin-bottom: 6%;
}


/* Event Feature Card */
#lul-list-events .s-lc-evt {
  margin: 1em 0;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  background-color: white;
  padding: 1em;
}

#lul-list-events .s-lc-evt-date {
  text-align: center;
  line-height: 2.2em;
  color:rgb(0,66,122);
  margin-bottom: 0.5em;
  border-right: 3px solid rgb(0,66,122);
}


#lul-list-events .s-lc-evt-date .s-lc-evt-date-m {
  font-size: 1.5em;
}

#lul-list-events .s-lc-evt-date .s-lc-evt-date-d {
  font-size: calc(30px + 6 * ((74vw - 320px) / 680))
}

#lul-list-events .s-lc-evt-title {
  font-size: 1em;
}

#lul-list-events .s-lc-evt-desc {
  font-size: 1.2em;
}

/* Libraries Card */
#hp-libraries-card {
  width: 98%;
}

#hp-libraries-card.library-location-node {
  max-width: unset!important;
}
#hp-libraries-card .views-row {
  width:100%;
  padding: 0;
}

#hp-libraries-card > div > div > div > div.views-field.views-field-nothing-1 > span > div,
#hp-libraries-card .library-location-node .location-contact-info {
  margin: 0 0 1em;
}

/* Collections card */
#hp-collections-card {
  overflow: hidden;
  width: 98%;
}

.library-collection-card {
  text-align: center;
  position: relative;
  height: 400px;
  width: 100%;
  overflow: hidden;
  padding-left: 0;
  margin-bottom: 1em;
}

.library-collection-card a {
  position: absolute;
  left: 4%;
  bottom: 4%;
  font-size: 1.5em;
  color: white;
  /* max-width: 70%; */
  text-align: left;
}


.library-collection-card a:hover {
  color: white;
  text-decoration: underline;
}

.library-collection-card img {
  min-height: 400px;
}

.view-id-library_collections.view-display-id-feature_card ul {
  justify-content: center;
}

/* Guides Cards */
.guides-home-page-list {
  list-style: none;
  padding-left: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.7em;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}

h2 > a.ql-card-link {
  color: rgb(0,66,122)!important;
  font-weight: 300;
}



/* /////// -- 03.01.01 - Omni Search Bar /////// */

#omni-search {
  z-index: 9;
  position: relative;
  /* text-align: center; */
  /* margin: 0 19% 0 19%; */
  top: 8%;
  background-color: rgba(33,33,33,0.8);
  /* rgba(0,0,0,0.4); */
  border-radius: 3px;
  height: 30%;
  width: 80%;
  font-weight: 300;
}
.omni-logo-wrap,
.omni-form-input {
  text-align: center;
}

#omni-search a {
  color: white;
  white-space: nowrap;
}

.omni-logo-wrap img {
  margin-top: 0.5%;
  /*margin-top: 1%; */
  /*height: 100px; */
  height: 80px;
}

.omni-links {
  font-size:1.4em;
  text-align: center;
  width:80%!important;
  /* padding:15px; */
  /* margin: 2em auto; */
}
.omni-links a {
  /* padding-right: 2.5em; */
}
.omni-links span {
  color: white;
}

#primoQueryTemp {
  font-size: 2em;
  border-radius: 30px;
  border:none;
  background:rgba(255,255,255,0.8);
  font-weight: 300;
}

input#primoQueryTemp {
  padding-left: 1em;
}

.omni-search-input-bar button {
  background: none;
  border: none;
  float: right;
  position: absolute;
  right: 3%;
  top: 18%;
}
.omni-search-input-bar button span {
  font-size: 2em;
}

/* /////// -- 03.01.02 - Quicklinks Icons /////// */

.container.quicklink-icons-wrap {
  min-width:100%;
  position: relative;
  bottom: -100px;
  padding: 0.2em;
}

.quicklink-icons-wrap .quicklinks-homepage-content .quicklink-wrap,
.archives-omni-replace .quicklink-wrap {
  padding: 1.2em;
}

.container .quicklinks-homepage-content {
  max-width: 90%;
  background-color: rgba(33,33,33,0.8);
  /*background-color: rgba(0,0,0,0.4); */
  border-radius: 3px;
  padding: 1em;
  font-weight: 300;
}

.quicklink-wrap {
  text-align: center;
}
.quicklink-icons-wrap p {
  font-size: 2em;
  color: white;
  text-align: center;
  z-index: 8;
}

a.quicklink {
  z-index: 10;
  color:white;
}

a.quicklink:hover {
  z-index: 10;
  color:white;
  text-decoration: underline;
}

.quicklink-wrap i {
  font-size: 3em;
}

.quicklink-wrap span {
  display: block;
  font-size: 1.3em;
  margin-top: 0.5em;
  line-height: 1.2em;
}


/* /////// -- 03.01.04 - Social Media Icons in Quicklinks Feature Card /////// */

.page-node-9 .quicklink-card.homepage-card .social-media-icons {
  margin-top: 3em;
}

.page-node-9 .quicklink-card.homepage-card .social-media-icons a {
  color: rgb(0,66,122);
  font-size: 3em;
  margin-right: 0.75em;
}

.page-node-9 .quicklink-card.homepage-card .social-media-icons a::after {
  content: "";
}



/* /////// - 03.02. Branding /////// */
#navbar-top {
  float:left;
}
#navbar-top img{
  width: 45vw;
  margin: 6% 0 0 6%;
  max-width: 400px;
  /* min-width: 250px; */
}

/* /////// - 03.03. Navigation /////// */
/* Superfish styles piggybacked on drupal core nav as much as possible (classes with sf) */
.navbar {
  z-index: 10;
}
#navbar-main {
  float:right;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 3% 1% 0 0;
}

#navbar-main a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 15px 20px;
  position: relative;
}

#navbar-main .dropdown-menu .dropdown-item a,
#block-mainnavigation-3 .sf-depth-2 a,
#block-mainnavigation-3 .sf-depth-3 a,
#block-mainnavigation-3 .sf-depth-4 a,
#block-mainnavigation-3 .sf-depth-5 a {
  color:rgb(0,66,122)!important;
}

#navbar-main .dropdown-menu .dropdown-item a:after {
  background:rgb(0,66,122);
}

#navbar-main a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  /* left: 50%; */
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

#navbar-main a:hover::after {
  width: 100%;
  left: 0;
}

#CollapsingNavbar{
  background-color:rgba(33,33,33,0.8);
  border-radius: 3px;
}

#block-mainnavigation a.nav-link.active::after,
#block-mainnavigation-3 a.is-active.sf-depth-1::after {
  left:0;
  width: 100%;
}

.dropdown:hover > .dropdown-menu {
   display: block;
}

#block-mainnavigation .dropdown-item.active,
#block-mainnavigation-3 .sf-depth-2,
#block-mainnavigation-3 .sf-depth-3,
#block-mainnavigation-3 .sf-depth-4,
#block-mainnavigation-3 .sf-depth-5 {
  background-color: white!important;
}

.dropdown-toggle::after {
  border:none!important;
}
/* Fix for moving >= 4th dropdown ul to the left so it stays on the page */
#block-mainnavigation ul li:nth-child(n+4) > ul.dropdown-menu {
  left:-200%;
}
/* Fix for parent of expanded dropdown being unclickable */
#block-mainnavigation .dropdown:hover>.dropdown-menu {
    display:block;
    margin:0;
  }


#block-mainnavigation-3 .sf-depth-2 a,
#block-mainnavigation-3 .sf-depth-3 a,
#block-mainnavigation-3 .sf-depth-4 a,
#block-mainnavigation-3 .sf-depth-5 a {
  margin: 0.1em;
  }

li.nav-item menu-item--expanded.dropdown li.dropdown-item a::after,
#block-mainnavigation-3 .sf-depth-2 a::after,
#block-mainnavigation-3 .sf-depth-3 a::after,
#block-mainnavigation-3 .sf-depth-4 a::after,
#block-mainnavigation-3 .sf-depth-5 a::after {
  background: rgb(0,66,122);

}

/* Home Page Specific Style */
.home-page-header #navbar-main a {
  /* color: #fff; */
}

/* Inner Page Specific Style */
.inner-page-header #navbar-main a {
  /* color: rgb(0,66,122); */
}



/*   /////// -- 03.03.01 Right Sidebar Navigation on Library Secondary Page Content Type ///////  */

nav#block-mainnavigation-2 {
  padding-top: 0;
}


#block-mainnavigation-sidebar,
#block-mainnavigation-sidebar--2 {
  display: inline-block;
}

ul.sf-menu.sf-vertical {
  width: unset!important;
}

nav#block-mainnavigation-2,
#block-views-block-related-pages-block-1,
#block-views-block-related-pages-block-1--2,
#block-mainnavigation-sidebar,
#block-mainnavigation-sidebar--2 {
  border: unset;
  border-radius: 3px;
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
}

#block-mainnavigation-sidebar,
#block-mainnavigation-sidebar--2 {
  z-index: 999;
  position: relative;
}

nav#block-mainnavigation-2 h2,
#block-views-block-related-pages-block-1 h2,
#block-views-block-related-pages-block-1--2 h2 {
  color: rgb(0,66,122);
  font-size:1.6em;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 300;
}

#block-mainnavigation-sidebar a,
#block-mainnavigation-sidebar--2 a {
  padding: 0.5em 0!important;

}

nav#block-mainnavigation-2 a,
#block-views-block-related-pages-block-1 a,
#block-views-block-related-pages-block-1--2 a,
#block-mainnavigation-sidebar a,
#block-mainnavigation-sidebar--2 a {
  color: black;
  /* margin: 0 1em; */
  font-size: 1.2rem;
  line-height: 1.7em;
  font-weight: 300;
}

.view-related-pages .item-list {
  /* margin-left: 1em; */
}

nav#block-mainnavigation-2 a::after,
#block-views-block-related-pages-block-1 a::after,
#block-views-block-related-pages-block-1--2 a::after,
#block-mainnavigation-sidebar a::after,
#block-mainnavigation-sidebar--2 a::after {
  content: " >";
  color: black;
}

#block-views-block-related-pages-block-1,
#block-views-block-related-pages-block-1--2 {
  z-index: 0;
}


nav#block-mainnavigation-2 a {
  transition: all 0.5s ease-in-out;
}

ul.sf-menu.sf-vertical ul:nth-child(n+2) {
  padding: 0 0.5em;
}

nav#block-mainnavigation-2 li.nav-item {
  max-width: 100%;
}

#block-mainnavigation-sidebar ul,
#block-mainnavigation-sidebar--2 ul {
  background-color: white!important;
}


#block-mainnavigation-2 > ul > li > ul > li > a {
  /* font-size: calc(0.6vw + 0.6em); */
  margin: auto;
  white-space: pre-line;
  overflow-wrap: normal;
  word-break: normal;
}

#block-mainnavigation-3 ul {
  border-radius: 3px;
}

nav#block-mainnavigation-2 .dropdown-item:hover,
#block-mainnavigation-sidebar .sf-depth-2:hover {
  background-color: white!important;
}
#block-mainnavigation-2 > ul > li.nav-item.menu-item--expanded.active.dropdown > ul > li.dropdown-item.active {
  background-color: white!important;
}


nav#block-mainnavigation-2 > ul > li {
  max-height: 0;
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  background: #d5d5d5;
}
nav#block-mainnavigation-2 ul > li:hover > ul {
  max-height: 500px;
  transition: max-height 0.55s ease-in;
}




/*   /////// -- 03.03.02 Collapsed Main Top Navigation / Superfish Overrides ///////  */
/* #navbar-main > button.navbar-toggler {
  border-color: none;
} */

.navbar-toggler.navbar-toggler-right {
  display: none;
}

/* #navbar-main .navbar-toggler-icon {
  filter: invert(1) brightness(1);
  width: 2em;
  height: 2em;
  float: right;
} */

#block-responsivemenumobileicon a {
  top: 17px;
  position: absolute;
  right: 90px;
}

/*   /////// -- 03.03.03 Responsive Mobile mmenu ///////  */

.mm-menu .mm-navbar {
  margin-top: 1em;
  color: rgb(0,66,122);
}

.mm-menu .mm-navbar .fas span {
  font-family: 'Open Sans';
  font-weight: 300;
}

.mm-menu .mm-navbar .fas::before {
  margin-right: 0.5em;
}

.mm-menu .mm-navbar__title,
.mm-menu .mm-listitem {
    color: rgb(0,66,122);
}

.mm-navbars_bottom{
  border-top: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid var(--mm-color-border);
}
.mm-navbars_bottom .mm-navbar:first-child {
  border-top: none;
}


/*   /////// - 03.04. Inner Pages Layouts ///////  */
#block-lul2021-content,
#block-lul2021-content .node__content {
  /* margin-top: 3.5em; */
}

/* /////// -- 03.04.00 Inner Page Header /////// */

.inner-page-header {
  /* background-image: url("/sites/default/files/images/banner/Student%20in%20Stacks.jpg"); */
  height:350px;
  width:100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.inner-page-header-overlay {
  position: absolute;
  width: 100%;
  height: 350px;
  max-width: 2100px;
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 58%, rgba(0,0,0,0.6993172268907564) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 58%, rgba(0,0,0,0.6993172268907564) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 58%, rgba(0,0,0,0.6993172268907564) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  /* below is the initial gradient */
  /* background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 0%, rgba(255,255,255,0) 27%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
}

.inner-page-header h1 {
  color: white;
  position: absolute;
  top: 270px;
  left: 1em;
  width: max-content;
  font-weight: 300;
}


/*   /////// -- 03.04.01 Locations Page ///////  */
.library-location-page-header {
  height: 750px;
  /* position: relative; */
  width:100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.library-location-page-header a {
  text-decoration: none;
}

.library-location-page-header a:hover {
  text-decoration: underline;
}

.library-location-page-header #omni-search {
  height: 40%;
}

.library-location-page-header .lib-loc-page-title {
  text-align: center;
}

.library-location-page-header .lib-loc-page-title h1 {
  color: white;
  margin-top: 0.5em;
  font-size: 2.5em;
  font-weight: 200;
}
hr.lib-loc-page {
  color: white;
  margin: 0em;
  border-top: 2px solid;
  width: 15%;
}

.lib-loc-omni-wrap .omni-logo-wrap img {
    /* margin-top: 1%; */
    height: 80px;
}


.lib-loc-omni-wrap .omni-links {
  font-size: 1.4em;
  font-weight: 300;
}

.ckeditor-accordion-container > dl dt > a {

}

/* in tab heading */
.edlib-in-tab{
  font-size: 1.2em;
  font-weight:bold;
  padding-top: 1.5em;
}
.edlib-in-tab-slim{
  font-size: 1.2em;
  font-weight:bold;
}
#tb-contact,
#or-contact{
  padding-top:1.5em;
}
/* Bottom Row of Card on Locations Pages */

.lib-loc-bottom-card {
}

/* ck-editor-accordion button fix */
#block-lul2021-content .ckeditor-accordion-container>dl dt>a {
  background-color: white!important;
}

#block-lul2021-content .ckeditor-accordion-container>dl dt>a:hover {
  background-color: white!important;
  text-decoration: underline;
}

/* Search the Archives Form */

#atom-query {
  font-size: 2em;
  border-radius: 30px;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}

input#atom-query {
  padding-left: 1em;
}

.atom-search button {
  background: none;
  border: none;
  float: right;
  position: absolute;
  right: 3%;
  top: 15%;
}

.atom-search button span {
  font-size: 2em;
}

/* Education Page */
#header-node-13 {
  height: 1000px;
}


/*   ///////  -- 03.04.02 Services Page ///////  */

.node--type-library-secondary-page .services-page-content .quicklink-card h2 {
  font-size: 1.4em;
}

.services-page-content p {
  font-size: 1.1em;
  line-height: 1.4em;
}


.services-page-content .libraryh3lp a::after {
  content:"";
}

.page-node-63 .node__content {
  margin-top: 0;
}

.services-page-content .col-lg-4.col-md-6.col-sm-12,
.services-page-content .col-lg-6.col-md-6.col-sm-12 {
  margin-bottom: 1em;
}

.page-node-63 .col-md-9.col-sm-12 {
  display: none;
}


/*   ///////  -- 03.04.03 About Page ///////  */
.page-node-113 article.node--type-library-secondary-page {
    background: unset;
    padding: 0;
  }

.page-node-113 .library-location-card {
  width: 100%;
  float: none;
}

.page-node-113 .library-location-card .library-img-title img {
  height: auto;
}

.page-node-113 #block-lul2021-content iframe {
  width: 100%;
  height: 250px;
}

.page-node-113 .page-link {
  color: rgb(0,66,122);
}

.page-node-113 a.page-link::after {
  content: "";
}

.about-page .row {
  margin-bottom: 3%;
}
.about-annual-report {
  padding: 0!important;
}

.about-annual-report img {
  max-width: 100%;
  position: relative;
}
.about-annual-report a {
  color: white;
  position: absolute;
  bottom: 30px;
  left: 52px;
  font-size: 2em;
}

#about-page-library-card .library-location-node.single-location-node {
  max-width: unset!important;
  flex: unset!important;
}


/*   ///////  -- 03.04.04 Sitemap Page ///////  */
.sitemap-search input {
  /* width: 90%; */
  border-radius: 30px;
  font-size: 1.1em;
  padding-left: 1em;
  min-width: 40%;
}
.sitemap-search#searchbox {
  padding-left: 0;
  margin-left: 0;
}

ul.sitemap {
  margin-left: 1em;
  font-weight: 300;
}

ul.sitemap a {
  color: black;
  font-size: 1.2em;
  text-decoration: none!important;
}

ul.sitemap a::after {
  content: " >";
  color: black;
}

ul.sitemap a:hover {
  text-decoration: underline!important;
}


/*   ///////  -- 03.04.05 Guides Pages ///////  */

.guides-page .searchBox p {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.7em;
}

.guides-page .searchBox input {
  width: 50%;
  border-radius: 30px;
  font-size: 1em;
  padding-left: 1em;
  margin: .5em 0;
}

.guides-page ul#pageListTopic {
  list-style: none;
  padding-left: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.7em;
}

.guides-page a,
.guides-home-page-list a {
  color: black;
}
.guides-page a::after,
.guides-home-page-list a::after {
  content: " >";
}
.guides-page ul {
  padding-left: 0em;
}
.guides-page {
  list-style: none;
  padding: 0.6rem;
  font-size: 1.3rem;
}


/*   /////// -- 03.04.06 Top Level Landing Pages (Find, Services, Lib & Coll, About) ///////  */


.no-bg.quicklink-card.homepage-card {
    padding: 1em;
    height: 100%;
    margin-bottom: 1em;
}


/* Find Page */

.page-node-6 .no-bg.quicklink-card.homepage-card p {
  font-size: 1.1em;
}

.page-node-6 .col-lg-12.col-md-12.col-sm-12 {
  margin-bottom: 1em;
  max-height: 400px;
}

.page-node-6 .guides-home-page-list {
  max-height: 150px;
}

/* Services Page */
.page-node-63 article.node--type-library-secondary-page {
  background: unset;
  padding: 0;
}

.page-node-63 .field--name-field-related-pages-ta {
  display: none;
}

/* Libraries and Collections Page */

.page-view-library-locations-inner-page #block-lul2021-content {
  margin-top: 0;
}

.page-view-library-locations-inner-page #block-lul2021-content .library-location-node {
  margin: 0 1% 2% 1%;
}


.page-view-library-locations-inner-page #block-lul2021-content .library-location-node .library-location-card,
.page-view-library-locations-inner-page #block-lul2021-content .library-location-node iframe {
  margin-top: 1em;
}

/*   /////// -- 03.04.07 Social Media Directory Page ///////  */
.social-media-row-wrap {
  border-bottom: 1px solid rgb(0,66,122);
  margin-top: 2em!important;
}
.social-media-row-wrap:first-of-type {
  margin-top: none!important;
}
.social-media-row-wrap:last-of-type {
  border: none;
}
.social-media-row-wrap .social-media-title {
  font-size: 1.5em;
  font-weight: 300;
}
.social-media-row-wrap .social-media-icons {
  font-size: 2em;
  margin-bottom: 0.5em;
}

/*   /////// -- 03.04.08 Social Media Directory Card ///////  */

#social-media-feature-card .social-media-row-wrap .social-media-title h3 {
  color: rgb(0, 66, 122);
  font-size: 0.8em !important;
  margin-top: 0 !important;
}

#social-media-feature-card .social-media-row-wrap .social-media-icons {
  font-size: 1.5em !important;
  margin-bottom: 0.5em;
}

#social-media-feature-card .social-media-icons a {
  color: rgb(0, 66, 122) !important;
}

#social-media-feature-card .social-media-icons a {
  padding-right: 1em;
}

#social-media-feature-card .quicklink-card.homepage-card .social-media-icons a::after {
  content: "" !important;
}

#social-media-feature-card .social-media-icons a:hover {
  text-decoration: none;
}

#social-media-feature-card .quicklink-card.homepage-card h2 a {
  font-weight: 300;
  color: rgb(0, 66, 122);
  font-size: 2rem;
}

#social-media-feature-card .quicklink-card.homepage-card h2 a::after {
  content: "" !important;
}

#social-media-feature-card .quicklink-card.homepage-card .library-collection-card.col {
  padding-right: 0 !important;
  display: flex;
  justify-content: center;
}

#social-media-feature-card .quicklink-card.homepage-card .library-collection-card.col img {
  max-width: unset !important;
}

#social-media-feature-card .row.location-node-bottom-row {
  display: none !important;
}

/*   /////// - 03.05. Views - all styles related to specific Views ///////  */
/*   /////// -- 03.05.00 Librarian Profiles ///////  */

.librarian-profile-card-block {
  width: 100%;
}
.librarian-profile-card-block .views-field-title {
  /* margin-bottom: 1%; */
}

.librarian-profile-titles a {
  color: rgb(0,66,122);
  font-size: 1.6em;
}

.librarian-profile-titles p {
  color: rgb(0,66,122);
  font-size: 1.2em;
}

.librarian-profile-card-block img {
  height: auto;
  width: 100%;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  margin-bottom: 6%;
}

.librarian-profile-card-block .contact-links {
  margin: auto 0;
  /* text-align: center; */
}

.librarian-profile-card-block .contact-links .link-wrap {
  filter: drop-shadow(2px 2px 2px lightgrey);
  background: white;
  border-radius: 3px;
  margin: 1em 0;
  padding:0.4em 0;
}

.librarian-profile-card-block .contact-links a {
  color: black;
  font-size: 1.1em;
  /* border: 1px solid grey; */
  border-radius: 3px;
  padding: 1% 5%;
  font-weight: 300;
}

.librarian-profile-card-block .librarian-profile-card-bottom h3 {
  color: rgb(0,66,122);
}

.view-id-librarian_profile.view-display-id-card_block ul {
  justify-content: center;
}

.view-id-librarian_profile.view-display-id-card_block ul li .page-link,
#hp-libraries-card .page-link,
#hp-collections-card .view-library-collections .page-link {
  color: rgb(0,66,122);
}



/*   /////// -- 03.05.01 Library Locations View ///////  */

.view-library-locations-inner-page ul {
  justify-content: center;
}

.library-location-card {
  width: 50%;
  float: left;
  /* margin-bottom: 2em; */
  position: relative;
}
.library-location-card .library-img-title span a {
  position: absolute;
  left: 4%;
  bottom: 4%;
  font-size: 1.5em;
  color: white;
  max-width: 80%;
  text-decoration: none;
}

.library-location-card .library-img-title span a::after {
  content: " >";
}

.library-location-node {
  padding: 0px 2%!important;
  max-width: 46%!important;
  margin: 0 1%;
}

.library-location-node.single-location-node {
  /* max-width: unset!important; */
}

.library-location-node .library-img-title {
  overflow:hidden;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.library-location-node .library-img-title img {
  /* width: auto; */
  min-height: 400px;
}

.locations-page .views-field-field-library-image img {
  max-width: 100%;
  height: auto;
}

.views-field .views-field-field-map-embed {
  float: left;
  width: 50%;
}

.library-location-node .location-contact-info {
  margin: 3% 0  6% 0;
  color: rgb(0,66,122);
  font-size: 1.3em;
  padding-top: 1%;
}

.library-location-node .location-contact-info a {
  text-decoration: none;
}
.location-contact-info i {
  margin: 0 0.4em;
}



/*   /////// -- 03.05.02 Library Collections View ///////  */

.library-collection-card a::after {
  content: " >";
}

.view-library-collections.view-display-id-feature_card a {
  color: white;
}

.page-link,
.page-link:hover {
  color: #00427a !important;
}


/*   /////// -- 03.05.03 Related Pages View ///////  */

.block-views-blockrelated-pages-block-1 {
}



/*   /////// - 03.06. Nodes - all styles related to specific Nodes / node twigs ///////  */


/*   /////// -- 03.06.00 Librarian Node ///////  */

article.node--type-librarian .node__content {
  padding: 1em;
  margin-bottom: 1em;
}


article.node--type-librarian .librarian-profile-titles img {
  width: 300px;
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}

article.node--type-librarian .librarian-profile-name {
  color: rgb(0,66,122);
}

article.node--type-librarian .contact-links .link-wrap {
  filter: drop-shadow(2px 2px 2px lightgrey);
  background: white;
  border-radius: 3px;
  margin: 1em 0;
  padding: 0.4em 0;
}


article.node--type-librarian .contact-links .link-wrap a {
  color: black;
  font-size: 1.3em;
  /* border: 1px solid grey; */
  border-radius: 3px;
  padding: 1% 5%;
  font-weight: 300;
}


/*   /////// -- 03.06.01 Library Locations Node ///////  */
article.node--type-library-location {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 1em;
}


article.node--type-library-location .col-lg-6.col-md-6.col-sm-12,
article.node--type-library-location .col-lg-4.col-md-4.col-sm-12 {
  padding-bottom: 2em;
}


.lib-loc-info-wrap img {
  max-width: 100%;
  height: auto;
}
article.node--type-library-location img {
  max-width: 100%;
  height: auto;
}

article.node--type-library-location .quicklink-card.homepage-card {
    padding: 1em;
    height: 100%;
    margin-bottom: 1em;
}

.quicklink-card.homepage-card#contact-us-card .library-location-node {
  max-width: unset!important;
  filter: unset;
  min-width: 98%!important;
}

.location-node-bottom-row .col-lg-4.col-md-12.col-sm-12 {
  margin-bottom: 1.5em;
}

/* start custom style for library location page hours and notice message blocks */

.library-location-top-blocks.container-fluid {
  width: 98%;
}

.library-location-top-blocks.container-fluid .hours-trigger-wrap h2 {
  padding: 0.4em 0 0.5em 0.6em;
}

.library-location-top-blocks.container-fluid .hours-trigger-wrap h2 > a {
  color: rgba(0, 66, 122);
  font-weight: 300;
}

.library-location-top-blocks #block-homepagenoticemessage {
  margin-top: 0;
}

.library-location-top-blocks #hours-block-content .card-dropshadow.homepage-card {
  padding: 1em;
  height: 100%;
  margin-bottom: 1em;
}
/* end custom style for library location page blocks at top of node*/

/* Harvie Legacy Location Page */
.content-node-15 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.content-node-15 .node__content,
.content-node-15 #block-lul2021-content   {
  margin-top: 0;
}

.content-node-15 .row.inner-workshops a::after {
  content: "";
}

.content-node-15 h2 a {
  font-weight: 300;
  color: rgb(0,66,122)!important;
}


/* Education Library Location Page */
.content-node-13 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.content-node-13 .node__content,
.content-node-13 #block-lul2021-content   {
  margin-top: 0;
}

.content-node-13 .view-library-collections .views-row {
  width: 100%;
}
.content-node-13 article.node--type-library-location .view-library-collections img {
  position: relative;
  width: auto;
  height: 100%;
  min-height: unset!important;
}

.content-node-13 .view-library-collections.view-display-id-feature_card a {
  z-index: 9;
}

.content-node-13 .view-library-collections .card-gradient-bottom {
  width: 94%;
  margin: 0 auto;
  position: absolute;
  z-index: 1;
}

.content-node-13 .view-library-collections .page-link {
  color: rgb(0,66,122);
}

.content-node-13 #block-lul2021-content .view-library-collections a.page-link::after {
  content: "";
}
.content-node-13 .library-collection-card {
  height: 300px!important;
}

.content-node-13 .edlib-coll-view a:nth-child(1) {
  color: rgb(0,66,122);
  font-weight: 300;
}

.content-node-13 .edlib-coll-view a:nth-child(1)::after {
  content: "";
}

/* Law Library Location Page */
.content-node-14 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.content-node-14 .node__content,
.content-node-14 #block-lul2021-content   {
  margin-top: 0;
}

.content-node-14 .law-journal-cover a::after {
  content: "" !important;
}

/* Archives Location Page */
.content-node-11 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.content-node-11 .node__content,
.content-node-11 #block-lul2021-content   {
  margin-top: 0;
}


/* NSRC Location Page */
.content-node-28 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.content-node-28 .node__content,
.content-node-28 #block-lul2021-content   {
  margin-top: 0;
}

/* Chancellor Paterson Location Page */
.page-node-121 .library-location-node.card-dropshadow {
  min-width: 100%;
  filter: none;
  background: none;
  margin: 0;
}
.page-node-121 .library-location-node.card-dropshadow .library-img-title img {
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.content-node-12 article.node--type-library-location {
    background: unset;
    /* filter: drop-shadow(2px 4px 3px grey); */
    border-radius: 3px;
    padding: 0!important;
    margin-bottom: 1em;
}

.page-node-121 .library-location-node .location-contact-info {
  margin: 0;
}



.content-node-12 .node__content,
.content-node-12 #block-lul2021-content   {
  margin-top: 0;
}


/* Hours Block with multiple office hours fields */
p.hours-notice {
  line-height: 1.3em;
}

.office-hours {
  font-size: 1.2em;
  margin-top: 0.6em;
}

ul.multiple-hours-tabs {
}

ul.multiple-hours-tabs a.active {
  text-decoration: underline;
}

/* Top Full Width Hours Card Widget - Springshare Hours */
.lib-loc-hours-fw-card {
  padding: 0;
  margin-bottom: 2em;
}

.lib-loc-hours-fw-card th.s-lc-w-head {
  background: rgb(0, 66, 122);
}

.lib-loc-hours-fw-card caption {
  display: none;
}

/*   /////// -- 03.06.02 Library Collections Node ///////  */
article.node--type-library-collection {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  padding: 1em;
}
.lib-coll-img-wrap img {
  max-width: 100%;
  height: auto;
}

/*   /////// -- 03.06.03 node.twig.html ///////  */


/*   /////// -- 03.06.04 Library Seconday Page ///////  */

article.node--type-library-secondary-page {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  padding: 1em;
}

.node--type-library-secondary-page #block-lul2021-content.block-system-main-block {
  margin-top: 0;
  margin-bottom: 1em;
}

.node--type-library-secondary-page img {
  max-width: 100%;
}

/* Anchor fix for support for teaching and support for research pages */
.page-node-164 .ckeditor-accordion-container dd a,
.page-node-165 .ckeditor-accordion-container dd a {
  text-decoration: underline!important;
}

/*   /////// -- 03.06.05 Sitemap Node Twig ///////  */

.node--type-sitemap {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 1em;
}

/*   ///////  04. Icons ///////  */


/*   ///////  05. Buttons ///////  */

button.form-submit {
  border: 1px solid #ced4da;
}

button.form-submit::before {
  content: unset;
}

a.ghost-btn {
  border-radius: 2px;
  /* padding: 0.75rem 1.5rem; */
  /* border: 1px solid rgb(234,234,234); */
  font-size: 1.125rem;
  font-weight: 600;
  color: rgb(9,65,125)!important;
}

a.ghost-btn::after {
  color: rgb(255,194,14);
  font-weight: 900;
}

a.ghost-btn.learn-more::after {
  content:" >";
}

p:has(>a.ghost-btn) {
  border: 1px solid rgb(234,234,234);
  border-radius: 2px;
  padding: 0.8em 1em;
  width: fit-content;
}

/*   ///////  06. Forms ///////  */

/* fix for alert messages on forms */

.page-node-150 .alert-wrapper,
.page-node-92 .alert-wrapper,
.page-node-94 .alert-wrapper,
.page-node-95 .alert-wrapper,
.page-node-96 .alert-wrapper,
.page-node-97 .alert-wrapper {
  position: relative;
}


/*   ///////  06.01 General Form Styles ///////  */

.page-node-55 ul {
  list-style: none;
}

.node--type-webform #block-lul2021-content {
  margin-top: 0!important;
}

article.node--type-webform,
.webform-confirmation {
  background: white;
  filter: drop-shadow(2px 2px 2px lightgrey);
  border-radius: 3px;
  padding: 1em;
  margin-bottom: 1em;
}

.alert-wrapper {
  top: 0;
  bottom: unset;
}


/*   ///////  07. Media Queries ///////  */

/*   ///////  - 07.00. Bootstrap 4 Breakpoints ///////  */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {
  /* homepage header for mobile */
  .omni-logo-wrap img {
    height: 80px;
  }
  #omni-search {
    height: 27%;
  }
  input#primoQueryTemp,
  .omni-search-input-bar button span {
    font-size: 1.2em;
  }
  .quicklink-wrap span {
    display: inline;
  }
  .quicklinks-homepage-content .quicklink-wrap i,
  .archives-omni-replace i {
    font-size: 1.2em!important;
    margin-right: 0.5em;
    line-height: 1.5em;
  }

  .node--type-home-page .s-lc-evt .s-lc-evt-date {
    border-right: none!important;
    border-bottom: 2px solid rgb(0,66,122)!important;
    padding-bottom: 0.2em;
  }
  /* .home-page-header-overlay {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.7049194677871149) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 78%, rgba(0,0,0,0.6993172268907564) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  } */

.inner-page-header {
  background-position: center;
}

.inner-page-header h1 {
  width: unset!important;
  top: 150px;
}
} /* ////////////////////   end small devices ////////////////////// */


/* Medium devices (tablets, 768px to 991px) The navbar toggle appears at this breakpoint */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Homepage Header */
 #omni-search {
  top: 6%;
  height: 27%;
 }

 /* Homepage Content */
  .node--type-home-page .s-lc-evt .s-lc-evt-date {
    border-right: none!important;
    border-bottom: 2px solid rgb(0,66,122)!important;
    padding-bottom: 0.2em;
  }


}/* end med devices */

/* All mobile devices (tablets & phones, 991px and under) */
@media (max-width: 991px) {
  /* hamburger responsive meny fix */
  #block-responsivemenumobileicon.responsive-menu-toggle-wrapper.responsive-menu-toggle {
    display: inline-block!important;
  }
  /* homepage header */

  input#primoQueryTemp,
  .omni-search-input-bar button span {
    font-size: 1.5em;
  }
  .omni-links {
    font-size: 1.3em;
    margin-bottom: 1em;
  }
  .quicklinks-homepage-content .quicklink-wrap i {
    font-size: 3em;
  }
  .quicklinks-homepage-content {
    margin-top: 1em;
  }

  #header-node-13 .quicklinks-homepage-content {
    margin-top: 3em;
  }

  /* Remove left sidebar menu and related pages on mobile and tablet.  */
  .sidebar_first.sidebar {
    display: none;
  }
  /* Location Page View Fix */
  .library-location-node {
    max-width: unset!important;
  }

  /* mobile fix for library locations card */
  #hp-libraries-card .library-location-card,
  #hp-libraries-card iframe {
    width: 100%;
  }
  /* mobile fix for library collections card */
  .library-collection-card a {
    max-width: 50%!important;
  }

/* mobile fix for library collections card on chancellor paterson location page */
  .page-node-121 .library-location-node .library-location-card {
    width: 100%;
  }
.page-node-121 .library-location-node iframe {
  width: 100%;
}


  /* Footer */
  .land-acknowledgement {
    display: none;
  }

} /* end all mobile devices */

@media (max-width: 992px) and (min-width:200px){ /* all desktops, 992px and above */
 #header .home-page-header,
  .library-location-page-header,
  .home-page-header-overlay {
    height: 1280px!important;
  }

    #header-node-13 {
      height: 1750px!important;
    }
}/* end all desktops, 992px and above */

/* Header height fixes due to collapsing elements */

@media (max-width: 1189px) {
  .home-page-header,
  .library-location-page-header,
  .home-page-header-overlay {
    height: 1080px;
  }

  /* Education Page */
  #header-node-13 {
    height: 1270px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/*   ///////  - 07.01. Custom Breakpoints in The Matrix ///////  */

/*   ///////  08. Helpers ///////  */

/*   ///////  09. Style Guide ///////  */
.hideh3lp{
  display:none;
}