/* modifies arrow buttons that move content in middle of page */
.swiper-button-next {
	background-color: #ffe116 !important;
	padding: 2px 0px 2px 4px;
	border-radius: 8px;
	}
.swiper-button-prev {
	background-color: #ffe116 !important;
	padding: 2px 0px 2px 4px;
	border-radius: 8px;
	}

/* modifies upper tabs */
ul.tabnav li {		
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}
/* modifies tab size */
ul.tabnav li, .optionsRibbon ul li,
ul.tabnav li, .optionsRibbon ul li {
	margin: 3px !important;
	padding: 1px 0px 1px 6px !important;
	}
/*  adjusts spacing on tabs */
#centreColumn ul.tabnav li, #centreColumn .optionsRibbon ul li, #courseToolbar ul.tabnav li, #courseToolbar .optionsRibbon ul li {
    padding: 2px 2px 2px 6px !important;	
}
/* adds color to tabs */
ul.tabnav li:hover {
	background-color: rgba(42,140,248,.2); 
}
/* ul.tabnav li:hover, ul.tabnav li a:hover {
	background-color: rgba(42,140,248,.2);
}
ul.tabnav li:active, ul.tabnav li a:active {
	background-color: rgba(42,140,248,.5);
}
ul.tabnav li:focus, ul.tabnav li a:focus {
	background-color: rgba(42,140,248,.8); */
}

/* adds css to user footer */
.footercontainer {
	display: table;
	width: 100%;
}
.footerrow {
	display: table-row;
}
.footercolumn {
	display: table-cell;
}

/* adjust size of immersive reader button */
button.options_btn {
    height: 3em;
    width: 14em;
    font-size: 20px;
}
button.options_btn:hover {
    font-size: 30px;
}