/* libCAL 2026 V5 */
/* Updated info button styling on room bookings page */

/* libCAL 2026 V4 */
/* Updated accordion styling for study rooms page and moved to a separate file */

#libchat_8ac5b87f7691450d3678e68c9b7287c7 {
  position: fixed;
  bottom: 4vh;
  right: 4vw;
  z-index: 100;
  font-weight: 700;
  font-size: 18px;
}
@font-face {
  font-family: Nexa-Heavy;
  src: url(https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/335/include/Nexa-Heavy.otf);
}
@font-face {
  font-family: AvenirLTStd-Book;
  src: url(https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/335/include/avenir-lt-std-45-book.otf);
}
@font-face {
  font-family: OpenSans;
  src: url(https://d329ms1y997xa5.cloudfront.net/sites/335/include/OpenSans-VariableFont_wdth_wght.ttf);
}
h1,h2,h3,h4,h5,h6 {
font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
}

body {
font-size: 16px;
color: #252320;
font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}
/* open sans needs less padding to fit in form box */
.form-group-sm .form-control {
   padding: 0px 10px; }

/* Date picker bigger to fit text */
select {
    cursor: pointer;
    padding: 2px 4px;
    height: 2em;
}

/*header*/
.custom-header .navbar-brand img {
max-width: 150px;
}
.custom-header .navbar-brand {
padding: 0px 15px;
height: auto;
}
.custom-header .navbar-default {
background-color: #3c1053;
border-radius: 0px;
border: none;
margin-bottom: 0px;
}
.custom-header .navbar-default .navbar-nav>li>a {
color: #fff;
}
.custom-header .navbar-default .navbar-nav>li>a:hover {
background-color: #fff;
color: #260b34;
text-decoration: underline;
}
.custom-header .navbar-right {
padding-top: 10px;
}
.custom-header .navbar-default .navbar-toggle {
border: none;
}
.custom-header  .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
height: 3px;
width: 30px;
}
/*footer*/
.custom-footer a {
color: #fff;
}
.custom-footer a:hover, .custom-footer a:active, .custom-footer a:focus {
text-decoration: underline;
}
.ask-acu-purple {
background-color: #260B34;
color: #fff;
}
.ask-acu-purple .col-md-4 h2 {
font-size: 42px;
}
.askacu {
padding-top: 80px;
}
.askacu h2 {
margin-top: 0px;
}
.ask-right-section h2 {
font-size: 22px;
}
.ask-right-section p {
color: #d8cfdd;
}
.ask-acu-panel .line-divider {
border-top: 1px solid #634075;
}
.lower-footer {
background-color: #3c1053;
color: #d8cfdd;
font-size: 14px;
}
.custom-footer .lower-footer a {
color: #d8cfdd;
}
.custom-footer .lower-footer a:hover, .custom-footer .lower-footer a:active, .custom-footer .lower-footer a:focus {
color: #fff;
text-decoration: underline;
}
.footer-quick-links ul {
list-style: none;
padding-inline-start: 0px;
}
.footer-quick-links li {
display: inline-block;
margin-right: 8px;
}
.footer-quick-links li a {
margin-right: 16px;
}
.custom-footer .disclaimer {
margin-bottom: 16px;
}
.icon-Chat-Buble3 img, .icon-Question-Mark img {
max-width: 64px;
margin-top: 80px;
}
.icon-Mail img, .icon-Chat-Bubble2 img, .icon-Note-Pencil-1 img {
max-width: 21px;
}
@media (max-width: 991px) {
.ask-right-section p {
margin-top: 16px;
}
.ask-acu-panel .line-divider {
margin-top: 16px;
padding: 32px 0;
}
}
@media (min-width: 992px) {
.ask-acu-purple .col-md-4 h2 {
margin-bottom: 64px;
}
.ask-right-section p {
margin-top: 32px;
}
.ask-acu-panel .line-divider {
margin-top: 48px;
padding: 48px 0 64px 0;
}
.lower-footer {
padding-top: 36px;
}
}

#page-header {
	background-color: #3C1053;
	min-height: 6.25em;
	padding-bottom: 0.6em;
}
#header-text {
	background-color: #3C1053;
        color:#fff;
	margin-top: 0.5em;
}
#header {
       margin-top:-1.4em;
}


/* horizontal line between calendar name and listed events */
.s-lc-c-erc {
    padding-bottom: 10px;
    border-bottom: 1px solid #3D3935;
    margin-bottom: 10px;
}

/*x seats left ribbon/badge in card view*/
.s-lc-ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    pointer-events: none
}

.s-lc-ribbon::after, .s-lc-ribbon::before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #3C1053
}

.s-lc-ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 4px 0;
    background-color: #3C1053;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 12px/1 Lato, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-align: center
}

/*red button: btn-primary (register, begin registration, cancel registration)*/

.btn-primary {
  font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #ed0c00;
  border-color: #ed0c00;
  color: #fff !important;
  display: inline-block;

&:hover,
&:focus,
&:focus-visible,
&:active {
 background-color: #d00a00;
 border-color: #ed0c00;
 color: #fff !important;
 text-decoration: underline;
 transition: 0.2s;
}
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
  background-color: #d00a00;
  border-color: #ed0c00;
}

/*purple button: btn-success (register/seats left events page)*/
.btn-success {
	color: #fff;
	background-color: #3C1053;
	border-color: #3C1053;
	border-radius:1px;
}
.btn-success:hover {
	background-color: #260B34;
	border-color: #260B34;
	text-decoration:underline;
}
.btn-success:focus {
	background-color: #260B34;
	border-color: #260B34;
	text-decoration:underline;
}
.btn-success:active {
	color: #fff;
	background-color: #260B34;
	border-color: #260B34;
	border-radius:1px;
}

/*purple button: btn-info (log out on final page of room booking)*/
.btn-info {
  font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
  color: #fff !important;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #3c1053;
  border-color: #3C1053;
&:hover,
&:focus,
&:focus-visible,
&:active {
  color: #fff !important;
  background-color: #260b34;
  border-color: #260b34;
  text-decoration: underline;
  transition: 0.2s;
}
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
  color: #fff !important;
  background-color: #260b34;
  border-color: #260b34;
  text-decoration: underline;
  transition: 0.2s;
}

/* breadcrumbs */
#s-lc-public-bc .breadcrumb {
    margin: 0px 0 10px 0;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0 8px 30px;
    background-color: #260B34;
    border-radius: 0px;
}
#s-lc-public-bc .breadcrumb
a {color: #ffffff; font-size: 14px;}

#s-lc-public-bc .breadcrumb
a:hover {color: #ffffff; text-decoration: underline}

.breadcrumb>.active {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}
/* Logout link on room booking confirmation page */
.s-lc-breadcrumb-right {
    margin-right: 20px;
}

/* link colour */
a  {
	color: #ed0c00;
}
a:focus, a:hover {
     color: #ed0c00;
      text-decoration:underline;
}

/**
 * @license
 * MyFonts Webfont Build ID 3514830, 2018-01-23T18:44:13-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTStd-Heavy by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 2,500,000
 * 
 * Webfont: AvenirLTStd-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 2,500,000
 * 
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * Webfont: Nexa-Bold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/bold/
 * Copyright: Copyright \(c\) 2012 by Svet Simov. All rights reserved.
 * Licensed pageviews: 100,000
 * 
 * Webfont: Nexa-Heavy by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/heavy/
 * Copyright: Modern and elegant sans serif font.
 * Licensed pageviews: 100,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3514830
 * 
 * © 2018 MyFonts Inc
*/
.label-info {
    background-color: #643075;
}

/* Worker button (Switch to mobile view button on room bookings page)*/
.btn-worker {
font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
color: #ed0c00 !important;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  border: solid, 1px, #ed0c00; 
  margin-bottom: 1em;
  display: inline-block;
&:hover,
&:focus,
&:focus-visible,
&:active {
  color: #fff !important;
  background-color: #ed0c00;
  text-decoration: underline;
  transition: 0.2s;
}
}

/* Info button (info button next to room name in booking grid )*/
.s-lc-info-label {
   padding: 0px 8px;
   background-color: #d9edf7;
   border-radius: 50%;
   color: #134F85;
}

.s-lc-item-more-info {
    display: inline-flex;
    width: 21px;
    height: 21px;
    border-radius: 50%;
}

.s-lc-item-more-info:focus {
  outline: none;
}

.s-lc-item-more-info:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.s-lc-item-more-info:hover {
  outline: 1px solid #000;
  outline-offset: 2px;
}

.s-lc-item-more-info {
  margin-right: 6px;
}

/* style the booking grid links, room names, icons */
div#time_grid_cont a {
  color: #252320;
  text-decoration: none;
}

div#time_grid_cont a:hover {
  color: #252320;
  text-decoration: underline;
}

/* hide zone filter on mobile view */
div#s-lc-zone_container {
    display: none;
}

/* Colour for calendar title */
h2.fc-toolbar-title {
    color: #3c1053;
}

/* Terms and conditions when booking a room h3 */
.s-lc-eq-co-terms h3 {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #3c1053;
}
/* open in a new window icon style */
.fa-external-link {
    font-size: .8em !important;
    color: #3c1053;
}

/* Libcal homepage (bookings page) */
.s-lc-box-title h1 {
    font-size: 2em;
    color: #3c1053;
}

.s-lc-box-thinborder .s-lc-color-bars-border {
    border-color: #d8cfdd;
}

h1#s-lc-public-header-title {
    font-size: 3em;
    color: #3c1053;
}

/* Hide links in Springshare footer */
.s-lc-public-footer-actions, #s-lc-public-footer-brand, #s-lc-public-footer-rights, #s-lc-footer-support-link {
display: none;
}

/* Make text fit in text box on bookings grid page - after selecting a time  */
select.b-end-date {
    padding: 2px 4px;
}