/* FLOATING HEADER DEFINITIONS */
.header {
	position: fixed; width: 100%; height: 50px; display: block; z-index: 9999;
	padding-bottom: 10px; box-sizing: border-box;
	transition: all 0.5s ease-in;
	background-color: #fff9fe88; background-color: #fff9fe00; /* TRANSPARENT HEADER */
	}
.header-content {
	position: relative; width: auto; max-width: 1366px; height: 50px; display: block; margin: 0 auto;
	box-sizing: border-box;
	}
.header-menu {
  position: absolute; top: 0px; right: 38px; height: 45px; display: block; width: auto;
  }
.header-ident { position: absolute; display: block; width: auto; height: 45px; top: 0px; left: 38px;
	box-sizing: border-box; padding-top: 2px; font-family: 'Spectral'; font-size: 32px;
	font-weight: 700; color: var(--bodycopy); text-decoration: none; letter-spacing: -0.02em; }

.header-ident-image {
	position: relative; width: 310px; height: 45px; display: block;
	}
.header-bar { position: relative; display: block; width: 100%; height: 0px; background-color: none; }
/* END OF FLOATING HEADER */

/* MOBILE FLOATING HEADER */
.header.mobile { height: 40px !important; }
.header-content-mobile {
	position: relative; width: 100%; height: 40px; display: block;
	background-color: #fff9fe88; margin: 0 auto; backdrop-filter: blur(8px); background-color: #fff9fe00; backdrop-filter: blur(0px);
	}
a.header-ident-mobile {
  position: absolute; top: 0px; left: 20px; height: 40px; display: block; padding-top: 4px;
	font-family: 'Spectral'; font-size: 22px; font-weight: 600; color: var(--bodycopy); box-sizing: border-box;
	text-decoration: none !important;
  }
.header-ident-image-mobile {
	position: relative; max-width: 250px; display: block; margin-top: 6px;
	}
.header-menu-mobile {
  position: absolute; top: 0px; right: 0px; height: 40px; display: block;
	width: 100px; box-sizing: border-box; background-color: none;
	/* background-color: #eee; */
  }

@media only screen and (max-width: 320px) {
	.header-ident-image-mobile {
		position: relative; max-width: 195px; display: block; margin-top: 10px;
		}
	}


/* CSS MENU */
.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
	position: relative; margin: 0; padding: 0;
	}
.cssmenu {
	position: relative; height: 45px; display: block; z-index: 999;
	font-family: 'Montserrat', Tahoma, Geneva, Helvetica; font-weight: 600;
	font-size: 15px !important; line-height: 15px; letter-spacing: 0.0em;
	transition: height 0.25s ease-in; color: var(--bodycopy);
	}
.cssmenu:after,
.cssmenu ul:after {
	content: ''; display: block; clear: both;
	}
.cssmenu a {
	background-color: transparent; display: inline-block; color: var(--bodycopy);
	font-family: 'Montserrat', Tahoma, Geneva, Helvetica; font-weight: 600;
	padding: 23px 17px 7px 17px; /* Changing padding-bottom if changing font size/line-height */
	text-decoration: none; transition: padding 0.25s ease-in;
	}
@media only screen and (max-width: 975px) {
	.cssmenu a { padding: 23px 10px 7px 10px; }
	}

.cssmenu ul {
	list-style: none;
	}
.cssmenu > ul {
	float: left;
	}
.cssmenu > ul > li {
	float: left;
	}
.cssmenu > ul > li > a {
  /* Menu heading hover */
	color: var(--bodycopy) !important;
  }
.cssmenu > ul > li:hover > a {
	/**********************/
	/* Menu heading hover */
	/**********************/
	background-color: none; color: var(--bodycopy) !important;
	}
.cssmenu > ul > li:hover > .selectedbar {
	display: block; /* Displayed coloured bar beneath selected menu heading on hover only */
	}
.cssmenu > ul > li:hover:after {
	position: absolute; width: 0; height: 0; left: 50%; bottom: 0px;
	content: ''; display: block;
	}
.cssmenu > ul > li.active > a {
	/* background-color: rgba(154,0,32,0.1); */
	}
.cssmenu .has-sub {
	z-index: 999;
	}
.cssmenu .has-sub:hover > ul {
	display: block;
	}
.cssmenu .has-sub ul {
	position: absolute; display: none; width: 260px; top: 100%; left: 0;
	/* MENU DROPSHADOW
	filter: drop-shadow(0px 0px 3px #00000040);
	filter: -webkit-drop-shadow(0px 0px 3px #00000040);
	filter: -moz-drop-shadow(0px 0px 3px #00000040);
	*/
	}
.cssmenu .has-sub ul li {
	margin-bottom: 0px;
	}
.cssmenu .has-sub ul li a {
	/**********************/
	/*  FIRST MENU LEVEL  */
	/**********************/
	background-color: #fff9feee; filter: none; color: var(--bodycopy); backdrop-filter: blur(8px);
	font-family: 'Montserrat', Arial, Tahoma, Helvetica;
	font-size: 14px !important; font-weight: 600; text-align: left;
	display: block; line-height: 120%; letter-spacing: 0.02em;
	padding: 13px 18px 11px 18px; z-index: 9999 !important;
	}
.cssmenu .has-sub .tl { border-top-left-radius: 5px; }
.cssmenu .has-sub .bl { border-bottom-left-radius: 5px; }
.cssmenu .has-sub .tr { border-top-right-radius: 5px; }
.cssmenu .has-sub .br { border-bottom-right-radius: 5px; }

.cssmenu .has-sub ul li:hover a {
	/**********************/
	/*  FIRST MENU HOVER  */
	/**********************/
	background-color: #f0f0f0; color: var(--bodycopy);
	}
.cssmenu .has-sub ul.menu2 li:hover a { background-color: #f1deb6b0; color: var(--bodycopy) backdrop-filter: blur(6px); }
.cssmenu .has-sub ul.menu3 li:hover a { background-color: #d4e2ffb0; color: var(--bodycopy) backdrop-filter: blur(6px); }
.cssmenu .has-sub ul.menu4 li:hover a { background-color: #eddee2b0; color: var(--bodycopy) backdrop-filter: blur(6px); }
.cssmenu .has-sub ul.menu5 li:hover a { background-color: #d5e9edb0; color: var(--bodycopy) backdrop-filter: blur(6px); }
.cssmenu .has-sub ul.menu6 li:hover a { background-color: #ff00ffb0; color: var(--bodycopy) backdrop-filter: blur(6px); }

.cssmenu .has-sub .has-sub:hover > ul {
	display: block;
	}
.cssmenu .has-sub .has-sub ul {
	position: absolute; display: none; left: 100%; top: 0;
	}
.cssmenu .has-sub .has-sub ul li a {
	/********************/
	/*     SUB MENU     */
	/********************/
	background-color: #f0f0f0; color: var(--bodycopy);
	padding: 13px 18px 11px 18px; background-image: none !important;
	}
.cssmenu .has-sub .has-sub ul li a:hover {
	/********************/
	/*  SUB MENU HOVER  */
	/********************/
	background-color: #d0d0d0; color: var(--bodycopy);
	 background-image: none !important;
	}
/* Experimental code */
.cssmenu .has-sub .submenu a {
	background: url("../gfx/menu-arrow.png") no-repeat right;
	background-size: 37px; background-color: #70151d;
	}
.cssmenu .has-sub .submenu a:hover {
	background: url("../gfx/menu-arrow.png") no-repeat right;
	background-size: 37px; background-color: #9a0020;
	}

.selectedbar {
	position: absolute; display: none; width: calc(100% - 34px); height: 4px; background-color: #00ff00; bottom: 0px; left: 17px; z-index: -1;
	width: 100%; left: 0px; /* Roll Back */
	}
.selectedbar.active { display: block; }
.selectedbar.ident { width: 100%; left: 0px; }

.selectedbar.menu1 { background-color: #f6c80c !important; }
.selectedbar.menu2 { background-color: #f8bb40 !important; }
.selectedbar.menu3 { background-color: #294f83 !important; }
.selectedbar.menu4 { background-color: #980524 !important; }
.selectedbar.menu5 { background-color: #7ed2ec !important; }
.selectedbar.menu6 { background-color: #d366a7 !important; }

a.header-ident:hover .selectedbar { display: block; }

.subscribe-button { background-image: url('../gfx/goldbutton.png'); background-size: contain; background-repeat: no-repeat; background-position-y: bottom; color: var(--bodycopy); padding: 23px 40px 7px 40px !important; }

.mobile-substack-container { position: relative; display: block; width: 100%; margin-top: 30px; }
.subscribe-button-mobile { position: relative; display: block; width: 50vw; height: 10vw; margin: 0px auto; text-align: center;
	background-image: url('../gfx/goldbutton.png'); background-size: contain; background-repeat: no-repeat; background-position-y: bottom;
	box-sizing: border-box; color: var(--bodycopy); text-decoration: none; font-weight: 600; padding-top: 2.5vw;
	}
.menu-list-heading.firstmenu { margin-top: 20px; }