/* General variables
 */
/* All colours used in the CSS are defined here. Keep this palette small. 
 */
/* 
 * Variables for all z-indices used 
 * Except when set to any value below 5 - in these cases, there is no need to use a variable.
 * Values below 5 are used for relative z indicies within a component. 
 * Any component that must overlap other components should use a z-index above 5 which is set in a variable here.
*/
/* Typography mixins
 * Use these mixins for all typography styling. Include them in other elements.
 * Avoid deviating from these styles and defining custom typography styles.
 * Actual typography elements, such as heading classes, can be found in ..\modules\_typography.scss and other modules
 * The base text is set on the body (in ..\base\body.scss) and inherited by all elements by default
 */
/* Utility mixins */
body {
  padding-top: 100px; }

.slideshow-controls {
  display: none; }

.press-news-item.is-initialised .press-news-item-summary {
  display: none; }

.press-news-item.is-initialised.is-expanded .press-news-item-summary {
  display: block; }

.press-news-item:hover .press-news-item-actions, .press-news-item.is-expanded .press-news-item-actions {
  display: block; }

html.no-flexbox .site-header {
  position: absolute;
  height: 100px; }

html.no-flexbox .site-header-menu-button {
  display: none; }

html.no-flexbox .site-header-menu {
  display: block;
  width: 296px;
  white-space: nowrap; }

html.no-flexbox .site-header-logo {
  width: 102px; }

html.no-flexbox .site-header-search-form {
  right: 366px; }

html.no-flexbox .site-header-menu-subnav.dropdown {
  top: 77px; }
  html.no-flexbox .site-header-menu-subnav.dropdown li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -23.5px;
    height: 23.5px; }

html.no-flexbox .site-header-menu-subnav {
  display: none; }

html.no-flexbox .site-header-menu-item.has-subnav:hover .site-header-menu-subnav {
  display: block; }