/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form {
	border: none;
	margin: 0;
	padding: 0;
}
* {outline: 0;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol li, ul li {
	list-style-position: outside;
}

/* =Global
----------------------------------------------- */

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	zoom:100%; /*controls zoom of whole website */ 
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

strong, b {font-weight: 600;}

.regular {font-weight: 400 !important;}

h1 {
	font-size: 30px; /*from 48px */
	line-height: 40px; /*from 58px */
	margin-bottom: 0px; /*from 10px*/
}

h2 {
	font-size: 28px; /*36px*/
	line-height: 36px; /*46px*/
	margin-bottom: 30px;
}
h2.nospace {margin-bottom: 10px !important;}

h2 .popup_header_other{	
	font-size: 20px;
	background: #59577c;
	background: #ccd7ff;
	color: #fff;
	text-align: center;
	overflow: hidden;
    line-height: 1.2em !important;
    height: 2.8em;
    padding-top:10px;
    padding-left:10px;
    padding-right:60px;
 }

h2 .fab, h2 .fas, h2 .far, h2 .fal  {margin-left: 20px;}
h3 .fab, h3 .fas, h3 .far, h3 .fal  {margin-left: 10px;}

h3 {
	font-size: 20px; /*lower font size from 30px*/
	line-height: 40px;
	/*margin-bottom: 20px; ... removed marginn-bottom*/
}

h3index {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}

h4, .intro, button.js-accordion__header {
	font-size: 16px; /*from 24px*/
	line-height: 24px; /*from 37px */
	margin-bottom: 0px; /*from 20px */
}

.nospace {margin-bottom: 0 !important;}

.intro {padding: 10px 0 30px 0;}

h5 {
	font-size: 24px;
	font-weight: normal;
}

h6 {
	font-size: 18px;
	margin-bottom: 10px;
}

a {
	color: #000;
	border-bottom: 2px solid #59577c;
	text-decoration: none;
}

#main a {font-weight: 600;}
#main nav a, #main .button a, #main .home_whatson a, #main .flex-direction-nav a, #main .videobox a {font-weight: normal;}

a > i {
	color: #373250;
	margin-left: 5px;
}

a:hover {
	color: #000;
	border-bottom: 2px solid #acabbd;
	text-decoration: none;
}

a:focus, a:active {
	text-decoration: none;
	border-bottom: none;
	color: #000;
	background: #ccd7ff;
}
a:focus > i, a:active > i {color: #000;}

a.external:after {
	content: "\f35d";
	font-family: 'Font Awesome 5 Pro';
	color: #9e97d8;
	margin-left: 16px;
	font-size: 16px;
}
a.external:active:after, a.external:focus:after {color: #000;}

a.pdf:after {
	content: "\f1c1";
	font-family: 'Font Awesome 5 Pro';
	color: #373250;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
a.pdf:active:after, a.pdf:focus:after {color: #000;}

blockquote {
	background: #ededed;
	margin-bottom: 0;
	padding: 25px 20px 1px 20px;
	border-left: 5px solid #59577c;
	margin: 0 0 25px 0;
}

.clearfix:after, .feed_layout article:after {
	content: "";
	display: block;
	clear: both;
}

.a11y, .flex-pauseplay {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

input[type="text"], input[type="phone"], input[type="url"], input[type="email"], textarea, .new {
	box-sizing: border-box;
	border: 2px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 16px 20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
}

input[type="text"].combobox {
	padding-right: 35px;
	width: 100%;
	background: url(./images/icon_selectbox.png) no-repeat 100% 50% #fff;
}

.button a, input[type="submit"], input[type="button"], button {
	display: inline-block;
	background: #373250;
	color: #fff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 18px 28px;
	min-width: 130px;
	cursor: pointer;
	border: none;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.button a > i {color: #fff;}

button > i {margin-left: 10px;}

.button a:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {background: #59577c;}

.button a:focus, .button a:active,
input[type="button"]:focus, input[type="button"]:active,
input[type="submit"]:focus, input[type="submit"]:active,
button:focus, button:active {
	background: #ccd7ff;
	color: #000;
}

.button .fas, .button .fab, .button .far, .button .fal  {margin-left: 11px;}
.button .fa-chevron-right {font-size: 15px;}
.button.float_right {margin-left: 20px;}

.fullwidth_query.with_button {margin-right: 170px;}
.fullwidth_query input[type="text"] {width: 100%;}

button.submit_btn {
	float: left;
	width: 150px;
	margin-left: -150px;
	padding-left: 20px;
	padding-right: 20px;
}

button.submit_btn i {
	font-size: 15px;
	margin-left: 10px;
}

.row {
	float: left;
	width: 100%;
}

.column {
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	
}

.columns_nogap > .column {padding: 0;}

.has_columns {margin: 0 -10px;}

.span25 {width: 25%;}
.span33 {width: 33.33%;}
.span50 {width: 50%;}
.span66 {width: 66.66%;}
.span75 {width: 75%;}
.span100 {width: 100%;}

.grey_bg {background: #efefef;}
.lc_bg {background: #821810;color:#fff;} /* colour 'grey' boxes in la or lc*/
.la_bg {background: #004254;color:#fff;}
.grey_bg h2 i, .grey_bg h3 i, .grey_bg h5 i, .grey_bg h6 i  {color: #373250;}
.grey_bg h4 i {
	color: #59577c;
	margin-left: 20px !important;
}

.white_bg {background: #fff;}

.purple {color: #373250;}

.purple2_bg {
	background: #59577c;
	color: #fff;
}
.purple2_bg i  {color: #fff !important;}

.float_left {float: left;}
.float_right {float: right;}

.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

.padded {
	padding-top: 0px;
	padding-bottom: 0px;
}

.padding-left {padding-left: 20px;}
.padding-right {padding-right: 20px;}

.fullwidth_image {
	position: absolute;
	top: 0;
	bottom: 0;
	background-position: 50% 50%;
	background-size: cover;
}

.fullwidth_image.alignleft {
	left: 0;
	right: 50%;
}

.fullwidth_image.alignright {
	left: 50%;
	right: 0;
}

.advanced_search {margin-left: 20px;}

hr {
	border: none;
	border-bottom: 2px solid #efefef;
	margin: 0 0 20px 0;
	height: 1px;
	padding: 0;
	clear: both;
}

.size_large {font-size: 36px;}
.noline {border-bottom: none !important;}

.mobile {display: none;
	text-overflow:ellipsis;
	overflow:hidden;
	height:50px;
	white-space: nowrap;
}

.spaced_links a {
	margin-right: 20px;
	white-space: nowrap;
}

.view_all {
	font-weight: 600;
	padding-top: 41px;
}

/* =Structure
----------------------------------------------- */

section {position: relative;}

.wrapper {
	max-width: 1560px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0 10px;
}

.wrapper_committees {
	max-width: 1560px;
	min-width: 300px;
	height: 125px;
	margin: 0 auto;
	padding: 0 10px;
}

.	 > section {margin-top: 20px;} /*reduce white space margin*/
.wrapper > section:first-child {margin-top: 0;}

#main {
	padding: 10px 0; /*change to padding to reclaim white space ... used to be 40px*/
}
#main.popup {padding: 0;}

#main p, #main ol, #main ul, #main div.button, #main form {margin-bottom: 10px; /* modified 20-02-19 Adam - was 25px*/}
#main ol, #main ul {margin-left: 40px;}

#main div.Tokenize ul.TokensContainer.Autosize { margin-left: 0; }

#main nav ul, #main ul.plain {
	list-style-type: none;
	margin: 0;
}

#main nav.inline li {
	display: inline;
	margin-right: 8px;
}

#main form label {
	display: inline; /* changed from block; to inline; - Adam*/
	margin-bottom: 8px;
}

/* =Tables
----------------------------------------------- */

table {
	width: 100%;
	margin: 30px 0;
}

table.plain {margin: 0 0 20px 0;}

table th, table td {
	/*padding: 20px 30px;*/
	text-align: left;
}

table.plain th, table.plain td {
	padding: 10px 10px 10px 0;
	font-weight: normal;
}

table thead {
	background: url(./images/pattern_grey2.gif) repeat;
	border: 2px solid #ededed;
}

table th {
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	vertical-align: top;
}

table th.first {border-left: 2px solid #ededed;}
table th.last {border-right: 2px solid #ededed;}

table td {
	border-bottom: 2px solid #ededed;
	line-height: 34px;
	vertical-align: top;
}

/* =Header
----------------------------------------------- */

#branding {
	background: #373250;
	color: #fff;
	position: relative;
}

#branding .logo {
	float: left;
	padding: 20px 0 20px 10px;
}

#branding .logo a {border-bottom: none;}
#branding .logo a:focus, #branding .logo a:active {border-bottom: none; background: none;}

#branding a.home_icon, #branding button.show_nav {
	display: none;
	background: #201c36;
	border: 1px solid #59577c;
	width: 80px;
	text-align: center;
	padding: 10px;
}

#branding a.home_icon {margin-top: 1px;}

#branding button.show_nav {
	min-width: 102px;
	margin-left: -1px;
}

#branding a.home_icon, #branding a.home_icon > i, #branding button.show_nav, #branding button.show_nav > i {color: #fff;}

#branding a.home_icon:hover, #branding button.show_nav:hover {background: #59577c;}
#branding a.home_icon:active, #branding a.home_icon:focus, #branding button.show_nav:active, #branding button.show_nav:focus {
	background: #ccd7ff;
	color: #000;
}
#branding a.home_icon:active > i, #branding a.home_icon:focus > i, #branding button.show_nav:active > i, #branding button.show_nav:focus > i {color: #000;}

/* To stretch the SVG logo to a correct size */
/*.logo img {width: 341px;}*/

/* =Top menu
----------------------------------------------- */

#topmenu {
	white-space: nowrap;
	text-align: right;
	margin-bottom: 24px;
}

#topmenu li {
	display: inline;
	margin-left: 35px;
}

#topmenu a {
	color: #fff;
	border-bottom: 1px solid #59577c;
}

#topmenu a:hover {border-bottom: 1px solid #fff;}

#topmenu a:focus, #topmenu a:active {
	border-bottom: none;
	color: #000;
	background: #ccd7ff;
}

/* =Header top right section
----------------------------------------------- */

.header_right {
	margin-left: 370px;
	overflow: hidden;
	text-align: right;
	font-size: 16px;
	padding: 20px 10px 20px 0;
}

a.video_stream_link {
	float: right;
	background: url(./images/pattern_grey.gif) repeat 0 0 #efefef;
	color: #000;
	border-bottom: none;
	padding: 12px 22px;
	border-left: 1px solid #373250;
}

a.video_stream_link:hover {background: #efefef;}

a.video_stream_link:focus, a.video_stream_link:active {
	color: #000;
	background: #ccd7ff;
}

.video_stream_options {
	float: right;
	text-align: left;
	width: 560px;
	padding: 0 50px;
	background: #fff;
	color: #000;
	margin-left: 2px;
}

.video_stream_options span {
	display: inline-block;
	padding: 12px 20px;
}

.video_stream_options ul.flex-direction-nav a {
	width: 50px;
	height: 50px;
	border-bottom: none;
	background: #595557;
	color: #fff;
	line-height: 50px;
	font-size: 21px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.video_stream_options ul.flex-direction-nav a:hover {background: #59577c;}
.video_stream_options ul.flex-direction-nav a:focus, .video_stream_options ul.flex-direction-nav a:active {background: #ccd7ff;}
.video_stream_options ul.flex-direction-nav a:focus:after, .video_stream_options ul.flex-direction-nav a:active:after {color: #000;}

.video_stream_options ul.flex-direction-nav a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	color: #fff;
	text-indent: 0;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
}

.video_stream_options ul.flex-direction-nav a.flex-prev:after {content: "\f0d9";}
.video_stream_options ul.flex-direction-nav a.flex-next:after {content: "\f0da";}

/* =Search form
----------------------------------------------- */

.searchform {
	float: right;
	/*width: 385px;*/
	margin: 7px;
	padding-right: 20px;
	background-color: white;
}

#mobile_menu form {padding-right: 14px;}

.searchform .fullwidth_query {margin-right: 30px;}

.searchform input[type="text"], #mobile_menu form input[type="text"] {
	width: 100%;
	height: 37px;
	box-sizing: border-box;
	padding: 0 20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000; /* changed from #fff for search box - Adam*/
	border: none;
	background: none;
}

#mobile_menu form input[type="text"] {
	padding: 0 14px;
	height: 47px;
}

.searchform input::-webkit-input-placeholder, #mobile_menu form input::-webkit-input-placeholder {color: #000; opacity: 1; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px;}
.searchform input:-moz-placeholder, #mobile_menu form input:-moz-placeholder {color: #000; opacity: 1; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px;}
.searchform input::-moz-placeholder, #mobile_menu form input::-moz-placeholder {color: #000; opacity: 1; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px;}
.searchform input:-ms-input-placeholder, #mobile_menu form input:-ms-input-placeholder {color: #000; opacity: 1; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px;}

.searchform button, #mobile_menu form button {
	float: left;
	width: 30px;
	color: #000; /* colored search button for white search bar */
	font-size: 30px;
	min-width: 30px;
	height: 37px;
	line-height: 49px;
	margin-left: -30px;
	padding: 0;
	background: none;
	overflow:visible;
}

#mobile_menu {
	z-index:999 !important
}
#mobile_menu form button {
	font-size: 22px;
	height: 49px;
	line-height: 49px;
}

.searchform button i, #mobile_menu form button i {margin-left: 0;}

.searchform button:hover, .searchform button:active, .searchform button:focus,
#mobile_menu form button:hover, #mobile_menu form button:active, #mobile_menu form button:focus {color: #ccd7ff;}

/* =Main menu
----------------------------------------------- */

#mainmenu {
	background: #201c36;
	border-top: 1px solid #59577c;
}

#mainmenu nav {
	float: left;
	width: 1110px;
	padding-left: 10px;
}

#mainmenu li {
	list-style-type: none;
	float: left;
	position: relative;
}

#mainmenu ul a {
	display: block;
	padding: 12px 22px;
	border-bottom: none;
	border-right: 1px solid #59577c;
	color: #fff;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

#mainmenu ul li.has_sub > a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	content: "\f078";
	display: inline;
	font-size: 13px;
	margin-left: 18px;
	color: #9e97d8;
	vertical-align: top;
}

#mainmenu ul ul li.has_sub > a {padding-right: 24px;}

#mainmenu ul ul li.has_sub > a:after {
	content: "\f054";
	position: absolute;
	right: 10px;
	color: #59577c;
}

#mainmenu li[aria-expanded="true"] > a, #mainmenu a:hover, #mainmenu a:focus, #mainmenu a:active {
	background: #59577c;
}

#mainmenu ul li:first-child > a {border-left: 1px solid #59577c;}

#mainmenu ul ul {
	position: absolute;
	z-index: 10;
	left: -9999px;
	top: 100%;
	background: #efefef;
	width: 250px;
	border-bottom: 5px solid #59577c;
	font-size: 16px;
	line-height: 18px;
}

#mainmenu ul ul ul {border-left: 1px solid #ccc;}

#mainmenu ul ul li {
	display: block;
	float: none;
	padding: 0 10px;
	white-space: normal;
}

#mainmenu ul ul a {
	display: block;
	border: none;
	border-top: 1px solid #ccc;
	padding: 16px 8px;
	color: #000;
}

#mainmenu ul ul li:first-child > a {
	border: none;
}

#mainmenu ul ul li[aria-expanded="true"] > a, #mainmenu ul ul a:hover {
	background: #fff;
}

#mainmenu ul ul a:focus, #mainmenu ul ul a:active {
	background: #ccd7ff;
}

#mainmenu li:hover > ul, #mainmenu li.has_sub[aria-expanded="true"] > ul, #mainmenu a:hover + ul, #mainmenu a:focus + ul, #mainmenu a:active + ul {left: 30px;}
#mainmenu ul ul li:hover > ul, #mainmenu ul ul li.has_sub[aria-expanded="true"] > ul, #mainmenu ul ul a:hover + ul, #mainmenu ul ul a:focus + ul, #mainmenu ul ul a:active + ul {
	left: 100%;
	top: 0;
}

/* =Mobile menu
----------------------------------------------- */

#mobile_menu {
	display: none;
	position: absolute;
	z-index: 9;
	top: 68px;
	right: 20px;
	border: 1px solid #59577c;
	background: #201c36;
	width: 290px;
	font-size: 16px;
}

#mobile_menu li {list-style-type: none;}

#mobile_menu a {
	color: #fff;
	display: block;
	padding: 10px 14px;
	border-bottom: 1px solid #59577c;
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

#mobile_menu ul li.has_sub > a {padding-right: 30px;}

#mobile_menu ul li.has_sub > a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	content: "\f078";
	display: inline;
	font-size: 13px;
	margin-left: 18px;
	color: #9e97d8;
	vertical-align: top;
	position: absolute;
	right: 14px;
}

#mobile_menu li.has_sub[aria-expanded="true"] > a:after, #mobile_menu li.has_sub > a:hover:after, #mobile_menu li.has_sub > a:focus:after, #mobile_menu li.has_sub > a:active:after {
	content: "\f077";
}

#mobile_menu li[aria-expanded="true"] > a, #mobile_menu a:hover, #mobile_menu a:focus, #mobile_menu a:active {
	background: #59577c;
}

#mobile_menu ul ul {
	position: absolute;
	z-index: 10;
	left: -9999px;
	top: 100%;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 10px;
	background: #373250;
}

#mobile_menu ul ul ul {font-size: 14px;}
#mobile_menu ul ul ul a {padding-left: 35px;}

#mobile_menu li:hover > ul, #mobile_menu li.has_sub[aria-expanded="true"] > ul, #mobile_menu a:hover + ul, #mobile_menu a:focus + ul, #mobile_menu a:active + ul {position: static;}

/* =Homepage
----------------------------------------------- */
.home_cell {
	background: #373250;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.home_cell header {min-height: 180px;}

.home_cell h3 {
	padding: 22px 30px 22px 90px;
	margin-bottom: 0;
	border-bottom: 2px dotted #c2c3c3;
	position: relative;
}

.home_cell h3 i  {
	position: absolute;
	left: 25px;
	top: 30px;
}

.home_cell h5 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #efefef;
	padding: 15px 30px 15px 90px;
}

.news_item {
	position: relative;
	padding: 20px 255px 0 0;
}

.post_date {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}

.news_item .button {
	position: absolute;
	right: 0;
	bottom: 0;
}

.thumb {position: relative;}

.thumb .cat {
	display: block;
	white-space: nowrap;
	position: absolute;
	top: 30px;
	left: 30px;
	color: #fff;
	padding: 6px 15px;
	background: #201c36;
	font-size: 14px;
	font-weight: 600;
}

.featured_article .thumb {
	float: left;
	width: 62%;
}

.featured_article .inner {
	float: left;
	width: 38%;
	box-sizing: border-box;
}

/* =Homepage calendar tabs
----------------------------------------------- */

.legend {
	float: right;
	padding: 0 30px;
	margin-top: -5px;
}

#main .legend p {margin-bottom: 10px;}

.legend span {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	vertical-align: middle;
}

.legend .la, .home_whatson .event_cell.la:after {background: url(./images/pattern_blue.gif) repeat;}
.legend .lc, .home_whatson .event_cell.lc:after {background: url(./images/pattern_red.gif) repeat;}
.legend .oth, .home_whatson .event_cell.oth:after {background: url(./images/pattern_purple.gif) repeat;}

.home_whatson {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 75px;
	position: relative;
	z-index: 9;
}

.home_whatson .event_cell {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 25px 45px 25px 125px;
	position: relative;
	z-index: 9;
}

.home_whatson .event_cell:after {
	content: "";
	width: 10px;
	position: absolute;
	left: 96px;
	top: 25px;
	bottom: 25px;
}

.home_whatson .event_date {
	position: absolute;
	left: 45px;
	top: 22px;
	width: 48px;
	font-weight: 600;
}

.home_whatson .event_date span {color: #373250;}
.home_whatson .event_date strong {
	font-size: 30px;
	line-height: 30px;
}

.home_whatson .event_time {
	font-size: 24px;
	margin-bottom: 10px;
}

.home_whatson .event_cell li {margin: 8px 0;}

.home_whatson .event_cell.odd {clear: left;}

/* =Styles for tabs
----------------------------------------------- */

.invisible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#main .js-tabs .js-tablist {
	margin: 0;
	list-style-type: none;
	position: relative;
	z-index: 2;
}

#main .js-tabs.sitting_tabs, #main .js-tablist__item {
	position: relative;
	z-index: 9;
}

#main .js-tabs.sitting_tabs .js-tablist {margin-bottom: -2px;}

.example-tabs-tabs__item {
	float: left;
	position: relative;
	z-index: 9;
}
.home_whatson .example-tabs-tabs__item {width: 33.33%;}
.sitting_tabs .example-tabs-tabs__item {
	box-sizing: border-box;
	width: 32%;
	margin-left: 2%;
}
.sitting_tabs .js-tablist > .example-tabs-tabs__item:first-child {margin-left: 0;}

a.example-tabs-tabs__link {
	display: block;
	position: relative;
	z-index: 9;
	padding: 22px 36px;
	background: url(./images/pattern_grey2.gif) repeat;
	border-left: 2px solid #ededed;
	cursor: pointer;
	color: #59577c;
	border-bottom: none;
	font-size: 36px;
	line-height: 41px;
	font-weight: 600 !important;
}

a.example-tabs-tabs__link:hover {border-bottom: none;}
a.example-tabs-tabs__link:focus, a.example-tabs-tabs__link:active {
	color: #000 !important;
	background: #ccd7ff !important;
}

[aria-selected="true"].example-tabs-tabs__link {
	background: #ededed;
	color: #373250;
}
.sitting_tabs .example-tabs-tabs__link {
	border: 2px solid #ededed;
}
.sitting_tabs [aria-selected="true"].example-tabs-tabs__link {
	background: #ccd7ff; /* updated color - Adam */
	border-bottom: 2px solid #ccd7ff; /* updated color - Adam */
}

.js-tabcontent {
	position: relative;
	z-index: 2;
}

.home_whatson .js-tabcontent {
	background: url(./images/line_grey.gif) repeat-y center top #ededed;
	padding: 20px 0;
}
.sitting_tabs .js-tabcontent {
	border: 2px solid #ededed;
	padding: 20px;
}

.js-tabcontent[aria-hidden="true"] {
	display: none;
}

.events_slider {margin: 0 50px;}

.events_slider .flex-viewport {
	position: relative;
	z-index: 9;
}

.events_slider .flex-direction-nav {
	top: -20px;
	bottom: -20px;
}

.events_slider .flex-direction-nav a {
	width: 50px;
	height: auto;
	min-height: 71px;
	top: 0;
	bottom: 0;
	border-bottom: none;
	background: url(./images/slider_arrows.png) no-repeat 0 50% #d8d7d7;
}
.events_slider .flex-direction-nav li.flex-nav-prev a {left: -50px;}
.events_slider .flex-direction-nav li.flex-nav-next a {
	right: -50px;
	background-position: -150px 50%;
}

.events_slider .flex-direction-nav a:hover {background-color: #59577c;}
.events_slider .flex-direction-nav li.flex-nav-prev a:hover {background-position: -50px 50% !important;}
.events_slider .flex-direction-nav li.flex-nav-next a:hover {background-position: -100px 50% !important;}
.events_slider .flex-direction-nav li.flex-nav-prev a:focus, .events_slider .flex-direction-nav li.flex-nav-prev a:active {background: url(./images/slider_arrows.png) no-repeat 0 50% #ccd7ff;}
.events_slider .flex-direction-nav li.flex-nav-next a:focus, .events_slider .flex-direction-nav li.flex-nav-next a:active {background: url(./images/slider_arrows.png) no-repeat -100px 50% #ccd7ff;}

.events_slider .flex-direction-nav a.flex-disabled {
	display: block;
}

/* =Sitting calendar
----------------------------------------------- */

.events_feed_layout header {
	background: #373250;
	color: #fff;
	position: relative;
	z-index: 9;
	padding: 32px 100px;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}

.events_feed_layout h3 {padding-top: 25px;}

.events_feed_layout header a.prev_date, .events_feed_layout header a.next_date {
	position: absolute;
	z-index: 9;
	left: 30px;
	top: 50%;
	font-size: 40px;
	color: #fff;
	border-bottom: none;
	margin-top: -20px;
}

.events_feed_layout header a.next_date {
	left: auto;
	right: 30px;
}

.events_feed_layout header a > i {
	color: #fff;
	margin: 0;
}
.events_feed_layout header a:hover > i {color: #ccd7ff;}
.events_feed_layout header a:focus > i, .events_feed_layout header a:active > i {color: #000;}

.events_feed_layout .event_row {
	border-top: 2px solid #ededed;
	padding: 15px 0 15px 50px;
	position: relative;
	box-sizing: border-box;
}

.events_feed_layout .event_row:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 30px;
	height: 30px;
}

.events_feed_layout .event_row.la:before {background: url(./images/pattern_blue.gif) repeat;}
.events_feed_layout .event_row.lc:before {background: url(./images/pattern_red.gif) repeat;}
.events_feed_layout .event_row.ch:before {background: url(./images/pattern_green.gif) repeat;}
.events_feed_layout .event_row.trs:before {background: url(./images/pattern_orange.gif) repeat;}
.events_feed_layout .event_row.evts:before {background: url(./images/pattern_yellow.gif) repeat;}
.events_feed_layout .event_row.exh:before {background: url(./images/pattern_turq.gif) repeat;}
.events_feed_layout .time {
	float: left;
	width: 90px;
	padding-right: 20px;
}

.events_feed_layout .event_content {
	margin-left: 120px;
}

/* =Homepage news slider
----------------------------------------------- */

.latest_news {
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.latest_news .flex-direction-nav {
	top: 13px;
	right: 0;
	left: auto;
	width: 110px;
	z-index: 9;
}

.latest_news .flex-direction-nav a, .latest_news .flex-direction-nav a:hover {border-bottom: none;}
.latest_news .flex-direction-nav a:hover {color: #373250;}
.latest_news .flex-direction-nav a:active, .latest_news .flex-direction-nav a:focus {
	color: #000;
	background: #ccd7ff;
}

.latest_news ul.flex-direction-nav a:after {
	font-family: 'Font Awesome 5 Pro';
	text-indent: 0;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 40px;
}

.latest_news ul.flex-direction-nav a.flex-prev:after {content: "\f359";}
.latest_news ul.flex-direction-nav a.flex-next:after {content: "\f35a";}

/* =Landing internal page
----------------------------------------------- */

.cell {
	background: #efefef;
	margin-bottom: 10px;
}

.cell_title {
	padding: 5px 30px;
	background: #373250;
	color: #fff;
	/*min-heightx: 82px;*/
}
h3.cell_title {margin-bottom: 0;}

.cell_title.style_dotted {
	background: none !important;
	color: #000;
	border-bottom: 2px dotted #c2c3c3;
}

/* fix to heading links */
.cell_title a {
	color: #fff;
	border-bottom: 2px solid white;}
	
.cell_title a:hover, a:active{ 
	color: black;
	background-color:white;
	border: 2px solid black
}

.cell_title a:focus{ 
	color: white;
	background-color:black;
	border: 1px solid white;
}

.cell .inner, .watchbox .inner {padding: 10px 30px;}

.cell .innerindex {padding: 30px 40px;}

.inner > *:last-child, .bordered > *:last-child {margin-bottom: 0 !important;}

.seating {
	padding: 60px 30px 59px 30px;
	color: #fff;
	background: url(./images/seating_map_la.jpg) no-repeat left bottom #004254;
	background-size: 100% auto;
	font-size: 24px;
	line-height: 37px;
}

.seating a {
	color: #fff;
	/*border-bottom: 2px solid #59577c;*/
	border-bottom: 2px solid white;
	text-decoration: none;
	}
	
.seating a:hover { 
	color: black;
	background-color:white;
	border: 2px solid black
}

.seating a:focus{ 
	color: white;
	background-color:black;
	border: 1px solid white;
}

	
.lc .seating {
	background: url(./images/seating_map_lc.jpg) no-repeat;
	color: #fff;
	}

/* =Basic internal page
----------------------------------------------- */

.breadcrumbs {
	border-top: 2px dotted #a7a7a8;
	font-size: 14px;
	padding: 1px 0; /* reduce white space above and below breadcrumbs */
}

.breadcrumbs li {display: inline;}

.breadcrumbs a {
	border-bottom: none;
	text-decoration: underline;
}
.breadcrumbs a:hover {color: #59577c;}

.breadcrumbs .current {font-weight: 600;}

.breadcrumbs li:before {
	content: "\f30b";
	font-family: 'Font Awesome 5 Pro';
	color: #373250;
	margin: 0 7px 0 3px;
	font-size: 14px;
}
.breadcrumbs li:first-child:before {display: none;}

.widget, .widget.bordered {margin-bottom: 20px;}

#main .widget p {margin-bottom: 15px;}

.widget.grey_bg_portrait {
	background: #efefef;
	position:fixed;
	}



.widget.bordered {position: relative;}
.widget.bordered:after {
	content: "";
	display: block;
	width: 10px;
	position: absolute;
	top: -2px;
	left: -2px;
	bottom: -2px;
	background: #373250;
}

.widget .inner {
	padding: 10px 30px;
}

.widget_title:before {
	content: "";
	display: block;
	width: 100px;
	border-top: 4px solid #59577c;
	height: 20px;
}

.purple2_bg .widget_title:before {border-top: 4px solid #373250;}

.widget_title .fab, .widget_title .fas, .widget_title .far, .widget_title .fal  {color: #59577c;}

.float_right .fab, .float_right .fas, .float_right .far, .float_right .fal {margin-left: 10px;}
.pager.float_right .fab, .pager.float_right .fas, .pager.float_right .far, .pager.float_right .fal {margin-left: 0;}

.widget_title a {border-bottom: none;}

#main .widget nav ul {
	padding-top: 10px;
	margin-bottom: 0;
}
.widget nav li {padding-top: 20px;}
.widget nav li:first-child {padding-top: 0;}

/*body.home .widget.grey_bg nav li a {border-bottom: 2px solid #fff;}
body.home .widget.grey_bg nav li a:hover {border-bottom: 2px solid #201c36;}*/

.widget nav.button_style {font-size: 16px;}

#main .widget nav.button_style ul, .widget nav.button_style li {padding-top: 0;}

.widget nav.button_style a {
	border-bottom: 1px solid #efefef !important;
	display: block;
	padding: 10px 45px 10px 26px;
	position: relative;
}

.widget nav.button_style a:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 15px;
	content: "\f054";
	position: absolute;
	right: 26px;
	top: 11px;
	color: #59577c;
}

.widget nav.button_style a:hover {
	color: #fff;
	background: #59577c;
}
.widget nav.button_style a:hover:after {color: #fff !important;}

.widget nav.dotted li {
	padding: 0 0 20px 0;
	margin-bottom: 12px;
	border-bottom: 2px dotted #c2c3c3;
}

/* =Committees/Bills pages (simple feed layout)
----------------------------------------------- */

.bordered, .js-accordion__panel, button.js-accordion__header[aria-expanded="false"], button.js-accordion__header[aria-expanded="true"] {
	border: 2px solid #ededed;
	margin-bottom: 10px;
	padding: 10px 10px; /* modified 20-02-19 Adam - was 20px 30px */
	/*font-size: 0.8em; /* added 20-02-19 Adam */
	font-size: 16px; /* added April 2019 */
}
.column.bordered, .feed_layout.bordered {margin-bottom: 20px;}

.js-accordion__panel.committees-accordion__panel {
	border: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.js-accordion__panel[aria-hidden="false"] {border-top: none;}

button.js-accordion__header[aria-expanded="true"] {margin-bottom: 0;}

.bills_legend {margin-bottom: 20px;}
.bills_legend .legend_item {
	position: relative;
	padding-left: 45px;
	margin-bottom: 15px;
}

.bills_legend .legend_item:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
}

.bills_legend .legend_item.circle:before {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.filter_item {
	float: left;
	margin-left: 40px;
}
.filter_item.first {margin-left: 0;}
.widget .filter_item {
	float: none;
	margin: 0 0 20px 0;
}

.filter_item label:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 15px;
	vertical-align: middle;
}

.widget .filter_item label:after {float: right;}

.filter_item.lc label:after, .legend_item.lc:before {background: url(./images/pattern_red.gif) repeat;}
.filter_item.la label:after, .legend_item.la:before {background: url(./images/pattern_blue.gif) repeat;}
.filter_item.oth label:after {background: url(./images/pattern_purple.gif) repeat;}
.filter_item.ch label:after {background: url(./images/pattern_green.gif) repeat;}
.filter_item.trs label:after {background: url(./images/pattern_orange.gif) repeat;}
.filter_item.evts label:after {background: url(./images/pattern_yellow.gif) repeat;}
.filter_item.exh label:after {background: url(./images/pattern_turq.gif) repeat;}

#main .filters div.button {
	margin-top: -16px;
	margin-bottom: 0;
}

.feed_layout article {
	padding-top: 20px;
	border-top: 2px solid #ededed;
	margin-bottom: 20px;
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.feed_layout article.first {margin-top: 20px;}
.feed_layout article.last {margin-bottom: 0;}

.feed_layout .article_content {margin-left: 190px;}
.feed_layout .article_content.has_accordion {padding-right: 45px;}

.bills_layout nav {margin-bottom: 35px;}

.sort_dropdown {
	float: right;
	width: 240px;
	padding-left: 40px;
	text-align: right;
}

.sort_dropdown .combo-wrap {
	max-width: 140px;
	display: inline-block;
	margin-left: 10px;
}

.bills_layout .sort_dropdown {margin-top: -18px;}

.sort_dropdown .listbox {min-width: 1px;}

.feed_layout.bills_layout article {
	padding-left: 44px;
	padding-bottom: 3px;
}

.feed_layout article .thumb {
	float: left;
	padding-left: 10px;
	margin-right: 30px;
}

.feed_layout article .thumb a {border-bottom: none;}

.bills_layout article a {font-weight: 600;}

.feed_layout article .thumb:after, .bills_layout article .legend_item {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
}

.bills_layout article .legend_item {
	top: 20px;
	bottom: 20px;
	width: 40px;
}

.bills_layout article .legend_item:before, .bills_layout article .legend_item:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 20px;
	vertical-align: middle;
}
.bills_layout article .legend_item:after {
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: 10px;
}

.feed_layout article.lc .thumb:after, .bills_layout article.lc .legend_item:before, .bills_layout article.lc2 .legend_item:after {background: url(./images/pattern_red.gif) repeat;}
.feed_layout article.la .thumb:after, .bills_layout article.la .legend_item:before, .bills_layout article.la2 .legend_item:after {background: url(./images/pattern_blue.gif) repeat;}

.pager {
	white-space: nowrap;
	font-weight: 600;
}

.pager li {
	display: inline;
	margin-left: 15px;
}

.pager i {font-size: 14px;}

/* =Committees layout
----------------------------------------------- */

.committees_layout {
	padding-top: 40px;
}

.committees_layout article {
	color: #fff;
	margin-bottom: 20px;
}

.committees_layout article h3 a {
	display: block;
	position: relative;
	color: #fff;
	padding: 20px 20px 20px 100px;
	border-bottom: none;
	background: #373250;
	min-height: 80px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

.committees_layout article h3 a:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	height: 100%;
	background: url(./images/pattern_purple.gif) repeat;
}

.committees_layout article h3 a > img {
    margin-left: 0;
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 24px;
    height: 50px;
}

    
.committees_layout article h3 a:hover {background: #201c36;}
.committees_layout article h3 a:active, .committees_layout article h3 a:focus {
	background: #ccd7ff !important;
	color: #000 !important;
}

.committees_layout article h3 a:active > i, .committees_layout article h3 a:focus > i {color: #000 !important;}

/* inquiries layout*/


.inquiry_layout {
	padding-top: 20px;
}

.inquiry_layout article {
	color: #fff;
	margin-bottom: 20px;
}

.inquiry_layout article h3 a {
	display: block;
	position: relative;
	color: #fff;
	padding: 10px 10px 10px 10px;
	border-bottom: none;
	background: #373250;
	min-height: 50px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

/*.committees_layout article h3 a:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	height: 100%;
	background: url(./images/pattern_purple.gif) repeat;
}*/

.inquiry_layout article h3 a > img {
    margin-left: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 24px;
    height: 50px;
}

    
.inquiry_layout article h3 a:hover {background: #201c36;}
.inquiry_layout article h3 a:active, .committees_layout article h3 a:focus {
	background: #ccd7ff !important;
	color: #000 !important;
}

.inquiry_layout article h3 a:active > i, .committees_layout article h3 a:focus > i {color: #000 !important;}


/* =Accordion plugin
----------------------------------------------- */

.js-accordion__panel[aria-hidden=true], .js-accordion__header {
	display: none;
}

button.js-accordion__header {
	display: block;
	position: relative;
	color: inherit;
	font-size: 20px; /* modified 20-02-19 Adam - was 26px */
	padding-right: 75px !important;
	margin-bottom: 0;
	min-width: 1px;
	cursor: pointer;
	border: none;
	width: 100%;
	text-align: left;
	font-weight: 600;
	background: url(./images/pattern_grey2.gif) repeat;
}

button.js-accordion__header.committees-accordion__header {
	position: absolute;
	top: 21px;
	right: 0;
	text-indent: -99999px;
	padding: 0 25px 0 0 !important;
	width: 20px;
	height: 25px;
	border: none;
	background: none;
	margin-bottom: 0;
}

button.js-accordion__header:hover {color: #59577c;}
button.js-accordion__header:active, button.js-accordion__header:focus {
	background: #ccd7ff;
}

button.js-accordion__header:after {
	content: "\f055";
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 25px;
	color: #59577c;
	text-indent: 0;
	vertical-align: top;
	position: absolute;
	right: 10px; /* modified 20-02-19 Adam - was 30px */
	top: 10px; /* modified 20-02-19 Adam - was 26px */
	width: 25px;
	height: 25px;
	line-height: 25px;
}

button.js-accordion__header.committees-accordion__header:after {
	top: 0;
	right: 0;
}

button.js-accordion__header[aria-expanded="true"]:after {
	content: "\f056";
}

/* iCheck plugin flat skin, black
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0 10px 0 0;
	padding: 0;
	width: 26px;
	height: 26px;
	background: #fff;
	border: none;
	cursor: pointer;
	border: 2px solid #08080f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.icheckbox_flat.checked, .iradio_flat.checked {
	background: url(./images/icheck.png) no-repeat #fff 0 0;
}
.icheckbox_flat.disabled,
.iradio_flat.disabled {
	background: #ccc;
	cursor: default;
}
.icheckbox_flat.checked.disabled, .iradio_flat.checked.disabled {
	background-position: -26px 0;
}

.icheckbox_flat.focus, .iradio_flat.focus {background-color: #ccd7ff !important;}

/* =Calendar view
----------------------------------------------- */

#calendar {padding-top: 20px;}

/* =Watch and Listen page
----------------------------------------------- */

.watchbox {
	border: 2px solid #ededed;
	margin-bottom: 10px;
}

.watchbox .button a {min-width: 1px;}

.watchbox_top {
	padding: 30px;
	color: #fff;
	background: url(./images/pattern_purple2.png) #59577c;
	background-repeat: repeat;
	background-position: 50% 50%;
}

.live .watchbox_top {
	background-color: transparent;
	background: url(./images/content/watchbox_live.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.live .watchbox_top:before {
	content: "Live";
	float: right;
	margin-top: 5px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	color: #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.watchbox_top .button {
	margin-top: 100px;
	margin-bottom: 0 !important;
}

.watchbox_top .button a:hover {background: #201c36;}

.live .watchbox_top .button a {
	background: #fff;
	color: #000;
}

.live .watchbox_top .button a i {color: #000;}

.live .watchbox_top .button a:hover {
	color: #fff;
	background: #59577c;
}
.live .watchbox_top .button a:hover i {color: #fff;}

/* =Multimedia page
----------------------------------------------- */

.videobox {
	background: #373250;
	color: #fff;
}

.videobox_text {min-height: 580px;}

.videobox .cell_title {
	color: #fff;
	min-height: 111px;
}

.videobox a {color: #fff;}
.videobox a:active, .videobox a:focus {color: #000;}

.videobox .thumb a:after {
	content: "\f167";
	font-family: 'Font Awesome 5 Brands';
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -35px;
	text-align: center;
	color: #333;
	font-size: 65px;
	background: #fff;
	letter-spacing: -7px;
	text-indent: -2px;
	opacity: 0.8;
}

.videobox .thumb a:hover:after {
	color: #373250;
	opacity: 1;
}

.videobox .thumb a:focus:after, .videobox .thumb a:active:after {
	color: #ccd7ff;
	background: #000;
	opacity: 1;
}

.videobox .inner a:active, .videobox .inner a:focus {border-bottom: none !important;}

.video_content {
	padding: 20px 30px 25px 10px;
}

.video_content h2 {margin-bottom: 10px;}

.length {
	color: #59577c;
	padding-bottom: 20px;
	border-bottom: 2px dotted #c2c3c3;
	margin-bottom: 20px;
	font-weight: 600;
}

.length:before {
	content: "\f017";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	margin-right: 6px;
	font-size: 12px;
	vertical-align: top;
}

.video_content .pager {
	padding-top: 20px;
	border-top: 2px dotted #c2c3c3;
}

.video_content .pager li {
	line-height: 22px;
	vertical-align: middle;
}

.video_content .pager li.link_prev {
	margin-left: 0;
	float: left;
}
.video_content .pager li.link_next {float: right;}

#main .video_content nav.pager a {
	border-bottom: none;
	font-weight: 600;
}

.video_content .pager a span {border-bottom: 2px solid #59577c;}
.video_content .pager a:hover span {border-bottom: 2px solid #acabbd;}
.video_content .pager a:focus span, .video_content .pager a:active span {border-bottom: none;}

.video_content .pager i {
	font-size: 22px;
	line-height: 22px;
	vertical-align: top;
}

.video_content .pager li.link_prev i {
	margin-left: 0;
	margin-right: 5px;
}

/* =Footer
----------------------------------------------- */

#footer {
	clear: both;
	background: #ededed;
	color: #000;
	
	font-size: 16px;
	line-height: 24px;
	
	/*Ashish Laturkar - 19/03/2019 - make the footer smaller
	padding and border sizes are reduced to the smaller extent for the issue - I-041
	*/
	/*border: 40px solid #fff;
	padding: 30px 0;
	*/
	
	
	border: 0px solid #fff;
	padding: 2px 0;
}

.footer_menu {
	float: left;
	white-space: nowrap;
}

.footer_menu ul {
	
	/*Ashish Laturkar - 19/03/2019 - make the footer smaller
	padding and margin  sizes are reduced to the smaller extent for the issue - I-041
	*/
	/*
	padding-top: 25px;
	margin-top: 25px;
	*/
	padding-top: 0px;
	margin-top: 0px;
	
	border-top: 2px dotted #c2c3c3;
	float: left;
	clear: both;
}

.footer_menu ul:first-child {
	
	/*Ashish Laturkar - 19/03/2019 - make the footer smaller
	padding and margin  sizes are reduced to the smaller extent for the issue - I-041
	*/
	/*padding-top: 0;*/
	padding-top: 24;		/*Added the padding to make the content vertically center aligned*/
	margin-top: 0;
	border-top: none;
}

.footer_menu li {
	list-style-type: none;
	display: inline;
	font-weight: 600;
}

.footer_menu li:before {
	content: "/";
	color: #000;
	display: inline;
	margin: 0 7px 0 5px;
}

.footer_menu li:first-child:before {display: none;}

#footer a {
	color: #59577c;
	border-bottom: none;
}
#footer a:hover, #footer a:active, #footer a:focus {color: #000;}

#footer .footer_logo {
	float: right;
	padding-left: 20px;
}

.footer_text {padding-top: 14px;}

/* =Other styles
------------------------------------------------*/

/* Legislative Assembly styles */

.la .button a, .la input[type="submit"], .la input[type="button"] {
	background-color: #004254;
	color: #fff;
}

.la .button a > i {color: #fff;}

.la .button a:hover, .la input[type="button"]:hover, .la input[type="submit"]:hover, .la.live .watchbox_top .button a:hover {background: #2372a7;}
.la .button a:active, .la .button a:focus, .la input[type="button"]:active, .la input[type="button"]:focus, .la input[type="submit"]:active, .la input[type="submit"]:focus {
	background: #ccd7ff;
	color: #000;
}

.la .widget_title:before {border-top: 4px solid #2372a7;}
.la .widget_title .fab, .la .widget_title .fas, .la .widget_title .far, .la .widget_title .fal  {color: #004254;}

.la .cell_title {background: #004254;}

.la .widget nav.button_style a:hover {background: #004254;}
.la .widget nav.button_style a:after {color: #004254;}

.la .watchbox_top {background: url(./images/pattern_green2.png) repeat #265e6d;}
.la.live .watchbox_top {
	background: url(./images/content/watchbox_la_live.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.videobox.la {background: #004254;}

.videobox.la .inner a, table .la td a {border-bottom: 2px solid #80a1aa;}
.videobox.la .inner a:hover, table .la td a:hover {border-bottom: 2px solid #2372a7;}

.videobox.la .thumb a:hover:after {color: #004254;}

.committees_layout article.la h3 a {background: #004254;}
.committees_layout article.la h3 a:hover {background: #2372a7;}
.committees_layout article.la h3 a:before {background: url(./images/pattern_blue.gif) repeat;}

table .la td {
	background: #004254;
	color: #fff;
}

table .la td a {color: #fff;}
table .la td a:focus, table .la td a:active {color: #000;}

.la.modaal-wrapper {background: #004254;}

/* Legislative Council styles */

.lc .button a, .lc input[type="submit"], .lc input[type="button"] {
	background-color: #821810;
	color: #fff;
}

.lc .button a > i {color: #fff;}

.lc .button a:hover, .lc input[type="button"]:hover, .lc input[type="submit"]:hover, .lc.live .watchbox_top .button a:hover {background: #d2251f;}
.lc .button a:active, .lc .button a:focus, .lc input[type="button"]:active, .lc input[type="button"]:focus, .lc input[type="submit"]:active, .lc input[type="submit"]:focus {
	background: #ccd7ff;
	color: #000;
}

.lc .widget_title:before {border-top: 4px solid #821810;}
.lc .widget_title .fab, .lc .widget_title .fas, .lc .widget_title .far, .lc .widget_title .fal  {color: #821810;}

.lc .cell_title {background: #821810;}

.lc .widget nav.button_style a:hover {background: #821810;}
.lc .widget nav.button_style a:after {color: #821810;}

.lc .watchbox_top {background: url(./images/pattern_red2.png) repeat #953a34;}
.lc.live .watchbox_top {
	background: url(./images/content/watchbox_lc_live.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.videobox.lc {background: #821810;}

.videobox.lc .inner a, table .lc td a {border-bottom: 2px solid #c18c88;}
.videobox.lc .inner a:hover, table .lc td a:hover {border-bottom: 2px solid #d2251f;}

.videobox.lc .thumb a:hover:after {color: #821810;}

.committees_layout article.lc h3 a {background: #821810;}
.committees_layout article.lc h3 a:hover {background: #d2251f;}
.committees_layout article.lc h3 a:before {background: url(./images/pattern_red.gif) repeat;}

table .lc td {
	background: #821810;
	color: #fff;
}

table .lc td a {color: #fff;}
table .lc td a:focus, table .lc td a:active {color: #000;}

.lc.modaal-wrapper {background: #821810;}

/* =Responsive styles
----------------------------------------------- */
.hasWatchLive{
	width:380px;
}
	.watchparent
	{
	display: -ms-flex; display: -webkit-flex; display: flex; 
	/* Primaxis - Ashish - 29 Mar 2019 : Reduce the height of watch live boxes to some extent, 
	reduced the height from 650px to 525px */
	/*height:525px;*/
	}
	
	.watchparent>div {
	flex:1}
	
	.watchparent>div>div{
	height:100%;
	}
	
		.desktop{
	text-overflow:ellipsis;
	overflow:hidden;
	height:50px;
	white-space: nowrap;
}

@media screen and (max-width: 1640px){
	.searchform {width: 20%;}
	.filter_item {margin-bottom: 20px;}
	#main .filters div.button {
		float: none !important;
		clear: both;
		margin: 0;
	}
	.seating {padding: 50px 30px;}
	#footer {
		border-left-width: 20px;
		border-right-width: 20px;
	}
	
}

@media screen and (max-width: 1500px){
	#mainmenu nav {width: 1010px;}
	#mainmenu ul a {padding: 22px 23px;
					font-size:16px}
	#mainmenu li:hover > ul, #mainmenu li.has_sub[aria-expanded="true"] > ul, #mainmenu a:hover + ul, #mainmenu a:focus + ul, #mainmenu a:active + ul {left: 9px;}
	.watchbox_top .button {margin-top: 50px;}
	.watchbox_top .button a {
		float: none !important;
		margin-right: 20px;
		margin-top: 20px;
	}
	a.example-tabs-tabs__link {padding: 15px 22px;}
	
}

@media screen and (max-width: 1255px){
	#mainmenu nav {width: 875px;}
	#mainmenu ul a {padding: 15px 12px;
	font-size:15px}
	#mainmenu li:hover > ul, #mainmenu li.has_sub[aria-expanded="true"] > ul, #mainmenu a:hover + ul, #mainmenu a:focus + ul, #mainmenu a:active + ul {left: 3px;}
	.searchform input[type="text"] {height: 55px;}
	.searchform input[type="submit"], .searchform input[type="button"]{
		height: 50px;
		background: url(./images/icon_search.png) no-repeat 0 -9px !important;
	}
	.searchform input[type="submit"]:hover, .searchform input[type="submit"]:focus, .searchform input[type="submit"]:active,
	.searchform input[type="button"]:hover, .searchform input[type="button"]:focus, .searchform input[type="button"]:active {
		background-position: 0 -78px !important;
	}
	.searchform button, #mobile_menu form button {
		height: 56px;
		line-height: 56px;
	}
	#main {padding: 20px 0;}
	
	.wrapper > section {margin-top: 20px;}
	#footer {border-top-width: 0;}
	.watchparent
	{
	display: -ms-flex; display: -webkit-flex; display: flex; 
	height:720px;
	}
	
	.watchparent>div {
	flex:1}
	
	.watchparent>div>div{
	height:100%;
	}

@media screen and (max-width: 1160px){
	/* Convert to mobile menu */
	/*.column {padding: 0 5px;}
	.has_columns {margin: -5px;}
	.wrapper {padding: 0 5px;}*/
	
	.mspan25 {width: 25% !important;}
	.mspan33 {width: 33.4% !important;}
	.mspan50 {width: 50% !important;}
	.mspan66 {width: 66.6% !important;}
	.mspan75 {width: 75% !important;}
	.mspan100 {
		width: 100% !important;
		margin-bottom: 20px;
	}
	.padding-left {padding-left: 0;}
	.padding-right {padding-right: 0;}
	
	.cell_title, .cell .inner, .watchbox .inner {min-height: 1px;}
	.odd {clear: left;}
	
	#branding {padding-bottom: 50px;}
	#branding button.show_nav, #branding a.home_icon {
		display: inline-block;
		margin-bottom: 20px;
	}
	#topmenu {
		margin: 11px 44px 0 0;
		display: inline-block;
	}
	#topmenu, #mainmenu {display: none;}
	.video_stream_section {
		float: none;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid #373250;
	}
	.video_stream_options {
		width: auto;
		float: none;
		margin-left: 0;
	}
	a.video_stream_link:hover:after {background: #201c36;}
	a.video_stream_link:active:after, a.video_stream_link:focus:after {
		background: #ccd7ff;
		color: #000;
	}
	.filter_item {margin-left: 30px;}
	.intro {padding-bottom: 10px;}
	.breadcrumbs {padding-bottom: 10px;}
	.fullwidth_image {
		position: static;
		background-image: none !important;
		text-align: left !important;
		padding: 0 10px 20px 10px;
	}
	.fullwidth_image img.a11y {
		position: static;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.video_content {padding: 0 20px 5px 20px;}
	#footer .footer_right {text-align: left;}
	#footer .footer_logo {
		float: left;
		padding: 0 20px 0 0;
	}
	.hasWatchLive{
	width:600px;
}
/*override watch live page boxes to no longer be forced size for mobile*/
.watchparent
	{
		display:block;
		height:min-content;
	}
	.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}
	
	
}

@media screen and (max-width: 820px){
	h1 {padding-top: 10px;}
	.padded {padding: 0;}
	#branding {
		padding-bottom: 50px;
	}
	/*.video_stream_options span, a.video_stream_link {
		font-size: 14px;
		line-height: 50px;
		padding: 0 15px;
	}*/
	#main {padding: 10px 0;}
	.cell {margin-bottom: 10px;}
	.videobox_text {min-height: 1px;}
	.column {
		float: none;
		width: auto !important;
		margin-bottom: 20px;
		padding: 0;
	}
	.has_columns {margin: 0;}
	.fullwidth_image {padding: 0 0 10px 0;}
	.homepage_cells article.home_cell img {width: 100%;}
	.widget_title.float_left, .widget_title.float_right {float: none;}
	.view_all {
		float: none !important;
		padding-top: 0;
		margin-top: -20px;
	}
	.legend {
		float: none;
		padding: 0;
		margin-top: -10px;
	}
	.button.float_left, .button.float_right {
		margin: 0;
		float: none;
	}
	.home_whatson .event_date {left: 22px;}
	.home_whatson .event_cell {padding: 25px 22px 25px 98px;}
	.home_whatson .event_cell::after {left: 72px;}
	.filter_item {
		float: none;
		margin-left: 0 !important;
	}
	.pager.float_right {
		float: none;
		margin-bottom: 20px;
	}
	.pager li {margin: 0 15px 0 0;}
	.sitting_tabs .js-tabcontent {padding: 10px;}
	a.example-tabs-tabs__link {
		padding: 10px 15px;
		font-size: 24px;
		line-height: 27px;
	}
	.featured_article .thumb, .featured_article .inner {
		float: none;
		width: auto;
	}
	table {margin: 20px 0;}
	table th, table td {padding: 10px 20px;}
	.committees_layout {padding-top: 10px;}
	.videobox .cell_title {min-height: 1px;}
	.thumb img {
		width: 100%;
		height: auto;
	}
	.events_feed_layout header {font-size: 24px;}
	#footer {
		border: none;
		margin: 0 10px 10px 10px;
		padding: 15px 0 1px 0;
	}
	
		.hasWatchLive{
	width:500px;
}
/*override watch live page boxes to no longer be forced size for mobile*/
.watchparent
	{
		display:block;
		height:min-content;
	}
	.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}
	

}



@media screen and (max-width: 700px){
	#branding {padding-bottom: 96px;}
	.video_stream_section .desktop {display: none;}
	.video_stream_section .mobile {display: block;}
	
	.video_stream_options {
		padding: 0;
		text-align: center;
	}
	.video_stream_options .mobile span {
		padding: 12px 72px;
		display: block;
	}
	.video_stream_options .mobile a {
		display: block;
		padding: 12px 22px;
		font-weight: 600;
		border-bottom: none;
		background: url(./images/pattern_grey.gif) repeat 0 0 #efefef;
	}
	.video_stream_options .mobile a:hover {background: #efefef;}
	.hasWatchLive{
	width:300px;
}
/*override watch live page boxes to no longer be forced size for mobile*/
	.watchparent
	{
		display:block;
		height:min-content;
	}
	.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}
}

@media screen and (max-width: 640px){
	body {
		font-size: 16px;
		line-height: 24px;
	}
	.spaced_links a {white-space: normal;}
	h1 {
		font-size: 34px;
		line-height: 46px;
	}
	h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	h2 .fab, h2 .fas, h2 .far, h2 .fal  {margin-left: 5px;}
	.float_right .fab, .float_right .fas, .float_right .far, .float_right .fal {margin-left: 5px;}
	h3 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 10px;
	}
	h4, .intro {
		font-size: 21px;
		line-height: 34px;
		margin-bottom: 10px;
	}
	h5 {
		font-size: 21px;
		font-weight: normal;
	}
	h6 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.button a, input[type="submit"], input[type="button"], button {padding: 12px 20px;}
	.fullwidth_query.with_button {margin-right: 0;}
	button.submit_btn {margin: 20px 0 0 0;}
	#branding .logo {
		width: 170px;
		padding: 17px 0;
	}
	.header_right {
		margin-left: 0;
		margin-right: -10px;
		float: right;
		width: 105px;
		padding: 0;
		overflow: visible;
	}
	
			a.video_stream_linkm {
			background: url(./images/pattern_grey.gif) repeat 0 0 #efefef;
			color: #000;
			border-bottom: none;
			padding: 0px 12px;
		}
	/*.video_stream_options {padding-left: 12px;}
	.video_stream_options span, a.video_stream_link {
		padding: 0;
		float: none;
		border-left: 0;
		background: none;
		line-height: 45px;
	}
	a.video_stream_link {margin-left: 5px;}
	.video_stream_options li.flex-nav-prev {display: none;}
	.video_stream_options ul.flex-direction-nav a, .video_stream_options ul.flex-direction-nav a::after {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}*/
	#branding button.show_nav, #branding a.home_icon {margin-bottom: -1px;}
	#mobile_menu {
		left: 0;
		right: 0;
		top: 93px;
		width: auto;
	}
	#main {padding: 10px 0;}
	.view_all {margin-top: -5px;}
	.widget_title::before {height: 10px;}
	.widget .inner {padding: 30px 20px;}
	.widget nav li {padding-top: 10px;}
	.cell_title, .cell .inner, .watchbox .inner {
		padding: 15px 20px;
		min-height: 1px;
	}
	.watchbox_top {padding: 20px;}
	.seating {
		padding-left: 20px;
		padding-right: 20px;
	}
	.home_cell h3 {padding: 15px 20px 15px 65px;}
	.home_cell h3 i {
		top: 21px;
		left: 15px;
	}
	.home_cell h5 {padding-left: 65px;}
	.home_cell header {min-height: 1px;}
	.homepage_cells .column {margin-bottom: 0;}
	a.example-tabs-tabs__link {
		font-size: 18px;
		line-height: 21px;
		padding: 10px;
	}
	.events_slider {margin: 0 40px;}
	.home_whatson {margin-bottom: 20px;}
	.home_whatson .js-tabcontent {
		background-image: none;
		padding-bottom: 1px;
	}
	.home_whatson .event_cell {
		float: none;
		width: auto;
		padding: 5px 22px 5px 30px;
		margin-bottom: 10px;
	}
	.news_item {padding: 50px 0 0 0;}
	.thumb .cat {
		left: 20px;
		top: 20px;
	}
	.home_whatson .event_cell::after {
		left: 0;
		top: 2px;
		bottom: 2px;
	}
	.home_whatson .event_date {
		position: static;
		width: auto;
		font-weight: normal;
		font-size: 21px;
	}
	.home_whatson .event_date span {color: #000;}
	.home_whatson .event_date span:first-child:after {content: ", ";}
	.home_whatson .event_date strong {
		font-size: 21px;
		line-height: normal;
		font-weight: normal;
	}
	.home_whatson .event_time {font-size: 21px;}
	.latest_news .flex-direction-nav {
		top: 0;
		right: 0;
		/*left: 0;*/
	}
	.events_slider .flex-direction-nav {bottom: 0;}
	.events_slider .flex-direction-nav a {
		width: 30px;
		background-position: -10px 50%;
	}
	.events_slider .flex-direction-nav li.flex-nav-prev a {left: -40px;}
	.events_slider .flex-direction-nav li.flex-nav-next a {
		right: -40px;
		background-position: -160px 50%;
	}
	.events_slider .flex-direction-nav li.flex-nav-prev a:hover {background-position: -60px 50% !important;}
	.events_slider .flex-direction-nav li.flex-nav-next a:hover {background-position: -110px 50% !important;}
	#main .news_item .button {
		position: static;
		margin-bottom: 0;
	}
	.bordered, .js-accordion__panel, button.js-accordion__header[aria-expanded="false"], button.js-accordion__header[aria-expanded="true"] {padding: 15px 20px;}
	.feed_layout article .thumb {
		float: none;
		position: relative;
		padding-left: 10px;
		margin: 0 0 10px 0;
	}
	.feed_layout .article_content {margin-left: 0;}
	.feed_layout .article_content.has_accordion {
		position: relative;
		padding-right: 0;
	}
	.feed_layout .article_content.has_accordion h6 {padding-right: 35px;}
	button.js-accordion__header.committees-accordion__header {top: 2px;}
	button.js-accordion__header:after {
		top: 21px;
		right: 20px;
	}
	button.js-accordion__header {padding-right: 60px !important;}
	.sort_dropdown {
		float: none;
		width: auto;
		padding-left: 0;
		margin: 20px 0 !important;
		text-align: left;
	}
	table thead {display: none;}
	table td {
		display: block;
		padding: 0;
		border-bottom: none;
	}
	table.plain th, table.plain td {padding: 0;}
	table .la td, table .lc td {padding: 10px !important;}
	table tbody tr {
		display: block;
		padding: 10px 0;
		border-bottom: 2px solid #efefef;
	}
	.committees_layout article h3 a {min-height: 1px;}
	.committees_layout article h3 a > i {top: 25px;}
	
	.widget nav.button_style a {padding: 10px 40px 10px 20px;}
	.widget nav.button_style a::after {right: 20px;}
	
	.events_feed_layout .event_content {
		margin-left: 0;
		clear: left;
	}
	
	.footer_menu {white-space: normal;}
	.footer_menu ul {
		padding-top: 10px;
		margin-top: 10px;
	}
	.footer_right {font-size: 14px;}
	/*override watch live page boxes to no longer be forced size for mobile*/
	.watchparent
	{
		display:block;
		height:min-content;
	}
		.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}

}

@media screen and (max-width: 500px){
	input[type="text"], input[type="phone"], input[type="url"], input[type="email"], textarea {padding: 10px;}
	#main .float_left, #main .float_right {
		float: none;
		margin-bottom: 20px;
	}
	.home_whatson .example-tabs-tabs__item {
		float: none;
		width: auto;
	}
	a.example-tabs-tabs__link {
		font-size: 21px;
		line-height: 24px;
		border-left: none;
		border-bottom: 2px solid #ededed !important;
	}
	h2 a.float_right, h3 a.float_right, h4 a.float_right, h5 a.float_right, h6 a.float_right {
		float: none;
		margin-bottom: 0;
	}
	.seating {
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: 100% 50% !important;
	}
	.advanced_search {
		margin: 10px 0 0 0;
		display: inline-block;
		white-space: nowrap;
	}
	.filters .button a {font-size: 16px;}
	.filter_item {font-size: 15px;}
	.watchbox_top .button {margin-top: 0;}
	.watchbox_top .button a {
		float: none !important;
		margin-right: 20px;
		margin-top: 0;
	}
	.size_large {font-size: 29px;}
	.grey_bg h4 i {margin-left: 15px !important;}
	.video_content .pager li.link_next {
		float: left;
		margin-top: 10px;
	}
	.events_feed_layout header a.prev_date, .events_feed_layout header a.next_date {
		left: 10px;
		font-size: 30px;
		margin-top: -15px;
	}
	.events_feed_layout header a.next_date {
		left: auto;
		right: 10px;
	}
	.events_feed_layout header {
		padding: 20px 44px;
		font-size: 20px;
	}
	.listbox {top: 48px !important;}
	

	/*override watch live page boxes to no longer be forced size for mobile*/
	.watchparent
	{
		display:block;
		height:min-content;
	}
		.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}
}

@media screen and (max-width: 400px){
	#footer {margin: 0;}
	.footer_logo img {width: 50px;}
	.footer_text {padding-top: 0;}
}
/*override watch live page boxes to no longer be forced size for mobile*/
	.watchparent
	{
		display:block;
		height:min-content;
	}
	.watchparent>div{
	flex:clear;}
		.watchparent>div{
	height:auto;}
}



.watch-box2{
margin-right: 0px;
float: left;
display: block;
width:560px;

	}
/*Basic fix to old style of tables being affected by universal styling (*/	
.legacy table {
	margin:0px;

}

.legacy {
		margin:0px;
	
}
.legacy td, .legacy th {
	padding:10px;
	border:0px;
}

.legacy table td {
	padding:10px;
	border:0px;
}

.legacy-font table td{
	font-size:14px;
	}

/*Correction to lists being override by universal styling*/
.js-accordion__panel ul li {
	list-style:disc;
}

/*Correction to lists being override by universal styling*/
.cms ul li,#staticContent ul li {
	list-style:disc;
}



/*add ellipsis to watch live widget to fix issues with watch live button being push to next line of dev*/
.widgetmsg{
    text-overflow: ellipsis;
    overflow: hidden;
}

/*'subviews' on single committee page, alernates colour*/
.subview tr td {
	font-weight:normal;
}
..subviewla tr:nth-child(odd) td {
	background: #004254;
	color: #fff;
}

.subviewlc tr:nth-child(odd) td {
	background: #821810;
	color: #fff;
}
.subview tr:nth-child(even) td {
	background-color: #fff;
	
}
.subviewlc tr:nth-child(odd) td a {
	color: #fff;
}

.subviewla tr:nth-child(odd) td a {
	color: #fff;
}
/*reducing padding and smaller font to fit more in */
.subview td {
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
}

.subview th {
	padding-left: 5px;
}
/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /*text-align: justify;  */
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 3.6em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: #efefef;
}

.alert{
	padding:5px;
	font-weight:600;
	
}
.four-row-text-block {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.0em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 4.8em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /*text-align: justify; */ 
  /* place for '...' */
  margin-right: -1em;
  font-size:0.8em; /* fix for I-139 issue 27-02-2019 */
  padding-right: 1em;
}
/* The following classes are for use with standardising blocks of text to a size */
.four-row-text-block:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 4.8em;
    margin-top: 0.2em;
    background: #efefef;
}
.four-row-text-block:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.three-row-text-block {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.0em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 3.1em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /*text-align: justify;*/  
  /* place for '...' */
  margin-right: -1em;
  font-size:0.8em;
  padding-right: 1em;
}
.three-row-text-block:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 3.6em;
    margin-top: 0.2em;
    background: #efefef;
}
.three-row-text-block:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.two-row-text-block {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.0em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 2em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /*text-align: justify;*/  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
  /* fix problem where letters like "g", "y", "j" etc are being cut off at the bottom when displayed on smaller screens  */
  padding-bottom: 1px;
  font-size:0.8em;
}
.two-row-text-block:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 2.4em;
    margin-top: 0.2em;
    background: #efefef;
}
.two-row-text-block:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.one-row-text-block {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 1.2em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  /*text-align: justify; */ 
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
    font-size:0.8em;
}
.one-row-text-block:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1.2em;
    margin-top: 0.2em;
    background: #efefef;
}
.one-row-text-block:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

/*fix to richtext twistie boxes on committee page*/
font h6{
	display:inline;
	padding-left:5px
}
.tooltip_templates { display: none; }



h3.cell_title_two_row a {
	color: #fff !important;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 1.3em !important;
	
}

.cell_title_two_row {
	padding: 5px 30px !important;
	color: #fff;
	background: #373250;
    overflow: hidden;
    line-height: 1.4em !important;
    height: 2.8em;
  /*  text-align: justify;*/ 
    padding-right: 1em;
    font-size: 1em;
    
    /*25 Mar 2019 - Ashish - Primaxis - adjusted CSS for two lined header box 
    Issue reference - I 151
    */
    /*position: relative;*/
    /*margin-right: 1em;*/ 
}


.cell_title_two_row:after {
    /*25 Mar 2019 - Ashish - Primaxis - adjusted CSS for two lined header box
    Issue reference - I 151
     
    content: '';
    position: absolute;
    right: 0;
    width: 2em;
    height: 2.8em;
    margin-top: 0.2em;
    background: #efefef;
    */
    
    padding: 5px 30px !important;
    padding-top:5px;
	color: #fff;
	background: #373250;
    overflow: hidden;
    line-height: 1.2em !important;
    height: 2.8em;
    /*text-align: justify;*/
    padding-right: 1em;
    font-size: 1em;
}


.cell_title_two_row:before {
    content: '...';
    width: 2em;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* added especially for hansard archive ... reduces the excessive padding on the header row for the table */
.slim_th th{
	padding:0px;
}


button.modaal-close{
	top:0 !Important;
}
	
	
/* added for Pop-up function - used in FAQ, Fact Sheets etc */
/* Hiding the "Close" text on the close button of the popup */

/*button.modaal-close {
	visibility: hidden !Important;
}*/
	
/* button.modaal-close span:after{
	visibility: visible !Important;
}*/
	
/* Shading of "boxes" on hover */

.popup_lc{
	/* background: #d2251f; */ 
	background: #821810;
}

.popup_lc:hover{	
	opacity: 0.8;
}

.popup_la{
	/*background: #2372a7;*/ 
	background: #004254;
}

.popup_la:hover{
	opacity: .8;	
}

.popup_other:hover{
	opacity: .8;	
}

.popup_other{
	 /* background: #ccd7ff; */
	background: #59577c;

}

/* Shaded header on pop-up form - different colour for each house */

.popup_header_lc{	
	font-size: 20px;
	background: #821810;
	color :#fff;
	/*text-align: center;*/
	overflow: hidden;
    line-height: 1.2em !important;
    height: 2.8em;
    padding-top:10px;
    padding-left:10px;
    padding-right:60px;
}
 
 .popup_header_la{	
	font-size: 20px;
	background: #004254;
	color: #fff;
	/*text-align: center;*/
	overflow: hidden;
    line-height: 1.2em !important;
    height: 2.8em;
    padding-top:10px;
    padding-left:10px;
    padding-right:60px;
 }

.popup_header_other{	
	font-size: 20px;
	background: #59577c;
	background: #ccd7ff;
	color: #fff;
	text-align: center;
	overflow: hidden;
    line-height: 1.2em !important;
    height: 2.8em;
    padding-top:10px;
    padding-left:10px;
    padding-right:60px;
 }
 
/* Body of the popup web form */

.popup_body {	
	font-size: 16px;
	padding: 5px 10px 5px 10px;
    /*text-align: center;*/
}

.popup_body a{
	font-size: 18px;
}

/* Close & print buttons at the top of the popup web form */
/* Print button not used, but I'll leave the code here just in case */

.modaal-iframe button{
 	width: 50px!important;
    /*height: 35px!important;*/
   /* background-color: transparent!important;*/
    /*position: fixed !important;*/
}

.popup_print_button{
	width: 50px!important;
    height: 35px!important;
    position:absolute!important;
  	top:0!important;
  	padding-top:8px!important;
}


/* button.modaal-close{
	top:0 !Important;
	text-align: right !Important;
	padding-right: 0px !Important;
}*/

/* =Video on speaker and presidents page
----------------------------------------------- */

.pagevideobox {
	background: #373250;
	color: #fff;
}

.pagevideobox_text { min-height: 300px;}

.pagevideobox .cell_title {
	color: #fff;
	min-height: 111px;
}

.pagevideobox a {color: #fff;}
.pagevideobox a:active, .videobox a:focus {color: #000;}

.pagevideobox .thumb a:after {
	content: "\f167";
	font-family: 'Font Awesome 5 Brands';
	font-weight: bold;
	position: absolute;
	top: 75%;
	left: 50%;
	margin: -12px 0 0 -35px;
	text-align: center;
	color: #333;
	font-size: 65px;
	background: #fff;
	letter-spacing: -7px;
	text-indent: -2px;
	opacity: 0.8;
}

.pagevideobox .thumb a:hover:after {
	color: #373250;
	opacity: 1;
}

.pagevideobox .thumb a:focus:after, .pagevideobox .thumb a:active:after {
	color: #ccd7ff;
	background: #000;
	opacity: 1;
}

.pagevideobox .inner a:active, .pagevideobox .inner a:focus {border-bottom: none !important;}

.pagevideo_content {
	padding: 20px 30px 25px 10px;
}


 /* Close & print buttons at the top of the popup web form */
   
.modaal-iframe button{
     /*    width: 50px !important;*/
         height: 35px!important;
     /*    background-color: transparent!important;*/
         min-width: 60px!Important;
         background-color:#373250;
     }
   
.popup_print{
         position: absolute;
         margin-left: 80%;
         padding-top: 9px;
         /*background: transparent;*/    
         min-width: 50px !Important;
     }
   
.popup_print:hover{
         /*background: transparent!Important;*/    
     }
   
.popup_print:focus{
         background: transparent!Important;    
         color: #fff;
     }
}
	
/* to fix headers on FAQ page - give a 3 line header class with text not justified etc */

.cell_title_three_row:before {
    content: '...';
    width: 2em;
    position: absolute;
    right: 0;
    bottom: 0;
}

.cell_title_three_row{
	color: #fff !important;
	margin-bottom: 0;
	font-size: 16px !important;	
	background: #373250;
	overflow: hidden;
	height: 3.6em;
	padding: 5px 5px 5px 5px !important;
	line-height: 1.3em !important;
}

h3.cell_title_three_row a {
	color: #fff !important;
	line-height: 1.3em !important;	
	}
	
.noplay a:after {
    content: none !important;
}

#sitemapcontent {
	clear: both;
	background: #ededed;
	color: #000;
	
	font-size: 16px;
	line-height: 20px;
	
	border: 0px solid #fff;
	padding: 2px 0;
}

#sitemapcontent a {
	color: #59577c;
	border-bottom: none;
}
#sitemapcontent a:hover, #footer a:active, #footer a:focus {color: #000;}

font { 
    font-size: 18px !important; 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; 
} 

.cellcovid {
	background: #efefef;
	/*margin-bottom: 10px;*/
	min-height :200px;
	padding:15px;
}
.footer_acknowledgement {
	color: #59577c;
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	padding: 3px 0;
}

.footer_acknowledgement_title {
	color: #59577c;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	padding: 5px 0;
	text-align: left;
}
.bil_table td{
	font-size:12px !important;
}

.cellhw .inner{
	padding: 10px 30px;
	min-height: 420px;
	background: #efefef;
}

.validationerror {
	color: red;
	font-weight: bold;
	font-size: 18px;
}

img.www_bullet {
	height: 10px;
	width: 10px;
}



.index_separator {
	content: "";
	display: block;
	width: 100%;
	border-top: 4px solid #000;
	height: 20px;
}

.banner_cell {
	background: #000;
	margin-bottom: 10px;
	min-height:250px;
	color: #fff;
}

.banner_cell h2 {
	font-size: 24px;
	
	color:#fff;
text-decoration: none;
	line-height: 60px;
	text-align:center;
	/*vertical-align:middle;*/
	padding-top:30px 30px 22px 90px;
}

.banner_cell h2 a {
	color: #fff;
	border-bottom: 2px solid #fff;
	line-height: 60px;
	text-align:center;
	/*padding: 22px 30px 22px 90px;*/
	
}


.imgpw {
	vertical-align: middle;
	width: 450px;
	height: 600px;
	/*display:block;
	margin-left: auto;
	margin-right: auto;*/
}

.imgpw2 {
	vertical-align: middle;
	width: 300px;
	height: 450px;
	display:block;
	margin-left: auto;
	margin-right: auto;
}