/* Cassiopaeia - change footer text colour  */
.footer1 {
  color: grey;
}

/* Cassiopaeia - ensure header area has white background */
.header .container-header .full-width {
background-color:  white !important;
}

/* Cassiopaeia - ensure header area has white background */
.grid-child {
background-color: white !important;
}

/* Cassiopaeia - ensure header area has white bg and grey border */
.grid-child.container-nav {
background-color: white !important;
border: 1px solid #e0e0e0;
}
/* Cassiopaeia -  change menu links to blue rather than default white */
.container-header .mod-menu > li > a {
color: blue;
background-color:  white !important;
}

/* Cassiopaeia - added to alter spacing and font size of menu items */
.metismenu.mod-menu .metismenu-item {
font-size: 1.25rem;
padding: .5em .5em;
}


/*Cassiopaeia - change colour of warning message */
#system-message-container joomla-alert .alert-heading {
background-color: #ff0000 !important;
}



/*Cassiopaeia - control size of h1 element */
.h1 h1 {
  calc(1.0rem + 1.0vw)
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.0rem !important;
  }
}

/*Cassiopaeia - change colour hamburger menu for small screens */
.icon-menu {
color: grey;
}


.nav-header {
text-transform: capitalize !important;
color: #333333 !important;
font-weight: 700;
padding: 0px 0px 0px 0px !important;
}

.navigation .nav-child a {
font-size: 1.5em !important;
padding: 8px 8px 8px 8px !important;
}

body {
font-size: 1.25em !important;
line-height: 1.25em !important;
color: #333333 !important;
}


/* Font size of drop down menu items */
.small {
  font-size: 1rem !important;
}

/* Modify Dearflip thumbnails for Photonews */
._df_thumb {
  height: 100px !important;
	width: 240px !important;
}

/* Grey background for "well" */

.well-bg-grey {
  background-color: #f0f0f0;
}

/* Background for Approval Workflow */

.well-bg-workflow {
  background-color: #ffff00;
}