@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;700&display=swap');

/*****************************************************************************/
/*****************************************************************************/
/************** start legacy app.css *****************************************/
/* 
  This file should be the same in all themes, containing the Agylia styling 
  changes that are different from app.css in the base project, it is not and
  should not be subject to changed based on a tennant preference, this file
  or a similar version should be moved to `custom.css` in the base project.

  Most of the changed in this file can/will be made in markup as/when the
  oppertunity is available to do so with minimal impact on existing themes.
*/
html {
  background-color: #fff;
}

/* Remove reserved width for menu logo (fix in markup? i.e. not use this class) */
.app-aside, .navbar-header {
  width: inherit;
}

/* Ensure a background effect is NOT applied to the menus (fix in markup) */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: inherit;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: inherit !important;
}


/* Ensure logo doesnt overflow (fix in markup) */
.signin-panel .brand.item img,
.forgot-panel .brand.item img,
.signup-panel .brand.item img,
.scope-panel .brand.item img,
.thanks-panel .brand.item img,
.recover-panel .brand.item img,
.verify-panel .brand.item img {
  width: 100%;
}
/* Ensure we ignore the text-white class in the markup (fix in markup) */
.signin-panel .text-white { color: inherit; }
.signin-panel a.text-white {color: #000;}
.signin-panel a.text-white:hover {color: #333399;}

/* Hide the first menu bar item i.e. Home (fix in markup) */
.navbar .nav:first-child{
  display: none;
}

/* Ensure menue does not containe additional avatar section (fix in markup) */
.navbar ul.navbar-right > li:last-child ul.dropdown-menu > li.bg-light {
  display:none;
}
/**************** end legacy app.css *****************************************/
/*****************************************************************************/
/*****************************************************************************/

/* This file is what we aim to dynamicaly build based on desired theme */
/* -- Primary action colour -- */
/* 
   dk      bg      lt
#5a4daa #7266ba #8C80D4 (default)
#1a90CB #333399 #33b0b8 (civica)
*/

body {
  font-family: 'Gothic A1', sans-serif !important;
}

.brand img {
  content: url('/content/assets/signin-logo.svg');
  margin-bottom: 20px;
}

.navbar-brand img {
    content: url(/content/assets/logo.svg);
    margin-top: 0px;
    width: 100px;
}

.navbar-brand {
  padding: 0px;
  display: initial;
}

/* colours */
.nav  > li > a {
  color: #000;
}
.nav  > li > a:hover,
.nav  > li > a:focus {
  color: #333399;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:focus {
  color: #333399; /* darken 8% */
  text-decoration: none;
}

.btn-primary {
  color: #fff !important;
  background-color: #333399;
  border-color: #333399;
}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary:visited,
.btn-primary.visited,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #1c9ad7; /* darken 5% */
  border-color: #1a90CB; /* darken 8% */
}
.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.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.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,
.btn-primary.disabled:visited,
.btn-primary[disabled]:visited,
fieldset[disabled] .btn-primary:visited,
.btn-primary.disabled.visited,
.btn-primary[disabled].visited,
fieldset[disabled] .btn-primary.visited {
  background-color: #333399;
  border-color: #333399;
}

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

.bg-white a {
  color: #000;
}
.bg-white a:hover {
  color: #333399; /* darken 5% */
}

a.bg-light:hover {
  color: #333399;
}
a.bg-primary:hover {
  background-color: #333399; /* darken 5% */
}
a.text-primary:hover {
  color: #333399; /* darken 5% */
}
.text-primary {
  color: #333399;
}

.bg-primary.dker,
.bg-primary .dker{
	background-color: #4747c2; /* plus 15% */
}

.bg-primary.lter,
.bg-primary .lter{
	background-color: #1c9ad7; /* minus 10% */
}

.stroke-primary {
	stroke: #333399;
}

.stroke-primary.dker,
.stroke-primary .dker {
	stroke: #4747c2;  /* plus 15% */
}

.stroke-primary.lter,
.stroke-primary .lter {
	stroke: #1c9ad7;  /* minus 10% */
}

.fill-primary {
	fill: #333399; 
}

.fill-primary.dker,
.fill-primary .dker {
	fill: #4747c2; /* plus 15% */
}

.fill-primary.lter,
.fill-primary .lter {
	fill: #1c9ad7; /* minus 10% */
}

.rounded {
  border-radius: 500px;
}

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

.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: #333399; /* darken 5% */
}

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

.signin-panel,
.forgot-panel,
.signup-panel,
.scope-panel,
.verify-panel,
.thanks-panel,
.recover-panel {
  background-color: #fff;
}

#signin-footer {
	background-color: #ffffff;
	margin-top: -1px;
	padding: 0px 20px 20px 20px !important;
	margin-bottom: 0px;
}

/* dashboard migration styles */

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

.app-private-dashboard .banner-item-wrapper:nth-child(1) {
  background-position: 70% 80%;
}

.app-private-dashboard .banner-item-wrapper:nth-child(4) {
  background-position: 50% 40%;
}

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

.app-private-dashboard .default-tile.panel {
  border: none;
  box-shadow: none;
}

.app-private-dashboard .default-tile.panel .tile-text {
	text-align: center;
}

.app-private-dashboard .default-tile .panel-img-top {
  background-size: contain !important;
  background-color: #fff;
}