/*Adds option to make btn-primary blue with yellow hover-over if add the word blue after btn-primary in source code*/
.btn.btn-primary.blue {
    background-color: #024890;
    color: #fff;
}
.btn.btn-primary.blue:hover {
    background-color: #f5b706;
    color: #024890;
}

/*Allows tabs to be used in blue section box, with highlighted text showing as bolded yellow*/
.section-wrapper-primary .nav-item .nav-link.active {
    color: #f5b706;
    font-weight:700;
}

/*Creates unordered list of sidebuttons with stationary icons and pop-up visible text on hover, default styled orange*/
/*
Can change color for individual sites with style added on to that site's /_resources/includes/headcode.inc file similar to the following (which has first button dark blue, second button light blue, third button orange):
<style>
	ul.sidebuttons li a span:nth-child(2){background-color: #4798ca;} 
	ul.sidebuttons li a span:nth-child(1){color: #4798ca;}
	ul.sidebuttons li:nth-child(1) a span:nth-child(2){background-color: #024890;}
	ul.sidebuttons li:nth-child(1) a span:nth-child(1){color: #024890;}
	ul.sidebuttons li:nth-child(3) a span:nth-child(2){background-color: #e66622;}
	ul.sidebuttons li:nth-child(3) a span:nth-child(1){color: #e66622;}
</style>
*/
ul.sidebuttons{
		z-index: 10;
		list-style: none;
		position: fixed;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
}
ul.sidebuttons li{
		margin: 0;
}
ul.sidebuttons li a{
		text-decoration: none;
		color: #fff;
		height: 60px;
		line-height: 60px;
		display: flex;
		margin: 10px 0;
}
ul.sidebuttons li a span:nth-child(2){
		background: #e66622;
		width: 60px;
		height: 100%;
		border-radius: 0;
		display: grid;
		place-items: center;
		font-size: 24px;
		box-shadow: 2px 0 16px 2px rgba(0,0,0,0.25);
}
ul.sidebuttons li a span:nth-child(1){
		width: 180px;
		height: 100%;
		background-color: #fff;
		color:  #e66622;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		padding-right: 0;
		padding-left: 10px;
		letter-spacing: 1.5px;
		overflow: hidden;
		margin-left: 0;
		border-radius: 0;
		transition: 0.3s ease;
		visibility:hidden;
}
ul.sidebuttons li a:hover span:nth-child(1){
		width: 180px;
		padding-left: 10px;
		visibility:visible;
		box-shadow: 2px 0 16px 2px rgba(0,0,0,0.25);
}
ul.sidebuttons li:nth-child(1) a span:nth-child(2){
		color: #fff;
		background-color: #e66622;
}
ul.sidebuttons li:nth-child(1) a span:nth-child(1){
    background-color: #fff;
    color: #e66622;
}
ul.sidebuttons li:nth-child(3) a span:nth-child(1){
    background-color: #fff;
    color: #e66622;
}
ul.sidebuttons li:nth-child(3) a span:nth-child(2){
    color: #fff;
    background-color: #e66622;
}