/*removes duplicate Library heading */

.slab.pageinfo h1 { 
    display: none;
}

/*modifies accordion styles for transcripts to use plus and minus*/
div.transcript p.btn.expand a:after {content: "\f055";}
div.transcript p.btn.contract a:after {content: "\f056";}
div.transcript p.btn a, div.transcript p.btn a:hover, div.transcript p.btn a:active {
    border: none; 
    box-shadow: none; 
    background-color: transparent; 
    color: hsla(0, 0%, 0%, 1); 
    text-align:left;}
    
div.transcript p.btn a:hover {    
     color: hsla(0, 68%, 45%, 1);
}

/*Custom banner navigation styles*/
main .banner__anchor-links ul {
    margin:0;
}

main .banner__anchor-links li {
    background-color: #fff;
    font-weight: bold;
    margin-bottom: 2px;
    padding:0;
}

main .banner__anchor-links li::before {
    content"";
    display:none;
}

main .banner__anchor-links li a {
    width: 100%;
    height: 100%;
    display: block;
   padding: 10px; 
}
    
main .banner__anchor-links li:hover {
    background-color: #b2352e;
}

main .banner__anchor-links ul li a::before {
    /*content: "\f054";*/
    content: "\f078";
    color: #b2352e;
    font-size: 0.8em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-family: "FontAwesome";
    text-decoration:none !important;
}

main .banner__anchor-links li:hover a::before, main .banner__anchor-links li:hover a  {
    color: #fff;
}

.banner__anchor-links a {
    text-decoration:none;
    border:0;
    font-size:0.9em;
}

/*Custom chat styles*/
/*Custom chat cirlce updated to include the words library chat 21/12/2021*/

#chat {
    right: 30px;
    bottom: 30px;
    position: fixed;
    z-index:1;
}
.chat-circle {
    position: relative;
    width: 75px;
    height: 75px;
    color: #fff;
    margin: auto;
    padding:15%;
    background-color: hsla(0, 68%, 45%, 1);
    text-align:center;
    border-radius: 50%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.chat-circle:before {
    content: " \f4a3"; 
    font-family: "FontAwesome";
    font-size: 1em;
    font-weight:900;
    position: absolute;
    top: 47px;
    left:22px;
}

.chat-circle:after {
    content: " \f27a";
    font-family: "FontAwesome";
    font-size: 1em;
    position: absolute;
    top: 54px;
    left:33px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/*Custom search styles*/
.search .tabs-container .tabs > div {display: none;}
.search .tabs-container .tabs > div.active {display: inline;}  
.search .tabs-container{
	max-height: 0px;
	transition: 400ms max-height ease-out, 400ms padding ease-out;
	z-index: 1;
	position: absolute;
	width: 100%;
	background: #eef3f5;
	border-color: hsla(0, 0%, 28%, 0.1);
	border: 1px solid hsla(0, 0%, 28%, 0.1);
	-webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
	box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
	margin-top: -2px;
}
.search .tabs-container:not(.active){
	padding-top: 0;
   	padding-bottom: 0;
}
.search .tabs-container.active {max-height: 400px;}	
.search .tabs-container .tabs {padding: 10px;}
   	
.search input.search[type=text] {
	padding: 20px 3em 20px 8em;
	font-size: 20px;
	margin-bottom: 0;
	border-color: hsla(0, 0%, 28%, 0.1);
	-webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
	box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
}
 
.search label.inset {
	color: hsla(198, 0%, 20%, 0.8);
	font-family: "Jotia W00";
	line-height: 1.4;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	margin-bottom: -50px;
	margin-left: 25px;
	margin-top: 25px;
}

.search a.search-button {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	color: hsla(0, 68%, 45%, 1);
	margin-top: 23px;
	right: 35px;
	position: absolute;
	border-bottom: none;
		
}

.search a.search-button::after {
	content: "\f002";
}


/*chat icon for mobile - remove one of the small chat icons when responsive*/
@media (max-width: 767px) {

#_hj-f5b2a1eb-9b07_feedback {
    z-index:1; /*fix issue on iOS where Hotjar feedback button displays in front of proactive chat pop-up*/
}

#chat {
    right: 5px;
    bottom: 5px;
    font-size:0.6em;
    position: fixed;
    z-index:1;
}

.chat-circle {
    position: relative;
    width: 40px;
    height: 40px;
    margin: auto;
    padding:15%;
    color: #fff;
    background-color: hsla(0, 68%, 45%, 1);
    text-align:center;
    border-radius: 50%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.chat-circle:before {
    top: 29px;
    left: 15px;
    content: " \f4a3"; 
    font-family: "FontAwesome";
    font-size: 1em;
    font-weight:900;
    position: absolute;
}
}
@media (max-width: 500px) {

#_hj-f5b2a1eb-9b07_feedback {
    z-index:1; /*fix issue on iOS where Hotjar feedback button displays in front of proactive chat pop-up*/
}

#chat {
    right: 5px;
    bottom: 5px;
    font-size:0.6em;
    position: fixed;
    z-index:1;
}

.chat-circle {
    position: relative;
    width: 40px;
    height: 40px;
    margin: auto;
    padding:15%;
    color: #fff;
    background-color: hsla(0, 68%, 45%, 1);
    text-align:center;
    border-radius: 50%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.chat-circle:before {
    top: 29px;
    left: 15px;
    content: " \f4a3"; 
    font-family: "FontAwesome";
    font-size: 1em;
    font-weight:900;
    position: absolute;
}
}

@media (max-width: 32em) {
	.search label.inset { color: rgba(255, 255, 255, 0); }
	.search a.search-button {right: 25px; }
	.search input.search[type=text] { padding-left: 1em; padding-right: 2.3em; }
}