@import url('https://fonts.googleapis.com/css?family=Merriweather');

/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* -- Primary action colour -- */

html {
	background-color: white;
}

body {
	color: #292929;
	font-family: "Verdana", sans-serif;
}

a {
  color: #004f5a;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #00788a;
  text-decoration: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	font-family: "Merriweather", serif;
}

.btn-primary {
  color: #fff !important;
  background-color: #004f5a;
  border-color: #004f5a;
  text-decoration: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #00788a;
  border-color: #00788a;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #004f5a;
  border-color: #004f5a;
}

.bg-primary {
  background-color: #004f5a;
  color: #ffffff;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #fff;
}

.bg-white a {
  color: #004f5a;
}
.bg-white a:hover {
  color: #00788a;
}

a.bg-light:hover {
  color: #00788a;
}
a.bg-primary:hover {
  background-color: #00788a;
}
a.text-primary:hover {
  color: #00788a;
}
.text-primary {
  color: #333333;
}

.bg-primary.dker,
.bg-primary .dker{
	background-color: #004f5a;
}
.bg-primary.lter,
.bg-primary .lter{
	background-color: #00788a;
}
.stroke-primary {
	stroke: #004f5a;
}
.stroke-primary.lter,
.stroke-primary .lter {
  stroke: #00788a;
}
.stroke-primary.dker,
.stroke-primary .dker {
  stroke: #004f5a; 
}
.fill-primary {
  fill: #004f5a;
}
.fill-primary.lter,
.fill-primary .lter {
  fill: #00788a; 
}
.fill-primary.dker,
.fill-primary .dker {
  fill: #004f5a;
}

.b-primary {
  border-color: #004f5a;
}

/* -- Header bar colour -- */

.navbar {
  background: white;
}

.navbar .nav > li > a {
	color: #004f5a;
	text-decoration: none;
	font-weight: bold;
}

.navbar .nav > li:hover > a,
.navbar .nav > li:focus > a,
.navbar .nav > li.active > a {
  background-color: #f0f0f0;
  color: #00788a;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  background-color: #f0f0f0;
  color: #00788a;
}
.navbar .nav .open > a {
  background-color: #f0f0f0;
  color: #00788a;
}

.navbar-brand {
	padding-left: 5px;
	padding-right: 5px;
}

.navbar-brand img {
	max-height: 50px;
}

/* -- Dropdown menu link colour -- */

.dropdown-menu > li > a {
	color: #868686;
	text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #333333;
}

/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/
/* Page overides */

.navbar-header {
  width: inherit;
}

/* Page specific overides */
 
/* sign-in */

.app-public-access-signin,
.app-public-access-forgot,
.app-public-access-signup,
.app-public-access-recover,
.app-public-access-thanks,
.app-public-access-scope,
.app-public-access-verify {
  background-image: url(/content/assets/homebg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	overflow: hidden;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.app-public-access-signin .signin-panel {
	background-color: #fff;
}

#site-footer {
	background-color: d1d3d4;
	font-size: 12px;
	height: auto !important;
	padding-bottom: 15px;
}

/* Dashboard migrations */

.app-private-dashboard .banner-item {
	height: 420px;
}

.app-private-dashboard .banner-item::before {
	content: ' ';
	background-image: url(/content/assets/banner-fade.png);
	background-repeat: repeat-y;
	margin-left: -15px;
	position: absolute;
	height: inherit;
	width: 100%
}

.app-private-dashboard .banner-text {
	max-width: 600px;
	z-index: 1;
}

.app-private-dashboard .banner-text h2 {
	margin: 20px 0 30px 0;
}

.app-private-dashboard .banner-text p { 
	line-height: 1.1;
}
.app-private-dashboard .banner-text h2,
.app-private-dashboard .banner-text p,
.app-private-dashboard .default-tile h2 {
	font-family: "Verdana", sans-serif !important;
	font-weight: 500 !important;
}

.app-private-dashboard .banner-text h2,
.app-private-dashboard .banner-text p {
	text-shadow: 0 0 5px rgba(0,0,0,1);
	padding-right: 70px;
}

.app-private-dashboard .banner-text .banner-desc:nth-child(2) {
	margin-bottom: 30px;
}

.app-private-dashboard .banner-text .banner-desc:nth-child(3),
.app-private-dashboard .banner-text .banner-desc:nth-child(4) {
	background-color: rgba(0,79,90,0.75);
	margin-left: -30px;
}

.app-private-dashboard .banner-text .banner-desc:nth-child(3) {
	padding: 30px 0px 0px 30px;
}

.app-private-dashboard .banner-text .banner-desc:nth-child(4) {
	padding: 10px 0px 30px 30px;
}

.app-private-dashboard .banner-text .banner-desc:nth-child(3) p {
	font-size: 24px;
}

.app-private-dashboard .default-tile {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.app-private-dashboard .default-tile .tile-text {
	color: #004f5a;
	text-align: center;
}

.app-private-dashboard .container-widgets a:hover .default-tile .tile-text {
	color: #00788a;
}

#site-footer .copyright {
	text-align: center !important;
}

.app-private-catalogue-index .tile {
	font-size: 12px;
}

@media (min-width: 1800px) {
	.app-private-dashboard .container {
		max-width: 1500px;
		width: 1500px;
	}
}

@media (max-width: 414px) {
	.app-private-dashboard .banner-item {
		height: 460px;
	}

	.app-private-dashboard .banner-text h2 {
		font-size: 28px;
		margin: 20px 0 30px 0;
	}
	
	.app-private-dashboard .banner-text p { 
		font-size: 16px;
	}

	.app-private-dashboard .banner-text h2,
	.app-private-dashboard .banner-text p {
		padding-right: 0px;
	}
}