/** Generic header code. */
#header {}

#header #mobile-nav { display: flex; background: black; padding: .5rem 0; }
#header #mobile-nav .utslib-branding a { text-decoration: none; }
#header #mobile-nav .utslib-branding a:hover { text-decoration: none; }
#header #mobile-nav .utslib-branding .logo { width: 2rem; height: 2rem; margin-right: .875rem; background: white; display: inline-block; }
#header #mobile-nav .utslib-branding .logo img { width: 1.5rem; height: 1.5rem; margin: .25rem; display: inline-block; }
#header #mobile-nav .utslib-branding .logo-text { vertical-align: middle; font-size: 1.25rem; color: white; }

#header #mobile-nav #mobile-menu-open { padding: 0 .5rem; height: 2rem; background:black; border:0; margin-right:.5rem;}
#header #mobile-nav .menu-hamburger-1, #header #mobile-nav .menu-hamburger-2 { background: white; margin-bottom: .375rem; width: 1.5rem; height: .125rem; }
#header #mobile-nav .menu-hamburger-3 { background: white; margin-bottom: .375rem; width: .75rem; height: .125rem; }

#header #mobile-nav-menu { position: fixed; width: 100%; background-color: #323232; top:0; bottom:0; z-index:1001; }
#header #mobile-nav-menu.menu-open { height: 100%; }
#header #mobile-nav-menu .key-links { display:flex; border-bottom: 1px solid #4d5256; padding: 1rem; align-items: center; color: white; }
#header #mobile-nav-menu .my-library-link { border-radius: 9999px; background-color: #4d5256; font-size: .75rem; padding: .5rem .875rem; color: white; }
#header #mobile-nav-menu .my-library-link:hover { text-decoration: none; }
#header #mobile-nav-menu .my-library-link i { color: white; }
#header #mobile-nav-menu .mobile-menu-close { margin-left: auto; width: 1.5rem; height: 1.5rem; font-size: 1.25rem; line-height: 1.5rem; background-color: transparent; background-image: none; border: none; }

#header #mobile-nav-menu>ul.menu-level-0 { width: 100%; font-size: 1rem; padding: 0; margin-bottom: .875rem; position: relative; height: 100%; overflow-y: auto; color: white; list-style:none;}
#header #mobile-nav-menu>ul.menu-level-0 .menu-item { display: flex; position: relative; border-bottom: 1px solid #4d5256; width: 100%; align-items: center; flex-wrap: wrap; }
#header #mobile-nav-menu>ul.menu-level-0>.menu-item.menu-item-has-children:after { position: absolute; right: 0; top: 0; height: 100%; font-family: 'Font Awesome 5 Pro',sans-serif; content: '\F054'; font-size: 1rem; font-weight: 100; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 3rem; pointer-events: none; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item .menu-item-link,
#header #mobile-nav-menu>ul.menu-level-0 .menu-item a,
#header #mobile-nav-menu>ul.menu-level-0 .menu-item span { text-decoration: none; width: 100%; color: #fff; padding: .875rem; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item.mobile-top-menu-item { border-bottom: 0; flex-wrap: nowrap; font-size: .875rem; color: #4d5256; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item.mobile-top-menu-item a { color: #adb5bd; padding-left: 0; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item.mobile-top-menu-item a,
#header #mobile-nav-menu>ul.menu-level-0 .menu-item.mobile-top-menu-item span { color: #adb5bd; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item a i { color: #ffffff }
#header #mobile-nav-menu>ul.menu-level-0 .menu-item.mobile-top-menu-item .icon { width: 3rem; text-align: center; }
#header #mobile-nav-menu>ul.menu-level-0>.menu-item>ul.menu-level-1 { position: fixed; width: 100%; background-color: #323232; top: 0; bottom: 0; z-index: 51; left: 100%;overflow-y: auto; height: 100%; padding: 0; }
#header #mobile-nav-menu>ul.menu-level-0>.menu-item>ul.menu-level-1>.menu-item-level-1.menu-item-has-children .menu-toggle { width: 3.25rem; height: 3.25rem; top: 0; position: absolute; right: 0; text-align: center; background-color: #282828; }
#header #mobile-nav-menu>ul.menu-level-0>.menu-item>ul.menu-level-1>.menu-item-level-1.menu-item-has-children.menu-item-collapsed .menu-toggle:after { content: '\F067'; font-family: 'Font Awesome 5 Pro',sans-serif; font-weight: 100; }
#header #mobile-nav-menu>ul.menu-level-0>.menu-item>ul.menu-level-1>.menu-item-level-1.menu-item-has-children.menu-item-expanded .menu-toggle:after { content: '\F068'; font-family: 'Font Awesome 5 Pro',sans-serif; font-weight: 100; }
#header #mobile-nav-menu>ul.menu-level-0 .menu-level-2 { width: 100%; font-size: .875rem; background-color: #3a3a3a; padding: 1rem; }
#header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .mobile-menu-link a { font-size: 1rem; margin-left: -.5rem; }
#header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .mobile-menu-link a:before { content: 'Go to '; }
#header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .mobile-menu-link a:after { font-family: 'Font Awesome 5 Pro',sans-serif; content: ' \F30B'; margin-left: .25rem; }
#header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .menu-item { border-style: none; color: #adb5bd; padding-left: .5rem; }
#header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .menu-item a, #header #mobile-nav-menu>ul.menu-level-0 ul.menu-level-2 .menu-item span { padding: .5rem; display: block; }
#header #mobile-nav-menu button.mobile-menu-back { background-color: #0000; background-image: none; border: none; }
#header #mobile-nav-menu .mobile-menu-button-links { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header #mobile-nav-menu .mobile-menu-title { border-bottom-width: 1px; border-color: #4d5256; font-size: 1.125rem; font-weight: 500; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem; }

#header #desktop-nav { display: none; background: white; }
#header #desktop-nav .nav-container { padding-top: 1.125rem; padding-bottom: 1.125rem; }
#header #desktop-nav .utslib-branding a {}
#header #desktop-nav .utslib-branding a:hover { text-decoration: none; }
#header #desktop-nav .utslib-branding .logo { width: 3.375rem; height: 3.375rem; margin-right: 1.25rem; background: black; display: inline-block; }
#header #desktop-nav .utslib-branding .logo img { width: 2.625rem; height: 2.625rem; margin: .375rem; display: inline-block; }
#header #desktop-nav .utslib-branding .logo-text { vertical-align: middle; font-size: 1.875rem; color: black; }

#header #block-topmenu { margin-top: 1rem; }
#header #block-topmenu .menu { width: 100%; justify-content: space-between; align-items: center; display: inline-flex; list-style: none; padding: 0; margin: 0; }
#header #block-topmenu .menu-item { display: inline-flex; align-items: center; font-size: .875rem; }
#header #block-topmenu .menu-item .icon { color: #adb5bd; }
#header #block-topmenu .menu-item a { color: #000;}
#header #block-topmenu .menu-item .icon, #block-topmenu .my-library-link .icon { margin-right: .375rem; display: inline-block; font-size: 1.25rem; line-height: 1.5; }
#header #block-topmenu .my-library-link .icon { border-radius: 9999px; width: 2rem; height: 2rem; background-color: #e9ecee; text-align: center; color: #323232; margin-right: .5rem; }
#header #block-topmenu .my-library-link .icon i { line-height: 1.5 !important; }
#header #block-topmenu .my-library-link a { color: #0f4beb; font-weight: 500; }

/* Mega menu. */
#header #desktop-mega-menu { font-size: 1rem; width: 100%; align-items: center; position: relative; z-index: 27; display: none; background: #000; flex-direction: column; }
#header #desktop-mega-menu > .menu { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; }
#header #desktop-mega-menu > .menu > .menu-item > a,
#header #desktop-mega-menu > .menu > .menu-item > span { display: block; line-height: 1; color: #fff; cursor: pointer; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown-link { position: relative; white-space: nowrap; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown-link:after { content: ''; position: absolute; transform:translateX(-50%); left: 50%; bottom: 0; border-style: solid; border-width: 0 15px 15px; border-color: transparent; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown-link.active:after { border-bottom-color: #fff; transition: all 0.1s; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown { position: absolute; width: 100%; background-color: #fff; left: 0; z-index: 30; border-bottom-style: solid; border-bottom-width: 4px; border-color: #cbd5e0; padding-top: 1.875rem; padding-bottom: 2.25rem; display: none; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout { flex-direction: row; width: 100%; max-width: 75rem; margin-left: auto; margin-right: auto; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout.layout--twocol-section { display: flex; flex-wrap: nowrap; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { flex: 0 1 75% }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { flex: 0 1 25% }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu { display: flex; flex-wrap: wrap; margin-bottom: 0; list-style: none; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu .menu-item { width: calc(100%/3); flex-shrink: 0; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu .menu-item a { color: #000; font-weight: 500; display: block; cursor: pointer; height: 100%; padding: 1rem; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu .menu-item a:hover { background-color: #f8f9fa; text-decoration: none; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu .menu-item .menu-icon { font-size: .75rem; padding-left: .25rem; padding-bottom: .125rem; color: #81878e; display: inline-block; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .menu .menu-item .menu-item-summary { display: block; color: #4d5256; font-size: .875rem; font-weight: 400; }

#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item { min-height: 340px; max-width: 270px; display: -webkit-box; display: -ms-flexbox; margin-right: 1rem; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .content { width: 100%; display: flex; flex-direction: column; background-color: #000; color: #fff; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-image { max-width: 100% }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-image img { width: 100%; display: block }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-content-type { padding: .75rem 1.125rem 0; font-size: .75rem; text-transform: uppercase; font-weight: 700; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-title { flex-grow: 1; padding: 0 1.125rem; margin-top: .25rem; font-weight: 500; font-size: 1.125rem; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-link {}
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-link a { display: block; margin-top: .75rem; padding: 0 1.125rem .75rem; color: #fff; }
#header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown > .layout .block-featured-menu-item .field-link a:after { font-family: 'Font Awesome 5 Pro',sans-serif; content: '\F061'; margin-left: .375rem; font-size: .875rem; }

#search { background-color: #a07cda; background-image: url('https://static.lib.uts.edu.au/theme/assets/img/search-bg.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat;z-index: 10; padding: 1.375rem 0; width: 100%; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);}
#search #search-region { width: 100%; max-width: 75rem; margin-left: auto; margin-right: auto; }
#search #search-region > div { width: 91.666667%; max-width: 48rem; display: flex; flex-direction: column; margin: 0 auto; }
#search-block-form,
#search-block-form-overlay { position: relative; }
#search-block-form .form-item-keys,
#search-block-form-overlay .form-item-keys { margin-top: 0; margin-bottom: 0; padding: .625rem 3rem .625rem 1.5rem; font-size: 1.125rem; width: 100%; border-radius: .125rem; background-color: #fff; position: relative; outline: 0; height: 3rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); transition: border-radius .1s; }
#search-block-form .form-search,
#search-block-form-overlay .form-search { width: 100%; line-height: 1.5; display: inline-block; height: 1.75rem; outline: 0; color: #323232; background-color: #fff; position: relative; z-index: 21; border-width: 0; padding-right: 0; }
#search-block-form .form-actions,
#search-block-form-overlay .form-actions { position: absolute; bottom: 0; right: 0; z-index: 22; }
#search-block-form .form-actions:after,
#search-block-form-overlay .form-actions:after { font-family: 'Font Awesome 5 Pro',sans-serif; content: '\F002'; color: #323232; display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; text-align: center; position: absolute; top: 0; right: 0; font-size: 1.125rem; outline: 0; pointer-events: none; z-index: 5; }
#search-block-form .form-actions .form-submit,
#search-block-form-overlay .form-actions .form-submit { width: 3rem; height: 3rem; cursor: pointer; border-radius: .125rem; text-indent: -9999px; background-color: #fff; transition: all .4s; border-width: 0; margin: 0; padding: 0; }
#search-block-form .form-actions .form-submit:hover,
#search-block-form-overlay .form-actions .form-submit:hover { background-color: #e9ecee; }

#search-block-form .search-dropdown:before,
#search-block-form-overlay .search-dropdown:before { content: ''; position: absolute; bottom: 100%; width: 100%; left: 0; right: 0; height: 1.5rem; background: #fff; }

#search-block-form .search-dropdown,
#search-block-form-overlay .search-dropdown { display: none; z-index: 20;background-color: #fff;border-bottom-right-radius: .125rem; border-bottom-left-radius: .125rem; padding: 0 0 .5rem; position: absolute; width: 100%; left: 0; right: 0; top: 100%; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);margin:0;list-style: none; }
#search-block-form .search-dropdown li,
#search-block-form-overlay .search-dropdown li { padding: .25rem .25rem; cursor: pointer; font-size: .875rem }
#search-block-form .search-dropdown li:first-child,
#search-block-form-overlay .search-dropdown li:first-child { border-top-style: solid; border-top-width: 1px; border-color: #dee2e6; }
#search-block-form .search-dropdown li:hover,
#search-block-form-overlay .search-dropdown li:hover { background-color: #f8f9fa; }
#search-block-form .search-dropdown li .search-description,
#search-block-form-overlay .search-dropdown li .search-description { font-style: italic; }

/** Search overlay */
#search-overlay { position: fixed; display: none; z-index: 28; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.8); padding-top: 10%; }
#search-overlay #search-block-form-overlay { margin: 0 auto; width: 91.666667%; max-width: 24rem; }

#desktop-side-nav { width: 100%; }
#desktop-side-nav a { color: #4d5256; }
#desktop-side-nav ul { margin-bottom: 0; padding: 0; list-style: none; }
#desktop-side-nav .menu-item-collapsed > ul { display: none; }
#desktop-side-nav .menu-item-expanded > ul { display: block; }
#desktop-side-nav ul.menu-level-0 { width: 100%; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0 { display: flex; flex-direction: column; border-top: 1px solid #f1f3f5; align-items: center; position: relative; }
#desktop-side-nav li:not(.menu-item-active) ul { display: none; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0:after { font-family: 'Font Awesome 5 Pro', sans-serif; position: absolute; top: 0; right: 0; height: 3rem; width: 2.5rem; pointer-events: none; align-items: center; justify-content: center; display: flex; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0.menu-item-expanded:after { content: '\f077'; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0.menu-item-collapsed:after { content: '\f078'; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0 > .menu-item-link { width: 100%; padding: .875rem 2.5rem .875rem 1rem; font-size: .875rem; }
#desktop-side-nav ul.menu-level-0 > .menu-item-level-0 > .menu-item-link:hover { cursor: pointer; background: #f1f3f5; }
#desktop-side-nav ul.menu-level-1 { width: 100%; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 { display: flex; flex-direction: column; align-items: center; position: relative; font-size: .875rem; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1.menu-item-active { background: #f8f9fa; font-weight: bold; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 > a,
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 > span { display: block; padding: .5rem 2.5rem .5rem 2rem; width: 100%; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 > a:hover,
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 > span:hover { background-color: #f1f3f5; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 .menu-toggle { font-family: 'Font Awesome 5 Pro', sans-serif; position: absolute; display: block; top: 0; right: 0; padding: .5rem; width: 2.5rem; text-align: center; cursor:pointer; font-weight: normal; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1 .menu-toggle:hover { background: #e9ecee; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1.menu-item-expanded .menu-toggle:after { pointer-events: none; display: block; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1.menu-item-expanded .menu-toggle:after { content: '\f106'; }
#desktop-side-nav ul.menu-level-1 > .menu-item-level-1.menu-item-collapsed .menu-toggle:after { content: '\f107'; }
#desktop-side-nav ul.menu-level-2 { width: 100%; }
#desktop-side-nav ul.menu-level-2 > .menu-item-level-2 > a { display: block; font-size: .875rem; padding: .5rem 0 .5rem 2.5rem; width: 100%; }
#desktop-side-nav ul.menu-level-2 > .menu-item-level-2 > a:hover { background: #f1f3f5; }


@media only screen and (min-width:996px) {
    #header #mobile-nav { display: none; }
    #header #desktop-nav { display: block; }
    #header #desktop-mega-menu { display: flex; }
    #header #desktop-mega-menu > .menu { padding: 0 1rem; max-width: 75rem; }
    #header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown-link { padding: 1.25rem 1rem; }
}

@media only screen and (min-width:1200px) {
    #header #desktop-mega-menu > .menu > .menu-item > .menu-dropdown-link { padding: 1.25rem 1.5rem; }
}

/** breadcrumbs */
.breadcrumb {}
.breadcrumb ol { max-width: 75rem; margin: auto; }
.breadcrumb ol li { display: inline-block; font-size: .75rem; }
.breadcrumb ol li a { color: #4d5256; }
.breadcrumb li:before { content: " \203A "; margin-left: .375rem; margin-right: .375rem; }
.breadcrumb li:first-child:before { content: none; }
.text-black { color: #000; }