﻿/********************************************************/
/*                 Hull CSS Overrides                   */
/*                 Created: 04/08/21                    */
/*                 Updated: 06/12/21                    */
/********************************************************/

/* Skip navigation */
.sv-sr-only.sv-sr-only-focusable, .sv-sr-only-focusable-skip {
  background-color: #fff; /* maximum contrast */
  color: #000;
}


/* Top Bar */
.top-bar-logo img,
.sv-navbar-brand img {
    display: none;
}

.sv-header-image {
	background: url(../images/svg/uni-logo-blue.svg) 18px no-repeat;
	background-size: 116px 60px;
	height: 70px;
	margin-top: 4px;
}

.sv-navbar-default .sv-navbar-text {
  color: #000;
}

/* Footer */

.footer { padding: 10px 0; }

footer .container .social {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 7;
	grid-area: social;
}

footer .container .social ul li:first-of-type {
	margin-left: 0;
}

footer .container .social ul li {
	display: inline-block;
	text-align: left;
	height: 50px;
	margin: 0 24px;
}

footer .container .social ul li a {
	height: 60px;
	width: 60px;
	color: white;
	background: transparent;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 45px;
	line-height: 2.8125rem;
}

.fa-facebook-f:before {
	content: "\f39e";
}

.fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-twitter:before {
	content: "\f099";
}

footer .container {
	background-size: 30% auto;
	background: #54585a;
	color: #fff;
	font-family: "Stag Sans", "helvetica", sans-serif;
	font-weight: 400;
	width: auto;
	float: none;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 25px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 575px;
	grid-template-columns: 575	px;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-template-areas:
		'social'
		'legal';
	grid-gap: 50px;
	text-align: left;
	max-height: 125px;
}

@media screen and (max-width: 768px) {
	footer .container {
		max-height: 175px;
	}
}

footer .container .legal {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	-ms-grid-column-span: 7;
	grid-area: legal;
	margin-top: -40px;
}

footer .container .legal ul li {
	display: inline-block;
	font-size: 14px;
	font-size: .875rem;
	line-height: 19px;
	line-height: 1.1875rem;
	margin-left: 0;
	margin-bottom: 15px;
	margin-top: 0;
	margin-right: 30px;
}

footer .container ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
}

footer .container ul li a:hover {
	text-decoration: underline;
}

footer .container div.social ul,
footer .container div.legal ul {
	padding: 0;
	margin-bottom: 0;	
}

/* Chosen widget */
.chosen-container.chosen-container-single .chosen-default,
.chosen-container.chosen-container-single .chosen-single {
  color: #555;
}

/* Record navigation bar */
.sv-pagination > li > a, 
.sv-pagination > li > span, 
.sv-pagination > li > input[type='submit'] {
  padding: 18px; /* 36px / 2 */
}
.sv-pagination > .sv-disabled > span, 
.sv-pagination > .sv-disabled > span:hover, 
.sv-pagination > .sv-disabled > span:focus, 
.sv-pagination > .sv-disabled > a, 
.sv-pagination > .sv-disabled > a:hover, 
.sv-pagination > .sv-disabled > a:focus, 
.sv-pagination > .sv-disabled > input[type='submit'], 
.sv-pagination > .sv-disabled > input[type='submit']:hover, 
.sv-pagination > .sv-disabled > input[type='submit']:focus {
  color: #555;
}

/* OLAF fixes */
#IPPPageTabs a {
  color: #000;
}
#app_form .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #000;
}