/* styles for top right corner of green navbar - dark mode icon, FR/EN, search icon */

header .blade-wrapper .blade .nav-right-buttons .language-selector {
    display: flex;
    flex-direction: row;
    align-items: center; }
header .blade-wrapper .blade .nav-right-buttons.language-width { max-width: fit-content; height: auto; }
header .blade-wrapper .blade .nav-right-buttons .nav-search-btn { padding-right: 0; padding-left: 0.5rem; }
header .blade-wrapper .blade .nav-right-buttons .nav-language-btn { font-size: 12px; } 
#dark-mode-toggle{ cursor:pointer; color:#fff; font-size:0.875rem; padding-left: 0; padding-right: 0.5rem; padding-bottom: 1px; } 
header .blade-wrapper .blade .nav-right-buttons .nav-search-btn { font-size: 0.875rem; }
header .m-search { margin-right: 0; }
.wca .language-selector .nav-language-btn {  padding-right: 0; padding-left: 0; }

@media (min-width: 576px) {
header .blade-wrapper .blade .nav-right-buttons .nav-search-btn {  padding-left: 8px; padding-right: 8px; font-size: 1.125rem; }
header .blade-wrapper .blade .nav-right-buttons .nav-language-btn { font-size: 15px; } 
#dark-mode-toggle{ font-size:1.125rem; padding-left: 8px; padding-right: 8px;  } 
header .m-search { margin-right: 3px; }
.wca .language-selector .nav-language-btn { padding-right: 10px;  padding-left: 10px!important; }
}
/* styles to show/hide english and french buttons */
header .blade-wrapper.standard .blade .nav-right-buttons .nav-language-btn{
    display: none !important;
}
header .blade-wrapper.standard .blade .nav-right-buttons .nav-language-btn[href*="/"]{
    display: block !important;
}
.white{
  background-color:#fff;
}
.tooltip { 
--bs-tooltip-padding-x: 6px;  
--bs-tooltip-padding-y: 2px;  
}   
.fs-75{
   font-size:75%;
}
.card .card-img {
    height: 100%;
    object-fit: cover;
}
.ual-btn{
	background-color:#275d38;
  color:#fff;
  border-radius:0;
  padding:5px 10px;
}
.ual-btn:hover{
	background-color: #007A33;
  color:#efefef;
}
.ual-btn-outline{
	border-color:#275d38;
  color:#275d38;
  background-color:#fff;
  border-radius:0;
  padding:5px 10px;
  border-width:2px;
}
.ual-btn:hover, .ual-btn-outline:hover{
	background-color: #007A33;
  color:#fff;
}
.btn-green{
	border-radius:0;
}
.ual-btn>i{
	padding-right:10px;
}
.ual-well{
  border:solid 2px #275d38;
  background-color:#fff;
  padding:10px;
}
h1{
  font-size:3.7rem;
}
h2{
  text-transform:none;
  font-size:2rem;
}
h3{
  font-size:1.5rem;
}
h1>div{
	display:inline;
  float:right;
}
h1>div>a{
  font-size:1.2rem;
}
.list-group-flush {
    border-radius: 5px;
}
.btn-square {
    margin: 0 15px 15px 0;
    border-radius: 0;
    padding: 10px 25px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 16px;
    letter-spacing: 0.005em;
    height: 55px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
  
}
.btn-outline {
    margin: 0 15px 15px 0;
    background-color: white;
    border-radius: 0;
    border-width: 3px;
    padding: 10px 25px;
    color: black;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 16px;
    letter-spacing: 0.005em;
    height: 55px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
}
.search-box{
    border: 1px solid var(--bs-ua-gold);
    background-color: var(--bs-ua-gold);
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.search-box button{
    color: var(--bs-ua-dark-green);
    background-color: var(--bs-ua-gold);
    height: 100%;
    line-height: 68px;
    font-size: 24px;
    width: 60px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  border:none;
}

.search-box button:hover, .search-box button:active {
    color: #2b292a;
}

.search-box .input-wrapper{
    height: 70px;
    width: calc(100% - 60px);
    background-color: #fff;
}
.search-box input, .search-box input::placeholder{
    height: 70px;
    width: 100%;
    padding: 12px 0;
    line-height: 24px;
    text-indent: 12px;
    text-align: left;
    color: #777 !important;
    font-family: var(--bs-font-sans-serif);
    background: none;
    border: none;
    resize: none;
    outline: 0;
}
.news-events .card-title a{
    color: var(--bs-font-color);
    text-decoration: none;
}
.news-events .card-title a:hover{
    color: var(--bs-ua-dark-green);
    text-decoration: underline;
}
.bg-ua-gold{
    background-color: var(--bs-ua-gold);
}
.bg-ua-gold a, .support-link a{
    background-color: var(--bs-white);
    border-color: var(--bs-white);
    color: var(--bs-ua-dark-green);
}
.bg-light{
	background-color:#F7F9F6 !important;
}
.bg-ua-teal{
  background-color:#6bbbae;
   }
.dark-mode .bg-ua-teal p, .dark-mode .bg-ua-teal h2{
  color:#000;
}
.dark-mode .bg-ua-teal a:not(.btn){
 color:#275D38
}
.search-banner{
    background-color: #FFF;
    z-index: 1000;
    top: 80px;
    min-height: calc(100% - 80px);
    max-height: calc(100% - 80px);
    position: fixed;
    left: 0;
    right: 0;
}
.search-banner .search-content{
    padding: 3.375rem 2.8125rem 3.375rem;
}
.breadcrumb{
  margin:1em .5em;
}
h3.st {
    background-color: #284e36;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
}
.steps {
    border: #7AB800 4px solid;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.steps .fab, .steps .fas {
    font-size: 35px;
    color: #7AB800;
}
.book-tag{
  border:1px solid #dfdfdf;
  border-left-width:8px;
  border-left-color:#284e36;
  padding:1rem;
  margin-top:1rem;
}
.left-nav-row .left-nav-lists .book-tag ul{
  list-style-type: disc;
  margin-left:2rem;
}
.left-nav .list-group-item.active {
    background-color: #F0F0F0;
}
.bg-gold{
  background-color:#ffdc0e;
}
/* changing staffhub hover colour to good ol' UA green */
.navbar-sh a:hover {  background-color: #275D38!important;  }

/* header .blade-wrapper .blade .nav-right-buttons.language-width {
    height: 60px;
} */

.news-events p, .news-events .card-title a{
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.h-97{
  height: 97% !important;
}
.s-la-widget a {
    color: #00492c;
}
/* starting to make general bs styles UA colours... */


.bg-success {  background-color: #007A33!important; }

/* Styles from UofA */

.PLACE-HOLDER-LINK-STYLE {
  color: var(--bs-us-font-color);
  padding-bottom: 0.25rem;
  border-bottom: 0.25rem solid #275d38;
  text-decoration: none;
}

.PLACE-HOLDER-LINK-STYLE:hover {
  color: #275d38;  
  padding-bottom: 0.25rem;
  border-bottom: 0;
}

.dark-mode .PLACE-HOLDER-LINK-STYLE {  color: #e9ecef!important;  border-bottom: 0.25rem solid #F2CD00; }
.dark-mode .PLACE-HOLDER-LINK-STYLE:hover { color: #F2CD00!important; border-bottom: 0; }

/* changing UA's #fff white background to digital white */
:root {   --bs-body-bg: #f5f5f5; } 
.bg-white { background-color: #f5f5f5!important; }
.list-group { --bs-list-group-bg: #f5f5f5; }
.card { --bs-card-bg: #f5f5f5; }
  
/* END Styles from UofA */



/* Dark Mode Styles */

/* darkest black - homepage search box, news boxes, second navbar, collections, brag bar lol */
.dark-mode .white { background-color:#333;}
.dark-mode .bg-grey { background-color:#020302!important; }
.dark-mode .wca .navbar-ua, .dark-mode .search-box input { background-color: #020302; }
.dark-mode #carousel-UAlberta { background-color: #020302; }
.dark-mode #carousel-UAlberta .carousel-indicators { background-color: #020302; }
.dark-mode .bg-ua-gold { background-color:#020302!important; color: #dddddd; }
.dark-mode .alert-warning { background-color:#020302; color: #e56a54; border-color: #020302; }
.dark-mode .ual-well { background-color:#020302!important; color: #dddddd; border: solid 1px #020302; }
.dark-mode .bg-light, .dark-mode .bg-dark, .dark-mode .bg-success { background-color:#020302!important; }
.dark-mode .alert-info { --bs-alert-color: #7BA4DB; --bs-alert-bg: #020302; --bs-alert-border-color: #7BA4DB;}
.dark-mode .alert-success {  --bs-alert-color: #6CC24A;  --bs-alert-bg: #020302;  --bs-alert-border-color: #020302; }
.dark-mode #s-lch-post-input { background-color: #020302; color: #dddddd; }
.dark-mode .gsc-control-cse { border-color: #020302; background-color: #020302; }
.dark-mode .text-bg-light { background-color: #020302!important; }
.dark-mode .s-lc-mhw-tb thead {  background-color: #020302;  }
.dark-mode .btn-default { background-color: #020302; color: #e9ecef; }
.dark-mode .dropdown-item { background-color: #020302; --bs-dropdown-bg: #020302;  }
.dark-mode thead.table-light {    --bs-table-bg: #020302;  }

/* regular background black */
body.dark-mode {  background-color:#0D1C12; color: #e9ecef; }
.dark-mode .bg-white {  background-color:#0D1C12!important; }
.dark-mode .card-header {  background-color:#0D1C12; }
.dark-mode #api_upc_cid_iid3750 li {  background-color:#0D1C12; }
.dark-mode .card-body, .dark-mode .list-group-item {  background-color:#0D1C12; }
.dark-mode .s-la-widget {  background-color:#0D1C12; color: #e9ecef;  }
.dark-mode .btn-outline { background-color:#020302; color: #dddddd; border-color: #dddddd; }
.dark-mode .btn-outline:hover, .dark-mode .btn-outline:active { background-color:#275d38; border-color: #275d38; color: #f5f5f5; }
.dark-mode .card {  --bs-card-bg: #0D1C12; }
.dark-mode .ual-btn-outline{ background-color:#0D1C12; }
.dark-mode .wca .navbar-collapse{ background-color:#0D1C12; }
.dark-mode .left-nav li { background-color: #0D1C12; }
.dark-mode .s-lc-mhw-sub-loc>.s-lc-mhw-loc-name { background-color: #0D1C12; } 
.dark-mode .dropdown-item:hover { background-color:  #0D1C12; }

/* light fonts */
.dark-mode .wca .navbar-ua .navbar-nav a.nav-link, .dark-mode h1, .dark-mode .h1, .dark-mode h3, .dark-mode .h3, .dark-mode h4, .dark-mode .h4, .dark-mode h5, .dark-mode .h5, .dark-mode p, .dark-mode li,  .dark-mode header .blade-wrapper .blade .nav-menu-items .nav-item .nav-link, .dark-mode header .blade-wrapper .blade .nav-menu-items .nav-item .nav-link:hover, .dark-mode header .blade-wrapper .blade .nav-menu-items .nav-item .nav-link:active, .dark-mode .list-group-item, .dark-mode span:not(.s-lg-az-result-badge-popular) {color: #e9ecef; }
.dark-mode .s-la-widget a {color: #e9ecef!important; text-decoration: underline;  }
.dark-mode .s-la-widget a:hover, .dark-mode .s-la-widget a:active {color: #e9ecef!important; text-decoration: none!important;  }
.dark-mode a:not(.btn) { color: #F2CD00;} 
.dark-mode a:hover:not(.btn), .dark-mode a:active:not(.btn) {color: #e9ecef;  }
.dark-mode span.carousel-feature { color: #6CC24A; }
.dark-mode .text-primary {color: #F2CD00!important; }
.dark-mode .breadcrumb a, .dark-mode .eb-search__span, .dark-mode .long-feature, .dark-mode .breadcrumb-item.active, .dark-mode h2, .dark-mode .h2, .dark-mode .s-la-widget legend, .dark-mode legend { color: #dddddd; }
.dark-mode .breadcrumb a:hover  { text-decoration: underline; }
.dark-mode .news-events .card-title a { color: #dddddd; text-decoration: underline; }
.dark-mode .news-events .card-title a:hover, .dark-mode .news-events .card-title a:active  { color: #dddddd; text-decoration: none; }
.dark-mode .table  { --bs-table-color: #dddddd;   border-color:#373a39;   --bs-table-hover-color: #dddddd; --bs-table-hover-bg: #020302;  }
.dark-mode .btn-green { color: #f5f5f5;}
@media (min-width: 992px) {
.dark-mode header .blade-wrapper .blade .nav-menu-items .navbar-nav .nav-item .nav-link:hover, .dark-mode header .blade-wrapper .blade .nav-menu-items .navbar-nav .nav-item .nav-link:active { border-bottom: 2px solid #e9ecef; } 
.dark-mode .wca .standard-nav .navbar-ua { box-shadow: 0 10px 9px #0D1C12; } 
.dark-mode header .blade-wrapper .blade .nav-menu-items .navbar-nav .nav-item .nav-link { color: #e9ecef;
   border-bottom: 2px solid rgba(0, 0, 0, 0);   } }
.dark-mode .search-box input, .dark-mode .s-la-widget { color: #dddddd!important; }
.dark-mode .list-group { --bs-list-group-border-color: #373a39; }
.dark-mode .card { --bs-card-border-color: #373a39;  }
.dark-mode .news-events .card {  --bs-card-border-color: #020302; }
.dark-mode #ual-title-coll { color: #6BBBAE; } /* UA teal */
.dark-mode span.carousel-feature { color: #6CC24A; } /* UA light green */
.dark-mode #ual-title-news { color: #e56a54; } /* UA coral */
.dark-mode .s-la-widget .form-control { background-color:#020302; color: #dddddd; border: 1px solid #373a39; }
.dark-mode .s-la-widget-embed { border: 1px solid #373a39; }
.dark-mode .s-la-widget .s-la-faq-listing-topics .label-topic { background-color: #020302; color: #dddddd; }
.dark-mode .table-striped tbody tr td  { color: #dddddd; }
.dark-mode .btn-close { color: #373a39;  }
.dark-mode .alert-info .btn-close { color: #7BA4DB; }
.dark-mode .s-lc-whw-head-date { color: #dddddd; }

/* left side navigation */
.dark-mode .left-nav li.list-group-item:hover,.dark-mode .left-nav li.list-group-item.active:hover, .dark-mode .left-nav li.list-group-item:active,  .dark-mode .left-nav-row .active-folder:hover {  background-color: #020302; }
.dark-mode .left-nav, .dark-mode .left-nav .list-group-item {  background-color: #0D1C12; }
.dark-mode .left-nav-row .list-group .list-group-item .active,.dark-mode .left-nav-row .active-folder { background-color: #020302; }
.dark-mode .ual-btn-outline:hover{	background-color: #007A33;  color:#fff; }
.dark-mode .s-lib-box-std .s-lib-box-title {   border-bottom: none;  background-image: none;  }
.dark-mode .s-lc-mhw-tb {  border: none; }
/* end Dark Mode Styles*/

/* Google's autocompletion on search the library page - making black font important or else it can't be read in dark mode */
.gsc-completion-container table {
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    color: #2b292a!important;
}

/* libcal and libanswers widget styles */
#s-lc-mini-calendar{
  background-color:#f5f5f5;
}
.s-lc-mhw-sub-loc>.s-lc-mhw-loc-name { display:block; padding-top:10px; background-color:#f5f5f5;  }

/* calendars on location pages */
#s-lc-mhw-cont .s-lc-time { background-color: #6CC24A!important; color: #2b292a!important;} /* UA lt green */
#s-lc-mhw-cont .s-lc-byap, #s-lc-mhw-cont .s-lc-timetxt { background-color: #F68D2E!important; color: #2b292a!important;} /* UA orange */
#s-lc-mhw-cont .s-lc-closed { background-color: #e56a54!important; color: #2b292a!important;} /* UA coral */

.s-la-widget a { color: #275D38; text-decoration: underline!important; }
.s-la-widget a:hover, .s-la-widget a:active {  color: #2b292a!important;  }

.s-la-widget .btn-primary {  color: #2b292a!important;  background-color: #F2CD00!important; border-color: #F2CD00!important;     font-weight: 600 !important; }
.s-la-widget .btn-primary:hover, .s-la-widget .btn-primary:active {  color: #2b292a!important;  background-color: #FFB600!important; border-color: #FFB600!important; }

.s-lc-ea-h3{
  display:none;
}
.s-lc-ea-date{
   font-size:70%;
}
#api_upc_cid_iid3750 ul{
          padding:0;
        }
#api_upc_cid_iid3750 li{
  list-style:none;
  background-color:#fff;
  margin-top:10px;
  padding:10px;
        }
#api_fortnight_cid7360_7583_6990_5415_iid3750 li{
  padding-bottom:20px;
}
footer a{
  font-weight:normal;
}
.s-lch-widget-float.open{
          height:75%;
          top:auto;
        }
.s-lch-widget-float-btn{
box-shadow:none !important;
  background-color:transparent;
        }
.s-lch-widget-float-btn img{
  box-shadow: 0 0 0 0 rgba(200,	107,	168, 0.7);
  animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  border-radius:15px;
  background-color:transparent;
}
.s-lch-offline-msg-2 a{
  display:block;
}
.s-lch-widget-float-btn img:hover, img[alt="Chat is Offline"]
{
  animation: none;
}

@keyframes pulse {to {box-shadow: 0 0 0 6px rgba(200,107,168, 0);}}

input:focus::placeholder {
  color: transparent !important;
}
.bg-search{
  background-color:#275d38;

  }
  .bg-pure-white{
    background-color:#fff;
  }
  .advanced-link{
    color:#fff;
    font-size:0.8em !important;
  }
  .form-select {
    appearance:auto;
    font-size:0.8em;
     border-right:0;
    background-color:#fff;
    height:53px;
  }
   .form-select:focus {
      border-color:#f5f5f5;
  }
  .custom-select-wrapper{
  width:35%;
}
  .bg-ua-teal{
  	background-color:#6bbbae;
  }


@media (min-width: 991px) {
.search-banner{
        position: absolute;
        max-height: unset;
    }
footer .links {
        grid-template-columns: repeat(5, 1fr);
    }
    .bg-search{
  background-image:url("https://sites.library.ualberta.ca/wp-content/uploads/2025/07/UA_wireframe_black-partial.png");
  background-size: contain;
background-repeat: no-repeat;
  }
.custom-select-wrapper{
  width:15%;
}
  .form-select {
     border-right:10px solid #fff;
  }
}