:root{
    --deep-blue:#000080;
    --blue:#0080ff;
    --red:#ed1c24;
    --dark-red:#b40007;
    --light-aqua:#e5faf7;
    --aqua:#3fcfc0;
    --light-coral:#fff0f2;
    --coral:#ff768e;
    --light-violet:#f2f0ff;
    --violet:#9077ff;
    --light-amber:#fff4e4;
    --amber:#ffa100;
    --light-lime:#f1f8ea;
    --lime:#80bf3e;

    --max-width:1200px;
}

.rowWrapper.light-aqua{
    background-color:var(--light-aqua);
}

.rowWrapper.light-coral{
    background-color:var(--light-coral);
}

.rowWrapper.light-violet{
    background-color:var(--light-violet);
}

.rowWrapper.light-amber{
    background-color:var(--light-amber);
}

.rowWrapper.light-lime{
    background-color:var(--light-lime);
}


.rowWrapper.deep-blue{
    background-color:var(--deep-blue);
}

.lgnsw-background-orange {
    background-color:var(--amber)!important;
}

.lgnsw-background-bright-blue {
    background-color:var(--blue)!important;
    color: #ffffff;
}

.lgnsw-background-green {
    background-color: var(--lime)!important;
    color: #ffffff!important;
}

.bg-violet{
	background-color:var(--light-violet);
}

.bg-violet h1,
.bg-violet h2,
.bg-violet h3,
.bg-violet h4,
.bg-violet h5,
.bg-violet h6{
	color:var(--violet);
}

.bg-amber{
	background-color:var(--light-amber);
}

.bg-amber h1,
.bg-amber h2,
.bg-amber h3,
.bg-amber h4,
.bg-amber h5,
.bg-amber h6{
	color:var(--amber);
}

.bg-coral{
	background-color:var(--light-coral);
}

.bg-coral h1,
.bg-coral h2,
.bg-coral h3,
.bg-coral h4,
.bg-coral h5,
.bg-coral h6{
	color:var(--coral);
}

.bg-aqua{
	background-color:var(--light-aqua);
}

.bg-aqua h1,
.bg-aqua h2,
.bg-aqua h3,
.bg-aqua h4,
.bg-aqua h5,
.bg-aqua h6{
	color:var(--aqua);
}


.bg-lime{
	background-color:var(--light-lime);
}

.bg-lime h1,
.bg-lime h2,
.bg-lime h3,
.bg-lime h4,
.bg-lime h5,
.bg-lime h6{
	color:var(--lime);
}

.AmberButton,.AmberButton:visited{
	color:var(--deep-blue);
	background-color:var(--amber);
}

.LimeButton,.LimeButton:visited{
	color:var(--deep-blue);
	background-color:var(--lime);
}

.VioletButton,.VioletButton:visited{
	color:var(--deep-blue);
	background-color:var(--violet);
}

.CoralButton,.CoralButton:visited{
	color:var(--deep-blue);
	background-color:var(--coral);
}

.AquaButton,.AquaButton:visited{
	color:var(--deep-blue);
	background-color:var(--aqua);
}

.FeatureButton,
.FeatureButton:visited{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: normal;
    text-decoration: none;
    padding: 10px 25px;
    font-size: 22px;
    line-height: 1;
    border-radius: 30px;
    -webkit-user-select: none;
    user-select: none;
    transition: background 0.2s ease-out;
	color:#fff!important;
	background-color:var(--blue);
}

.FeatureButton:hover,
.FeatureButton:focus{
	text-decoration: none;
	background-color:var(--deep-blue);
}

.btn.WhiteButton, .btn.WhiteButton:visited {
    background: #fff;
    color: var(--deep-blue)!important;
}

.btn.WhiteButton:hover, .btn.WhiteButton:focus, .btn.WhiteButton:active {
    background: transparent;
    color: #fff!important;
    border-color: #fff;
}

.btn.BlackButton, .btn.BlackButton:visited {
    background: #000;
    color: #ffffff;
}

.btn.BlackButton:hover, .btn.BlackButton:focus, .btn.BlackButton:active {
    background: var(--blue);
    color: #fff!important;
    border-color: #fff;
}

.text-centre {
    text-align: center;
}


.full.noPadding > *{
	padding:0;
}

.full.noPadding .panel-body, 
.full.noPadding .PanelBody {
    padding: 0px;
}

.full.noPadding .panel,
.full.noPadding.StandardPanel {
    border: 0px;
}

.UtilityNavigation{
    display:flex;
    justify-content: flex-end;
    align-items: center;
}

.navbar-header .NavigationUnorderedList{
    display:flex;
    align-items: center;
}

.UtilityNavigationList .NavigationUnorderedList > li > a {
    display: block;
    padding: 15px 15px;
}

.ste-toggle {
    background-position: -35px -105px; 
}

a.ste-toggle {
    font-size: 0;
}

a.obo-action{
	font-size:0;
}

.aux-wrapper{
    max-width:var(--max-width);
    text-align:right;
    margin:0px auto;
    width: 100%;
    display: block!important;
}

.sign-out-link,
.loginButton a{
    display:block;
    background-color:var(--blue);
    padding: 15px 20px;
}

.header-container{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 0px;
}

@media(max-width:1250px){
	.header-container{
	    padding: 20px;
	}
}

#masterLogoArea img{
    width: 200px;
}

.social{
	display:flex;
	gap:0px 20px;
	justify-content:center;
}

.social img{
    max-width:50px;
	width:100%;
}

.social a{
	display:block;
	width:50px;
	height:50px;
}

.social a:hover img{
	transform:scale(1.1);
}

.search a,
.search a:visited{
	font-size:0;
	background-color:#fff;
	-webkit-mask-image:url(images/search.svg);
	-webkit-mask-position:center;
	-webkit-mask-size:25px 25px;
	-webkit-mask-repeat:no-repeat;
}

.search a:hover,
.search a:focus,
.search a:active{
	background-color:var(--blue);
}

@media(min-width:992px){
	.mobile-utility{display:none;}
}

@media(max-width:991px){
	.aux-wrapper{display: none!important;}

	#menuToggle{
		display:block;
		background-color:var(--deep-blue);
		width: 40px;
		height: 31px;
		-webkit-mask-image: url(images/menu-toggle.svg);
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		-webkit-mask-position: center;
	}

	.header-container {
	    display:block;
	    padding: 0;
	}

	.header-logo-container {
	    float: none;
	    padding: 20px 20px;
	}

	.header-logo-container > div{
		display:flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-utility{
		background-color: var(--light-aqua);
		display:block;
	}

	.nav-auxiliary a {
	    color: var(--deep-blue);
	    text-decoration: none;
	    text-transform: uppercase;
	    font-weight: 700;
	    line-height: 1;
	    font-size: 16px;
	}

	.nav-auxiliary .loginButton a,
	a.UtilityAuthenticationLink  {
		color:#fff;
	}

	.search a, .search a:visited{
		background-color: var(--deep-blue);
		margin-left: 15px;
		-webkit-mask-position: left;
	}
	
	.UtilityNavigation,
	#menu .nav-primary.collapse,
	.NavigationUnorderedList,
	.nav-auxiliary .NavigationListItem,
	.UtilitySection{
		display:block;
	}

	.UtilityAuthentication{
		margin:0;
	}

	.RadMenu.RadMenu_Austin .rmLink{
		color:#fff;
	}

	.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink{
		font-size:20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText {
	    padding: 6px 20px 8px 20px;
	}

	.RadMenu a.rmLink:after{
		display: none!important;
	}

	.RadMenu.RadMenu_Austin .rmToggle, 
	.RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
		display: block;
		width: 40px;
		height: 47px;
		-webkit-mask-image: url("images/arrow-down.svg");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 20px 20px;
		-webkit-mask-position: center;
		background-image: none;
		background-color: #fff;
		flex-shrink: 0;
		position: relative;
		margin: 0;
		right: auto;
	}

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

	.RadMenu.RadMenu_Austin .rmSlide ul.rmGroup{
		display: flex!important;
		flex-wrap: wrap;
		background-color:var(--light-amber);
	}
	

	.RadMenu .rmGroup .rmItem {
	    flex-shrink:0;
		display:block;
		width:100%;
	}

	.RadMenu.RadMenu_Austin .rmGroup .rmLink {
	    color: var(--deep-blue);
	}

	.RadMenu.RadMenu_Austin .rmVertical .rmItem .rmText{
		display:block;
		float: none;
	}

	.RadMenu_Austin .rmSlide .rmLink:hover, 
	.RadMenu_Austin .rmSlide .rmLink:focus, 
	.RadMenu_Austin .rmSlide .rmLink.rmFocused, 
	.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
	.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
	.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
	    background-color: transparent;
	    color: var(--deep-blue);
	}
}

.footer-content h3{
    color:#fff;
    margin:0px 0px 20px 0px;
}

.footer-nav-copyright .WTZone .row {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.footer-nav-copyright .copyright-address{
    text-align:right;
}


.bubble .carousel-caption{
	background-color:#fff;
	color:var(--deep-blue);
	text-shadow:none;
	width:auto;
	right: 50px;
	left: auto;
	bottom: 75px;
	top: auto;
	transform:none;
	padding: 45px 30px;
	font-size:24px;
	z-index: 5;
	border-radius: 35px;
	max-width: 300px;
	width: 100%;
	text-align: center;
	background: rgb(0,128,255);
	background: -moz-linear-gradient(90deg, rgba(0,128,255,1) 20%, rgba(0,0,128,1) 20%, rgba(0,0,128,1) 30%, rgba(236,28,35,1) 30%, rgba(236,28,35,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,128,255,1) 20%, rgba(0,0,128,1) 20%, rgba(0,0,128,1) 30%, rgba(236,28,35,1) 30%, rgba(236,28,35,1) 100%);
	background: linear-gradient(90deg, rgba(0,128,255,1) 20%, rgba(0,0,128,1) 20%, rgba(0,0,128,1) 30%, rgba(236,28,35,1) 30%, rgba(236,28,35,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0080ff",endColorstr="#ec1c23",GradientType=1);
}

.bubble .carousel-caption:before{
	display:block;
	content:'';
	position:absolute;
	top: 22px;
	right: 20px;
	bottom: 23px;
	left: 20px;
	background:#fff;
	border-radius: 18px;
	z-index:-1;
}

.bubble .carousel-caption:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	bottom: -24px;
	width: 70px;
	height: 104px;
	background-image: url(images/bubble-tail2.svg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: -1;
}

.bubble .carousel-caption h1,
.bubble .carousel-caption h2,
.bubble .carousel-caption h3,
.bubble .carousel-caption h4,
.bubble .carousel-caption h5,
.bubble .carousel-caption h6{
	font-size: 36px;
	text-transform: uppercase;
}

.carousel-control{
	display:none;
}

.carousel-indicators li {
    width: 15px;
    height: 12px;
    margin: 0px 3px;
    border-radius: 12px;
}


.carousel-caption {
    position: absolute;
    left: 15%;
    right: auto;
    bottom: auto;
    z-index: 10;
    padding:20px;
    color: var(--deep-blue);
    background-color:#fff;
    text-align: left;
    text-shadow: none;
    top:50%;
    font-size: 24px;
    transform:translateY(-50%);
}

@media(max-width:991px){
	.bubble .carousel-caption{
		left:5%;
		right:5%;
		margin:auto;
		bottom:40px;
	}
}

.largeCaption .carousel-inner.bg-img > .item{
	background:none;
}

.largeCaption{
	--slide-heading-color:var(--aqua);
	--slide-background-color:var(--light-aqua);
}


.largeCaption .wrapper{
	display:block;
}

.largeCaption .carousel-caption{
	left:0;
	right:auto;
	width:50%;
	top:0;
	bottom:0;
	transform: none;
	background-color: var(--slide-background-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.largeCaption .violet{
	--slide-heading-color:var(--violet);
	--slide-background-color:var(--light-violet);
}

.largeCaption .amber{
	--slide-heading-color:var(--amber);
	--slide-background-color:var(--light-amber);
}

.largeCaption .coral{
	--slide-heading-color:var(--coral);
	--slide-background-color:var(--light-coral);
}

.largeCaption .lime{
	--slide-heading-color:var(--lime);
	--slide-background-color:var(--light-lime);
}

.largeCaption .carousel-caption h1,
.largeCaption .carousel-caption h2,
.largeCaption .carousel-caption h3,
.largeCaption .carousel-caption h4,
.largeCaption .carousel-caption h5,
.largeCaption .carousel-caption h6{
	color:var(--slide-heading-color);
}

.largeCaption .img{
	position:absolute;
	width:50%;
	right:0;
	left:auto;
	background-position:center;
	background-size:cover;
	display: block;
	top: 0;
	bottom: 0;
}

.largeCaption .carousel-caption .corner{
	max-width: 75%;
	position:relative;
	padding: 35px;
}


.largeCaption .carousel-caption .corner:after{
	display:block;
	content:'';
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	height: 10px;
	width: 100%;
	background-color:var(--deep-blue);
	border-radius:15px;
}

.largeCaption .carousel-caption .corner:before{
	display:block;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width: 10px;
	height: 100%;
	background-color:var(--deep-blue);
	border-radius:15px;
}

.largeCaption .link{
	position:absolute;
	display:block;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index: 200;
}

.largeCaption:hover .TextButton,
.largeCaption:focus .TextButton,
.largeCaption:active .TextButton{
	background-color:var(--blue);
}

.largeCaption .carousel-indicators{
	bottom: 10px;
	left: 0;
	width: 50%;
	right: auto;
	margin: 0;
	text-align: right;
	padding: 0px 30px 0px 0px;
}

.largeCaption .carousel-indicators li{
	border-color:var(--deep-blue);
	margin:0px 3px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
}

.largeCaption .carousel-indicators .active{
	background-color:var(--deep-blue);
	margin:0px 3px;
}

@media(max-width:991px){
	.largeCaption .img,
	.largeCaption .carousel-caption{
		position:relative;
		width:100%;
	}

	.largeCaption .carousel-inner.bg-img > .item{
		height:auto!important;
	}

	.largeCaption .img{
		height: 300px!important;
	}

	.largeCaption .carousel-caption .corner{
		max-width:100%;
	}

	.largeCaption .carousel-indicators{
		width:100%;
		text-align:center;
		padding:0;
		z-index: 300;
	}

	.largeCaption .carousel-caption{
		padding-bottom:40px;
	}
}



/**Tagged list format**/
.homeNews .TaggedListPanel{
    display:flex;
    gap: 40px 0px 0px 0px;
    justify-content: space-between;
}

.homeNews .TaggedListPanel div:last-child{display:none;}

.homeNews .BlockTLItem{border:0;width: 32%;}

.homeNews .contentTaggedListImageThumbnail{
	border:0;
}

.homeNews h4 a{
	text-decoration:none;
	font-weight:700;
	color:var(--deep-blue);
	font-size: 24px;
}

.homeNews .content{
	display:block;
	padding:20px;
	text-align:center;
	
}

.homeNews .PublishDate{
	text-transform:uppercase;
	display:block;
	font-style:normal;
	font-weight:bold;
	font-size: 18px;
}

.homeNews .newsImage {
    display: block;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    color: transparent;
    margin-bottom: 0px;
    font-size: 0;
}

.homeNews .desc{
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	text-align: left;
}

@media(max-width:991px){
	/**Tagged list format**/
	.homeNews .TaggedListPanel{
	    display:block;
	   
	}

	.homeNews .BlockTLItem {
	    border: 0;
	    width: 100%;
		max-width:400px;
		margin:0px auto;
	}
}

/**Contractor homepage**/

.contractor tbody{
    display:block; 
}

.contractor .panel-title,
.contractor .panel-heading.Distinguish{
	margin-bottom:10px;
	border: 0;
}

.contractor h4{ 
    display:inline-block;
}

.contractor h6{
    display:inline-block;
    margin-top:15px;
    margin-right: 5px;
}

.contractor .RadGrid_MetroTouch .rgSelectedRow {
    color: var(--deep-blue)!important;
}

.contractor .RadGrid_MetroTouch .rgAltRow {
    background-color: rgba(255,255,255,0.6)!important;
}

.contractor tr{
    padding: 15px;
    display: block;
}

.contractor thead{display:none;}

.contractor.current tbody{
    background-color:var(--light-aqua);
}

.contractor.past tbody{
    background-color:var(--light-violet);
}

.contractor.approved tbody{
    background-color:var(--light-lime);
}

.contractor.pending tbody{
    background-color:var(--light-amber);
}

.contractor.rejected tbody{
    background-color:var(--light-coral);
}

.contractor td{
    display:block;
}

.contractor a{
    text-align:right;
    display: block;
}

.contractor .Collapsible{
	display: block;
	padding: 15px 15px;
	background-color:var(--qs-light-grey);
	position:relative;
}

.contractor .Collapsible a{
    text-align:left;
    
}

.contractor .Collapsible{
	--system-icon-color:var(--deep-blue);
	--system-icon-color-hover:var(--blue);
}

.contractor .Collapsible .panel-title,
.contractor .Collapsible .panel-heading.Distinguish{
	margin:0;
}

.contractor .Collapsible .panel-heading-options {
	position:absolute;
	right: 15px;
	top: 17px;
}

.contractor.pending .Collapsible{
	background-color:var(--light-amber);
}

.contractor.approved .Collapsible{
	background-color:var(--light-lime);
}

.contractor.rejected .Collapsible{
	background-color:var(--light-coral);
}

.contractor.past .Collapsible{
	background-color:var(--light-violet);
}

.contractor.current .Collapsible{
	background-color:var(--light-aqua);
}

.contractor.mixed tr{
	position:relative;
}


.contractor.mixed .colourBlock{
	display:block;
	background-color: var(--light-aqua);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: -1;
}

.contractor.mixed .colourBlock.Approved{
	background-color: var(--light-lime);
}

.contractor.mixed .colourBlock.Rejected{
	background-color: var(--light-coral);
}

.contractor.mixed .colourBlock.Pending{
	background-color: var(--light-amber);
}

.contractor.current{
	.PrimaryButton{
		margin-top:20px;
	}
}

/**text elements**/
.LGNSW-tag{
  line-height: 1.4em;
  font-size: 30px;
  max-width: 750px;
  margin: 50px auto;
  font-weight: 700;
}

@media only screen and (max-width: 767px){
	.LGNSW-tag {
	margin: 20px auto;
	}
} 

@media only screen and (min-width: 768px){
	.LGNSW-tag {
	margin: 50px auto 50px auto;
	}
}


.icon-cta a{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:20px;
	background:var(--deep-blue);
	color:#fff;
	padding:20px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:900;
	font-size: 30px;
	line-height:1.1;
	min-height: 110px;
}

.icon-cta a > span{
	display:flex;
	justify-content: center;
	align-items:center;
	gap:0px 20px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.icon-cta p{margin:0;}

.icon-cta.red a{
	background-color:var(--red);
}

.icon-cta.blue a{
	background-color:var(--blue);
}

.icon-cta.aqua a{
	background-color:var(--aqua);
}

.icon-cta.coral a{
	background-color:var(--coral);
}

.icon-cta.violet a{
	background-color:var(--violet);
}

.icon-cta.amber a{
	background-color:var(--amber);
}

.icon-cta.lime a{
	background-color:var(--lime);
}


.icon-cta a:hover > span,
.icon-cta a:focus > span{
	gap:0px 30px;
}

.icon-cta a:hover img,
.icon-cta a:focus img{
	margin-right:-10px;
}

@media(max-width:991px){
	.icon-cta{
		margin-bottom:20px;
	}
}

.homeEvents .QueryTemplateItem.card,
.homeEvents .card-body{
	border:0;
	padding:0;
}

.homeEvents .image{
	display:block;
	width:100%;
	height:200px;
	background-position:center;
	background-size:cover;
	font-size:0;
}

.homeEvents .title {
    text-decoration: none;
    font-weight: 700;
    color: var(--deep-blue);
    font-size: 24px;
    line-height: normal;
    display:block;
    margin: 0 0 .2em;
}

.homeEvents .content{
	display:block;
	padding:20px;
	text-align:center;
}

.homeEvents .dates {
    text-transform: uppercase;
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}

.homeEvents .desc{
	text-align:left;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

@media(max-width:991px){
	.homeEvents .QueryTemplateSet{
		display:block;
	}

	.homeEvents .col{
		display:block;
		max-width:400px;
		margin:0px auto;
	}
}

.link-stack ul{
	list-style:none;
	margin:0;
	padding:0;
}

.link-stack ul li{
	margin-bottom:5px;
}

.link-stack ul a,
.link-stack ul a:visited{
	text-decoration:none;
	color:var(--deep-blue);
	font-weight:bold;
}

.link-stack ul a:hover,
.link-stack ul a:focus{
	color:var(--blue);
}

/*javascript filtering*/

.filterBox{
    background-color:var(--deep-blue);
    padding: 15px;
    border-radius: 0;
    color:#fff;
    margin-bottom:20px;
}

.filterBox span,
.filterBox a{
  display:block;
  border-radius:100px;
  border:1px solid #fff;
  padding: 2px 15px;
  margin: 12px 0px;
  line-height: 1.4;
  text-decoration: none;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  color:#fff;
  transition: all .2s ease-in;
}

.filterBox span:hover,
.filterBox span.activeBtn,
.filterBox a:hover,
.filterBox a.activeBtn{
  cursor:pointer;
  background-color:#fff;
  color:var(--deep-blue);
}

/*General events*/

.generalEvents .rgRow,
.generalEvents .rgAltRow{
   width: 32%;
   display:inline-block;
   margin: 20px 0.5% 0px 0.5%;
   vertical-align:top;
   border-bottom: 0px;
   padding: 0px;
   background:#fff;
  }

.generalEvents .eventBlock{
  position:relative;
  width: 100%;
  display: block;
}

.generalEvents .image{
  width:100%;
  height:200px;
  display:block;
  background-position:center;
  background-size:cover;
}

.generalEvents .title{
   font-size: 1.3em;
   font-weight: 700;
   margin: 25px 0 10px;
   padding: 0;
   line-height: 1.1em;
   display:block;
}

.generalEvents .RadGrid_MetroTouch .rgSelectedRow {
    color: var(--deep-blue)!important;
}

.generalEvents .date-circle{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #000;
    font-weight: 600;
    line-height: 17px;
    padding-top: 8px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    position:absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -25px;
}

.generalEvents .type:before{
  display:block;
  content:"Regular Event";
  color: #000;
  margin:10px 20px;
  position:absolute;
  font-weight: 500;
}


.hidden{
  display:none!important;
}

/*events*/
.generalEvents #EVNT.type:before{
  content:"Events";
  color: var(--blue);
}

.generalEvents .date-circle.EVNT{
  background-color: var(--blue);
}

/*award*/
.generalEvents #AWRD.type:before{
  content:"Awards";
  color: var(--deep-blue);
}

.generalEvents .date-circle.AWRD{
  background-color: var(--deep-blue);
}

/*conference*/
.generalEvents #CONF.type:before{
  content:"Conferences";
  color: var(--aqua);
}

.generalEvents .date-circle.CONF{
  background-color: var(--aqua);
}

/*forum*/
.generalEvents #FORM.type:before{
  content:"Forums";
  color: var(--lime);
}

.generalEvents .date-circle.FORM{
  background-color: var(--lime);
}

/*learning*/
.generalEvents #LERN.type:before{
  content:"Learning";
  color:  var(--coral);
}

.generalEvents .date-circle.LERN{
  background-color: var(--coral);
}

/*policy*/
.generalEvents #PLCY.type:before{
  content:"Policy";
  color:  var(--red);
}

.generalEvents .date-circle.PLCY{
  background-color: var(--red);
}


/*meeting*/
.generalEvents #MEET.type:before{
  content:"Meeting";
  color:  var(--violet);
}

.generalEvents .date-circle.MEET{
  background-color: var(--violet);
}




.generalEvents .date-circle .day {
    display: block;
    font-size: 24px;
    margin-bottom: 1px;
}

.generalEvents .content{
  padding:20px 20px;
  display:block;
  background: #fff;

}

.generalEvents .date{
  display:block;
  margin-bottom: 10px;
  color: var(--deep-blue);
  font-weight: 600;
  font-style:normal;
  position:relative;
  padding-left: 22px;
}

.generalEvents .date:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    background-color:var(--deep-blue);
    -webkit-mask-image: url(images/Calendar-blue.svg);
    height: 17px;
    width: 14px;
    top: 8px;
}

.generalEvents .address{
  position:relative;
  padding-left: 22px;
  display: block;
}

.generalEvents .dot{
  display:inline-block;
  width:7px;
  background-color:var(--deep-blue);
  border-radius:7px;
  height:7px;
  vertical-align:middle;
  margin:0px 5px;
}

.generalEvents .address:before{
    -webkit-mask-image: url("images/Location-blue.svg");
    height: 17px;
    width: 14px;
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 8px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    background-color:var(--deep-blue);
}


@media(max-width:1000px){
   .generalEvents .rgRow, 
   .generalEvents .rgAltRow {
      width: 49%;
      display: inline-block;
      margin: 20px 0.5% 0px 0.5%;
      vertical-align: top;
      border-bottom: 0px;
      padding: 0px;
      background: #fff;
  }
}

@media(max-width:767px){

  .generalEvents .rgRow,
  .generalEvents .rgAltRow{
     max-width:316px;
     width: 100%;
     display:block;
     margin:20px auto;
     vertical-align:top;
     border-bottom: 0px;
     padding: 0px;
     margin-bottom: 20px;
    }

  
}


.generalEvents .RadGrid_MetroTouch tr td{
  width:100%;
  display: block;
}

.EventDisplay .PricingData:before {
    padding-bottom: 1em;
    content:"Please choose either 'Register Myself' or 'Register Someone Else' above and then choose a Registration Option if available, before proceeding to the checkout.";
    font-weight:bold;
    display:block;
}


a.read-more{
	text-transform:uppercase;
	text-decoration: none!important;
	font-weight:bold;
	color: var(--deep-blue)!important;
}

.generalEvents .btn{
	margin-top:30px;
}

.RadGrid.RadGrid .rgRow a.btn,
.RadGrid.RadGrid .rgAltRow a.btn,
.RadGrid.RadGrid .rgRow a.btn:visited,
.RadGrid.RadGrid .rgAltRow a.btn:visited,
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow a.btn{
	color: #fff!important;
	text-decoration:none!important;
}

/****General newsfeed****/

.BlockTLItem.generalNews{
  border:0px;
  max-width:32%;
  display:inline-block;
  vertical-align:top;
margin: 0px 0.4% 20px 0.4%;
}

.BlockTLItem.generalNews.four{
  border:0px;
  max-width:23%;
  display:inline-block;
  vertical-align:top;
margin: 0px 0.4% 20px 0.4%;
}

.generalNews img{
  border:0px;
  width:100%;
  display:block;
  margin-bottom:10px;
}

.image-center{
  position:relative;
  overflow:hidden;
  height:200px;
  width:100%;
  display:block;
}

.image-center img{
  max-width: initial;
  margin:0px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

.generalNews h4 {
    font-size: 1.3em;
    font-weight: 700;
    margin: 20px 0 10px;
    padding: 0;
    line-height: 1.1em;
}

.generalNews h4 a{
  color: var(--deep-blue);
  text-decoration: none;
}

.generalNews .PublishDate{
  display:block;
  color: var(--deep-blue);
  font-weight: 600;
  font-style:normal;
  position:relative;
  padding-left:25px;
  margin:10px 0px;
  font-size:20px;
}

.generalNews .filterTag{
  display:inline-block;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  background: var(--deep-blue);
  padding:5px 15px 2px 15px;
  border-radius:100px;
  color:#fff;
  margin-bottom: 10px;
}

.generalNews .PublishDate:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    background-color:var(--deep-blue);
    -webkit-mask-image: url(images/Calendar-blue.svg);
    height: 17px;
    width: 14px;
    top: 7px;
}

.generalNews .read-more a{
	margin-top:15px;
}

@media(max-width:767px){
  .BlockTLItem.generalNews{
    max-width:100%;
    display:block;
  }

}



/*card*/

.card.card-icon {
    margin-top: 30px;
}
.card.card-icon .card-body {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    
}
.card.card-icon .card-body:hover {
    color: #fff;
    cursor: pointer;
}
.card.card-icon img {
    width: 20%;
}
.card.card-icon p {
    padding-top: 8pt;
    margin-bottom: 0;
	}
/**************************************************  Cards - General Content  ************/
.card-detail {
    border: none;
    border-radius: none;
    background-color: transparent;
}
/**************************************************  Cards - Category  ************/
.card-category {
    text-align:center;
}
.card-category h1, .card-category h2, .card-category h3, .card-category h4, .card-category h5, .card-category h6{
    text-transform: uppercase;
    font-weight: 400!important;
    margin-top: 20px;
}
.card-category .card-top {
    padding-top: 20px;
    display: block;
}
.card-category .container-center-me, .card-category img {
    height: 100px!important;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
/**************************************************  Cards - Grid  ************/
.cards-grid {
    margin: 0 1%;
}
.card-full {
    margin: 0 1% 0px;
    width: 98%;
}
.card-full .card{
    border-radius: 0;
    width: 100%;
}
.card-full .img-responsive, .card-full .img-responsive img {
    /*max-height: 360px;
    height: 100%;*/
}
@media only screen and (min-width: 575px) {
    .card-full .img-responsive, .card-full .img-responsive img {
        height: 100%;
    }
    .card-full {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
    }
    .card-full .card {
        flex-direction: initial;
        margin: 0 1% 20px;
        border-radius: 0;
        border: none;
    }
}
.cards-grid {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
}
@media only screen and (min-width: 768px) {
	.cards-grid {
		margin-top: 0;
	}
}
.cards-grid > .card {
    border-radius: 0;
    border: none;
    background-color: transparent;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
   .cards-grid > .card .img-responsive, .card-full .img-responsive {
        height: inherit;
    }
    .cards-grid > .card .img-responsive img, .card-full .img-responsive img {
        max-width: 100%;
        left: inherit;
        max-height: 300px;
    }
}
@media only screen and (min-width: 576px) {
    .cards-grid > .card {
        -ms-flex: 0 0 31.333333%;
        flex: 0 0 31.333333%;
        max-width: 31.333333%;
        margin: 0px 1% 20px;
    }
}
.cards-grid .img-responsive, .cards-grid .img-responsive img {
    max-height: 130px;
    /*height: 100%;*/
}
.card {
    border: none;
    background:transparent;
    border-radius: 0;
    display: block;
    margin: 20px 0px;
}
.card-top {
    position: relative;
}
.cards-grid .card-body {
    padding-bottom: 0;
    padding-top: 0;
}
.card-full .card-top, .card-full .card-body {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
@media only screen and (min-width: 575px) {
    .card-full .card-top, .card-full .card-body {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.card-full .card-body {
    padding-left: 2.6rem;
    border: none
}
.card-caption h5, .card-caption .h5, .news-caption h5, .news-caption .h5, .event-caption h5, .event-caption .h5 {
    font-size: 1.3em;
    font-weight: 700;
    margin: 20px 0 5px;
    padding: 0;
    line-height: 1.1em;
}
.cards-grid .card-caption h5, .cards-grid .card-caption .h5, .cards-grid .news-caption h5, .cards-grid .news-caption .h5, .cards-grid .event-caption h5, .cards-grid .event-caption .h5 {
    margin-top: 40px;
}
/**************************************************  Cards - Event  ************/
.detail-event-card {
    background-color: transparent;
    border: none;
}
/**************************************************  Cards - News  ************/
.card.news-card {
    background-color: transparent;
    border: none;
    margin: 0;
}
@media only screen and (min-width: 680px) {
    .card.news-card {
        margin: 20px 20px 20px 5em;
    }
}
.header-img {
    padding-left: 25%;
    margin-left: 0px !important;
}

/*callout*/

.info-callout {
    display: block;
    padding: 25px 35px;
    position: relative;
}

.info-callout:after{
	display:block;
	content:'';
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	height: 10px;
	width: 100%;
	background-color:var(--deep-blue);
	border-radius:15px;
}

.info-callout:before{
	display:block;
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width: 10px;
	height: 100%;
	background-color:var(--deep-blue);
	border-radius:15px;
}


/*sidemenu*/

.sidemenu {
	display:block;
	padding:20px;
}

.sidemenu ul, .sidemenu ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidemenu li {
    line-height: 2em;
}


.sidemenu.info-callout{
	background-color:var(--light-aqua)!important;
}

.sidemenu.info-callout:before,
.sidemenu.info-callout:after{
	display:none;
}

a.readmore,
.read-more a{
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}

a.readmore:after,
.read-more a:after{
	display:inline-block;
	content:'';
	width: 10px;
	height: 14px;
	background-color:var(--blue);
	margin-left: 12px;
	-webkit-mask-image:url(images/arrow-right.svg);
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
}

a.readmore:hover:after,
a.readmore:focus:after,
.read-more a:hover:after,
.read-more a:focus:after{
	background-color:var(--red);
}

a.readmore:visited:after,
.read-more a:visited:after{
	background-color:var(--violet);
}

a.link-arrow {
    text-transform: uppercase;
}
a.link-arrow:after {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(images/Arrow.svg);
    background-color:var(--deep-blue);
    margin-left: 5px;
    margin-top: 3px;
}


.page-heading{
	display:block;
	
	font-size:28px;
	font-weight:bold;
	position: relative;
	padding: 10px;
	margin-bottom: 40px;
	background-color:var(--light-aqua);
	margin-top:20px;
}

.page-heading .iMIS-WebPart > .ContentItemContainer, 
.page-heading .WebPartZone > .ContentItemContainer {
    margin-bottom: 0px;
}


/*p tags*/
.info-venue, .info-contact, .date, .venue {
    padding: 0px 0px 0px 24px;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.info-contact:before {
    top: 6px;
}
.info-contact:before {
    -webkit-mask-image: url(images/address-blue.svg);
	-webkit-mask-position:center;
	background-color:var(--deep-blue);
    height: 17px;
    width: 14px;
    top: 0.6em;
}
.info-venue:before, .info-contact:before, .date:before, .venue:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.info-venue:before, .venue:before {
    background-image: url(images/Location-blue.svg);
    height: 17px;
    width: 14px;
    top: .2em;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

.btn-link:hover{
  text-decoration:underline;
}


/**************************************************  Gaps  ************/
.gap-5 {
    height: 5px;
}
.gap-10 {
    height: 10px;
}
.gap-20 {
    height: 20px;
}
.gap-30 {
    height: 30px;
}
.gap-40 {
    height: 40px;
}
.gap-50 {
    height: 50px;
}
.gap-60 {
    height: 60px;
}
.gap-70 {
    height: 70px;
}
.gap-80 {
    height: 80px;
}
.gap-90 {
    height: 90px;
}
/**************************************************  widths  ************/
.width-5 {
    width: 5%;
}
.width-10 {
    width: 10%;
}
.width-20 {
    width: 20%;
}
.width-30 {
    width: 30%;
}
.width-40 {
    width: 40%;
}
.width-50 {
    width: 50%;
}
.width-60 {
    width: 60%;
}
.width-70 {
    width: 70%;
}
.width-80 {
    width: 80%;
}
.width-90 {
    width: 90%;
	}



/*icons*/

.btn-icon em {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: baseline;
}

.link-icon {
    position: relative;
}

.link-icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
}

.icon-stack {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    width: auto;
}

.link-icon:before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    display: block;
    width: 75px;
    height: 75px;
    content: "";
    left: auto;
    right: auto;
    margin: 0;
}


.icon-stack:before {
    position: static;
    margin: 0 auto 20px;
}


@media(max-width:767px){

  .icon-stack{
  margin-bottom:20px;
}

}

.address.icon-white:before,
.address.icon-white:after {
    background-image: url("images/icons/address-white.svg");
}
.address.icon-black:before,
.address.icon-black:after {
    background-image: url("images/icons/address-black.svg");
}
.address.icon-blue:before,
.address.icon-blue:after {
    background-image: url("images/icons/address-blue.svg");
}
.address.icon-bright-blue:before,
.address.icon-bright-blue:after {
    background-image: url("images/icons/address-bright-blue.svg");
}
.address.icon-orange:before,
.member.icon-orange:after {
    background-image: url("images/icons/address-orange.svg");
}
.address.icon-green:before,
.address.icon-green:after {
    background-image: url("images/icons/address-green.svg");
}
.address.icon-red:before,
.address.icon-red:after {
    background-image: url("images/icons/address-red.svg");
}
.address.icon-bright-red:before,
.address.icon-bright-red:after {
    background-image: url("images/icons/address-bright-red.svg");
}
.arrow.icon-white:before,
.arrow.icon-white:after,
.link-arrow.icon-white:after {
    background-image: url("images/icons/Arrow_White.svg");
}
.arrow.icon-black:before,
.arrow.icon-black:after {
    background-image: url("images/icons/Arrow.svg");
}
.arrow.icon-blue:before,
.arrow.icon-blue:after {
    background-image: url("images/icons/Arrow-blue.svg");
}
.arrow.icon-bright-blue:before,
.arrow.icon-bright-blue:after {
    background-image: url("images/icons/Arrow-bright-blue.svg");
}
.arrow.icon-orange:before,
.arrow.icon-orange:after {
    background-image: url("images/icons/arrow-orange.svg");
}
.arrow.icon-green:before,
.arrow.icon-green:after {
    background-image: url("images/icons/Arrow-green.svg");
}
.arrow.icon-red:before,
.arrow.icon-red:after {
    background-image: url("images/icons/Arrow_red.svg");
}
.arrow.icon-bright-red:before,
.arrow.icon-bright-red:after {
    background-image: url("images/icons/Arrow_bright-red.svg");
}
.calendar.icon-white:before,
.calendar.icon-white:after {
    background-image: url("images/icons/Calendar-white.svg");
}
.calendar.icon-black:before,
.calendar.icon-black:after {
    background-image: url("images/icons/Calendar-black.svg");
}
.calendar.icon-blue:before,
.calendar.icon-blue:after {
    background-image: url("images/icons/Calendar-blue.svg");
}
.calendar.icon-bright-blue:before,
.calendar.icon-bright-blue:after {
    background-image: url("images/icons/Calendar-bright-blue.svg");
}
.calendar.icon-orange:before,
.calendar.icon-orange:after {
    background-image: url("images/icons/Calendar-orange.svg");
}
.calendar.icon-green:before,
.calendar.icon-green:after {
    background-image: url("images/icons/Calendar-green.svg");
}
.calendar.icon-red:before,
.calendar.icon-red:after {
    background-image: url("images/icons/Calendar-red.svg");
}
.calendar.icon-bright-red:before,
.calendar.icon-bright-red:after {
    background-image: url("images/icons/Calendar-bright-red.svg");
}
.ticket.icon-white:before,
.ticket.icon-white:after {
    background-image: url("images/icons/Cost-Ticket-white.svg");
}
.ticket.icon-black:before,
.ticket.icon-black:after {
    background-image: url("images/icons/Cost-Ticket-black.svg");
}
.ticket.icon-blue:before,
.ticket.icon-blue:after {
    background-image: url("images/icons/Cost-Ticket-blue.svg");
}
.ticket.icon-bright-blue:before,
.ticket.icon-bright-blue:after {
    background-image: url("images/icons/Cost-Ticket-bright-blue.svg");
}
.ticket.icon-orange:before,
.ticket.icon-orange:after {
    background-image: url("images/icons/Cost-Ticket-orange.svg");
}
.ticket.icon-green:before,
.ticket.icon-green:after {
    background-image: url("images/icons/Cost-Ticket-green.svg");
}
.ticket.icon-red:before,
.ticket.icon-red:after {
    background-image: url("images/icons/Cost-Ticket-red.svg");
}
.ticket.icon-bright-red:before,
.ticket.icon-bright-red:after {
    background-image: url("images/icons/Cost-Ticket-bright-red.svg");
}
.advocacy-i.icon-white:before,
.advocacy-i.icon-white:after {
    background-image: url("images/icons/LG_Advocacy_white.svg");
}
.advocacy-i.icon-black:before,
.advocacy-i.icon-black:after {
    background-image: url("images/icons/LG_Advocacy_black.svg");
}
.advocacy-i.icon-blue:before,
.advocacy-i.icon-blue:after {
    background-image: url("images/icons/LG_Advocacy_blue.svg");
}
.advocacy-i.icon-bright-blue:before,
.advocacy-i.icon-bright-blue:after {
    background-image: url("images/icons/LG_Advocacy_bright-blue.svg");
}
.advocacy-i.icon-orange:before,
.advocacy-i.icon-orange:after {
    background-image: url("images/icons/LG_Advocacy_orange.svg");
}
.advocacy-i.icon-green:before,
.advocacy-i.icon-green:after {
    background-image: url("images/icons/LG_Advocacy_green.svg");
}
.advocacy-i.icon-red:before,
.advocacy-i.icon-red:after {
    background-image: url("images/icons/LG_Advocacy_red.svg");
}
.advocacy-i.icon-bright-red:before,
.advocacy-i.icon-bright-red:after {
    background-image: url("images/icons/LG_Advocacy_bright-red.svg");
}
.join.icon-white:before,
.join.icon-white:after {
    background-image: url("images/icons/LG_Become-Member_white.svg");
}
.join.icon-black:before,
.join.icon-black:after {
    background-image: url("images/icons/LG_Become-Member_black.svg");
}
.join.icon-blue:before,
.join.icon-blue:after {
    background-image: url("images/icons/LG_Become-Member_blue.svg");
}
.join.icon-bright-blue:before,
.join.icon-bright-blue:after {
    background-image: url("images/icons/LG_Become-Member_bright-blue.svg");
}
.join.icon-orange:before,
.join.icon-orange:after {
    background-image: url("images/icons/LG_Become-Member_orange.svg");
}
.join.icon-green:before,
.join.icon-green:after {
    background-image: url("images/icons/LG_Become-Member_green.svg");
}
.join.icon-red:before,
.join.icon-red:after {
    background-image: url("images/icons/LG_Become-Member_red.svg");
}
.join.icon-bright-red:before,
.join.icon-bright-red:after {
    background-image: url("images/icons/LG_Become-Member_bright-red.svg");
}
.council.icon-white:before,
.council.icon-white:after {
    background-image: url("images/icons/LG_Council_white.svg");
}
.council.icon-black:before,
.council.icon-black:after {
    background-image: url("images/icons/LG_Council_black.svg");
}
.council.icon-blue:before,
.council.icon-blue:after {
    background-image: url("images/icons/LG_Council_blue.svg");
}
.council.icon-bright-blue:before,
.council.icon-bright-blue:after {
    background-image: url("images/icons/LG_Council_bright-blue.svg");
}
.council.icon-orange:before,
.council.icon-orange:after {
    background-image: url("images/icons/LG_Council_orange.svg");
}
.council.icon-green:before,
.council.icon-green:after {
    background-image: url("images/icons/LG_Council_green.svg");
}
.council.icon-red:before,
.council.icon-red:after {
    background-image: url("images/icons/LG_Council_red.svg");
}
.council.icon-bright-red:before,
.council.icon-bright-red:after {
    background-image: url("images/icons/LG_Council_bright-red.svg");
}
.groups.icon-white:before,
.groups.icon-white:after {
    background-image: url("images/icons/LG_Groups_white.svg");
}
.groups.icon-black:before,
.groups.icon-black:after {
    background-image: url("images/icons/LG_Groups_black.svg");
}
.groups.icon-blue:before,
.groups.icon-blue:after {
    background-image: url("images/icons/LG_Groups_blue.svg");
}
.groups.icon-bright-blue:before,
.groups.icon-bright-blue:after {
    background-image: url("images/icons/LG_Groups_bright-blue.svg");
}
.groups.icon-orange:before,
.groups.icon-orange:after {
    background-image: url("images/icons/LG_Groups_orange.svg");
}
.groups.icon-green:before,
.groups.icon-green:after {
    background-image: url("images/icons/LG_Groups_green.svg");
}
.groups.icon-red:before,
.groups.icon-red:after {
    background-image: url("images/icons/LG_Groups_red.svg");
}
.groups.icon-bright-red:before,
.groups.icon-bright-red:after {
    background-image: url("images/icons/LG_Groups_bright-red.svg");
}
.support.icon-white:before,
.support.icon-white:after {
    background-image: url("images/icons/LG_Member-Support_white.svg");
}
.support.icon-black:before,
.support.icon-black:after {
    background-image: url("images/icons/LG_Member-Support_black.svg");
}
.support.icon-blue:before,
.support.icon-blue:after {
    background-image: url("images/icons/LG_Member-Support_blue.svg");
}
.support.icon-bright-blue:before,
.support.icon-bright-blue:after {
    background-image: url("images/icons/LG_Member-Support_bright-blue.svg");
}
.support.icon-orange:before,
.support.icon-orange:after {
    background-image: url("images/icons/LG_Member-Support_orange.svg");
}
.support.icon-green:before,
.support.icon-green:after {
    background-image: url("images/icons/LG_Member-Support_green.svg");
}
.support.icon-red:before,
.support.icon-red:after {
    background-image: url("images/icons/LG_Member-Support_red.svg");
}
.support.icon-bright-red:before,
.support.icon-bright-red:after {
    background-image: url("images/icons/LG_Member-Support_bright-red.svg");
}
.value.icon-white:before,
.value.icon-white:after {
    background-image: url("images/icons/LG_Member-Value_white.svg");
}
.value.icon-black:before,
.value.icon-black:after {
    background-image: url("images/icons/LG_Member-Value_black.svg");
}
.value.icon-blue:before,
.value.icon-blue:after {
    background-image: url("images/icons/LG_Member-Value_blue.svg");
}
.value.icon-bright-blue:before,
.value.icon-bright-blue:after {
    background-image: url("images/icons/LG_Member-Value_bright-blue.svg");
}
.value.icon-orange:before,
.value.icon-orange:after {
    background-image: url("images/icons/LG_Member-Value_orange.svg");
}
.value.icon-green:before,
.value.icon-green:after {
    background-image: url("images/icons/LG_Member-Value_green.svg");
}
.value.icon-red:before,
.value.icon-red:after {
    background-image: url("images/icons/LG_Member-Value_red.svg");
}
.value.icon-bright-red:before,
.value.icon-bright-red:after {
    background-image: url("images/icons/LG_Member-Value_bright-red.svg");
}
.submissions:before,
.submissions:after,
.submission.icon-white:before,
.submission.icon-white:after {
    background-image: url("images/icons/LG_Submissions_white.svg");
}
.submission.icon-black:before,
.submission.icon-black:after {
    background-image: url("images/icons/LG_Submissions_black.svg");
}
.submission.icon-blue:before,
.submission.icon-blue:after {
    background-image: url("images/icons/LG_Submissions_blue.svg");
}
.submission.icon-bright-blue:before,
.submission.icon-bright-blue:after {
    background-image: url("images/icons/LG_Submissions_bright-blue.svg");
}
.submission.icon-orange:before,
.submission.icon-orange:after {
    background-image: url("images/icons/LG_Submissions_orange.svg");
}
.submission.icon-green:before,
.submission.icon-green:after {
    background-image: url("images/icons/LG_Submissions_green.svg");
}
.submission.icon-red:before,
.submission.icon-red:after {
    background-image: url("images/icons/LG_Submissions_red.svg");
}
.submission.icon-bright-red:before,
.submission.icon-bright-red:after {
    background-image: url("images/icons/LG_Submissions_bright-red.svg");
}
.subcribe.icon-white:before,
.subcribe.icon-white:after {
    background-image: url("images/icons/LG_Subscribe_white.svg");
}
.subcribe.icon-black:before,
.subcribe.icon-black:after {
    background-image: url("images/icons/LG_Subscribe_black.svg");
}
.subcribe.icon-blue:before,
.subcribe.icon-blue:after {
    background-image: url("images/icons/LG_SSubscribe_blue.svg");
}
.subcribe.icon-bright-blue:before,
.subcribe.icon-bright-blue:after {
    background-image: url("images/icons/LG_Subscribe_bright-blue.svg");
}
.subcribe.icon-orange:before,
.subcribe.icon-orange:after {
    background-image: url("images/icons/LG_Subscribe_orange.svg");
}
.subcribe.icon-green:before,
.subcribe.icon-green:after {
    background-image: url("images/icons/LG_Subscribe_green.svg");
}
.subcribe.icon-red:before,
.subcribe.icon-red:after {
    background-image: url("images/icons/LG_Subscribe_red.svg");
}
.subcribe.icon-bright-red:before,
.subcribe.icon-bright-red:after {
    background-image: url("images/icons/LG_Subscribe_bright-red.svg");
}
.location.icon-white:before,
.location.icon-white:after {
    background-image: url("images/icons/Location-white.svg");
}
.location.icon-black:before,
.location.icon-black:after {
    background-image: url("images/icons/Location-black.svg");
}
.location.icon-blue:before,
.location.icon-blue:after {
    background-image: url("images/icons/Location-blue.svg");
}
.location.icon-bright-blue:before,
.location.icon-bright-blue:after {
    background-image: url("images/icons/Location-bright-blue.svg");
}
.location.icon-orange:before,
.location.icon-orange:after {
    background-image: url("images/icons/Location-orange.svg");
}
.location.icon-green:before,
.location.icon-green:after {
    background-image: url("images/icons/Location-green.svg");
}
.location.icon-red:before,
.location.icon-red:after {
    background-image: url("images/icons/Location-red.svg");
}
.location.icon-bright-red:before,
.location.icon-bright-red:after {
    background-image: url("images/icons/Location-bright-red.svg");
}
.member.icon-white:before,
.member.icon-white:after {
    background-image: url("images/icons/member-white.svg");
}
.member.icon-black:before,
.member.icon-black:after {
    background-image: url("images/icons/member-black.svg");
}
.member.icon-blue:before,
.member.icon-blue:after {
    background-image: url("images/icons/member-blue.svg");
}
.member.icon-bright-blue:before,
.member.icon-bright-blue:after {
    background-image: url("images/icons/member-bright-blue.svg");
}
.member.icon-orange:before,
.member.icon-orange:after {
    background-image: url("images/icons/member-orange.svg");
}
.member.icon-green:before,
.member.icon-green:after {
    background-image: url("images/icons/member-green.svg");
}
.member.icon-red:before,
.member.icon-red:after {
    background-image: url("images/icons/member-red.svg");
}
.member.icon-bright-red:before,
.member.icon-bright-red:after {
    background-image: url("images/icons/member-bright-red.svg");
}
.nav-left.icon-white:before,
.nav-left.icon-white:after {
    background-image: url("images/icons/Nav-Arrow-Left_white.svg");
}
.nav-left.icon-black:before,
.nav-left.icon-black:after {
    background-image: url("images/icons/Nav-Arrow-Left_black.svg");
}
.nav-left.icon-blue:before,
.nav-left.icon-blue:after {
    background-image: url("images/icons/Nav-Arrow-Left_blue.svg");
}
.nav-left.icon-bright-blue:before,
.nav-left.icon-bright-blue:after {
    background-image: url("images/icons/Nav-Arrow-Left_bright-blue.svg");
}
.nav-left.icon-orange:before,
.nav-left.icon-orange:after {
    background-image: url("images/icons/Nav-Arrow-Left_orange.svg");
}
.nav-left.icon-green:before,
.nav-left.icon-green:after {
    background-image: url("images/icons/Nav-Arrow-Left_green.svg");
}
.nav-left.icon-red:before,
.nav-left.icon-red:after {
    background-image: url("images/icons/Nav-Arrow-Left_red.svg");
}
.nav-left.icon-bright-red:before,
.nav-left.icon-bright-red:after {
    background-image: url("images/icons/Nav-Arrow-Left_bright-red.svg");
}
.n
.nav-right.icon-white:before,
.nav-right.icon-white:after {
    background-image: url("images/icons/Nav-Arrow-Right_white.svg");
}
.nav-right.icon-black:before,
.nav-right.icon-black:after {
    background-image: url("images/icons/Nav-Arrow-Right_black.svg");
}
.nav-right.icon-blue:before,
.nav-right.icon-blue:after {
    background-image: url("images/icons/Nav-Arrow-Right_blue.svg");
}
.nav-right.icon-bright-blue:before,
.nav-right.icon-bright-blue:after {
    background-image: url("images/icons/Nav-Arrow-Right_bright-blue.svg");
}
.nav-right.icon-orange:before,
.nav-right.icon-orange:after {
    background-image: url("images/icons/Nav-Arrow-Right_orange.svg");
}
.nav-right.icon-green:before,
.nav-right.icon-green:after {
    background-image: url("images/icons/Nav-Arrow-Right_green.svg");
}
.nav-right.icon-red:before,
.nav-right.icon-red:after {
    background-image: url("images/icons/Nav-Arrow-Right_red.svg");
}
.nav-right.icon-bright-red:before,
.nav-right.icon-bright-red:after {
    background-image: url("images/icons/Nav-Arrow-Right_bright-red.svg");
}
.policy.icon-white:before,
.policy-i.icon-white:after {
    background-image: url("images/icons/policy-white.svg");
}
.policy.icon-black:before,
.policy.icon-black:after {
    background-image: url("images/icons/policy-black.svg");
}
.policy.icon-blue:before,
.policy.icon-blue:after {
    background-image: url("images/icons/policy-blue.svg");
}
.policy.icon-bright-blue:before,
.policy.icon-bright-blue:after {
    background-image: url("images/icons/policy-bright-blue.svg");
}
.policy.icon-orange:before,
.policy.icon-orange:after {
    background-image: url("images/icons/policy-orange.svg");
}
.policy.icon-green:before,
.policy-i.icon-green:after {
    background-image: url("images/icons/policy-green.svg");
}
.policy.icon-red:before,
.policy.icon-red:after {
    background-image: url("images/icons/policy-red.svg");
}
.policy.icon-bright-red:before,
.policy.icon-bright-red:after {
    background-image: url("images/icons/policy-bright-red.svg");
}
.search-i.icon-white:before,
.search-i.icon-white:after {
    background-image: url("images/icons/search-lgnsw-white.svg");
}
.search-i.icon-black:before,
.search-i.icon-black:after {
    background-image: url("images/icons/search-lgnsw-black.svg");
}
.search-i.icon-blue:before,
.search-i.icon-blue:after {
    background-image: url("images/icons/search-lgnsw-blue.svg");
}
.search-i.icon-bright-blue:before,
.search-i.icon-bright-blue:after {
    background-image: url("images/icons/search-lgnsw-bright-blue.svg");
}
.search-i.icon-orange:before,
.search-i.member.icon-orange:after {
    background-image: url("images/icons/search-lgnsw-orange.svg");
}
.search-i.icon-green:before,
.search-i.icon-green:after {
    background-image: url("images/icons/search-lgnsw-green.svg");
}
.search-i.icon-red:before,
.search-i.icon-red:after {
    background-image: url("images/icons/search-lgnsw-red.svg");
}
.search-i.icon-bright-red:before,
.search-i.icon-bright-red:after {
    background-image: url("images/icons/search-lgnsw-bright-red.svg");
}
.download-item .icon-white:before,
.download-item .icon-white:after,
.download.icon-white:before,
.download.icon-white:after {
    background-image: url("images/icons/download-white.svg");
}
.download-item .icon-black:before,
.download-item .icon-black:after,
.download.icon-black:before,
.download.icon-black:after {
    background-image: url("images/icons/download-black.svg");
}
.download-item .icon-blue:before,
.download-item .icon-blue:after,
.download.icon-blue:before,
.download.icon-blue:after {
    background-image: url("images/icons/download-blue.svg");
}
.download-item .icon-bright-blue:before,
.download-item .icon-bright-blue:after,
.download.icon-bright-bright-blue:before,
.download.icon-bright-bright-blue:after {
    background-image: url("images/icons/download-bright-blue.svg");
}
.download-item .icon-orange:before,
.download-item .icon-orange:after,
.download.icon-orange:before,
.download.icon-orange:after {
    background-image: url("images/icons/download-orange.svg");
}
.download-item .icon-green:before,
.download-item .icon-green:after,
.download.icon-green:before,
.download.icon-green:after {
    background-image: url("images/icons/download-green.svg");
}
.download-item .icon-red:before,
.download-item .icon-red:after,
.download.icon-red:before,
.download.icon-red:after {
    background-image: url("images/icons/download-red.svg");
}
.download-item .icon-bright-red:before,
.download-item .icon-bright-red:after,
.download.icon-bright-red:before,
.download.icon-bright-red:after {
    background-image: url("images/icons/download-bright-red.svg");
}
.member-support-i:before,
.member-support-i:after,
.member-support-i.icon-white:before,
.member-support-i.icon-white:after {
    background-image: url("images/icons/LG_Member-Support_white.svg");
}
.member-support-i.icon-black:before,
.member-support-i.icon-black:after {
    background-image: url("images/icons/LG_Member-Support.svg");
}
.member-support-i.icon-blue:before,
.member-support-i.icon-blue:after {
    background-image: url("images/icons/LG_Member-Support_blue.svg");
}
.member-support-i.icon-bright-blue:before,
.member-support-i.icon-bright-blue:after {
    background-image: url("images/icons/LG_Member-Support_bright-blue.svg");
}
.member-support-i.icon-orange:before,
.member-support-i.icon-orange:after {
    background-image: url("images/icons/LG_Member-Support_orange.svg");
}
.member-support-i.icon-green:before,
.member-support-i.icon-green:after {
    background-image: url("images/icons/Member-Support_green.svg");
}
.member-support-i.icon-red:before,
.member-support-i.icon-red:after {
    background-image: url("images/icons/LG_Member-Support_red.svg");
}
.member-support-i.icon-bright-red:before,
.member-support-i.icon-bright-red:after {
    background-image: url("images/icons/LG_Member-Support_bright-red.svg");
}

.council-white:before,
.council-white:after {
    background-image: url("images/icons/LG_Council_white.svg");
}
.newsletter-white:before,
.newsletter-white:after {
    background-image: url("images/icons/LG_Submissions_white.svg");
}
.advocacy-white:before,
.advocacy-white:after {
    background-image: url("images/icons/LG_Advocacy_white.svg");
}
.twitter:before,
.twitter:after {
    background-image: url("images/icons/twitter-bright-blue.svg");
}
.subscribe:before,
.subscribe:after {
    background-image: url("images/icons/LG_Subscribe.svg");
}


/**************************************************  Download container ************/
.download-container {
    padding: 20px;
}
.download-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.download-item {
    background-color: #d7d7d7;
    padding: 0 10px 0 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
}
.download-item a {
    display: block;
    float: right;
    color: rgb(80, 80, 80);
    font-size: .8em;
    text-transform: uppercase;
	text-decoration:none;
}

.download-item a:hover,
.download-item a:focus,
.download-item a:active{
	text-decoration:underline;
}

.download-item a:after {
    content: "";
    display: inline-block;
    width: 18px;
    background-image: url(images/icons/download-l-grey.svg);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 17px;
    vertical-align: baseline;
    margin-left: 12px;

}
.download-item a.icon-white:after {
    background-image: url(images/icons/download-white.svg);
	
}
.download-item.blue,
.download-item.blue a{
	background-color:var(--blue);
	color:#fff;
}

.download-item.deep-blue,
.download-item.deep-blue a{
	background-color:var(--deep-blue);
	color:#fff;
}



/****TABLES*****/
.basic-table{
  display:block;
  margin:15px;
}

.basic-table .table-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.basic-table .table-row .col-sm{
    padding:12px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.basic-table .head .col-sm{
  color:#fff;
  background-color:var(--blue);
}

.basic-table .table-row:nth-child(odd){
  background-color: rgba(0,0,0,.05);
}


/*colours*/
.basic-table .head .col-sm:nth-child(2) {
    background-color: var(--deep-blue);
}
.basic-table .head .col-sm:nth-child(3) {
    background-color: var(--aqua);
}
.basic-table .head .col-sm:nth-child(4) {
    background-color: var(--light-aqua);
    color: var(--deep-blue);
}
.basic-table .head .col-sm:nth-child(5) {
    background-color:rgba(15,77,188,0.6);
}
.basic-table .head .col-sm:nth-child(6) {
    background-color:rgba(15,77,188,0.4);
}
.basic-table .head .col-sm:nth-child(7) {
    background-color:rgba(15,77,188,0.9);
}
.basic-table .head .col-sm:nth-child(8) {
    background-color:rgba(15,77,188,0.8);
}
.basic-table .head .col-sm:nth-child(9) {
    background-color:rgba(15,77,188,0.7);
}
.basic-table .head .col-sm:nth-child(10) {
    background-color:rgba(15,77,188,0.6);
}
.basic-table .head .col-sm:nth-child(11) {
    background-color:rgba(15,77,188,0.4);
}
.basic-table .head .col-sm:nth-child(12) {
    background-color:rgba(15,77,188,0.9);
}
.basic-table .head .col-sm:nth-child(13) {
    background-color:rgba(15,77,188,0.8);
}
.basic-table .head .col-sm:nth-child(14) {
    background-color:rgba(15,77,188,0.7);
}
.basic-table .head .col-sm:nth-child(15) {
    background-color:rgba(15,77,188,0.6);
}
.basic-table .head .col-sm:nth-child(16) {
    background-color:rgba(15,77,188,0.4);
}
.basic-table.featured .head .col-sm {
    background-color: var(--deep-blue);
}
.basic-table.featured .head .col-sm:nth-child(2) {
    background-color: var(--blue);
}
.basic-table.featured .head .col-sm:nth-child(3) {
    background-color: var(--aqua);
}
.basic-table.featured .head .col-sm:nth-child(4) {
    background-color: var(--light-aqua);
}
.basic-table.featured .head .col-sm:nth-child(5) {
    background-color: var(--light-violet);
    color: var(--deep-blue);
}
.basic-table.featured .head .col-sm:nth-child(6) {
    background-color: var(--violet);
}
.basic-table.featured .head .col-sm:nth-child(7) {
    background-color: var(--coral);
}
.basic-table.featured .head .col-sm:nth-child(8) {
    background-color: var(--light-coral);
    color: var(--deep-blue);
}
.basic-table.featured .head .col-sm:nth-child(9) {
    background-color: var(--light-amber);
    color: var(--deep-blue);
}
.basic-table.featured .head .col-sm:nth-child(10) {
    background-color: var(--amber);
}
.basic-table.featured .head .col-sm:nth-child(11) {
    background-color:rgba(162,173,0,0.8);
}
.basic-table.featured .head .col-sm:nth-child(12) {
    background-color:rgba(255,109,34,0.8);
	}


@media(max-width:767px){

  .basic-table{
    display:block;
    margin:0px 15px;
  }

  .basic-table .table-row .col-sm{
      padding:12px;
      display:block;
      width:100%;
      flex-basis: auto;
  }

  .basic-table .table-row.head{
    display:none;
  }


.basic-table .table-row:nth-child(odd){
  background-color: rgba(0,0,0,0);
}

  .basic-table .table-row .col-sm:nth-child(odd){
    background-color: rgba(0,0,0,.05);
  }

   .basic-table .table-row .col-sm:nth-child(1){
    background-color:rgba(15,77,188,1);
    color:#fff;
  }


}


.container-title, .container-content  {
    padding: 30px 89px 21px;
    margin-bottom: 45px;
}
.container-title h1,
.container-title h2,
.container-title h3,
.container-title h4,
.container-title h5,
.container-title h6,
.container-title,
.container-content h1,
.container-content h2,
.container-content h3,
.container-content h4,
.container-content h5,
.container-content h6,
.container-content{
    font-weight: 200;
	color:#fff;
}
.container-content {
    margin-bottom: 0;
}
.container-network {
    padding: 30px 20px 10px 100px;
    margin-bottom: 20px;
    color: #ffffff;
    padding-left: 100px;
    position: relative;
	background-color:var(--deep-blue);
}

.container-network h1,.container-network h2,.container-network h3, .container-network h4, .container-network h5, .container-network h6{
	color:#fff;
	margin-top: 0;
}

.container-network:before {
    position: absolute;
    content: "";
    width: 63px;
    height: 60px;
    top: 15px;
    left: 20px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("images/icons/LG_Groups_white.svg");
}
@media only screen and (min-width: 768px) {
    .container-network.left {
         }
    .container-network.right {
           }
}
.container-network a {
    color:#ffffff;
    text-decoration: none;
}
.container-network a:hover {
    color:var(--red);
}
.container-network a.link-arrow:after {
    background-image:url("../images/icons/Arrow_White.svg");
}

.no-padding,
.no-padding .col-sm-12,.no-padding .col-sm-11,.no-padding .col-sm-10,.no-padding .col-sm-9,
.no-padding .col-sm-8,.no-padding .col-sm-7,.no-padding .col-sm-6,.no-padding .col-sm-5,
.no-padding .col-sm-4,.no-padding .col-sm-3,.no-padding .col-sm-2,.no-padding .col-sm-1{
  padding:0px;
}

.row > .restrict {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row > .restrict > div[class^="col-"] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}


.registerDates .RadGrid_MetroTouch .rgHeader{
  background-color: var(--deep-blue);
}

.registerDates .RadGrid_MetroTouch .rgHeader a{
  color:#fff!important;
  text-decoration:none!important;
  font-size: 20px;
}

.registerDates .TextButton{
  margin-left:30px;
}

.registerDates .RadGrid.RadGrid_MetroTouch .rgSelectedRow td{
  color:#fff!important;
}

.registerDates .RadGrid.RadGrid_MetroTouch .rgSelectedRow .TextButton{
  border:1px solid #fff;
}

.registerDates .rgNoRecords td{
  display:none;
}

.registerDates .rgNoRecords:after{
  content:'This workshop is currently being delivered inhouse exclusively for your council. If interested, please email the Learning team at learning@lgnsw.org.au.';
  display:block;
  padding: 7px 12px;
  color: #707070;
}

.lock .rmText{
  background-image:url(images/Lock.png);
  background-repeat:no-repeat;
  background-size: 20px;
  background-position:95% center;
}

.RadGrid .rgNoRecords TD {
    padding: 4px 7px;
    color: var(--deep-blue);
}

label, .Label, .PanelFieldLabelFont {
    font-weight: bold;
    color: var(--deep-blue);
    padding-left: 7px;
    margin-left: -7px;
}