:root{
	--navy:#00205B;
	--jade:#00AB8E;
	--yellow:#FEDB00;
	--mint-green:#8CE2D0;
	--emerald:#007681;
	--pale-blue:#92C1E9;
	--blue:#3E87CB;
	--warm-grey:#D0D3D4;
	--charcoal:#333F48;
	--dark-grey:#131A1E;
	
}

.nav-secondary.NotPrinted{
	display:none;
}


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

.viewAll h1,
.viewAll h2,
.viewAll h3,
.viewAll h4,
.viewAll h5,
.viewAll h6{
	margin:0;
}

h1.feature{
	font-weight:700;
	color:var(--navy);
	font-size: 56px;
}

@media(min-width:992px){
	.RadMenu.RadMenu ul.rmHorizontal {
	    float: none;
	    display: flex;
	    justify-content: center;
	}

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

	#ste_container_ciMobileAux{display:none;}

	.UtilitySection {
    display: inline-block;
    vertical-align: middle;
}
}



.account-toggle .nav-text:hover,
.account-toggle .nav-text:focus
.account-toggle .nav-text:active{
	color:var(--emerald);
}

#masterLogoArea img{
	max-width:265px;
}

.UtilityNavigation .account-menu > li > a.sign-in-link{
	color:#fff;
	background-color:var(--navy);
	padding:10px 15px;
	border-radius:5px;
	font-family:Zona Pro, Arial, sans-serif;
	font-weight:bold;
	margin-top: 0px;
	line-height: 1;
	display: block;
	margin-left: 6px;
}

@media(max-width:991px){
	.header-bottom-container {
		background:transparent;
	}

	.navbar-header{
		display:none;	
	}


	
	.header-logo-container{float:none;}

	.header-logo-container > .WTZone{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding: 0px 15px 0px 0px;
	}
	
	#menuToggle{
		display:block;
		width:30px;
		height:30px;
		background-color:var(--jade);
		-webkit-mask-image:url(images/menu.svg);
		-webkit-mask-position:center;
		-webkit-mask-size: 28px 20px;
		-webkit-mask-repeat:no-repeat;
	}

	.navbar-collapse.collapse{
		display:block;
	}
	
	.navbar-header > div{
		display:block;
	}

	.RadMenu.RadMenu_Toronto .rmLink,
	.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected{
		color:#000;
		border-bottom: 1px solid #000;
	}
	
	.UtilitySection,
	.nav-auxiliary .NavigationListItem{
		display:block;
	}

	.nav-auxiliary .NavigationListItem{
		margin-bottom:10px;
	}

	.nav-auxiliary .nav-aux-cart{
		margin:0;
	}
	
	.account-toggle .nav-text, .account-toggle.dropdown-toggle .caret {
		    position: relative;
		    left: auto;
		    z-index: 2000;
		    font-size: 100%;
	}

	.nav-auxiliary .nav-aux-button .NavigationLink{
		width:100%;
		color: #000;
		margin: 0!important;
		display: block;
	}

	.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
		width:100%;
	}

	.UtilityAccountArea{
		margin-top: 20px;
	}

	.mobileAux{
		background-color:var(--qs-light-grey);
		padding:20px;
	}

	.header-container{
		padding:0;
	}

	.RadMenu.RadMenu_Toronto .rmGroup{
		background: var(--mint-green);
		margin-top: -1px;
	}

	.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded .rmToggle .rmIcon{
		transform:rotate(180deg);
		background-image: url(images/arrow-down-white.svg);
	}
}


#ft ul{
	list-style:none;
	margin:0;
	padding:0;
}

.GreenButton,
.GreenButton:visited{
	background-color:var(--jade);
	border-color:var(--jade);
}

.GreenButton:hover,
.GreenButton:focus,
.GreenButton:active{
	background-color:var(--emerald);
	border-color:var(--emerald);
	color:#fff;
}

.LightBlueButton,
.LightBlueButton:visited{
	background-color:var(--pale-blue);
	border-color:var(--pale-blue);
}

.LightBlueButton:hover,
.LightBlueButton:focus,
.LightBlueButton:active{
	background-color:var(--blue);
	border-color:var(--blue);
	color:#fff;
}

.YellowButton,
.YellowButton:visited{
	background-color:var(--yellow);
	border-color:var(--yellow);
}

.YellowButton:hover,
.YellowButton:focus,
.YellowButton:active{
	background-color:var(--dark-grey);
	border-color:var(--dark-grey);
	color:#fff;
}

a.readMore,
#readMore a{
	text-decoration:none;
	font-weight:900;
	line-height: 1;
	position: relative;
}

a.readMore:after,
#readMore a:after{
	display:inline-block;
	width: 7px;
	height: 11px;
	background-color:var(--emerald);
	content:'';
	margin-left:10px;
	-webkit-mask-image:url('images/caret-right.svg');
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size: 9px 11px;
	top: 9px;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a.readMore:hover:after,
a.readMore:focus:after,
#readMore a:hover:after,
#readMore a:focus:after{
	margin-left:15px;
}

a.readMore:hover,
a.readMore:focus,
#readMore a:hover,
#readMore a:focus{
	color:var(--emerald);
}

a.readMore.blue{
	color:var(--navy);
}

a.readMore.blue:after{
	background-color:var(--navy);
}

.CTA-block a{
	display:block;
	border-radius:5px;
	background-color:var(--navy);
	color:#fff;
	text-decoration:none;
	padding:20px;
	position:relative;
}

.CTA-block a h1,
.CTA-block a h2,
.CTA-block a h3,
.CTA-block a h4,
.CTA-block a h5,
.CTA-block a h6{
	color:#fff;
	margin:0px 0px 15px 0px;
	width: 90%;
}

.CTA-block a p{
	margin:0;
}

.CTA-block a:after{
	content:'';
	display:block;
	width: 12px;
	height:20px;
	background-color:#fff;
	position: absolute;
	right: 20px;
	top: 20px;
	-webkit-mask-image:url('images/caret-right.svg');
	-webkit-mask-size: 12px 20px;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.CTA-block a:hover:after,
.CTA-block a:focus:after{
	transform:scale(1.2);
	background-color:var(--dark-grey);
}

.CTA-block a:hover,
.CTA-block a:focus{
	background-color:var(--pale-blue);
	color:var(--dark-grey);
}

.CTA-block a:hover h1,
.CTA-block a:hover h2,
.CTA-block a:hover h3,
.CTA-block a:hover h4,
.CTA-block a:hover h5,
.CTA-block a:hover h6,
.CTA-block a:focus h1,
.CTA-block a:focus h2,
.CTA-block a:focus h3,
.CTA-block a:focus h4,
.CTA-block a:focus h5,
.CTA-block a:focus h6{
	color:var(--dark-grey);
}

.CTA-block.green a{
	background-color:var(--emerald);
}

.CTA-block.green a:hover,
.CTA-block.green a:focus{
	background-color:var(--jade);
	color:#fff;
}

.CTA-block.green a:hover:after,
.CTA-block.green a:focus:after{
	transform:scale(1.2);
	background-color:#fff;
}

.CTA-block.green a:hover h1,
.CTA-block.green a:hover h2,
.CTA-block.green a:hover h3,
.CTA-block.green a:hover h4,
.CTA-block.green a:hover h5,
.CTA-block.green a:hover h6,
.CTA-block.green a:focus h1,
.CTA-block.green a:focus h2,
.CTA-block.green a:focus h3,
.CTA-block.green a:focus h4,
.CTA-block.green a:focus h5,
.CTA-block.green a:focus h6{
	color:#fff;
}


.CTA-block.light-blue a{
	background-color:var(--pale-blue);
	color:var(--dark-grey);
}

.CTA-block.light-blue a h1,
.CTA-block.light-blue a h2,
.CTA-block.light-blue a h3,
.CTA-block.light-blue a h4,
.CTA-block.light-blue a h5,
.CTA-block.light-blue a h6{
	color:var(--dark-grey);
}

.CTA-block.light-blue a:after{
	background-color:var(--dark-grey);
}

.CTA-block.light-blue a:hover,
.CTA-block.light-blue a:focus{
	background-color:var(--navy);
	color:#fff;
}

.CTA-block.light-blue a:hover:after{
	background-color:#fff;
}

.CTA-block.light-blue a:hover h1,
.CTA-block.light-blue a:hover h2,
.CTA-block.light-blue a:hover h3,
.CTA-block.light-blue a:hover h4,
.CTA-block.light-blue a:hover h5,
.CTA-block.light-blue a:hover h6,
.CTA-block.light-blue a:focus h1,
.CTA-block.light-blue a:focus h2,
.CTA-block.light-blue a:focus h3,
.CTA-block.light-blue a:focus h4,
.CTA-block.light-blue a:focus h5,
.CTA-block.light-blue a:focus h6{
	color:#fff;
}



/*Accordion*/

ul.accordion, 
.accordion ul,
ul.ml, 
.ml ul { 
list-style-type: none; 
margin:0px; 
padding:0px;
}

.accordion p{
    margin:0px;
}

.accordionLink,
.mlLink {
  cursor: pointer;
  display: block;
  padding: 15px 15px;
  position: relative;
  background-color:#fff;
  font-size: 17px;
  line-height: 1.3;
  font-weight: normal;
}

.mlLink{font-weight:bold; font-size:16px;}


.accordionLink .heading{
    display:inline-block;
     vertical-align:middle;
     margin-left:15px;
}

.accordionLink .title,
.mlLink .title{
    font-weight:bold;
    display:block;
    font-size:18px;
}

.accordionLink{
   background-color:var(--qs-light-grey);
   border-radius: 5px;
   margin: 15px 0px;
}

.accordionLink:hover{
	background-color:var(--warm-grey);
}

.accordionLink:after,
.mlLink:after{
    content:'';
    margin-left: 0;
    background-image: url(images/plus.svg);
    display:block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    position:absolute;
    top: -1px;
    bottom: 0;
    margin: auto;
    left: 110px;
}

.accordionLink:after{
    left:auto;
    right:15px;
}

.accordionLink.open:after,
.mlLink.open:after{
    background-image:url(images/minus.svg);
}

.accordion .submenu,
.mlSubmenu{
  display: none;
  padding: 15px;
  line-height: 1.8;
}

.accHeader{
    display:block;
    position:relative;
    padding:10px 0px;
}

@media(min-width:768px){
	#ft .col-sm-2{
		width:20%;
	}
}



.socialIcons{
	display:flex;
	align-items:center;
	gap:0px 15px;
}

.socialIcons img{
	display:block;
	width:25px;
}

.socialIcons a:hover img,
.socialIcons a:focus img{
	transform:scale(1.2);
}


@media(min-width:992px){
	.copyright ul{
		display:flex;
	}
	
	.copyright li:after{
		content:'|';
		margin:0px 5px;
	}

	.copyright li:last-child:after{
		display:none;
	}

	.footerLogos{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap: 25px 25px;
	}
}

@media(max-width:991px){
	#ft h4{
		margin-top:30px;
	}

	.footerLogos img{
		display:block;
		margin-top:30px;
	}
}


/**Home events**/
.homeEvents{
	margin-bottom: 56px;
	margin-top:30px
}

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

.homeEvents .image{
	display:block;
	height: 200px;
	background-size:cover;
	background-position:center;
}

.homeEvents .QueryTemplateItem.card{
	border:0;
	border-radius: 0px;
	position: relative;

}

.homeEvents .card-body{
	padding:0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	
}

.homeEvents .content{
	display:block;
	padding:20px;
	-webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.homeEvents .dates{
	display:block;
}

.homeEvents .title{
	display:block;
	font-weight:700;
	font-family:Zona Pro, Arial, sans-serif;
	font-size:18px;
	line-height: 26px;
	margin: 10px 0px 2px 0px;
}

.homeEvents .desc{
	display:block;
}

.homeEvents .link{
	display: flex;
	padding: 15px 20px;
	background-color:var(--navy);
	text-decoration:none;
	color:#fff;
	font-family:Zona Pro, Arial, sans-serif;
	font-weight:700;
	bottom: -56px;
	position: absolute;
	left: 0;
	right: 0;
	justify-content: space-between;
	align-items: center;
		-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.homeEvents .link:hover,
.homeEvents .link:focus,
.homeEvents .link:active{
	background-color:var(--pale-blue);
}

.homeEvents .link .arrow{
	display:block;
	width:20px;
	height:20px;
	background-color:#fff;
	-webkit-mask-image:url(images/caret-right.svg);
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
		-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.homeEvents .link:hover .arrow,
.homeEvents .link:focus .arrow,
.homeEvents .link:active .arrow{
	transform:scale(1.2);
}

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

	.homeEvents .QueryTemplateItem.card{
		max-width:350px;
		margin:0px auto 40px auto;
	}

	.homeEvents .link{
		position:relative;
		bottom:0;
	}

	.homeEvents .col:last-child .card{
		margin-bottom:0;
	}
}

.eventList .event{
	display:block;
	margin-bottom:30px;
}

.eventList .event b{
	font-weight:900;
}

.eventList a.title{
	background-color: var(--emerald);
	padding: 14px 20px;
	border-radius: 5px 5px 0px 0px;
	color: #fff!important;
	font-weight: 700;
	font-family: Zona Pro, Arial, sans-serif;
}

.eventList a.title:hover,
.eventList a.title:focus,
.eventList a.title:active{
	background-color:var(--navy);
	color:#fff!important;
}

.eventList .content{
	padding:20px;
	display:flex;
	border: 1px solid var(--warm-grey);
	width: 100%;
	max-width: 100%;
	margin: 0;
	gap: 0px 30px;
	border-radius: 0px 0px 5px 5px;
	border-top:0px;
}

.eventList .image {
    width: 120px;
    height: 120px;
}

.eventList .RadGrid_MetroTouch .rgSelectedRow a.title {
    color: #fff!important;
}

.logoLeft{
	background-image:url(images/logomark.svg);
	background-position: -10% center;
	background-size:40%;
	background-repeat:no-repeat;
}

.Wrapper-HomePage .logoLeft{
	padding: 30px 0px;
	background-image:url(images/logomark.svg);
	background-position: -2% center;
	background-size: 35%;
	background-repeat:no-repeat;
}

.Wrapper-HomePage .logoLeft .row{
	align-items: center;
}

@media(min-width:1700px){
	.logoLeft{
		background-image:url(images/logomark.svg);
		background-position: 8% center;
		background-size: 29%;
		background-repeat:no-repeat;
	}	
}

@media(max-width:767px){
	.logoLeft .col-sm-8{
		padding-top: 30px;
	}

	.logoLeft h1.feature{
		margin-left: 130px;
		margin-bottom: 110px;
		font-size: 40px;
	}
	
	.Wrapper-HomePage .logoLeft,
	.logoLeft{
		background-position: -80px 23px;
		background-size: 230px 230px;
		background-repeat:no-repeat;
	}
	
}

@media(min-width:992px){

	.homeNews .TaggedListPanel{
		display:flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}

	.homeNews .BlockTLItem{
		width:30%;
		margin-bottom:40px;
	}


}

	.homeNews .BlockTLItem{
		border: 0;
		background-color: #fff;
		padding: 0;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
		
	}

.homeNews .TaggedListPanel > div:last-child{
	display:block;
	width:100%;
}

.homeNews .BlockTLItem .imgWrapper,
.homeNews .BlockTLItem .newsImage{
	height:250px;
	position:relative;
	font-size: 14px;
}

.homeNews .PublishDate{
	background: var(--mint-green);
	padding: 5px 15px;
	display:inline-block;
	font-style: normal;
	font-size: 14px;
	font-weight: 700;
	font-family: Zona Pro, Arial, sans-serif;
	text-transform: uppercase;
	border-radius: 0px 3px 3px 0px;
	position: absolute;
	bottom: 40px;
	color: #000;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.15);
}

.homeNews .content{
	padding:15px;
}

.homeNews h4{
	font-family: Zona Pro, Arial, sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:1.2;
	margin: 5px 0px;
	user-select: none;
}

.homeNews .MembersOnlyContent{
	background: none;
	text-transform:uppercase;
	font-weight:700;
	font-family: Zona Pro, Arial, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	background-color:var(--yellow);
	padding: 5px 17px;
	border-radius:50px;
	margin-bottom: 5px;
	display: inline-block;
}

@media(max-width:991px){
	.homeNews .BlockTLItem{
		max-width:350px;
		margin:0px auto 30px auto;
	}
}

#headingLogo{
	position:relative;
	display:block;
	height: 100%;
	overflow: hidden;
}

#headingLogo img{
	position:absolute;
	width: 330px;
	max-width: 330px!important;
	left:0;
	right:0;
	top: -15px;
}

#CTA-icon img{
	max-width: 42px!important;
}

@media(max-width:767px){
	#headingLogo img{
		position:relative;
		width:150px;
		left:0;
		right:0;
		top:0px;
		padding-top:20px;
		margin-bottom: 0px;
	}
}

.designations .bee-row-5 .bee-row-content .bee-col-w12,
.designations .bee-row-5 .bee-row-content .bee-col-w6{
	flex-basis: 30%;
}

.designations .bee-row-5 .bee-row-content .bee-col-w12 img,
.designations .bee-row-5 .bee-row-content .bee-col-w6 img{
	max-width: 209px!important;
}

.designations .bee-row-3 .bee-col-w4,
.designations .bee-row-4 .bee-col-w4,
.designations .bee-row-5 .bee-col-w12{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	margin:20px;
}

.bee-row-content li{margin-bottom:15px;}


/* Dropdown Button */
#dropdownTitle{
  display:block;
  font-weight:bold;
  padding:15px;
  position:relative;
  background: var(--qs-light-grey);
  border-radius: 3px;
  margin: 0px 20px;
}

#dropdownTitle:hover,
#dropdownTitle:focus{
	background-color:var(--emerald);
	color:#fff;
	cursor:pointer;
}

#dropdownTitle:after{
	display:block;
	content:'';
	width:20px;
	height:20px;
	background-color:#000;
	-webkit-mask-image:url(images/caret-right.svg);
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	transform:rotate(90deg);
	position:absolute;
	right: 15px;
	top: 18px;
}

#dropdownTitle:hover:after,
#dropdownTitle:focus:after{
	background-color:#fff;
}

#dropdownList {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position:absolute;
    left:0;
    right:0;
    border:1px solid #ccc;
    z-index: 300;
    height: 300px;
    overflow-y: scroll;
}

#dropdownList ul{
  list-style:none;
  overflow:hidden;
}

#dropdownList ul li{
	margin:0;
	border-bottom: 1px solid #000;
	display:block;
}

#dropdownList ul li:last-child{
	border:0;
}

#dropdownList a{
  display:block;
  padding:15px;
  color:#000;
}

#dropdownList a:hover,
#dropdownList a:focus{
	background-color:#f5f5f5;
	color:var(--emerald);
}

.bee-col-w4{
	position:relative;	
}

.bee-row{
	padding:0px 20px;
}

a.btt,
a.btt:visited{
	position:fixed;
	bottom:50px;
	padding:5px 25px;
	text-decoration:none;
	background-color:var(--emerald);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	color:#fff;
	border-radius:0px 3px 3px 0px;
	left:0;
}

#joinFixed{
	position:fixed;
	right:0px;
	top:80px;
	display:block;
	border-right:0;
	background:#fff;
	width: 205px;
	border-radius:3px 0px 0px 3px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	font-family:Zona Pro, Arial, sans-serif;
	font-weight:700;
	z-index: 3000;
}

#joinFixed a,
#joinFixed a:visited{
	display:block;
	padding:20px;
	border-radius:3px 0px 0px 3px;
}


#joinFixed a:hover,
#joinFixed a:focus{
	background-color:var(--emerald);
	color:#fff;
}

@media(max-width:991px){
	#joinFixed{
		display:none;		
	}
}


@media(min-width:992px){
	.RadMenu a.rmLink.membersOnly{
		display:flex;
		align-items: center;
	}
	
	.RadMenu a.rmLink.membersOnly:after{
		display: block;
		content:'MEMBERS ONLY';
		font-size:14px;
		background-color:var(--yellow);
		padding: 2px 10px 1px 10px;
		color: var(--dark-grey);
		font-weight:bold;
		font-family:Zona Pro, Arial, sans-serif;
		border-radius:30px;
		height: 26px;
		margin-right: 15px;
	}
}