:root{
  --max-width:1200px;
  --light-green:#eef4d7;
  --green:#2a9646;
  --dark-green:#125923;
  --gold: #E6B451;
  --dark-gold: #b47a09;
  --orange:#fc9d45;
  --dark-orange:#c9620d;
  --light-blue:#8eecf5;
  --blue:#118ab2;
  --navy:#073b4c;
  --dark-navy:#021b2d;
  --purple:#904ba1;
  --dark-purple:#642175;
  --pink:#f15c6e;
  --dark-pink:#b62739;
  --light-grey:#f5f5f5;
  --grey:#cccccc;
  --dark-grey:#333333;
  --black:#000000;
  --white:#ffffff;
  --pale-blue:#eef7ff;

  
  --aux-height:45px;
}


#masterLogoArea img{
	width: 170px;
}

.menu-bar .header-container{
	margin:0;
}

.UtilityNavigationList .NavigationUnorderedList > li > a{
	text-decoration:none;
	font-weight:300;
	font-size:14px;
}

.UtilityNavigationList .NavigationUnorderedList > li.highlight > a{
	color:var(--pink);
	font-weight:600;
}

.UtilityNavigationList .NavigationUnorderedList > li > a:hover,
.UtilityNavigationList .NavigationUnorderedList > li > a:focus{
	text-decoration:underline;
}


.dropdown-menu > li > a, .dropdown-menu > li > div {
    color:#000;
	text-decoration:none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
	color:var(--green);
    background-color: transparent;
}


.UtilityNavigation .account-menu > li > a.sign-in-link {
    font-weight: 300;
    font-size:14px;
    margin-left: 5px;
    display: block;
    padding-top: 0px;
}

.UtilitySearch, .UtilityNavigationList, .UtilityAuthentication, .UtilitySTEToggle, .UtilityTranslation {
    vertical-align: middle;
}

@media(min-width:768px){
	.header-top-container:after{
		content:'';
		height: var(--aux-height);
		display:block;
		background-color: rgba(0,0,0,0.65);
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:100;
	}
	
	.ste-toggle {
	    background-position: -35px -105px;
	}
	
	.obo-toggle {
	    background-position: 0px -105px;
	}
	
	.menu-bar{
		max-width:var(--max-width);
		margin:0px auto;
		display:flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px 20px;
	}

	#ste_container_ciMenuToggle{
		display:none;	
	}

	.menu-bar .collapse {
	    display: block;
	}

	.Wrapper-HomePage .UtilityNavigation .account-menu > li > a{
		color:#fff;
	}

	
}

@media(max-width:767px){
	.navbar-header > div,
	.navbar-header > a,
	.navbar-header .NavigationUnorderedList,
	.navbar-header .NavigationLink {
	  display: inline-block;
	  vertical-align: middle;
	  color: #000;
	}

	.header-logo-container > div {
		display:flex;
		justify-content: center;
		align-items: center;
		gap: 0px 40px;
	}

	.menu-toggle{
		background-image:url(images/menu.svg);
		background-size: 23px 16px;
		background-repeat:no-repeat;
		background-position:center;
		width: 40px;
		height: 40px;
	}

	.RadMenu .rmSlide{
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  border-radius:0px;
	  padding: 0px;
	  margin-left: 0px;
	}

	.RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmGroup.rmLevel1{
		padding-left:30px;	
	}

	.RadMenu_NaturalHeritageSites .rmSlide .rmSlide{
		top: 42px!important;
		padding-left: 15px!important;
	}

	.HomePageFullWidthArea .carousel-inner.bg-img > .item{
		height:600px!important;
	}
}

/*Buttons*/

.WhiteButton,
.WhiteButton:visited{
	color:#000!important;
	background-color:#fff;
}

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


.GoldButton,
.GoldButton:visited{
	color:#000!important;
	background-color:var(--gold);
}

.GoldButton:hover,
.GoldButton:focus,
.GoldButton:active{
	color:#fff!important;
	background-color:var(--dark-gold);
}


.PinkButton,
.PinkButton:visited{
	color:#fff!important;
	background-color:var(--pink);
}

.PinkButton:hover,
.PinkButton:focus,
.PinkButton:active{
	color:#fff!important;
	background-color:var(--dark-pink);
}

.OrangeButton,
.OrangeButton:visited{
	color:#fff!important;
	background-color:var(--orange);
}

.OrangeButton:hover,
.OrangeButton:focus,
.OrangeButton:active{
	color:#fff!important;
	background-color:var(--dark-orange);
}

.PurpleButton,
.PurpleButton:visited{
	color:#fff!important;
	background-color:var(--purple);
}

.PurpleButton:hover,
.PurpleButton:focus,
.PurpleButton:active{
	color:#fff!important;
	background-color:var(--dark-purple);
}

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

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

.NavyButton,
.NavyButton:visited{
	color:#fff!important;
	background-color:var(--navy);
}

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

.GreyButton,
.GreyButton:visited{
	color:#000!important;
	background-color:var(--grey);
}

.GreyButton:hover,
.GreyButton:focus,
.GreyButton:active{
	color:#fff!important;
	background-color:var(--dark-grey);
}

/*Rows*/

.pale-blue-bg{
	background-color:var(--pale-blue);
}

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

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

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

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

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

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

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

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

.rowWrapper.eyeglass{
	overflow:hidden;
}

.rowWrapper.eyeglass:after{
	display:block;
	position:absolute;
	content:'';
	background-image:url(images/spyglass.svg);
	width:50%;
	height:100%;
	right:0;
	top:50px;
	background-repeat:no-repeat;
	background-size:400px;
	background-position:top right;
}

.rowWrapper.logomark{
	overflow:hidden;
}

.rowWrapper.logomark:after{
	display:block;
	position:absolute;
	content:'';
	background-image:url(images/logomark.svg);
	width: 60%;
	height:100%;
	right: -100px;
	top:50px;
	background-repeat:no-repeat;
	background-size: 500px;
	background-position:top right;
}


@media(max-width:975px){
	.rowWrapper.eyeglass:after{
		width:80%;
		height:100%;
		right: -30px;
		top: 55px;
		background-repeat:no-repeat;
		background-size: 400px;
		background-position:top right;
	}
	
	.rowWrapper.eyeglass h2{
		max-width:100%;
	}

	.rowWrapper.eyeglass .col-sm-6{
		max-width: 65%;
	}

	
	.rowWrapper.logomark:after{
		display:block;
		position:absolute;
		content:'';
		background-image:url(images/logomark.svg);
		width: 70%;
		height:100%;
		right: -100px;
		top:50px;
		background-repeat:no-repeat;
		background-size: 500px;
		background-position:top right;
	}
}

@media(max-width:768px){
	.rowWrapper.eyeglass:after{
		width:80%;
		height:100%;
		right: -55px;
		top: 25px;
		background-repeat:no-repeat;
		background-size: 300px;
		background-position:top right;
	}
	
	.rowWrapper.eyeglass h2{
		max-width:100%;
	}

	.rowWrapper.eyeglass .col-sm-6{
		max-width: 65%;
	}

	.rowWrapper.logomark:after{
		display:none;

	}

}

@media(max-width:650px){
	.rowWrapper.eyeglass:after{
		width:80%;
		height:100%;
		right:-40px;
		top: 20px;
		background-repeat:no-repeat;
		background-size:230px;
		background-position:top right;
	}
	
	.rowWrapper.eyeglass h2{
		max-width:100%;
	}

	.rowWrapper.eyeglass .col-sm-6{
		max-width: 65%;
	}
}


@media(max-width:450px){
	.rowWrapper.eyeglass h2{
		max-width: 100%;
	}

	.rowWrapper.eyeglass:after{
		display:none;
	}

	.rowWrapper.eyeglass .col-sm-6 {
	    max-width: 100%;
	}

}

/*Headings*/


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	text-decoration:none;
}

h1.purple a:hover,
h2.purple a:hover,
h3.purple a:hover,
h4.purple a:hover,
h5.purple a:hover,
h6.purple a:hover,
h1.purple a:focus,
h2.purple a:focus,
h3.purple a:focus,
h4.purple a:focus,
h5.purple a:focus,
h6.purple a:focus{
	color:var(--dark-purple);
	text-decoration:underline;
}


h1.purple,h2.purple,h3.purple,h4.purple,h5.purple,h6.purple,
h1.purple a,h2.purple a,h3.purple a,h4.purple a,h5.purple a,h6.purple a{
	color:var(--purple);
	text-decoration:none;
}

h1.purple a:hover,
h2.purple a:hover,
h3.purple a:hover,
h4.purple a:hover,
h5.purple a:hover,
h6.purple a:hover,
h1.purple a:focus,
h2.purple a:focus,
h3.purple a:focus,
h4.purple a:focus,
h5.purple a:focus,
h6.purple a:focus{
	color:var(--dark-purple);
	text-decoration:underline;
}

h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,
h1.orange a,h2.orange a,h3.orange a,h4.orange a,h5.orange a,h6.orange a{
	color:var(--orange);
	text-decoration:none;
}

h1.orange a:hover,
h2.orange a:hover,
h3.orange a:hover,
h4.orange a:hover,
h5.orange a:hover,
h6.orange a:hover,
h1.orange a:focus,
h2.orange a:focus,
h3.orange a:focus,
h4.orange a:focus,
h5.orange a:focus,
h6.orange a:focus{
	color:var(--dark-orange);
	text-decoration:underline;
}

h1.pink,h2.pink,h3.pink,h4.pink,h5.pink,h6.pink,
h1.pink a,h2.pink a,h3.pink a,h4.pink a,h5.pink a,h6.pink a{
	color:var(--pink);
	text-decoration:none;
}

h1.pink a:hover,
h2.pink a:hover,
h3.pink a:hover,
h4.pink a:hover,
h5.pink a:hover,
h6.pink a:hover,
h1.pink a:focus,
h2.pink a:focus,
h3.pink a:focus,
h4.pink a:focus,
h5.pink a:focus,
h6.pink a:focus{
	color:var(--dark-pink);
	text-decoration:underline;
}

h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,
h1.blue a,h2.blue a,h3.blue a,h4.blue a,h5.blue a,h6.blue a{
	color:var(--blue);
	text-decoration:none;
}

h1.blue a:hover,
h2.blue a:hover,
h3.blue a:hover,
h4.blue a:hover,
h5.blue a:hover,
h6.blue a:hover,
h1.blue a:focus,
h2.blue a:focus,
h3.blue a:focus,
h4.blue a:focus,
h5.blue a:focus,
h6.blue a:focus{
	color:var(--dark-blue);
	text-decoration:underline;
}

h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,
h1.green a,h2.green a,h3.green a,h4.green a,h5.green a,h6.green a{
	color:var(--green);
	text-decoration:none;
}

h1.green a:hover,
h2.green a:hover,
h3.green a:hover,
h4.green a:hover,
h5.green a:hover,
h6.green a:hover,
h1.green a:focus,
h2.green a:focus,
h3.green a:focus,
h4.green a:focus,
h5.green a:focus,
h6.green a:focus{
	color:var(--dark-green);
	text-decoration:underline;
}

h1.gold,h2.gold,h3.gold,h4.gold,h5.gold,h6.gold,
h1.gold a,h2.gold a,h3.gold a,h4.gold a,h5.gold a,h6.gold a{
	color:var(--gold);
	text-decoration:none;
}

h1.gold a:hover,
h2.gold a:hover,
h3.gold a:hover,
h4.gold a:hover,
h5.gold a:hover,
h6.gold a:hover,
h1.gold a:focus,
h2.gold a:focus,
h3.gold a:focus,
h4.gold a:focus,
h5.gold a:focus,
h6.gold a:focus{
	color:var(--dark-gold);
	text-decoration:underline;
}

a.readmore{
	text-transform:uppercase;
	text-decoration:none;
	font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0;
	position:relative;
}

a.readmore:after,
a.readmore:visited:after{
	display: block;
	content:'';
	width: 10px;
	height: 10px;
	position:absolute;
	right: -20px;
	top: 6px;
	background-color:#000;
	-webkit-mask-image: url(images/arrow-right.svg);
	mask-image: url(images/arrow-right.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


a.readmore:hover:after,
a.readmore:focus:after{
	right: -25px;
}

a.readmore.purple{
	color:var(--purple);
}

a.readmore.purple:after{
	background-color:var(--purple);
}

a.readmore.gold{
	color:var(--gold);
}

a.readmore.gold:after{
	background-color:var(--gold);
}

a.readmore.green{
	color:var(--green);
}

a.readmore.green:after{
	background-color:var(--green);
}

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

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

a.readmore.orange{
	color:var(--orange);
}

a.readmore.orange:after{
	background-color:var(--orange);
}

a.readmore.pink{
	color:var(--pink);
}

a.readmore.pink:after{
	background-color:var(--pink);
}

/**Homepage events**/

.homepageEvents .imgWrapper{
	height:210px;
	overflow:hidden;
	display:block;
}

.homepageEvents .image{
	height:210px;
	display:block;
	background-size:cover;
	background-position:center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.homepageEvents .imgWrapper:hover .image{
	transform:scale(1.2);
}

.homepageEvents .card{
	box-shadow: 1px 2px 6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.15);
}

.homepageEvents .content{
	padding:20px;
	display:block;
}

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

.homepageEvents .col.mb-3{
	padding:0;
	width: 100%;
	display: block;
	max-width: 370px;
}

.homepageEvents .QueryTemplateSet {
	flex-wrap: nowrap;
	display: flex;
	justify-content: space-between;
	margin-top: 40px!important;
}

@media(max-width:1140px){
	.homepageEvents .col.mb-3{
		padding:0;
		width: 100%;
		display: block;
		max-width: 280px;
		margin:40px auto 40px auto;
	}
}


@media(max-width:900px){
	.homepageEvents .col.mb-3{
		padding:0;
		width: 100%;
		display: block;
		max-width: 250px;
		margin:40px auto 40px auto;
	}
}

@media(max-width:768px){
	.homepageEvents .QueryTemplateSet {
	    flex-wrap: wrap;
	    display: block;
	    justify-content: space-between;
	    margin-top: 40px!important;
	}

	.homepageEvents .col.mb-3{
		padding:0;
		width: 100%;
		display: block;
		max-width: 370px;
		margin:40px auto 40px auto;
	}
}


/**Homepage news**/

.homeNews{
	margin-top:30px;	
}

.homeNews .TaggedListPanel{
	display:flex;
	justify-content: space-between;
	gap: 0px 30px;
}


.homeNews .BlockTLItem, .homeNews .BlockList li {
    border-bottom:0px;
    background: #fff;
    width: 33%;
    padding:20px;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.15);
}


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


.homeNews .date-link{
	display:flex;
	gap:0px 20px;
	align-items:center;
}

.homeNews .date{
	color:var(--gold);
	text-align:center;
	text-transform:uppercase;
	display: block;
}

.homeNews .day{
	display:block;
	font-size:36px;
	line-height: 1;
}

.homeNews .month{
	font-weight:700;
	margin-top: 0px;
	display:block;
	line-height: 1;
}

.homeNews p{
	margin:20px 0px;
}

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

@media(max-width:992px){
	.homeNews .TaggedListPanel{
		display:block;
		justify-content: space-between;
		gap: 0px 30px;
	}

	.homeNews .BlockTLItem, .homeNews .BlockList li {
		max-width:450px;
		margin:0px auto 30px auto;
		width: 100%;
	}
}

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

.linkStack ul li{
	margin:5px 0px;
}

.linkStack ul a,
.linkStack ul a:visited{
	text-decoration:none;
}

.linkStack ul a:hover,
.linkStack ul a:focus{
	text-decoration:underline;
}

.copyright{
	display:flex;
	justify-content:space-between;
}

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

.copyright ul li{
	display:inline-block;
}

.copyright ul li:after{
	content:"|";
	margin:0px 5px;
}

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

.copyright ul a,
.copyright ul a:visited{
	text-decoration:none;
}

.copyright ul a:hover,
.copyright ul a:focus{
	text-decoration:underline;
}

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

	.copyright{
		display:block;
	}

	.copyright ul{
		margin-top:5px;
	}
	
	.copyright ul li{
		display:block;
	}
	
	.copyright ul li:after{
		display:none;
	}
}

.eventSearch .eventList {
    border:0px;
    border-radius: 0px;
    padding: 1rem 1rem;
    background-color: #fff;
    margin:10px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}

.eventList .PrimaryButton {
    text-decoration: none!important;
    color: #fff!important;
    margin-top: 20px;
    display: block;
    max-width: 200px;
}

.clearQ .RadGrid_MetroTouch .rgSelectedRow .eventList a.title {
    color: var(--blue)!important;
}

/**Document library**/

.docLibrary .FilterPanel{
	margin-bottom:30px;
}

.docLibrary .RadGrid_MetroTouch .rgHeader,
.docLibrary .RadGrid.RadGrid_MetroTouch th.rgSorted{
	background-color:var(--green);
	text-align: center;
}

.docLibrary .RadGrid.RadGrid_MetroTouch .rgRow td, 
.docLibrary .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, 
.docLibrary .RadGrid.RadGrid_MetroTouch .rgAltRow td, 
.docLibrary .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child{
	padding: 10px;
	text-align: center;
}

.docLibrary .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.docLibrary .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.docLibrary .RadGrid.RadGrid_MetroTouch .rgHeader:first-child{
	text-align:left;
}

.docLibrary a.download,
.docLibrary a.download:visited{
	font-size:0px;
	position:relative;
	display:block;
	width:25px;
	height:25px;
	background-color: var(--system-icon-color);
	margin:0px auto;
	-webkit-mask-image: url(images/download-solid.svg);
	mask-image: url(images/download-solid.svg);
}

.docLibrary a.download:hover,
.docLibrary a.download:focus,
.docLibrary a.download:active{
	background-color: var(--green);
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow td a.download,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td a.download:visited{
	background-color:#fff;
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow td a.download:hover,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td a.download:focus,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td a.download:active{
	background-color: var(--grey);
}

.docLibrary .rgHeader{
	display:table-cell!important;
	border-left:1px solid #fff!important;
}

.docLibrary .rgHeader a,
.docLibrary .RadGrid.RadGrid_MetroTouch th.rgSorted a{
	color:#fff!important;
}

.docLibrary .RadGrid_MetroTouch .rgHeader .rgSortAsc, 
.docLibrary .RadGrid_MetroTouch .rgHeader .rgSortDesc {
    margin: 8px 2px 0 0;
}

@media(max-width:767px){
	.docLibrary td,
	.docLibrary tr{
		display: block;
		width: 100%;
		text-align:left;
	}

	.docLibrary .RadGrid.RadGrid_MetroTouch .rgRow td,
	.docLibrary .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, 
	.docLibrary .RadGrid.RadGrid_MetroTouch .rgAltRow td, 
	.docLibrary .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child{
		text-align:left;
		padding:5px 10px;
	}

	.docLibrary thead{
		display:none;
	}
}

.memDir .specialities{
	display:block;
}

.memDir a {
    color: var(--blue)!important;
}

.memDir tr{
	
}

.memDir tr td {
    display: block;
    border: none!important;
    padding: 20px!important;
    margin:20px 10px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.15);
}

.memDir .RadGrid_MetroTouch .rgAltRow {
    background: #fff;
}

@media (max-width: 767px){
	.memDir tr td {
	    max-width: 350px;
	    margin: 20px auto;
	}
}