/*Header fonts */
h1 {
	font-size: 22px;
	color: #1371B8;
}
h2 {
	font-size: 18px;
	color: #1371B8;
}
h3 {
	font-size: 16px;
	color: #1371B8;
}
h4 {
	font-size: 18px;
  	color: #1371B8;
}



/* Changes colour of site background */
.site-grid {
  background-color: #e7e7e7;
  padding-bottom: 10px;
}

/*    Probably not needed 
 .grid-child {
  padding: 3px 20px;
  background-color: #ffffff;
}  		
*/

/* This changes the colour of the footer */

.container-footer {
    margin-top: 0em;
    background-color: #2c90d0;
    background-image: none;
}


/* This changes the colour of the header*/

.container-header {
  background-color: #ffffff;
  background-image: none;
}


.container-below-top {
  background-color: #ffffff;
  background-image: none;
}


/* This changes the colour(s) of the form buttons. Choose a dark colour as text is white*/

.btn-primary {
  background-color: #1371b8;
  border-color: #1371b8;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #2A8CCC;
  border-color: #2A8CCC;
}



/* This is needed to allow right, left and centre floating in the header .Replace '.catssheader' with the class name assigned in the Header module*/

.kmbanner {
  min-width: 100%;
}

.container-header .mod-menu {
  color: #2ea9e1;
  list-style: none;
}

.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0em;
  padding-top: 0em;
}


/*Changes colour of the font for card header */
.card-header {
  color: #1371B8;
}


/* Sets font colour of selected and hover menu items */
.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover{    
  color: #0c4b7a;
  list-style: none;
}

/* Sets the colour of the hamburger for responsive menu */
.container-header .navbar-toggler {
  color: #0c4b7a;
  cursor: pointer;
}

/* Shrinks logo when scrolling down*/
header > *,
.brand-logo img {
    transition: all 1s ease-in-out;
}
@media (prefers-reduced-motion:no-preference) {
    .scrolled .navbar-brand img {
         width: 200px;
    }
    .scrolled .grid-child {
        padding-top: 0;
        padding-bottom: 0;
    }
}