html, body {
	 margin: 0;
	 padding: 0;
}
 main.utility {
	 padding-bottom: 150px;
}
 body {
	 font-family: 'Gotham A','Gotham B', 'Figtree', Arial, san-serif !important;
	 overflow-wrap: break-word;
	 overflow-x: hidden;
	 position: relative;
	 margin-bottom: -3% !important;
	 . 
}
 @media only screen and (max-width: 767px) {
	 html, body {
		 overflow-x: unset;
		/* contain: paint;
		 */
	}
}
/* Google Search */
 .gsc-refinementBlock, .gsc-positioningWrapper {
	 display: none !important;
}
 .gsc-results .gsc-cursor-box .gsc-cursor-page {
	 color: #fff !important;
	 padding: 10px;
}
 .gsc-search-button:focus {
	 color: #000 !important;
	 background-color: #fff !important;
}
 .gsc-search-button:hover {
	 color: #000 !important;
	 background-color: #fff !important;
}
 .gsc-search-button:focus svg, .gsc-search-button:hover svg {
	 fill: #000 !important;
}
/* Headings */
 h1, h2, h3, h4, h5, h6 {
	 margin-bottom: 20px !important;
}
 h1, h2, h3 {
	 font-family: 'Idlewild A','Idlewild B', 'Michroma', 'Open Sans', Arial, san-serif !important;
	 color: #333 !important;
	 text-transform: uppercase;
}
 .flexGrid.topflex .flexCard {
	 margin-top: 0;
	 align-self: center;
}
 .flexGrid.topflex .flexCard p.exhibits-date {
	 font-family: 'Idlewild A','Idlewild B', 'Michroma', 'Open Sans', Arial, san-serif !important;
	 font-size: 1.2em;
}
 @media only screen and (max-width: 600px) {
	 .flexGrid.topflex > .flexCard {
		 width: 100% !important;
	}
	 .topflex h1 {
		 margin-top: 20px;
	}
}
 h1 {
	 font-size: 32px;
	 text-align: center;
}
 #advanced h1 {
	 text-align: center;
	 color: #333 !important;
	/*margin-bottom: 2% !important;
	 */
}
 h1.gotham {
	 font-family: 'Gotham A','Gotham B', 'Figtree', Arial, san-serif !important;
	 font-size: 32px;
}
 h2 {
	 font-size: 24px;
}
 h3 {
	 font-size: 19px;
}
 h4 {
	 font-family: 'Gotham A','Gotham B', 'Figtree', Arial, san-serif !important;
	 font-size: 16px;
	 font-weight: 700;
	 text-transform: capitalize;
}
 @media only screen and (max-width: 500px) {
	 h1 {
		 font-size: 26px !important;
	}
	 h2 {
		 font-size: 22px;
	}
	 h3 {
		 font-size: 18px;
	}
}
 @media only screen and (max-width: 400px) {
	 h1 {
		 font-size: 20px !important;
	}
	 h2 {
		 font-size: 18px;
	}
	 h3 {
		 font-size: 16px;
	}
}
/* Page setup */
 main#layout, main#advanced {
	 margin-top: 2%;
	 margin-bottom: 20px !important;
}
 #sideContent section.green, #sideContent section.GREEN, #sideContent section.Green, #sideContent section.teal, #sideContent section.TEAL, #sideContent section.Teal, #sideContent section.red, #sideContent section.RED, #sideContent section.Red, #sideContent section.gray, #sideContent section.GRAY, #sideContent section.Gray, #sideContent section.lightgray {
	 padding: 20px;
	 border: 1px solid #dad6df;
}
 @media only screen and (max-width: 1024px) {
	 #sideContent.flippedMobile {
		 margin-bottom:20px;
	}
	 main.twoColumn.twoRight #sideContent {
		 max-width: 90% !important;
		 margin-left: auto;
		 margin-right: auto;
	}
}
 .tier {
	 margin-bottom: 2%;
}
 .tier.noMargin{
	 margin-bottom:0px 
}
 .tier.columns.noMargin {
	 margin-bottom: -80px;
}
 .page{
	 background-color: #181818!important;
}
 @media only screen and (max-width: 767px) {
	 .tier {
		 margin-bottom: 30px !important;
	}
}
/* Nav */
 .navbar .container-fluid {
	 flex-direction: row-reverse;
	 background-color: #dad6df;
}
 .navbar-toggler {
	 margin: .2%;
}
 .navbar-collapse .navbar-nav li:not(.dropdown) {
	 margin-right: 2%;
}
 .navbar-expand-lg .navbar-nav {
	 flex-direction: row;
	 width: 100%;
	 justify-content: space-around;
}
 .navbar-nav {
	 font-weight: 700;
}
 .navbar-nav li {
	 font-size: 18px !important;
}
 .dropdown-menu li {
	 font-size: 16px !important;
}
 .navbar-expand-lg .navbar-nav .nav-link {
	 padding-right: var(--bs-navbar-nav-link-padding-x);
	 padding-left: var(--bs-navbar-nav-link-padding-x);
	 color: black;
}
 .navbar {
	 margin-top: 50px;
	 position: -webkit-sticky;
	 position: -moz-sticky;
	 position: -o-sticky;
	 position: -ms-sticky;
	 position: sticky;
	 top: -8px;
	 z-index: 1000;
}
 @media only screen and (min-width: 992px) {
	 .nav-item:last-child .dropdown-menu {
		 left: -80%;
	}
}
 @media(max-width:991px) {
	 .navbar-expand-lg .navbar-nav {
		 flex-direction: column;
		 width: 100%;
		 text-align: center;
	}
	 ul.dropdown-menu {
		 width: 100%;
		 text-align: center;
		 background-color: #dad6df;
	}
}
/* Links and buttons (DO NOT CHANGE ORDER OF THIS SECTION) */
 body a {
	 color: #000000;
	 font-weight: 600;
}
 a:not([href]) {
	 display: block;
	 position: relative;
	 visibility: hidden;
	 scroll-margin-top: 60px;
}
 a:has(img) {
	 text-decoration: none !important;
}
/* .red a:not([class]), .RED a:not([class]), .Red a:not([class]), .green a:not([class]), .GREEN a:not([class]), .Green a:not([class]), .teal a:not([class]), .TEAL a:not([class]), .Teal a:not([class]) {
	 color: #ffffff !important;
}
 */
 .white a:not([class]), .gray a:not([class]), .Gray a:not([class]), .GRAY a:not([class]), .lightgray a:not([class]) {
	 color: #000 !important;
}
 .gray a.btn-white, .green a.btn-white, .teal a.btn-white, .red a.btn-white, .Gray a.btn-white, .Green a.btn-white, .Teal a.btn-white, .Red a.btn-white, .GRAY a.btn-white, .GREEN a.btn-white, .TEAL a.btn-white, .RED a.btn-white {
	 color: #000000;
	 font-size: 1rem;
	 min-width: 130px;
	 line-height: 1.5rem;
	 font-weight: 600;
	 text-align: center;
	 text-decoration: none !important;
	 cursor: pointer;
	 display: inline-block;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 9px;
	 padding-bottom: 7px;
	 background-color: white;
	 cursor: pointer;
	 border: 2px solid white;
}
 a.btn-white, .white a.btn-white, .White a.btn-white, .WHITE a.btn-white {
	 color: #000000;
	 font-size: 1rem;
	 min-width: 130px;
	 line-height: 1.5rem;
	 font-weight: 600;
	 text-align: center;
	 text-decoration: none !important;
	 cursor: pointer;
	 display: inline-block;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 9px;
	 padding-bottom: 7px;
	 background-color: white;
	 cursor: pointer;
	 border: 2px solid black;
}
 a.btn-white:hover {
	 background-color: black;
	 color: white;
	 border: 2px solid black;
}
 a.btn-black, article a.btn-blue {
	 color: #fff;
	 font-size: 1rem;
	 min-width: 130px;
	 line-height: 1.5rem;
	 font-weight: 600;
	 text-align: center;
	 text-decoration: none !important;
	 cursor: pointer;
	 display: inline-block;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 9px;
	 padding-bottom: 7px;
	 background-color: black;
	 cursor: pointer;
	 border: 2px solid black;
}
 a.btn-black:hover, a.btn-blue:hover {
	 background-color: white;
	 color: black;
	 border: 2px solid black;
}
 a.btn-black:focus, a.btn-blue:focus {
	 color: #000 !important;
	 background-color: #f8f7f9;
}
 a.btn-black, a.btn-white, a.btn-blue {
	 font-weight: 500;
	 text-transform: uppercase;
}
/* Float and clear */
 .clear{
	 clear:both 
}
 .floatLeft{
	 float:left 
}
 .floatRight{
	 float:right 
}
 .floatSection{
	 display:flow-root !important 
}
 img.floatLeft{
	 margin:5px 15px 5px 0 
}
 img.floatRight{
	 margin:10px 0 10px 15px 
}
 @media only screen and (max-width: 767px){
	 .floatSection{
		 display:block !important 
	}
}
 @media only screen and (max-width: 500px){
	 .floatLeft{
		 float:none !important 
	}
	 .floatRight{
		 float:none !important 
	}
	 img.floatLeft{
		 margin: 0;
	}
	 img.floatRight{
		 margin: 0;
	}
}
 img.center{
	 text-align:center;
	 display: block;
	 margin:0px auto 
}
 img.responsiveImage {
	 max-width: 100%;
	 height: auto;
}
 @media only screen and (max-width: 600px){
	 img.floatLeft,img.floatRight{
		 width:50%;
		 height:auto 
	}
}
/* Text styling */
 p.linebreaker {
	 font-size: 18px;
	 letter-spacing: 1px;
}
 .cutline {
	 font-size: .75em;
	 line-height: inherit;
}
 .slidetext .cutline {
	 border-left: 0px;
	 padding-left: 0px;
}
 .callout {
	 font-size: 1.4em;
	 line-height: inherit;
	 margin: 15px 0 10px 0;
}
 .exhibits-date {
	 font-size: 1.5em;
	 font-weight: lighter;
	 text-align: center;
}
 .moca-note {
	 font-size: .85em;
	 line-height: inherit;
	 padding-left: 10px;
}
 p {
	 margin-bottom: 1rem;
	 font-size: 16px;
}
 div.placeholder {
	 background: none;
	 color: #000000;
	 opacity: 1;
}
 ul {
	 display: block;
	 float: none;
	 margin-right: 0;
	 color: #000;
}
 ul li {
	 list-style: unset;
	 font-size: 16px;
	 margin-left: 0;
}
 ol li {
	 list-style: unset;
	 font-size: 16px;
	 margin-left: 0;
}
 ul.noBullets {
	 list-style-type: none !important;
	 margin: 0px;
	 padding: 0px;
}
 ul.noBullets li {
	 padding-left: 0;
	 margin-left: 0;
}
/* Header */
 .actionLinks {
	 display: flex;
}
 @media only screen and (max-width: 700px) {
	 .actionLinks ul {
		 display: flex;
		/* float: right;
		 */
		 margin-right: 10px;
		 color: rgb(82, 82, 82);
		 text-align: center;
		 justify-content: center;
		 width: 100%;
		 margin-top: 10px;
		 margin-bottom: 10px;
		 padding-left: 0 !important;
	}
}
 .links {
	 width: 100%;
}
 .links a {
	 color: black;
	 font-size: 14px;
}
 div.links ul {
	 display: flex;
	 float: right;
	 margin-right: 10px;
	 color: rgb(82, 82, 82);
}
 div.links ul li {
	 list-style: none;
	 align-items: right;
	 font-size: 20px;
	 margin-left: 10px;
}
 @media only screen and (max-width: 450px) {
	 div.links ul {
		 margin-right: 0;
	}
	 div.links ul li {
		 font-size: 12px;
		 margin-left: 3px;
	}
}
 @media only screen and (max-width: 383px) {
	 div.links ul {
		 margin-right: 0;
	}
	 div.links ul li {
		 font-size: 12px;
		 margin-left: 1px;
	}
}
 .logo {
	 width: 100%;
	 align-items: center;
	 text-align: center;
}
 .logo img {
	 width: 250px;
	 height: 150px;
}
/* Home page */
 .bg img {
	 width: 100%;
	 height: auto;
}
 .content-1 h1 {
	 font-size: 40px;
	 font-weight: lighter;
	 text-align: center;
	 letter-spacing: 4px;
	 word-spacing: 8px;
}
 .content-1 p {
	 text-align: center;
	 font-size: 20px;
	 letter-spacing: 1px;
	 color: rgb(39, 39, 39);
}
 .blog-links p {
	 font-size: 20px;
	 padding: 10px 0px;
}
 div.blog-links {
	 margin-left: 10%;
}
 .social {
	 margin-top: 40px;
	 display: inline-block;
}
 .social .social-1 {
	 display: flex;
	 width: 100%;
}
 .social .social-text {
	 width: 80%;
}
 .social .social-text h2 {
	 font-weight: 400;
	 margin-left: 80px;
}
 .social .social-icons {
	 width: 20%;
	 text-align: center;
	 margin-top: 20px;
}
 .social .social-icons a {
	 text-decoration: none;
	 font-size: 25px;
	 color: white;
	 background-color: black;
	 width: 40px;
	 border-radius: 50%;
	 border: 2px solid black;
	 padding: 3px;
	 padding-top: 5px;
	 padding-left: 0px;
	 padding-right: 0px;
	 margin-right: 5px;
}
 .social .social-icons a:hover, .social .social-icons a:focus {
	 color: black;
	 background-color: white;
	 border-radius: 50%;
	 border: 2px solid black;
	 padding: 3px;
	 padding-top: 5px;
	 padding-left: 0px;
	 padding-right: 0px;
	 margin-right: 5px;
}
 .social-2 img {
	 float: left;
	 max-width: 16.6667%;
	 height: auto;
}
 @media only screen and (max-width: 700px) {
	 .bg img {
		 width: 100%;
		 height: auto;
	}
	 .content-1 h1 {
		 font-size: 40px;
		 font-weight: lighter;
		 text-align: center;
		 letter-spacing: 4px;
		 word-spacing: 8px;
	}
	 .content-1 p {
		 font-size: 18px;
		 letter-spacing: 0px;
		 color: rgb(39, 39, 39);
		 padding: 44px;
		 padding-bottom: 0;
		 padding-top: 0;
	}
	 .social .social-icons {
		 width: 40%;
		 text-align: center;
		 margin-top: 9px;
	}
	 .social .social-text {
		 width: 60%;
	}
	 .social .social-text h2 {
		 margin-left: 30px;
		 margin-right: 20px;
	}
	 .social-2 img {
		 float: left;
		 max-width: 33.3333%;
		 height: auto;
	}
	 .social .social-1 {
		 display: flex;
		 width: 100%;
		 margin-bottom: 23px;
	}
}
 @media only screen and (max-width: 650px) {
	 .content-1 h1 {
		 font-size: 32px;
	}
}
 @media only screen and (max-width: 600px) {
	 div.blog-links {
		 margin-left: 0;
	}
	 p.linebreaker br {
		 display: none;
	}
	 .content-1 p {
		 padding: 20px;
		 padding-bottom: 0;
		 padding-top: 0;
	}
}
/* Footer */
 .footer {
	 background-color: #dad6df;
	 padding-bottom: 2% !important;
}
 .footer a {
	 font-weight: unset;
}
 .f-three {
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 width: 100%;
}
 .f-2 {
	 border-left: 1px solid black;
}
 .f-2 div {
	 font-size: 20px;
	 padding: 3px;
}
 .footer .f-1 {
	 text-align: end;
	 width: 50%;
	 font-size: 18px;
	 padding: 80px;
	 padding-right: 30px;
}
 .footer .f-1 h2, .footer .f-2 h2 {
	 padding: 0;
	 margin: 15px;
	 margin-right: 0;
}
 .footer .f-1 p {
	 width: 70%;
	 float: right;
	 padding: 0;
	 margin: 0;
}
 .footer .f-2 p {
	 width: 70%;
	 padding: 0;
	 margin: 0;
}
 .footer .f-1 h2, .footer .f-2 h2 {
	 font-size: 20px;
}
 .footer .f-2 {
	 padding: 30px;
	 padding-top: 0;
	 padding-bottom: 0;
}
 .footer a {
	 color: black;
}
 .footer .f-3 {
	 padding-right: 100px;
	 float: left;
}
 .footer .f-4 {
	 margin-right: 2%;
	 width: 20%;
}
 .footer .f-4 img {
	 width: 200px;
	 opacity: .75;
}
 .f-three .f-2 p {
	 font-size: 30px;
}
 .footer .f-3 {
	 width: 20%;
	 margin-left: 2%;
}
 .b-c {
	 text-align: center;
	 font-size: 16px;
}
 .b-c h3 {
	 margin-top: 0;
	 padding-top: 0;
	 padding-bottom: 30px;
}
 .footer .f-2 {
	 width: 40%;
}
 @media only screen and (max-width: 1500px) {
	 .footer .f-2 {
		 width: 30%;
	}
}
 @media only screen and (max-width: 1350px) {
	 .footer .f-2 {
		 width: 25%;
	}
}
 @media only screen and (max-width: 1024px) {
	 .footer .f-three {
		 display: inline-grid;
	}
	 .footer .f-1 h2, .footer .f-2 h2 {
		 padding: 0;
		 margin: 15px;
		 margin-right: 0;
		 margin-left: 0;
	}
	 .footer .f-1, .footer .f-2 {
		 width: 100%;
		 text-align: center;
		 border-left: 0;
		 padding: 0;
	}
	 .footer .f-1, .footer .f-2, .footer .f-4 {
		 margin-top: 5%;
	}
	 .footer .f-3 {
		 margin-top: 5%;
		 margin-bottom: 0;
		 margin-left: auto;
		 margin-right: auto;
		 width: 100%;
		 text-align: center;
		 padding: 0;
	}
	 .footer .f-4 {
		 margin-right: auto;
		 margin-left: auto;
		 width: 100%;
		 text-align: center;
	}
}
 @media(max-width:700px) {
	 .footer .f-1 p {
		 width: 100%;
		 float: right;
		 padding: 0;
		 margin: 0;
	}
	 .footer .f-1 {
		 text-align: center;
		 width: 100%;
		 font-size: 18px;
		 padding: 20px !important;
	}
	 .footer .f-2 {
		 width: 100%;
		 border-left: none;
	}
	 .f-2 div {
		 font-size: 20px;
		 padding: 3px;
		 text-align: center;
	}
	 .footer .f-3 {
		/* padding-right: 100px;
		 */
		/* float: left;
		 */
		 text-align: center;
		 margin-top: 40px;
		 margin-bottom: 40px;
	}
	 .footer .f-3 {
		 width: 100%;
		 padding-right: 0px;
	}
}
/* Iframe Video Styles */
 iframe.video-xl,iframe.video-lg,iframe.video-md,iframe.video-sm,iframe.video-xs{
	 width:85vw !important;
	 height:48vw !important;
	 max-width:100% 
}
 @media only screen and (min-width: 768px){
	 .full iframe.video-xl{
		 width:100% !important;
		 height:53.25vw !important 
	}
	 iframe.video-xl{
		 width:100% !important;
		 height:47.25vw !important 
	}
	 iframe.video-lg{
		 width:74vw !important;
		 height:41vw !important 
	}
	 iframe.video-md{
		 width:60vw !important;
		 height:33.75vw !important 
	}
	 iframe.video-sm{
		 width:50vw !important;
		 height:28.25vw !important 
	}
	 iframe.video-xs{
		 width:40vw !important;
		 height:22vw !important 
	}
	 #advanced .twothirds iframe.video-md{
		 height:32vw !important 
	}
	 #advanced .twothirds iframe.video-sm{
		 height:27vw !important 
	}
}
 @media only screen and (min-width: 910px){
	 .full iframe.video-xl{
		 width:100% !important;
		 height:50vw !important 
	}
	 iframe.video-xl{
		 width:100% !important;
		 height:43vw !important 
	}
	 iframe.video-md{
		 width:60vw !important;
		 height:33.75vw !important 
	}
	 iframe.video-sm{
		 width:46vw !important;
		 height:25.5vw !important 
	}
	 iframe.video-xs{
		 width:32vw !important;
		 height:18vw !important 
	}
}
 @media only screen and (min-width: 1100px){
	 iframe.video-xl{
		 width:100% !important;
		 height:43vw !important 
	}
	 iframe.video-md{
		 width:60vw !important;
		 height:33.75vw !important 
	}
	 iframe.video-sm{
		 width:46vw !important;
		 height:25.5vw !important 
	}
	 iframe.video-xs{
		 width:32vw !important;
		 height:18vw !important 
	}
	 #advanced .twothirds iframe.video-md{
		 height:28vw !important 
	}
	 #advanced .twothirds iframe.video-sm{
		 height:20vw !important 
	}
}
 @media only screen and (min-width: 1280px){
	 iframe.video-xl{
		 width:100% !important;
		 height:48vw !important 
	}
	 #advanced .twothirds iframe.video-md{
		 height:31vw !important 
	}
	 #advanced .twothirds iframe.video-sm{
		 height:23.25vw !important 
	}
}
/* BASIC FLEX */
 ul.flexGrid {
	 padding-left: 0;
}
 .flexGrid .flexCard[class*="green"] section, article[class*="green"], .flexGrid .flexCard[class*="red"] section, article[class*="red"], .flexGrid .flexCard[class*="gray"] section, article[class*="gray"], .flexGrid .flexCard[class*="teal"] section, article[class*="teal"], .flexGrid:not(.none) .flexCard[class*="white"] section, .flexGrid:not(.none) article[class*="white"], .flexGrid .flexCard[class*="Green"] section, article[class*="Green"], .flexGrid .flexCard[class*="Red"] section, article[class*="Red"], .flexGrid .flexCard[class*="Gray"] section, article[class*="Gray"], .flexGrid .flexCard[class*="Teal"] section, article[class*="Teal"], .flexGrid:not(.none) .flexCard[class*="White"] section, .flexGrid:not(.none) article[class*="White"], .flexGrid .flexCard[class*="GREEN"] section, article[class*="GREEN"], .flexGrid .flexCard[class*="RED"] section, article[class*="RED"], .flexGrid .flexCard[class*="GRAY"] section, article[class*="GRAY"], .flexGrid .flexCard[class*="TEAL"] section, article[class*="TEAL"], .flexGrid:not(.none) .flexCard[class*="WHITE"] section, .flexGrid:not(.none) article[class*="WHITE"] {
	 padding: 20px;
}
 .flexGrid {
	/* @include displayflex;
	 @include flex-direction(row);
	 @include flex-wrap(wrap);
	 @include align-content(flex-start);
	 */
	 --gap:2%;
	 width: calc(100% + var(--gap));
	 margin: 0px 0 30px calc(-1 * var(--gap));
	 flex-wrap: wrap;
}
 .flexGrid > * {
	 margin: var(--gap) 0 0 var(--gap);
}
 .flexGrid .flexCard {
	 flex: 1 1 auto;
	 list-style-type: none;
}
 .flexGrid .flexCard p:last-child{
	 margin-bottom:0px 
}
/* HORIZONTAL : EQUAL COLUMNS */
 .flexGrid .flexCard {
	 flex: 1 1 auto;
	 max-width:100%;
}
 .flexGrid.col1 > .flexCard {
	 flex: 1 1 100%;
	 max-width:100% 
}
 .flexGrid.col2 > .flexCard {
	 flex: 1 1 48%;
	 max-width:48% 
}
 .flexGrid.col3 > .flexCard {
	 flex: 1 1 32%;
	 max-width:31.333333% 
}
 .flexGrid.col4 > .flexCard {
	 flex: 1 1 23%;
	 max-width:23% 
}
 .flexGrid.col5 > .flexCard {
	 flex: 1 1 18%;
	 max-width:18% 
}
 .flexGrid.col6 > .flexCard {
	 flex: 1 1 15%;
	 max-width:14.66667% 
}
/* HORIZONTAL : THIRDS */
 .flexGrid.thirdLeft > .flexCard:nth-child(odd) {
	 flex: 1 1 32%;
	 max-width:31.333333% 
}
 .flexGrid.thirdLeft > .flexCard:nth-child(even) {
	 flex: 1 1 65%;
	 max-width:64.6666667% 
}
 .flexGrid.thirdRight > .flexCard:nth-child(odd) {
	 flex: 1 1 65%;
	 max-width:64.6666667% 
}
 .flexGrid.thirdRight > .flexCard:nth-child(even) {
	 flex: 1 1 32%;
	 max-width:31.333333% 
}
/* HORIZONTAL : FOURTHS */
 .flexGrid.fourthLeft > .flexCard:nth-child(odd) {
	 flex: 1 1 23%;
	 max-width:23% 
}
 .flexGrid.fourthLeft > .flexCard:nth-child(even) {
	 flex: 1 1 73%;
	 max-width:73% 
}
 .flexGrid.fourthRight > .flexCard:nth-child(odd) {
	 flex: 1 1 73%;
	 max-width:73% 
}
 .flexGrid.fourthRight > .flexCard:nth-child(even) {
	 flex: 1 1 23%;
	 max-width:23% 
}
/******************************/
/* FLEXBOX MOBILE */
/******************************/
/* 3-up @ 768-1023px */
 @media all and (min-width: 768px) and (max-width:1023px) {
	 .flexGrid[class*="col"]:not(.col1):not(.col2).noGutters > .flexCard {
		 flex-direction: column;
		 flex: 1 1 33%;
		 max-width:33% 
	}
	 .flexGrid[class*="col"]:not(.col1):not(.col2) > .flexCard {
		 flex-direction: column;
		 flex: 1 1 32%;
		 max-width:31.333333% 
	}
}
 @media only screen and (max-width: 767px) {
	 .flexGrid > article.flexCard {
		 flex: 1 1 100% !important;
		 max-width: 100% !important;
		 width: 98%;
	}
}
/* 2-up @ 601-767px */
 @media all and (min-width: 601px) and (max-width:767px) {
	 .flexGrid[class*="col"]:not(.col1):not(.col3).noGutters > .flexCard {
		 flex-direction: column;
		 flex: 1 1 50%;
		 max-width:50% 
	}
	 .flexGrid[class*="col"]:not(.col1):not(.col3) > .flexCard {
		 flex-direction: column;
		 flex: 1 1 48%;
		 max-width:48% 
	}
}
/* 1-up @ 600px */
 @media all and (max-width: 600px) {
	 .flexGrid {
		 flex-direction: column;
	}
	 .flexGrid > .flexCard {
		 flex: 1 1 100% !important;
		 max-width: 100% !important;
		 width:98% 
	}
	 .flexGrid.reverse {
		 flex-direction: column-reverse;
	}
	 .flexGrid.auto img {
		 max-width: 100%;
	}
	 .flexGrid.actionBar {
		 flex-direction: column;
	}
	 .flexGrid.actionBar > .flexCard {
		 flex: 1 1 100% !important;
		 max-width: 100% !important;
		 width:95% 
	}
}
/* 1-up Vertical Business Cards on ARTICLES and TEASERS @ 480-767px only */
 @media all and (min-width: 480px) and (max-width:767px) {
	 .articles .flexGrid, .feature .flexGrid, // UNF homepage .teasers .flexGrid {
		 flex-direction: column;
	}
	 .articles .flexGrid > .flexCard, .feature .flexGrid > .flexCard, // UNF homepage .teasers .flexGrid > .flexCard,{
		 display: flex;
		 flex-direction: column;
		 justify-content: space-between;
		 flex: 1 1 100% !important;
		 max-width: 100% !important;
		 width:98%;
		 margin-bottom:30px;
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard {
		 display:flex;
		 flex-direction:row !important;
		 flex-wrap:no-wrap;
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard .image {
		 flex:1 1 30%;
		 margin-right:15px 
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard .info {
		 flex:1 1 65%;
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard .image img {
		 width:100% 
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard .info h2, .flexGrid[class*="col"]:not(.col1) article.flexCard .info h3 {
		 margin-top:0px;
		 font-size: 1.35em;
	}
	 .flexGrid[class*="col"]:not(.col1) article.flexCard .title {
		 background: none !important;
		 color:$blue !important;
	}
	/* More Variations */
	 .flexGrid[class*="col"].noGutters > .flexCard{
		 flex-direction: column;
		 flex: 1 1 50%;
		 max-width:50% 
	}
	 .flexGrid[class*="Left"] > .flexCard, .flexGrid[class*="Right"] > .flexCard {
		 flex-direction: column;
		 flex: 1 1 100% !important;
		 max-width: 100% !important 
	}
}
/* No Gutters */
 .flexGrid.noGutters{
	 --gap:0%;
	 width:calc(100% + var(--gap));
	 margin:calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)) 
}
 .flexGrid.noGutters>*{
	 margin:var(--gap) 0 0 var(--gap) 
}
 .flexGrid.noGutters .flexCard>img{
	 margin-bottom:0px 
}
 .flexGrid.noGutters.col2>.flexCard{
	 max-width:50% 
}
 .flexGrid.noGutters.col3>.flexCard{
	 max-width:33.333% 
}
 .flexGrid.noGutters.col4>.flexCard{
	 max-width:25% 
}
 .flexGrid.noGutters.col5>.flexCard{
	 max-width:20% 
}
 .flexGrid.noGutters.col6>.flexCard{
	 max-width:16.667% 
}
 .flexGrid.noGutters.col6>.flexCard{
	 max-width:16.667% 
}
 .flexGrid.noGutters.thirdLeft>.flexCard:nth-child(odd){
	 max-width:33.333% 
}
 .flexGrid.noGutters.thirdLeft>.flexCard:nth-child(even){
	 max-width:66.666% 
}
 .flexGrid.noGutters.thirdRight>.flexCard:nth-child(odd){
	 max-width:66.666% 
}
 .flexGrid.noGutters.thirdRight>.flexCard:nth-child(even){
	 max-width:33.333% 
}
 .flexGrid.noGutters.fourthLeft>.flexCard:nth-child(odd){
	 max-width:25% 
}
 .flexGrid.noGutters.fourthLeft>.flexCard:nth-child(even){
	 max-width:75% 
}
 .flexGrid.noGutters.fourthRight>.flexCard:nth-child(odd){
	 max-width:75% 
}
 .flexGrid.noGutters.fourthRight>.flexCard:nth-child(even){
	 max-width:25% 
}
 div.flexGrid {
	 display: flex !important;
}
/* Columns */
 div.columns .container {
	 padding-top: 2%;
	 padding-bottom: 2%;
}
 div.columns>.container section {
	 margin-bottom: 2%;
}
 div.columns .flexCard:not(.none) {
	 padding: 2%;
}
 div.columns .flexCard img {
	 max-width: 100%;
	 height: auto;
}
 div.columns .flexGrid.none {
	 margin: 0 !important;
	 margin-top: -1% !important;
}
 @media only screen and (max-width: 600px) {
	 div.columns .container {
		 max-width: 85% !important;
	}
	 div.columns .container .flexGrid, div.columns .container section {
		 margin-top: 4%;
	}
	 div.columns .container .flexGrid .flexCard section {
		 margin-top: 0;
	}
}
 @media all and (min-width: 1024px){
	 main.twoColumn.twoLeft>.container{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:nowrap;
		 flex-wrap:nowrap 
	}
	 main.twoColumn.twoLeft #left{
		 flex:1 1 23%;
		 margin-right:2%;
		 display:inline-block 
	}
	 main.twoColumn.twoLeft #content{
		 flex:1 1 75%;
		 max-width:75%;
		 display:inline-block 
	}
	 main.twoColumn.twoRight #content{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:wrap;
		 flex-wrap:wrap;
		 -webkit-align-content:flex-start;
		 align-content:flex-start 
	}
	 main.twoColumn.twoRight #content #mainContent{
		 flex:1 1 74%;
		 margin-right:3% 
	}
	 main.twoColumn.twoRight#advanced #mainContent {
		 flex: 1 1 74%;
		 margin-right: 3%;
		 max-width: 74%;
	}
	 main.twoColumn.twoRight #content #sideContent{
		 flex:1 1 23% 
	}
	 main.threeColumn>.container{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:nowrap;
		 flex-wrap:nowrap 
	}
	 main.threeColumn #left{
		 flex:1 1 23%;
		 margin-right:2%;
		 display:inline-block 
	}
	 main.threeColumn #content{
		 flex:1 1 75%;
		 max-width:75%;
		 display:inline-block 
	}
	 main.threeColumn #content{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:wrap;
		 flex-wrap:wrap;
		 -webkit-align-content:flex-start;
		 align-content:flex-start 
	}
	 main.threeColumn #content #bannerContent{
		 flex:0 0 100% 
	}
	 main.threeColumn #content #mainContent{
		 flex:1 1 68%;
		 margin-right:2% 
	}
	 main.threeColumn #content #sideContent{
		 flex:1 1 30% 
	}
	 main.oneColumn .twoRight{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:nowrap;
		 flex-wrap:nowrap 
	}
	 main.oneColumn .twoRight .main{
		 flex:1 1 75%;
		 max-width:75%;
		 margin-right:4%;
		 display:inline-block 
	}
	 main.oneColumn .twoRight .side{
		 flex:1 1 23%;
		 max-width:23%;
		 display:inline-block 
	}
	 #sideContent a.lw_event_item_image {
		 display: none !important;
	}
}
 main.twoColumn.twoRight#advanced>.container {
	 padding-left: unset;
	 padding-right: unset;
	 max-width: 90% !important;
	 margin-bottom: 0px;
}
 @media only screen and (max-width: 1024px) {
	 main.twoColumn.twoRight#advanced #mainContent {
		 flex: 1 1 100%;
		 margin-right: 0%;
		 max-width: 100%;
	}
	 main.twoColumn.twoRight#advanced>.container {
		 margin-left: auto !important;
		 margin-right: auto !important;
		 width: 100%;
		 padding: 0;
		 max-width: 100% !important;
	}
}
/* TABS */
 .tabs{
	 margin:0;
	 list-style-type:none 
}
 .tabs::before,.tabs::after{
	 content:' ';
	 display:table 
}
 .tabs::after{
	 clear:both 
}
 .tabs.simple>li>a{
	 padding:0 
}
 .tabs.simple>li>a:hover{
	 background:transparent 
}
 .tabs.vertical>li{
	 width:auto;
	 float:none;
	 display:block 
}
 .tabs-title>a{
	 display:block;
	 padding:1.25rem 1.5rem;
	 line-height:1;
	 font-size:1em 
}
 .tabs-content{
	 transition:all 0.5s ease;
	 border-top:0 
}
 .tabs-content.vertical{
	 border-left:0 
}
 .tabs-panel{
	 display:none;
	 padding:1rem;
	 clear: both !important;
}
 .tabs-panel.is-active{
	 display:block 
}
 #tabs .tabs-title{
	 padding:0px;
	 margin:0px;
	 display:inline-block;
	 border:1px solid transparent 
}
 #tabs .tabs-title a{
	 font-weight:600;
	 color:#000 !important;
	 text-decoration:none 
}
 #tabs .tabs-panel h2{
	 margin-top:0px 
}
 #tabs .tabs-title.is-active{
	 background:#dad6df 
}
 #tabs .tabs-title:hover{
	 border:1px dotted #00847E;
}
 #tabs.horiz ul#horiz-tabs{
	 list-style-type:none;
	 margin:0px;
	 border-top:1px solid #dad6df;
	 padding: 0;
	 width: 100%;
}
 #tabs.horiz .tabs-content{
	 border:1px solid #dad6df;
	 padding:20px 
}
 #tabs.horiz .tabs-panel{
	 padding:0;
	 position:relative;
}
 #tabs.vertical{
	 display:-webkit-flex;
	 display:flex;
	 -webkit-flex-direction:row;
	 flex-direction:row;
}
 #tabs.vertical ul#vertical-tabs{
	 flex:1 1 23%;
	 max-width:23%;
	 list-style-type:none;
	 margin:0 2% 0 0;
	 border-right:1px solid #dad6df;
	 padding: 0;
}
 #tabs.vertical .tabs-content{
	 flex:1 1 73%;
	 max-width:73%;
}
 #tabs.vertical .tabs-title{
	 display:block;
}
 #tabs.vertical .tabs-title>a{
	 padding:1em 10px;
}
 section.footnote {
	 margin-top: 2%;
}
 @media all and (max-width: 600px){
	 #tabs.vertical{
		 -webkit-flex-direction:column;
		 flex-direction:column;
	}
	 #tabs.vertical ul#vertical-tabs,#tabs.vertical .tabs-content{
		 flex:1 1 100% !important;
		 max-width:100% !important;
	}
	 #tabs>ul{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-direction:row;
		 flex-direction:row;
		 -webkit-flex-wrap:wrap;
		 flex-wrap:wrap;
		 margin:0;
		 border:1px solid #dad6df;
		 font-size:.9em 
	}
	 #tabs>ul>li{
		 -webkit-flex:1 1 auto;
		 flex:1 1 auto;
		 border:1px solid #dad6df !important;
		 text-align:center 
	}
	 #tabs>ul>li:hover{
		 border:1px solid #00847E !important 
	}
}
/* Search Boxes */
 #profiles #filterbox label {
	 font-size: 1.1em !important;
	 font-weight: bold !important;
	 color: #000000 !important;
	 margin: 0px 0px 5px 1% !important;
}
 #profiles #filterbox #searchKeywords {
	 width: 98% !important;
	 margin-left: auto !important;
	 margin-right: auto !important;
	 display: block !important;
	 margin-bottom: 1% !important;
}
 #profiles #filterbox {
	 background: #dad6df !important;
	 padding: 20px 10px 5px 10px !important;
	 border-radius: 10px !important;
	 margin-bottom: 30px;
}
/* container */
 main#advanced .tier>.container {
	 max-width: 90% !important;
}
 main#advanced.oneColumn>.container {
	 padding-left: unset;
	 padding-right: unset;
	 max-width: unset !important;
	 margin-bottom: 0px;
}
 .container{
	 padding-left:15px;
	 padding-right:15px;
	 margin-right:auto;
	 margin-left:auto 
}
 .container:before,.container:after{
	 display:table;
	 content:" " 
}
 .container:after{
	 clear:both 
}
 .basic-container {
	 max-width: 90% !important;
	 margin-left: auto;
	 margin-right: auto;
}
 .advanced-container .container {
	 max-width: 98%;
	 padding-left: unset;
	 padding-right: unset;
}
 .advanced-container {
	 padding-left: unset;
	 padding-right: unset;
	 max-width: 90% !important;
	 margin-left: auto;
	 margin-right: auto;
}
 @media(max-width:1024px) {
	 div.basic-container div#content {
		 display: block;
	}
	 div.basic-container div#sideContent {
		 margin-left: 0;
		 max-width: 95%;
	}
}
 @media (min-width: 1024px){
	 .container{
		 padding-left:unset;
		 padding-right:unset 
	}
}
/* @media (min-width: 1024px) and (max-width: 1279px){
	 .container{
		 max-width:1000px !important 
	}
}
 @media (min-width: 1280px) and (max-width: 1449px){
	 .container{
		 max-width:1250px !important 
	}
}
 @media (min-width: 1450px){
	 .container{
		 max-width:1400px !important 
	}
}
 */
 main>.container{
	 margin-top:30px;
	 margin-bottom:30px 
}
 @media all and (min-width: 1024px){
	 main.twoColumn.twoLeft>.container{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:nowrap;
		 flex-wrap:nowrap 
	}
	 main.threeColumn>.container{
		 display:-webkit-flex;
		 display:flex;
		 -webkit-flex-wrap:nowrap;
		 flex-wrap:nowrap 
	}
}
/* Accordion */
 .accordionBlock .accordion {
	 list-style-type: none;
	 padding-left: 0;
}
 .accordionBlock.light .accordion-title {
	 background: #fff;
	 position: relative;
	 display: block;
	 padding: 1rem;
	 font-weight: 600px;
	 border: 1px solid #dad6df;
	 border-bottom: 0;
}
 .accordionBlock.light .accordion-content {
	 background-color: #dad6df;
}
 .accordionBlock.light .accordion-title:hover {
	 background-color: #dad6df;
}
 .accordionBlock.light .accordion-title:focus {
	 outline: 2px solid #000;
}
 .accordionBlock.light .accordion-content {
	 display: none;
	 padding: 1rem;
	 border: 1px solid #d2d2d3;
	 border-bottom: 0px;
	 border-top: 0px;
}
 .accordionBlock.light .accordion-item:last-child>.accordion-content:last-child, .accordionBlock.light .accordion-item:last-child {
	 border-bottom: 1px solid #d2d2d3;
}
 .accordionBlock.light .accordion-item:first-child>.accordion-content:first-child, .accordionBlock.light .accordion-item:first-child {
	 border-top: 1px solid #d2d2d3;
}
 .accordionBlock.dark .accordion-title {
	 color: #000;
	 position: relative;
	 display: block;
	 padding: 1rem;
	 font-weight: 500;
	 border: 1px solid #dad6df;
	 border-bottom: 0px;
	 border-top:0px;
	 background-color: #dad6df;
}
 .accordionBlock.dark .accordion-item:last-child>.accordion-content:last-child, .accordionBlock.dark .accordion-item:last-child {
	 border-bottom: 1px solid #d2d2d3;
}
 .accordionBlock.dark .accordion-item:first-child>.accordion-content:first-child, .accordionBlock.dark .accordion-item:first-child {
	 border-top: 1px solid #d2d2d3;
}
 .accordionBlock.dark .accordion-title:hover {
	 background-color: #fff;
	 border-color: #dad6df;
	 color: #000;
}
 .accordionBlock.dark .accordion-title:focus {
	 outline: 2px solid #000;
}
 .accordionBlock.dark .accordion-content {
	 display: none;
	 padding: 1rem;
	 border: 1px solid #d2d2d3;
}
 .accordionBlock.simple .accordion-title {
	 font-weight: 600;
	 border: none !important;
	 position: relative;
	 text-decoration: underline;
}
 .accordionBlock.simple .accordion-content {
	 display: none;
	 margin: 10px 0px 20px 0px;
	 padding: 10px;
	 background: #dad6df;
	 border-top: 1px solid #d2d2d3;
	 border-bottom: 1px solid #d2d2d3;
}
 .simple li.accordion-item {
	 list-style-type: disclosure-closed;
	 padding-left: 1em;
	 margin-left: 1em;
	 margin-bottom: .75em;
	 border: none;
}
 .simple li.accordion-item:last-child {
	 margin-bottom: 0;
}
 .accordionBlock.simple h2 {
	 margin-bottom: 0px;
	 border-bottom: 2px solid;
	 padding-bottom: 10px;
}
 .simple li.accordion-item.is-active {
	 list-style-type: disclosure-open;
}
 .accordionBlock .accordion-toggle {
	 border: 0px;
	 background: none;
	 color: #000;
	 text-decoration: underline;
}
 .accordionBlock .accordion-toggle:focus {
	 outline: 2px solid #000000 !important;
}
/* Banner Advanced */
 .tier .banner img {
	 width: 100%;
	 display: block;
}
/* Social Feed */
 .socialIntro h2 {
	 padding: 0.5em 1em 1em 1em;
}
 .socialIntro .icons {
	 float: right;
	 margin-right: 1em;
}
 .socialIntro .icons img {
	 width: 75px;
	 height: 75px;
	 display: inline-block;
	 margin: 0px 10px;
}
 div.socialFeed.flexGrid {
	 flex-direction: row !important;
	 width: 100%;
}
 .flexGrid.noGutters {
	 --gap: 0%;
	 width: calc(100% + var(--gap));
	 margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
}
 .flexGrid img {
	 max-width: 100%;
	 height: auto;
}
 @media all and (max-width: 1023px){
	 .socialFeed.flexGrid.dozen>.flexCard{
		 flex:1 1 25% !important;
		 max-width:25% !important 
	}
}
 @media all and (max-width: 767px){
	 .socialFeed.flexGrid.dozen>.flexCard{
		 flex:1 1 50% !important;
		 max-width:50% !important 
	}
}
 @media all and (max-width: 1023px){
	 .socialFeed.flexGrid.half>.flexCard{
		 flex:1 1 33.33% !important;
		 max-width:33.33% !important 
	}
}
/* Numbers */
 .numbers .flexCard img {
	 max-width: 100%;
	 height: auto;
}
/* List Builder */
 .directory .category tbody, .category table, .category tr, .category td {
	width: 100% !important;
}
 .directory .fields {
	display: block !important;
}
 .directory .list {
	margin-left: 0px !important;
}
 .directory .cursordefault {
	cursor: default !important;
}
 .directory .cursordefault h3 {
	text-decoration: none !important;
}
 .directory .list li:nth-child(odd) {
	background-color: #f6f7f9;
}
 .directory .list li {
	position: relative;
	 display: block;
	 margin-bottom: -6px;
	 border: 1px solid #DDD;
	 cursor: pointer;
}
 .directory .list li:hover {
	background-color: #ced8e1;
}
 .directory .list li.item:hover h3 a {
	text-decoration: underline !important;
}
 .directory .list li.item2:hover h3 a:hover {
	text-decoration: underline !important;
}
 .directory .list li.item h3, .directory .list li.item2 h3 {
	display: block;
	 padding: 10px 15px;
	 color: inherit;
	 text-decoration: underline;
}
 .directory .list li.item2 h3 a {
	display: block;
	 color: inherit;
	 text-decoration: none;
	 padding:0;
}
 .directory .item a, .directory .item p, .directory .item span {
	 display: block;
	 padding: 10px 15px;
	 color: inherit;
	 text-decoration: none;
}
 .directory .item2 a, .directory .item2 p {
	display: block;
	 padding: 10px 15px;
	 color: inherit;
	 text-decoration: none;
}
 .directory .item p {
	margin-bottom: 0 !important;
}
 .directory .item2 p {
	margin-bottom: 0 !important;
}
 .directory .item a:hover {
	text-decoration: none;
}
 .directory .item2 a:hover {
	text-decoration: none;
}
 .directory .list li:first-child {
	border-top-right-radius: 4px;
	 border-top-left-radius: 4px;
}
 .directory .list li:last-child {
	border-bottom-right-radius: 4px;
	 border-bottom-left-radius: 4px;
	 margin-bottom: 0%;
}
 .directory .category td {
	display: block;
}
 .directory .item h3 {
	font-size: 1.25em;
}
 .directory .item2 h3 {
	margin-bottom: -1%;
	 font-size: 1.25em;
}
 .directory .category table {
	width: 100%;
}
 .directory .filterbox {
	background: #e9e9ea;
	 padding: 20px 10px 5px 10px;
	 border-radius: 10px;
	 margin-bottom: 30px;
}
 .directory .filterbox input[id^="searchKeywords"] {
	width: 95%;
}
 .directory .filterbox label {
	font-size: 1.1em;
	 font-weight: bold;
	 color: #0a233f;
	 margin: 0px 0px 5px 10px;
}
 .directory .filterbox input[id^="searchStatus"] {
	width: 95%;
}
 .directory .filterbox select[id^="searchCategory"] {
	width: 95%;
}
 .directory .filterbox input[id^="searchReset"] {
	opacity: .75;
}
 .directory .filterbox .fields {
	display: flex;
	 flex-wrap: no-wrap;
	 flex-direction: row;
}
 .directory .filterbox select {
	padding: 6px;
	 margin: 0px 10px 15px 10px;
	 border: 1px solid #ccc;
	 border-radius: 4px;
	 background-color: #fff;
}
 .directory .filterbox .resetBtn {
	 text-align: right;
	 margin-right: 1.5%;
}
 .directory .filterbox select[id^="searchCategory"]:focus, .directory .filterbox input[id^="searchKeywords"]:focus, .directory .filterbox input[id^="searchReset"]:focus {
	outline: 2px solid #0a233f !important;
}
 @media only screen and (min-width: 881px) {
	 .directory .col.type {
		width: 50%;
	}
}
 @media only screen and (max-width: 767px) {
	 .directory .filterbox .fields {
		flex-direction: column;
	}
	 .directory .directory .filterbox select[id^="searchCategory"] {
		width: 100% !important;
	}
	 .directory .filterbox input[id^="searchKeywords"] {
		width: 100% !important;
	}
	 .directory .fields table td {
		width: 97% !important;
	}
}
 @media only screen and (max-width: 600px){
	 .directory h2.reverse-blue {
		width: 104%;
	}
}
 @media only screen and (max-width: 500px) {
	 .filterbox input[id^="searchKeywords"] {
		max-width: 100% !important;
	}
	 .directory h2.reverse-blue{
		width: 107%;
	}
}
 #directory .list li, .directory .list li {
	 margin-bottom: 0 !important;
}
 #directory .list li:nth-child(odd), .directory .list li:nth-child(odd) {
	 background-color: #f8f7f9 !important;
}
 #directory .list li:hover, .directory .list li:hover {
	 background-color: #dad6df !important;
}
 #directory #filterbox #searchKeywords, .directory .filterbox .searchText {
	 margin-left: 1.5%;
}
 #directory #filterbox #searchKeywords, #directory #filterbox #searchCategory, .directory .filterbox .searchText, .directory .filterbox .searchDrop {
	 width: 98%;
	 height: 35px;
	 padding: 6px;
	 margin: 0px 10px 15px 10px;
	 border: 1px solid #ccc;
	 border-radius: 4px;
}
 #directory #filterbox, .directory .filterbox {
	 background-color: #dad6df !important;
}
/* Action Buttons */
 ul.flexGrid {
	 display: flex;
}
 .flexGrid.actionBar{
	 flex-wrap:nowrap;
	 margin-top:2px;
	 margin-bottom:2px 
}
 .flexGrid.actionBar .flexCard{
	 padding:0px;
	 margin-top:0px;
	 margin-bottom:0px 
}
 .flexGrid.actionBar .flexCard a{
	 display:block;
	 height:100%;
	 padding:15px;
	 font-size:1.2em;
	 font-weight:600;
	 text-align:center;
	 text-decoration:none 
}
 .flexGrid.actionBtns.none{
	 margin-top:0px;
	 margin-bottom:0px 
}
 .flexGrid.actionBtns .flexCard{
	 padding:0px 
}
 .flexGrid.actionBtns .flexCard a{
	 display:block;
	 height:100%;
	 padding:20px 10px;
	 font-size:1.3em;
	 font-weight:600;
	 text-align:center;
	 text-decoration:none 
}
 .flexGrid.actionBlocks a{
	 text-decoration:none;
	 color:unset 
}
 .flexGrid.actionBlocks h2,.flexGrid.actionBlocks h3{
	 margin-top:0px;
	 margin-bottom:5px 
}
 .flexGrid.actionBlocks p{
	 margin-top:0px;
	 margin-bottom:0px 
}
 .flexGrid.actionBlocks a{
	 display:block;
	 padding:20px;
	 height:100% 
}
 .flexGrid.actionBlocks a:focus{
	 display:block 
}
 .flexGrid.actionBlocks a:focus img{
	 outline:none !important 
}
 .flexGrid.actionBlocks:not(.withIcons) img{
	 width:100% 
}
 .flexGrid.actionBlocks:not(.withIcons) img:hover{
	 opacity:80% 
}
 .flexGrid[class*="action"] .noHover{
	 padding:20px;
	 height:100% 
}
 .flexGrid[class*="action"] a {
	 font-weight: 500 !important;
}
 .flexGrid[class*="action"] .flexCard div[class*="teal"],.flexGrid[class*="action"] .flexCard div[class*="Teal"],.flexGrid[class*="action"] .flexCard div[class*="TEAL"],.flexGrid[class*="action"] .flexCard div[class*="gray"],.flexGrid[class*="action"] .flexCard div[class*="GRAY"],.flexGrid[class*="action"] .flexCard div[class*="Gray"],.flexGrid[class*="action"] .flexCard div[class*="green"],.flexGrid[class*="action"] .flexCard div[class*="GREEN"],.flexGrid[class*="action"] .flexCard div[class*="Green"],.flexGrid[class*="action"] .flexCard div[class*="white"],.flexGrid[class*="action"] .flexCard div[class*="White"],.flexGrid[class*="action"] .flexCard div[class*="WHITE"],.flexGrid[class*="action"] .flexCard div[class*="red"],.flexGrid[class*="action"] .flexCard div[class*="RED"],.flexGrid[class*="action"] .flexCard div[class*="red"]{
	 height:100% 
}
 .flexGrid[class*="action"] .teal a:hover *, .flexGrid[class*="action"] .TEAL a:hover *, .flexGrid[class*="action"] .Teal a:hover *{
	 color:#000 !important;
	 background-color: #dad6df !important;
}
 .flexGrid[class*="action"] .gray a:hover *, .flexGrid[class*="action"] .GRAY a:hover *, .flexGrid[class*="action"] .Gray a:hover *{
	 color:#000 !important;
	 background-color: #fff !important;
}
 .flexGrid[class*="action"] .teal a:hover, .flexGrid[class*="action"] .TEAL a:hover, .flexGrid[class*="action"] .Teal a:hover{
	 color:#000 !important;
	 background-color: #dad6df !important;
}
 .flexGrid[class*="action"] .gray a:hover, .flexGrid[class*="action"] .GRAY a:hover, .flexGrid[class*="action"] .Gray a:hover{
	 color:#000 !important;
	 background-color: #fff !important;
	 outline: solid black 2px;
}
 .flexGrid[class*="action"] .green a:hover, .flexGrid[class*="action"] .GREEN a:hover, .flexGrid[class*="action"] .Green a:hover{
	 background:#dad6df !important;
	 color:#000 !important;
}
 .flexGrid[class*="action"] .green a:hover strong, .flexGrid[class*="action"] .GREEN a:hover strong, .flexGrid[class*="action"] .Green a:hover strong{
	 color:#000;
}
 .flexGrid[class*="action"] .green a:hover a, .flexGrid[class*="action"] .GREEN a:hover a, .flexGrid[class*="action"] .Green a:hover a{
	 color:#000;
}
 .flexGrid[class*="action"] .red a:hover, .flexGrid[class*="action"] .lightgray a:hover, .flexGrid[class*="action"] .RED a:hover, .flexGrid[class*="action"] .Red a:hover{
	 color:#000 !important;
	 background-color: #dad6df !important;
}
 .flexGrid[class*="action"] .black a, .flexGrid[class*="action"] .BLACK a, .flexGrid[class*="action"] .Black a {
	 color: #fff !important;
	 background-color: #000;
	 border: 2px solid #000;
	 text-transform: uppercase;
}
 .flexGrid[class*="action"] .black a:hover, .flexGrid[class*="action"] .BLACK a:hover, .flexGrid[class*="action"] .Black a:hover {
	 color: #000 !important;
	 border: 2px solid #000;
	 background-color: #fff;
	 text-transform: uppercase;
}
 .gray .flexGrid[class*="action"] .black a:hover, .gray .flexGrid[class*="action"] .BLACK a:hover, .gray .flexGrid[class*="action"] .Black a:hover, .GRAY .flexGrid[class*="action"] .black a:hover, .GRAY .flexGrid[class*="action"] .BLACK a:hover, .GRAY .flexGrid[class*="action"] .Black a:hover, .Gray .flexGrid[class*="action"] .black a:hover, .Gray .flexGrid[class*="action"] .BLACK a:hover, .Gray .flexGrid[class*="action"] .Black a:hover {
	 color: #000 !important;
	 border: 2px solid #dad6df;
	 background-color: #dad6df;
	 text-transform: uppercase;
}
 .flexGrid[class*="action"] .white a:hover{
	 background:#fff !important;
	 outline:2px solid #000;
	 color:#000 
}
 .none .flexGrid[class*="action"] .none a:hover{
	 text-decoration:underline 
}
 .none .flexGrid[class*="action"] .white a:hover{
	 outline:2px solid #dad6df;
}
 .lightgray .flexGrid[class*="action"] .gray a:hover, .lightgray .flexGrid[class*="action"] .GRAY a:hover, .lightgray .flexGrid[class*="action"] .Gray a:hover,{
	 outline:2px solid #000;
}
 .gray .flexGrid[class*="action"] .green a:hover, .gray .flexGrid[class*="action"] .GREEN a:hover, .gray .flexGrid[class*="action"] .Green a:hover, .gray .flexGrid[class*="action"] .teal a:hover, .gray .flexGrid[class*="action"] .Teal a:hover, .gray .flexGrid[class*="action"] .TEAL a:hover, .gray .flexGrid[class*="action"] .red a:hover, .gray .flexGrid[class*="action"] .Red a:hover, .gray .flexGrid[class*="action"] .RED a:hover, .Gray .flexGrid[class*="action"] .green a:hover, .Gray .flexGrid[class*="action"] .GREEN a:hover, .Gray .flexGrid[class*="action"] .Green a:hover, .Gray .flexGrid[class*="action"] .teal a:hover, .Gray .flexGrid[class*="action"] .Teal a:hover, .Gray .flexGrid[class*="action"] .TEAL a:hover, .Gray .flexGrid[class*="action"] .red a:hover, .Gray .flexGrid[class*="action"] .Red a:hover, .Gray .flexGrid[class*="action"] .RED a:hover, .GRAY .flexGrid[class*="action"] .green a:hover, .GRAY .flexGrid[class*="action"] .GREEN a:hover, .GRAY .flexGrid[class*="action"] .Green a:hover, .GRAY .flexGrid[class*="action"] .teal a:hover, .GRAY .flexGrid[class*="action"] .Teal a:hover, .GRAY .flexGrid[class*="action"] .TEAL a:hover, .GRAY .flexGrid[class*="action"] .red a:hover, .GRAY .flexGrid[class*="action"] .Red a:hover, .GRAY .flexGrid[class*="action"] .RED a:hover {
	 outline: 2px solid #000;
}
 .gray .flexGrid[class*="action"] .gray, .gray .flexGrid[class*="action"] .Gray, .gray .flexGrid[class*="action"] .GRAY, .Gray .flexGrid[class*="action"] .gray, .Gray .flexGrid[class*="action"] .Gray, .Gray .flexGrid[class*="action"] .GRAY, .GRAY .flexGrid[class*="action"] .gray, .GRAY .flexGrid[class*="action"] .Gray, .GRAY .flexGrid[class*="action"] .GRAY {
	 outline: 2px solid #000;
}
/* .flexGrid.actionBar .teal, .flexGrid.actionBar .TEAL, .flexGrid.actionBar .Teal, .flexGrid.actionBar .green, .flexGrid.actionBar .GREEN, .flexGrid.actionBar .Green, .flexGrid.actionBar .gray, .flexGrid.actionBar .GRAY, .flexGrid.actionBar .Gray, .flexGrid.actionBar .red, .flexGrid.actionBar .RED, .flexGrid.actionBar .Red {
	 outline: none !important;
}
 */
 .none .flexGrid.actionBlocks .white{
	 outline:1px solid #000 
}
 .none .flexGrid.actionBtns .white{
	 outline:2px solid #000 
}
 .white .flexGrid.actionBlocks .white{
	 outline:1px solid #000 
}
 .white .flexGrid.actionBtns .white{
	 outline:2px solid #000 
}
 .none .flexGrid.actionBtns .white a:focus, .white .flexGrid.actionBtns .white a:focus{
	 outline:3px solid #000 
}
 .teal .flexGrid.actionBlocks .teal, .TEAL .flexGrid.actionBlocks .teal, .Teal .flexGrid.actionBlocks .teal, .teal .flexGrid.actionBlocks .Teal, .TEAL .flexGrid.actionBlocks .Teal, .Teal .flexGrid.actionBlocks .Teal, .teal .flexGrid.actionBlocks .TEAL, .Teal .flexGrid.actionBlocks .TEAL, .TEAL .flexGrid.actionBlocks .TEAL{
	 outline:2px solid #000;
}
 .green .flexGrid.actionBlocks .green, .GREEN .flexGrid.actionBlocks .green, .Green .flexGrid.actionBlocks .green, .green .flexGrid.actionBlocks .Green, .GREEN .flexGrid.actionBlocks .Green, .Green .flexGrid.actionBlocks .Green, .green .flexGrid.actionBlocks .GREEN, .Green .flexGrid.actionBlocks .GREEN, .GREEN .flexGrid.actionBlocks .GREEN{
	 outline:2px solid #000;
}
 .gray .flexGrid.actionBlocks .gray, .GRAY .flexGrid.actionBlocks .gray, .Gray .flexGrid.actionBlocks .gray, .gray .flexGrid.actionBlocks .Gray, .GRAY .flexGrid.actionBlocks .Gray, .Gray .flexGrid.actionBlocks .Gray, .gray .flexGrid.actionBlocks .GRAY, .Gray .flexGrid.actionBlocks .GRAY, .GRAY .flexGrid.actionBlocks .GRAY{
	 outline:2px solid #000;
}
 .red .flexGrid.actionBlocks .red, .RED .flexGrid.actionBlocks .red, .Red .flexGrid.actionBlocks .red, .red .flexGrid.actionBlocks .Red, .RED .flexGrid.actionBlocks .Red, .Red .flexGrid.actionBlocks .Red, .red .flexGrid.actionBlocks .RED, .Red .flexGrid.actionBlocks .RED, .RED .flexGrid.actionBlocks .RED{
	 outline:2px solid #000;
}
 .flexGrid.actionBar>*{
	 outline:none !important 
}
 .flexGrid[class*="action"] .teal a, .flexGrid[class*="action"] .Teal a, .flexGrid[class*="action"] .TEAL a, .flexGrid[class*="action"] .green a, .flexGrid[class*="action"] .Green a, .flexGrid[class*="action"] .GREEN a, .flexGrid[class*="action"] .red a, .flexGrid[class*="action"] .Red a, .flexGrid[class*="action"] .RED a {
	 color: #fff;
}
 div.tier.actions>.container section {
	 margin-top: 2%;
}
/* Action Buttons Colors */
 .actionBtns .teal, .actionBtns .Teal, .actionBtns .TEAL, .actionBlocks .teal, .actionBlocks .Teal, .actionBlocks .TEAL {
	 --teal: #00afa9;
	 --outline: 4px solid var( --teal);
	 color: var(--teal);
	 outline: var(--outline);
	 border: var(--outline);
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBtns .red, .actionBtns .RED, .actionBtns .Red, .actionBlocks .red, .actionBlocks .RED, .actionBlocks .Red {
	 --red: #eb1947;
	 --outline: 4px solid var(--red);
	 color: var(--red);
	 outline: var(--outline);
	 border: var(--outline);
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBtns .green, .actionBtns .GREEN, .actionBtns .Green, .actionBlocks .green, .actionBlocks .GREEN, .actionBlocks .Green {
	 --green: #00764a;
	 --outline: 4px solid var( --green);
	 color: var(--green);
	 outline: var(--outline);
	 border: var(--outline);
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBtns .orange, .actionBtns .ORANGE, .actionBtns .Orange, .actionBlocks .orange, .actionBlocks .ORANGE, .actionBlocks .Orange {
	 --orange: #f36c3e;
	 --outline: 4px solid var( --orange);
	 color: var(--orange);
	 outline: var(--outline);
	 border: var(--outline);
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBtns .teal:hover, .actionBtns .teal:focus, .actionBtns .Teal:hover, .actionBtns .Teal:focus, .actionBtns .TEAL:hover, .actionBtns .TEAL:focus, .actionBtns .red:hover, .actionBtns .red:focus, .actionBtns .Red:hover, .actionBtns .Red:focus, .actionBtns .RED:hover, .actionBtns .RED:focus, .actionBtns .green:hover, .actionBtns .green:focus, .actionBtns .Green:hover, .actionBtns .Green:focus, .actionBtns .GREEN:hover, .actionBtns .GREEN:focus, .actionBtns .orange:hover, .actionBtns .orange:focus, .actionBtns .Orange:hover, .actionBtns .Orange:focus, .actionBtns .ORANGE:hover, .actionBtns .ORANGE:focus, .actionBlocks .teal:hover, .actionBlocks .teal:focus, .actionBlocks .Teal:hover, .actionBlocks .Teal:focus, .actionBlocks .TEAL:hover, .actionBlocks .TEAL:focus, .actionBlocks .red:hover, .actionBlocks .red:focus, .actionBlocks .Red:hover, .actionBlocks .Red:focus, .actionBlocks .RED:hover, .actionBlocks .RED:focus, .actionBlocks .green:hover, .actionBlocks .green:focus, .actionBlocks .Green:hover, .actionBlocks .Green:focus, .actionBlocks .GREEN:hover, .actionBlocks .GREEN:focus, .actionBlocks .orange:hover, .actionBlocks .orange:focus, .actionBlocks .Orange:hover, .actionBlocks .Orange:focus, .actionBlocks .ORANGE:hover, .actionBlocks .ORANGE:focus {
	 outline: var(--outline);
	 outline-offset: -10px;
}
 .actionBtns div a, .actionBlocks div a {
	 color: #000 !important;
}
 .actionBar div {
	 border: none !important;
}
 .actionBar .teal, .actionBar .Teal, .actionBar .TEAL, .actionBlocks .teal, .actionBlocks .Teal, .actionBlocks .TEAL {
	 --teal: #00afa9;
	 --outline: 4px solid var( --teal);
	 color: var(--teal);
	 outline: var(--outline);
	 border: var(--outline) !important;
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBar .red, .actionBar .RED, .actionBar .Red, .actionBlocks .red, .actionBlocks .RED, .actionBlocks .Red {
	 --red: #eb1947;
	 --outline: 4px solid var(--red);
	 color: var(--red);
	 outline: var(--outline);
	 border: var(--outline) !important;
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBar .green, .actionBar .GREEN, .actionBar .Green, .actionBlocks .green, .actionBlocks .GREEN, .actionBlocks .Green {
	 --green: #00764a;
	 --outline: 4px solid var( --green);
	 color: var(--green);
	 outline: var(--outline);
	 border: var(--outline) !important;
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBar .orange, .actionBar .ORANGE, .actionBar .Orange, .actionBlocks .orange, .actionBlocks .ORANGE, .actionBlocks .Orange {
	 --orange: #f36c3e;
	 --outline: 4px solid var( --orange);
	 color: var(--orange);
	 outline: var(--outline);
	 border: var(--outline) !important;
	 outline-offset: -2px;
	 transition: outline-offset 200ms ease;
}
 .actionBar .teal:hover, .actionBar .teal:focus, .actionBar .Teal:hover, .actionBar .Teal:focus, .actionBar .TEAL:hover, .actionBar .TEAL:focus, .actionBar .red:hover, .actionBar .red:focus, .actionBar .Red:hover, .actionBar .Red:focus, .actionBar .RED:hover, .actionBar .RED:focus, .actionBar .green:hover, .actionBar .green:focus, .actionBar .Green:hover, .actionBar .Green:focus, .actionBar .GREEN:hover, .actionBar .GREEN:focus, .actionBar .orange:hover, .actionBar .orange:focus, .actionBar .Orange:hover, .actionBar .Orange:focus, .actionBar .ORANGE:hover, .actionBar .ORANGE:focus, .actionBlocks .teal:hover, .actionBlocks .teal:focus, .actionBlocks .Teal:hover, .actionBlocks .Teal:focus, .actionBlocks .TEAL:hover, .actionBlocks .TEAL:focus, .actionBlocks .red:hover, .actionBlocks .red:focus, .actionBlocks .Red:hover, .actionBlocks .Red:focus, .actionBlocks .RED:hover, .actionBlocks .RED:focus, .actionBlocks .green:hover, .actionBlocks .green:focus, .actionBlocks .Green:hover, .actionBlocks .Green:focus, .actionBlocks .GREEN:hover, .actionBlocks .GREEN:focus, .actionBlocks .orange:hover, .actionBlocks .orange:focus, .actionBlocks .Orange:hover, .actionBlocks .Orange:focus, .actionBlocks .ORANGE:hover, .actionBlocks .ORANGE:focus {
	 outline: var(--outline);
	 outline-offset: -10px;
}
 .actionBar div a {
	 color: #000 !important;
}
 .tier.actions:has(ul.actionBar) {
	 border-bottom: none;
}
 .actions.red .gray, .actions.red .Gray, .actions.red .GRAY, .actions.Red .gray, .actions.Red .Gray, .actions.Red .GRAY, .actions.RED .gray, .actions.RED .Gray, .actions.RED .GRAY, .actions.green .gray, .actions.green .Gray, .actions.green .GRAY, .actions.Green .gray, .actions.Green .Gray, .actions.Green .GRAY, .actions.GREEN .gray, .actions.GREEN .Gray, .actions.GREEN .GRAY, .actions.orange .gray, .actions.orange .Gray, .actions.orange .GRAY, .actions.Orange .gray, .actions.Orange .Gray, .actions.Orange .GRAY, .actions.ORANGE .gray, .actions.ORANGE .Gray, .actions.ORANGE .GRAY, .actions.teal .gray, .actions.teal .Gray, .actions.teal .GRAY, .actions.Teal .gray, .actions.Teal .Gray, .actions.Teal .GRAY, .actions.TEAL .gray, .actions.TEAL .Gray, .actions.TEAL .GRAY {
	 outline: 2px solid #000;
}
 .actions.gray .actionBar .gray {
	 outline: none;
}
 .actions.black, .actions.Black, .actions.BLACK {
	 background-color: #000 !important;
}
 .black .flexGrid.actionBar, .black .flexGrid.actionBar, .black .flexGrid.actionBar {
	 flex-wrap: nowrap;
	 margin-top: 0px;
	 margin-bottom: 0px;
}
 .actionBar .black, .actionBar .Black, .actionBar .BLACK {
	 background-color: #000 !important;
	 color: #fff !important;
	 text-transform: uppercase;
	 border: 0px !important;
}
 .actionBar .black:hover, .actionBar .Black:hover, .actionBar .BLACK:hover, .actionBar .black:focus, .actionBar .Black:focus, .actionBar .BLACK:focus {
	 outline: none !important;
	 color: #000 !important;
	 background-color: #fff !important;
	 border: 0px !important;
}
 .actionBar .black a, .actionBar .Black a, .actionBar .BLACK a {
	 border: 0px !important;
}
/* Teasers */
 .flexGrid article.flexCard{
	 -webkit-flex:1 1 auto;
	 flex:1 1 auto;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-flex-direction:column;
	 flex-direction:column 
}
 .flexGrid article.flexCard .info{
	 -webkit-flex:1 1 auto;
	 flex:1 1 auto;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-flex-direction:column;
	 flex-direction:column;
	 height:100% 
}
 .flexGrid article.flexCard .title{
	 margin-bottom:0.75em 
}
 .flexGrid article.flexCard .title h2,.flexGrid article.flexCard .title h3{
	 margin-top:20px;
	 margin-bottom:0px 
}
 .flexGrid article.flexCard .summary{
	 margin-bottom:auto 
}
 .flexGrid article.flexCard .link{
	 margin-top:1em 
}
 @media all and (max-width: 600px){
	 .flexGrid article{
		 margin-bottom:1.5em 
	}
}
 .flexGrid article img{
	 margin:0 auto;
	 max-width:100%;
	 width:unset !important;
	 height:auto 
}
 .teasers .lightcyan {
	 background: #dad6df;
	 padding: 20px;
}
 .teasers .lightcyan a.btn-blue.btn-border.btn-small {
	 color: #fff;
	 font-size: 1rem;
	 min-width: 130px;
	 line-height: 1.5rem;
	 font-weight: 500;
	 text-align: center;
	 text-decoration: none !important;
	 cursor: pointer;
	 display: inline-block;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 9px;
	 padding-bottom: 7px;
	 background-color: black;
	 cursor: pointer;
	 border: 2px solid black;
}
 .teasers .lightcyan a.btn-blue.btn-border.btn-small:hover, .teasers .lightcyan a.btn-blue.btn-border.btn-small:focus {
	 background-color: #dad6df;
	 color: #000;
	 border: 2px solid black;
	 outline: none;
}
 .teasers .lightcyan .link {
	 margin-top: 2%;
}
/* Spotlight */
 .spotlight .tabs-panel img {
	 width: 100%;
}
 .spotlight .tabs-panel {
	 padding: 0 !important;
	 position: relative;
}
 .tabs-content {
	 transition: all 0.5s ease;
	 border-top: 0;
}
 #spotlight-tabs {
	 background: #f8f7f9;
	 list-style-type: none !important;
	 display: flex !important;
}
 #spotlight-tabs li {
	 text-align: center;
	 padding-left: 0px !important;
	 padding-bottom: 0px !important;
	 margin: 0px !important;
}
 #spotlight-tabs .tabs-title.is-active>a, #spotlight-tabs .tabs-title:hover>a {
	 color: #000;
}
 #spotlight-tabs .tabs-title>a {
	 display: block;
	 color: #000;
	 font-size: 1.1rem;
	 font-weight: 700;
	 height: 100%;
}
 #spotlight-tabs .tabs-title.is-active, #spotlight-tabs .tabs-title:hover {
	 background: #dad6df;
}
 ul.tabs#spotlight-tabs {
	 padding-left: 0 !important;
}
 @media only screen and (max-width: 600px) {
	 #spotlight-tabs li {
		 width: 100%;
	}
}
/* Tables */
 .table-gray th {
	 background-color: #dad6df;
	 color: #000 !important;
}
 .table-gray tr:nth-child(odd) {
	 background-color: #fff;
}
 .table-gray tr:nth-child(even) {
	 background-color: #f8f7f9;
}
 .table-gray td {
	 border: 1px solid #e9e9ea;
	 color: #000 !important;
}
 .table-gray th, .table-gray td {
	 padding: 5px;
}
 .table-gray a {
	 color: #000;
	 font-weight: 600;
	 text-decoration: underline;
}
 @media only screen and (max-width: 767px) {
	 main table, main tbody, main thead, main tr, main td, main th {
		 display: block;
	}
	 .table-gray thead {
		 display: none;
	}
	 .table-gray tbody th, .table-gray td {
		 display: block;
		 border: 0px solid !important;
		 padding: 3px 10px !important;
	}
	 .table-gray tbody {
		 border: 2px solid #e9e9ea;
	}
}
/* Slider */
 .fade:not(.show) {
	 opacity: 1 !important;
}
 * {
	 box-sizing:border-box 
}
/* Slideshow container for one and three groups */
 .slides-container {
	 max-width: 100%;
	 position: relative;
	 margin: auto;
}
 .slidetext {
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 2%;
	 margin: 2%;
}
 .threeslides-container {
	 max-width: 100%;
	 position: relative;
	 margin: auto;
}
 .slidertext {
	 margin-top: 2%;
}
 .slidertext h3 {
	 font-size: 16px;
	 padding: 12px;
	 padding-top: 0px;
	 padding-bottom: 0px;
}
 .slidertext p {
	 font-size: 15px;
	 font-weight: 500;
	 padding: 12px;
	 padding-top: 0px;
	 padding-bottom: 0px;
}
 @media only screen and (max-width:1024px) {
	 .slidetext {
		 padding-left: 22px;
		 padding-right: 22px;
		 padding-top: 22px;
	}
	 .sliding .slidetext {
		 padding: 0;
	}
}
 div.cardlink {
	 height: 70px;
}
 .cardlink a {
	 margin: 12px;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 position: absolute;
	 bottom: 12px;
}
 .cardlink a, .slider .btn-blue {
	 font-size: 1rem;
	 line-height: 1.2rem;
	 font-weight: 500;
	 text-align: center;
	 text-decoration: none !important;
	 cursor: pointer;
	 display: inline-block;
	 padding: 15px 25px;
	 background-color: #000;
	 color: #fff !important;
}
 .slider .btn-blue:hover {
	 color: #000 !important;
	 background-color: #f8f7f9;
	 outline: 2px black solid;
	 border: 0 !important;
}
 .slider .btn-blue:focus {
	 color: #000 !important;
	 background-color: #f8f7f9;
	 outline: 2px black solid;
}
 .cardlink a:hover {
	 color: #000 !important;
	 background-color: #fff;
}
 .cardlink a:focus {
	 color: #000 !important;
	 background-color: #f8f7f9;
	 outline: 2px black solid;
}
 @media only screen and (max-width: 767px){
	 .tier.slider iframe.video-md{
		 width:60vw !important;
		 height:33.75vw !important 
	}
}
/* Hide the images and text by default */
 .sliderimg, .slidertext {
	 display: none;
}
 .slideimg, .slidetext {
	 display: none;
}
 .sliderimg img {
	 width: 199px !important;
}
 .slides-container .slider-item:not(:first-child) {
	 display: none !important;
}
 .slider-group div.slider-item:not(:first-child) {
	 display: none !important;
}
/* Next & prevous buttons */
 .previ, .nexti {
	 font-size: 25px;
	 position: absolute;
	 top: 50%;
	 margin-top: -22px;
	 color: #000 !important;
	 font-weight: bold;
	 user-select: none;
	 visibility: visible !important;
	 background-color: #0a233f;
	 display: revert;
	 padding-bottom: 2.2%;
	 padding-left: 2.2%;
	 padding-right: 2.2%;
	 padding-top: 1.7% !important;
	 opacity: 0.7;
}
 button.previ, button.nexti {
	 background: none !important;
	 border-width: 0px !important;
}
 .previ {
	 margin-right: 5%;
}
 .nexti {
	 margin-left: 5%;
}
 .previ:hover, .nexti:hover {
	 opacity: 1;
}
/* Position the "next button" to the right and the "previous button" to the left */
 .nexti {
	 right: 0;
	 border-radius: 3px 0 0 3px;
}
 @media only screen and (max-width: 1024px) {
	 .nexti {
		 right: 1.5%;
		 border-radius: 3px 0 0 3px;
	}
}
 .sliding .nexti {
	 right: 0 !important;
	 border-radius: 3px 0 0 3px;
}
 .previ {
	 border-radius: 0 3px 3px 0;
}
/* On hover, add a black background color with a little bit see-through */
 .previ:hover, .nexti:hover {
	 color: #000;
	 text-decoration: none;
}
 .previ:focus, .nexti:focus {
	 outline: 2px solid #000 !important;
}
/* Extra code for float effect */
 div.slideimg.fade {
	 margin-top: -2%;
}
 div.slideimg.fade img {
	 box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
	 max-width: 85%;
}
 div.sliderimg.fade {
	 margin-top: -3%;
}
 div.card {
	 box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
	 background-color: #fff;
	 max-width: 200px !important;
	 position: relative;
}
 .popup-slide div.card {
	 margin-top: 2% !important;
	 margin-bottom: 2% !important;
}
 div.sliderimg.fade img {
	 max-width: 200px;
}
 div.slider .flexGrid.fourthLeft .flexCard.intro {
	 padding-left: 20px !important;
	 padding-right: 20px !important;
}
/*Two Column*/
 .twoColumn div.slider .flexGrid.fourthLeft {
	 display: block !important;
	 flex-direction: column !important;
}
 .twoColumn div.slider .flexGrid.fourthLeft .flexCard.intro, div.slider .flexGrid.fourthLeft .flexCard.sliding {
	 width: 100%;
	 max-width: 98% !important;
}
 .twoColumn div.slider .flexGrid.fourthLeft div.flexCard.intro {
	 margin-bottom: 8%;
}
 .twoColumn div.card {
	 margin-top: -2%;
	 margin-bottom: 2%;
}
 .twoColumn .slider .flexCard.lightgray {
	 max-width: 98% !important;
	 width: 100% !important;
}
 .twoColumn .slider .slider-group {
	 padding-top: 1px;
	 padding-bottom: 2%;
}
 .twoColumn .tier.slider .sliding .slider-group {
	 padding-top: 0;
	 padding-bottom: 0;
}
 @media only screen and (min-width: 1100px) {
	 .twoColumn .tier.slider iframe.video-md {
		 width: 49vw !important;
		 height: 26.75vw !important;
	}
}
/* Code to have slider interact differntly based on screen size */
 @media only screen and (max-width: 1024px) {
	 div.slider .flexGrid.fourthLeft {
		 display:block;
		 flex-direction: column !important;
	}
	 div.slider .flexGrid.fourthLeft .flexCard.intro, div.slider .flexGrid.fourthLeft .flexCard.sliding {
		 width: 100%;
		 max-width: 98% !important;
	}
	 div.slider .flexGrid.fourthLeft div.flexCard.intro {
		 margin-bottom: 8%;
	}
	 div.card {
		 margin-top: -2%;
		 margin-bottom: 2%;
	}
	 .slider .flexCard.lightgray {
		 max-width: 98% !important;
		 width: 100% !important;
	}
}
 @media only screen and (min-width: 768px) {
	 .mobile-show {
		 display: none;
	}
}
 @media only screen and (max-width: 767px) {
	 .mobile-hide {
		 display: none;
	}
	 .mobile-show {
		 display: flex;
	}
}
 @media only screen and (max-width: 600px) {
	 div.flexGrid.fourthLeft div.flexCard.intro {
		 margin-bottom: 4%;
	}
	 div.slideimg.fade img {
		 max-width: 80%;
		 margin-bottom: 2%;
	}
	 div.slider .flexGrid.fourthLeft .flexCard.intro, div.slider.flexGrid.fourthLeft .flexCard.sliding {
		 width: 100%;
		 max-width: 90% !important;
	}
	 div.slider .flexGrid.fourthLeft div.flexCard.intro {
		 margin-bottom: 8%;
	}
}
 @media only screen and (max-width:500px) {
	 .slidetext {
		 margin-top: 0;
	}
}
/* Fading animation (can change to actual slide if needed) */
 .fade {
	 animation-name: fade;
	 animation-duration: .4s;
}
 @keyframes fade {
	 from {
		 opacity: .4 
	}
	 to {
		 opacity: 1 
	}
}
/* Image Gallery */
 .imagegallery div.title {
	 text-align: left;
	 padding-left: 20px;
}
 .image-gallery {
	 display: flex;
	 margin-bottom: 2%;
}
 .one {
	 width: 31%;
	 overflow: hidden;
	 margin: 7px;
}
 .two {
	 width: 42%;
	 overflow: hidden;
	 margin-top: 7px;
	 margin-bottom: 7px;
}
 .three {
	 width: 27%;
	 overflow: hidden;
	 margin: 7px;
	 background-color: #dad6df;
}
 .one img {
	 height: auto;
	 width: auto;
	 max-width: 100%;
}
 .two img {
	 height: auto;
	 width: 100%;
}
 .two div.popholder:first-child {
	 padding-bottom: 7px;
}
 .three div.popholder:first-child {
	 padding-bottom: 7px;
}
 .three div.popholder:nth-of-type(3) {
	 padding-top: 7px;
}
 .popholder {
	 background-color: #fff !important;
}
 .popped .first-txtt {
	 display: none;
}
 .two div.in img:first-child, .two div.popped img:first-child {
	 padding-bottom: 0px;
}
 .two div.in img:last-child, .two div.popped img:last-child {
	 padding-top: 0px;
}
 .three img {
	 height: auto;
	 width: 100%;
}
 .one {
	 position: relative;
}
 .in, .popped {
	 position: relative;
	 margin-bottom: 0px;
}
 .first-txt {
	 position: absolute;
	 top: 10px;
	 padding-left: 20px;
	 font-weight: lighter;
	 color: black !important;
	 background-color: rgba(200, 200, 200, .65);
	 width: 100%;
	 padding-bottom: 2%;
	 padding-top: 2%;
}
 .first-txtt {
	 position: absolute;
	 visibility: hidden;
	 left: 33px;
	 transition: all 0.5s ease;
	 opacity: 0;
	 z-index: 1;
	 width: 90%;
	 top: 0 !important;
}
 .first-txtt p.mt-5 {
	 color: black;
	 margin-top: 1rem !important;
	 margin-bottom: .5rem;
}
 .first-txtt h3 {
	 color: black !important;
	 margin-bottom: 10px !important;
}
 @media only screen and (max-width: 1024px) {
	 .first-txtt h3 {
		 font-size: 16px;
	}
	 .first-txtt p.mt-5 {
		 margin-top: .5rem !important;
	}
}
 @media only screen and (min-width: 700px) and (max-width: 1024px) {
	 .first-txtt {
		 left: 20px;
		 width: 95%;
	}
}
 .first-txtt p {
	 color: black;
}
 .in img, .popped img {
	 transition: all 0.5s ease;
}
 .in:hover img, .in:focus img, .in:focus-within img, .popped:hover img, .popped:focus img{
	 opacity: 0.3;
	 transition: all 0.5s ease;
}
 .in a {
	 display: initial;
	 pointer-events: none;
}
 .in:hover a, .in:focus a, .in:focus-within a {
	 display: initial;
	 pointer-events: all;
}
 .popped img {
	 opacity: 0.3;
}
 .in:hover .first-txtt, .in:focus .first-txtt, .in:focus-within .first-txtt, .popped:hover .first-txtt, .popped:focus .first-txtt {
	 visibility: visible;
	 transition: all 0.5s ease;
	 opacity: 1;
}
 .empty {
	 background-color: #dad6df;
	 height: auto;
	 margin-top: 0px;
	 padding-left: 10px;
	 padding-right: 10px;
}
 .empty h2 {
	 margin: 0;
	 padding: 0;
	 font-weight: lighter;
}
 .three .empty h2 {
	 display: flex;
	 padding-top: 10vh;
	 justify-content: flex-end;
	 margin-right: 10px;
}
 .bottom-group {
	 display: flex;
	 flex-direction: column-reverse;
}
 @media only screen and (max-width: 1470px) {
	 .three .empty h2 {
		 padding-top: 5vh;
	}
}
 @media only screen and (max-width: 1200px) {
	 .first-txtt {
		 left: 10px;
	}
}
 @media only screen and (max-width: 1100px) {
	 .in .first-txtt p, .popped .first-txtt p {
		 font-size: 14px;
	}
	 .in .first-txtt p.mt-5, .popped .first-txtt p.mt-5 {
		 font-size: 12px;
	}
	 .three .empty h2 {
		 padding-top: 2vh;
	}
}
 @media only screen and (max-width: 975px) {
	 .in .first-txtt h3, .popped .first-txtt h3 {
		 margin-bottom: 0 !important;
	}
}
 @media only screen and (max-width: 900px) {
	 .in .first-txtt p.mt-5, .popped .first-txtt p.mt-5 {
		 font-size: 12px;
		 color: black;
		 margin-top: 0.5rem !important;
		 margin-bottom: 0rem;
	}
}
 @media only screen and (min-width: 1200px) and (max-width: 1535px) {
	 .empty {
		 padding-left: 25px;
		 padding-right: 25px;
	}
}
 @media only screen and (max-width: 850px) {
	 .in .first-txtt h3, .popped .first-txtt h3 {
		 font-size: 16px;
	}
	 .three .empty h2 {
		 padding-top:1vh;
	}
}
 @media only screen and (min-width: 850px) and (max-width: 1100px) {
	 .image-gallery h2 {
		 font-size: 18px !important;
	}
}
 @media only screen and (max-width: 767px) {
	 .first-txtt {
		 left: 5px;
	}
	 .in .first-txtt p, .popped .first-txtt p {
		 font-size: 12px;
	}
	 .in .first-txtt p.mt-5, .popped .first-txtt p.mt-5 {
		 margin-top: 0rem !important;
	}
}
 @media only screen and (min-width: 700px) and (max-width: 849px) {
	 .image-gallery h2 {
		 font-size: 15px !important;
	}
	 .three .empty h2 {
		 margin-right: 0 !important;
	}
}
 @media only screen and (max-width: 700px) {
	 .image-gallery {
		 max-width: 100% !important;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .imagegallery div.title {
		 padding-left: 0px !important;
		 padding-right: 0px !important;
	}
	 .imagegallery div.title h2 {
		 text-align: center;
		 width: 95%;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .in .first-txtt p br {
		 display: block;
	}
	 .first-txt {
		 padding-left: 20px;
	}
	 .first-txtt {
		 left: 10px;
	}
	 .in .first-txtt h3 {
		 margin-bottom: 0.5rem !important;
	}
	 .in .first-txtt p, .popped .first-txtt p {
		 margin-bottom: 1rem;
	}
	 .in .first-txtt p.mt-5, .popped .first-txtt p.mt-5 {
		 margin-top: 1rem !important;
		 margin-bottom: 0.5rem;
	}
	 .one {
		 width: 100%;
		 overflow: hidden;
		 margin-bottom: 7px;
		 margin-left: 0;
	}
	 .one img {
		 width: 100%;
		 height: auto;
	}
	 .two {
		 width: 100%;
		 overflow: hidden;
		 margin-top: 7px;
		 margin-bottom: 7px;
		 display: flex;
		 margin-bottom: 7px;
		 margin-top:7px;
	}
	 .two img {
		 height: auto;
		 width: 100%;
	}
	 .two div.in img, .two div.popped img {
		 height: auto;
		 width: 100%;
	}
	 .two div.in img:first-child, .two div.popped img:first-child {
		 padding-right: 0px;
		 padding-bottom: 0px;
	}
	 .two div.in img:last-child, .two div.popped img:last-child {
		 padding-left: 0px;
		 padding-top: 0px;
	}
	 .two div.popholder:first-child {
		 padding-right: 3.5px;
		 padding-bottom: 0px;
	}
	 .two div.popholder:last-child {
		 padding-left: 3.5px;
		 padding-top: 0px;
	}
	 .three {
		 width: 100%;
		 overflow: hidden;
		 margin-top: 7px;
		 margin-left:0;
	}
	 .three .empty h2 {
		 padding-top: 5vh;
	}
	 .in .first-txtt {
		 display: block;
	}
	 .empty {
		 height: 150px;
	}
	 .image-gallery {
		 display: inline-block;
	}
}
 @media only screen and (max-width: 600px) {
	 .two {
		 display: block;
		 margin-bottom: 7px;
	}
	 .three {
		 margin-top: 0;
	}
	 .two div.popholder:first-child {
		 padding-right: 0px;
		 padding-bottom: 7px;
	}
	 .two div.popholder:last-child {
		 padding-left: 0px;
		 padding-top: 0px;
	}
	 .two div.in, .two div.popped {
		 width: 100%;
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
	 .two div.in img, .two div.popped img {
		 width: 100%;
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
	 .two div.in img, .two div.popped img {
		 width: 100%;
		 height: auto;
	}
	 .two div.popholder {
		 margin-bottom: 0px;
	}
}
/* Popups */
/* .popholder {
	 position: relative;
}
 .popupholder {
	 position: absolute;
	 top: 0;
	 width: 100%;
	 height: 100%;
}
 button.closepop {
	 position: absolute;
	 top: 2%;
	 right: 2%;
	 margin: 0;
}
 button.closepop:focus {
	 outline: 1px solid black !important;
}
 .popups p.mt-5 {
	 margin-top: 0 !important;
	 margin-bottom: 1%;
}
 .popups h3 {
	 margin-bottom: 10px !important;
}
 .popups .flexCard {
	 margin-top: 0 !important;
}
 .popups {
	 padding: 2%;
	 box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
 @media (min-width: 600px) and (max-width: 900px) {
	 .popups.flexGrid.thirdLeft > .flexCard:nth-child(odd) {
		 flex: 1 1 60% !important;
		 max-width: 60% !important;
	}
	 .three .popholder:first-child .popups {
		 position: fixed;
		 top: 15%;
		 z-index: 1;
		 right:10%;
		 width: 50%;
	}
	 .three .popholder:last-child .popups {
		 position: fixed;
		 top: 50%;
		 z-index: 1;
		 right:10%;
		 width:50%;
	}
	 .two .popholder:first-child .popups {
		 position: fixed;
		 top: 15%;
		 z-index: 1;
		 width: 50%;
	}
	 .two .popholder:last-child .popups {
		 position: fixed;
		 top: 50%;
		 z-index: 1;
		 width: 50%;
	}
	 .closepop {
		 z-index: 1;
	}
}
 @media (min-width: 550px) and (max-width: 600px) {
	 .two .popholder:first-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 width: 100%;
	}
	 .two .popholder:last-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 width: 100%;
	}
	 .closepop {
		 z-index: 1;
	}
}
 @media (max-width: 500px) {
	 .popups.flexGrid.thirdLeft > .flexCard:nth-child(odd) {
		 flex: 1 1 60% !important;
		 max-width: 60% !important;
	}
	 .three .popholder:first-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 ;
		 width: 100%;
	}
	 .three .popholder:last-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 width: 100%;
	}
	 .two .popholder:first-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 width: 100%;
	}
	 .two .popholder:last-child .popups {
		 position: fixed;
		 top: 35%;
		 z-index: 1;
		 width: 100%;
	}
	 .closepop {
		 z-index: 1;
	}
}
 */
/* Handbook */
 h2.underline {
	 border-bottom: 1px solid black;
}
 .handbook .articles article {
	 margin-bottom: 20px;
}
/* Banners */
 .banner{
	 position:relative;
	 margin-bottom: 2%;
	 margin-top: -2%;
}
 .banner picture,.banner img{
	 width:100%;
	 display:block 
}
 #bannerFull .banner img{
	 width:100% 
}
 #bannerContent .banner img{
	 width:100% 
}
 #bannerNav .banner img{
	 width:100% 
}
 .banner>div{
	 margin:0px auto 
}
 .banner .caption-wrap{
	 font-weight:normal;
	 color:#fff;
	 border-radius:10px;
	 text-shadow:0px 0px 5px #000;
	 line-height:1.5em 
}
 .banner .item>a{
	 display:block;
	 text-decoration:none 
}
 .banner .item>a>img{
	 transition:all 0.5s ease;
	 opacity:.975 
}
 .banner .item>a>img:hover{
	 opacity:1 
}
 .banner .item{
	 position:relative 
}
 .banner .item .container{
	 padding:0px 
}
 .banner .tns-slider .tns-item{
	 background:#767676 
}
 .banner .controls{
	 position:absolute;
	 height:0px;
	 display:block;
	 top:45%;
	 width:100% 
}
 .banner .controls button{
	 position:relative;
	 background:none;
	 border:0px !important;
	 width:65px;
	 height:65px;
	 opacity:.75;
	 z-index:2;
	 font-size:3em 
}
 .banner .controls button:focus{
	 opacity:1;
	 outline:1px;
	 border-radius:50% 
}
 .banner .controls button span::before{
	 border-style:solid;
	 border-width:0 0.35em 0.35em 0;
	 content:'';
	 display:inline-block;
	 position:relative;
	 width:0.45em;
	 height:0.45em;
	 color:#fff;
	 box-shadow:1px 1px 0px #000000 
}
 .banner .controls .prev{
	 position:absolute;
	 left:.5em 
}
 .banner .controls .prev span::before{
	 transform:rotate(135deg);
	 left:4px 
}
 .banner .controls .next{
	 position:absolute;
	 right:.5em 
}
 .banner .controls .next span::before{
	 transform:rotate(-45deg);
	 right:4px 
}
 .caption .container @media only screen and (max-width: 1023px){
	 .banner .controls{
		 top:40% 
	}
	 .banner .controls button{
		 font-size:2.5em 
	}
	 .banner .controls .prev{
		 left:5px 
	}
	 .banner .controls .next{
		 right:5px 
	}
}
 @media only screen and (max-width: 767px){
	 .banner .controls{
		 top:40% 
	}
	 .banner .controls button{
		 font-size:2em 
	}
	 .banner .controls .prev{
		 left:0px 
	}
	 .banner .controls .next{
		 right:0px 
	}
	 #bannerFull .banner .pauseBtn {
		 bottom: 45px;
		 right: -46.25%;
	}
}
 @media only screen and (max-width: 500px){
	 .banner .controls{
		 top:40% 
	}
	 .banner .controls button{
		 font-size:2em 
	}
	 .banner .controls .prev{
		 left:0px 
	}
	 .banner .controls .next{
		 right:0px 
	}
	 #bannerFull .banner .pauseBtn {
		 bottom: 35px;
		 right: -44.25%;
	}
}
 .banner .dots{
	 position:relative;
	 height:0px;
	 text-align:center;
	 z-index:2;
	 bottom:35px 
}
 .banner .dots button{
	 display:inline-block;
	 width:11px;
	 height:11px;
	 padding:0;
	 margin:0 5px;
	 border-radius:50%;
	 background:#ddd;
	 border:1px solid #767676 
}
 .banner .dots button.tns-nav-active{
	 background:#767676 !important;
	 border:1px solid #ddd 
}
 @media only screen and (min-width: 768px){
	 #bannerFull .banner .dots,#bannerContent .banner .dots{
		 bottom:35px 
	}
}
 .banner .pauseBtn{
	 height:25px;
	 width:32px;
	 position:relative;
	 z-index:2;
	 bottom:-5px;
	 right:-45% 
}
 .banner .pauseBtn button{
	 font-size:.95em;
	 line-height:1.6em;
	 border-radius:5px;
	 border:1px solid #7f838b 
}
 .banner [data-action]{
	 padding:1px 6px !important 
}
 @media only screen and (min-width: 768px){
	 .banner .pauseBtn{
		 height:0px 
	}
	 #bannerFull .banner .pauseBtn{
		 bottom:45px;
		 right:-48.25% 
	}
	 #bannerContent .banner .pauseBtn{
		 bottom:35px;
		 right:-47.5% 
	}
}
 .tns-item {
	 display: none;
}
 .tns-item.tns-slide-active {
	 display: block;
}
 .tns-visually-hidden {
	 display: none;
}
/* Alert Feed */
 .container .alertFeed{
	 max-width:1400px;
	 margin:0px auto 
}
 .alertFeed{
	 text-align:center 
}
 .alertFeed button{
	 position:relative;
	 display:block !important;
	 width:100%;
	 background:none;
	 border:none;
	 font-size:1.45rem !important;
	 font-weight:600;
	 color:#000000 !important;
	 text-align:center;
	 margin:0.5em auto !important;
	 padding:0px 20px 
}
 .alertFeed.level1{
	 background:#f7e5b9;
	 border:1px solid #f7e5b9 
}
 .alertFeed.level2{
	 background-color: #dad6df;
	 color: #000000;
	 border:1px solid #d0d0d0 
}
 .alertFeed.level3{
	 background-color: #f8f7f9;
	 color: #000000;
	 border:1px solid #dedee0 
}
 .alertFeed .arrow-down{
	 position:absolute;
	 top:5px;
	 right:10px;
	 padding:5px;
	 transform:rotate(45deg);
	 -webkit-transform:rotate(45deg) 
}
 .alertFeed .arrow-up{
	 position:absolute;
	 top:10px;
	 right:10px;
	 padding:5px;
	 transform:rotate(-135deg);
	 -webkit-transform:rotate(-135deg) 
}
 .alertFeed.level1 .arrow-down,.alertFeed.level1 .arrow-up{
	 border:solid #f5bb00;
	 border-width:0 6px 6px 0 
}
 .alertFeed.level2 .arrow-down,.alertFeed.level2 .arrow-up{
	 border:solid #000000;
	 border-width:0 6px 6px 0 
}
 .alertFeed.level3 .arrow-down,.alertFeed.level3 .arrow-up{
	 border:solid #a7a8a9;
	 border-width:0 6px 6px 0 
}
 .alertFeed [id*="alertPanel"]{
	 margin:auto;
	 padding:0px 50px 10px 50px 
}
 [id*="alert"] .contained{
	 margin:30px auto 
}
 [id*="alert"] .contained .level1,[id*="alert"] .contained .level2,[id*="alert"] .contained .level3{
	 border-radius:6px 
}
 [id*="alert"] .contained .arrow-down{
	 position:absolute;
	 top:14px;
	 right:25px 
}
 [id*="alert"] .contained .arrow-up{
	 position:absolute;
	 top:22px;
	 right:25px 
}
 #alertAbove button{
	 font-size:1.35em !important;
	 max-width:1000px 
}
 #alertAbove .alertFeed [id*="alertPanel"]{
	 margin:auto;
	 padding:0px 15px 5px 15px;
	 max-width:1000px 
}
 #alertBelow .container.contained{
	 margin-top:30px 
}
 #alertInline .alertFeed{
	 margin-bottom:1.5em 
}
 .alertFeed.collapsed button .arrow-down{
	 display:inline-block 
}
 .alertFeed.collapsed button .arrow-up{
	 display:none 
}
 .alertFeed.collapsed button.toggle .arrow-down{
	 display:none 
}
 .alertFeed.collapsed button.toggle .arrow-up{
	 display:inline-block 
}
 .alertFeed.collapsed [id*="alertPanel"]{
	 display:none 
}
 .alertFeed.collapsed [id*="alertPanel"].toggle{
	 display:block 
}
 .alertFeed.open button .arrow-down{
	 display:none 
}
 .alertFeed.open button .arrow-up{
	 display:inline-block 
}
 .alertFeed.open button.toggle .arrow-down{
	 display:inline-block 
}
 .alertFeed.open button.toggle .arrow-up{
	 display:none 
}
 .alertFeed.open [id*="alertPanel"]{
	 display:block 
}
 .alertFeed.open [id*="alertPanel"].toggle{
	 display:none 
}
/* Calendar */
 main.oneColumn .lw_event_item_image {
	 padding-top: 0px !important;
}
 main.oneColumn li.lw.lw_event_item {
	 height: auto !important;
}
 main.oneColumn .localist_widget_container span.lw_event_item_date {
	 font-size: 12px !important;
}
 main.oneColumn .localist_widget_container div.lw_event_item_title {
	 line-height: 1.65em !important;
	 margin-bottom: 2%;
}
 main.oneColumn .localist_widget_container li a {
	 color: #000 !important;
}
 main.oneColumn .localist_widget_container li a:hover {
	 color: #000 !important;
	 text-decoration: underline;
}
 main.oneColumn .localist_widget_container ul.lw_event_list {
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	 -webkit-align-content: flex-start;
	 align-content: flex-start;
	 --gap: 2%;
	 width: calc(100% + var(--gap));
}
 main.oneColumn .localist_widget_container li.lw_event_item {
	 margin: 0 0 5px 0 !important;
}
 main.oneColumn .localist_widget_container li.lw_event_item {
	 flex: 1 1 48%;
	 max-width: 48%;
}
 main.oneColumn .localist_widget_container li.lw_event_item:nth-child(odd) {
	 margin-right: 5px !important;
}
 main.oneColumn p.lw_view_all_cta {
	 clear: both;
	 width: 98%;
}
 main.oneColumn .lw_event_item_image {
	 padding-top: 5px;
}
 #lclst_widget_footer {
	 display: none;
}
 main.oneColumn li.lw.lw_event_item {
	 position: relative;
}
 @media only screen and (max-width: 1279px) {
	 main.oneColumn .localist_widget_container div.lw_event_item_title {
		 line-height: 1.45em !important;
		 margin-bottom: 0;
	}
}
 @media only screen and (min-width: 1023px) {
	 #sideContent a.lw_event_item_image {
		 display: block !important;
		 float: none !important;
		 margin: 0 !important;
		 max-width: 100% !important;
	}
	 #sideContent a.lw_event_item_image:hover span.lw_event_item_date {
		 text-decoration: none !important;
	}
	 #sideContent img.img_square_300 {
		 display: none !important;
	}
	 #sideContent span.lw_event_item_date {
		 display: block !important;
		 width: 100% !important;
		 position: inherit !important;
		 float: none !important;
	}
	 .localist_widget_container li.lw_event_item {
		 padding: 0px !important;
	}
}
 @media only screen and (max-width: 1024px) {
	 main.oneColumn .localist_widget_container div.lw_event_item_title {
		 line-height: 1.65em !important;
		 margin-bottom: 2%;
	}
	 main.oneColumn .localist_widget_container li.lw_event_item:nth-child(odd) {
		 margin-right: 0px !important;
	}
	 main.oneColumn .localist_widget_container li.lw_event_item {
		 flex: 1 1 100% !important;
		 max-width: 100% !important;
		 width: 98%;
	}
	 main.oneColumn .localist_widget_container li.lw_event_item {
		 display: block;
		 width: 100%;
	}
	 main.oneColumn ul.lw_event_list li {
		 display: block;
		 width: 100%;
	}
	 main.oneColumn ul.lw_event_list li {
		 height: 100%;
	}
	 main.oneColumn .localist_widget_container .lw_event_meta {
		 width: 100% !important;
	}
	 main.oneColumn .localist_widget_container ul.lw_event_list {
		 margin: 0 !important;
	}
	 .localist_widget_container a.lw_event_item_image {
		 max-width: 50% !important;
	}
}
 .localist_widget_container span.lw_event_item_date {
	 font-size: 12px !important;
}
 .localist_widget_container div.lw_event_item_title {
	 line-height: 1.65em !important;
	 margin-bottom: 2%;
}
 .localist_widget_container li a {
	 color: #0a233f !important;
}
 .localist_widget_container li a:hover {
	 color: #0a233f !important;
	 text-decoration: underline;
}
 .localist_widget_container .action_button a {
	 background-color: #0a233f !important;
	 border-radius: 25px;
	 max-width: 100px;
	 white-space: nowrap;
	 color: #fff !important;
}
 .localist_widget_container .action_button a:hover {
	 background-color: #00b2e2 !important;
	 border-radius: 25px;
	 max-width: 100px;
	 white-space: nowrap;
	 color: #0a233f !important;
}
 .localist_widget_container ul.lw_event_list {
	 max-width: 100% !important;
}
 .lw_event_item_image {
	 padding-top: 0px !important;
}
 li.lw.lw_event_item {
	 height: 100%;
}
 .localist_widget_container li.lw_event_item {
	 margin: 0 0 5px 0 !important;
}
 .localist_widget_container li.lw_event_item:nth-child(odd) {
	 margin-right: 5px !important;
}
 p.lw_view_all_cta {
	 clear: both;
	 width: 98%;
}
 ul.lw_event_list li {
	 height: 100%;
}
 .lw_event_item_image {
	 padding-top: 5px;
}
 #lclst_widget_footer {
	 display: none;
}
 .localist_widget_container li.lw_event_item {
	 display: block;
	 width: 100%;
}
 .localist_widget_container div.lw_event_meta div.action_button {
	 display: none !important;
}
 .localist_widget_container .lw_event_meta {
	 width: 100% !important;
}
 @media only screen and (max-width: 1279px) {
	 .localist_widget_container div.lw_event_item_title {
		 line-height: 1.45em !important;
		 margin-bottom: 0;
	}
}
 @media only screen and (max-width: 1024px) {
	 .localist_widget_container div.lw_event_item_title {
		 line-height: 1.65em !important;
		 margin-bottom: 2%;
	}
	 .localist_widget_container li.lw_event_item {
		 display: block;
		 width: 100%;
	}
	 ul.lw_event_list li {
		 display: block;
		 width: 100%;
	}
	 ul.lw_event_list li {
		 height: 100%;
	}
	 .localist_widget_container .lw_event_meta {
		 width: 100% !important;
	}
	 .localist_widget_container .action_button a {
		 padding: 12px 20px;
		 font-size: 1rem;
		 line-height: inherit !important;
	}
	 .localist_widget_container ul.lw_event_list {
		 margin: 0 !important;
	}
}
 @media only screen and (max-width: 450px) {
	 .localist_widget_container a.lw_event_item_image {
		 display: block !important;
		 float: none !important;
		 margin: 0 !important;
		 max-width: 100% !important;
	}
	 a.lw_event_item_image:hover span.lw_event_item_date {
		 text-decoration: none !important;
	}
	 img.img_square_300 {
		 display: none !important;
	}
	 span.lw_event_item_date {
		 display: block !important;
		 width: 100% !important;
		 position: inherit !important;
		 float: none !important;
	}
	 .localist_widget_container li.lw_event_item {
		 padding: 0px !important;
	}
}
/* MODAL REVEAL POPUP */
 .reveal-overlay {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 1005;
	 display: none;
	 background-color: rgba(10,10,10,0.75);
	 overflow-y: auto;
}
 .reveal {
	 z-index: 1006;
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 display: none;
	 padding: 1rem;
	 border: 1px solid #cacaca;
	 border-radius: 0;
	 background-color: #f8f7f9;
	 position: relative;
	 top: 100px;
	 margin-right: auto;
	 margin-left: auto;
	 overflow-y: auto;
}
 .reveal {
	 width: fit-content;
	 max-width: 75% !important;
}
 .reveal:focus-visible {
	 outline: none !important;
}
 .reveal img {
	 max-width: 100%;
	 height: auto;
}
 button.close-button {
	 opacity: .7;
	 top: 20px;
	 right: 40px;
	 position: fixed;
}
 button.close-button:focus {
	 outline: 2px solid #000 !important;
}
 button.close-button:hover {
	 opacity: 1;
}
 @media only screen and (min-width: 1201px) {
	 .popup-slide.flexGrid.col3 .flexCard, .popup-slide.flexGrid.col3 .flexCard img {
		 max-width: 350px !important;
		 height: 350px !important;
	}
}
 @media only screen and (max-width: 1200px) {
	 .popup-slide.flexGrid.col3 .flexCard, .popup-slide.flexGrid.col3 .flexCard img {
		 max-width: 200px !important;
		 height: 200px !important;
	}
}
 @media only screen and (min-width: 640px) {
	 button.close-button {
		 font-size: 40px;
		 border: none;
		 background: none;
		 color: #fff;
	}
}
 @media only screen and (max-width: 639px) {
	 .reveal {
		 width: 100% !important;
		 max-width: 100% !important;
		 height: 100%;
		 top: 0 !important;
	}
	 button.close-button {
		 top: 10px;
		 right: 20px;
	}
}
 @media only screen and (min-width: 401px) {
	 .popping.card img, .popping.card, .tier.slider div.card.popping {
		 max-width: 320px !important;
		 height: 320px !important;
	}
}
 @media only screen and (max-width: 400px) {
	 .popping.card img, .popping.card {
		 max-width: 200px !important;
		 height: 200px !important;
	}
}
 @media print, screen and (min-width: 40em) {
	 .reveal {
		 width: 75%;
		 max-width: 75wv;
	}
}
 @media print, screen and (min-width: 40em) {
	 .reveal {
		 min-height: 0;
	}
}
/* Countdown Timer */
 div[id^=countdown] {
	 font-size: .8em;
	 margin:0px auto;
	 margin-bottom: 30px;
	 min-width:320px;
	 text-align: center;
	 margin-top: 0px;
}
 div[id^=countdown] div[id^=timer] {
	 visibility:hidden;
	 width:100%;
	 display:flex;
	 flex-wrap:wrap;
	 justify-content:center;
	 align-items: center;
}
 div[id^=countdown] div[id^=timer] .tile {
	 padding:15px 20px;
	 background:#000;
	 border:1px solid #fff;
	 margin:0px 2px;
	 min-width:120px;
}
 div[id^=countdown] div[id^=timer] .num {
	 font-size: 3.5em;
	 color: #ffffff;
	 text-shadow: 0px 0px 5px #000000;
	 font-weight:bold;
	 padding:0px;
	 line-height:1em;
	 text-align:center 
}
 div[id^=countdown] div[id^=timer] .caption{
	 display:block;
	 font-size:1.25em;
	 color: #ffffff;
	 text-shadow: 0px 0px 5px #000000;
	 font-weight:normal;
	 margin-top:0px;
	 text-transform: uppercase;
}
 div[id^=countdown] div[id^=expired] {
	 display:none;
	 font-size: 3.25em;
	 font-family: "Open Sans Condensed",Arial,san-serif;
	 border-bottom:2px solid #000;
	 line-height:1.15em;
	 font-weight:bold;
	 color: #000;
	 margin: 0px auto;
	 padding-top:0px 
}
 div[id^=countdown] a {
	 text-decoration:none;
	 color:#ffffff;
	 background:#000000;
}
 @media all and (max-width:480px) {
	 div[id^=countdown] div[id^=timer] .tile {
		 padding:10px;
		 min-width:90px;
	}
	 div[id^=countdown] div[id^=timer] .num {
		 font-size: 2.75em;
	}
	 div[id^=countdown] div[id^=timer] .caption{
		 font-size:1.1em;
		 margin-top: -5px;
	}
}
/* COLOR SCHEME DO NOT MOVE FROM BOTTOM */
 .green, .GREEN, .Green {
	 background-color: #dad6df;
	 color: #000000;
	 border-bottom: solid 25px #00764a;
	/*background-color: #00764a;
	 color: #fff !important;
	 */
}
 .gray, .Gray, .GRAY {
	 background-color: #dad6df;
	 color: #000000;
}
 .lightgray {
	 background-color: #f8f7f9;
	 color: #000000;
}
 .white, .WHITE, .White {
	 background-color: #fff;
	 color: #000000;
}
 .teal, .TEAL, .Teal {
	 background-color: #dad6df;
	 color: #000000;
	 border-bottom: solid 25px #00afa9;
	/*background-color: #00847E;
	 color: #fff !important;
	 */
}
 .red, .RED, .Red {
	 background-color: #dad6df;
	 color: #000000;
	 border-bottom: solid 25px #eb1947;
	/*background-color: #E61442;
	 color: #fff !important;
	 */
}
 .orange, .ORANGE, .Orange {
	 background-color: #dad6df;
	 color: #000000;
	 border-bottom: solid 25px #f36c3e;
	/*background-color: #f36c3e;
	 color: #000 !important;
	 */
}
 hr.teal, hr.Teal, hr.TEAL {
	 color: #00afa9;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr.gray, hr.Gray, hr.GRAY {
	 color: #dad6df;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr.lightgray, hr.Lightgray, hr.LIGHTGRAY {
	 color: #f8f7f9;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr.green, hr.Green, hr.GREEN {
	 color: #00764a;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr.red, hr.Red, hr.RED {
	 color: #eb1947;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr.orange, hr.ORANGE, hr.Orange {
	 color: #f36c3e;
	 width: 200px;
	 border-top: 12px solid;
	 border-bottom: 0;
}
 hr {
	 opacity: 1;
}
 .tier.heading.blue {
	 background-color: #dad6df !important;
}
 .tier.heading.blue h2 {
	 color: #000 !important;
	 margin-top: 1.35rem !important;
	 margin-bottom: 1.35rem !important;
}