@import url("/ClientCSS/NWS/Themes.ReFlex.Core/vars.css");/* The base styling for any Titan display.
	This file will be overwritten with every Titan upgrade. Do not change this file as your changes will be lost.
	Instead, make your style changes to a theme-level CSS (layout or style).	
*/

.titanBody {
    --breakpoint-phone: 600px;
    --breakpoint-tablet: 768px;
    --breakpoint-tablet-landscape: 1024px;
    --breakpoint-desktop: 1200px;
    --breakpoint-widescreen: 1600px;
}

/* === Responsive Media === */
.titanBody img, .titanBody embed, .titanBody object, .titanBody video, .titanBody audio {height:auto; max-width:100%;}

/* === Responsive Form inputs === */
.titanBody input,
.titanBody textarea,
.titanBody select {
    font-family: var(--fontfamily-primary);
    font-size: var(--fontsize-primary);
    line-height: 1.4;
    border-radius: 3px;
    border: 1px solid #949494;
	background: #f7f7f7;
    padding: 5px 1rem;
}
.titanBody input[type="file"] {border:0;}

.TitanBlock input[type="text"],
.TitanBlock input[type="password"],
.TitanBlock input[type="email"],
.TitanBlock input[type="file"],
.TitanBlock input[type="tel"],
.TitanBlock select,
.TitanBlock textarea {width:100%;}

/* === Responsive Layout - Block Floats === */
.Float20, 
.Float25, 
.Float33, 
.Float50, 
.Float66, 
.Float75 {padding:0; width:100%;}

.TitanBlock {clear:both; margin-bottom:var(--margin-block-bottom);}
.TitanStripe .TitanBlock:first-child:last-child,
p:first-child:last-child,
h1:first-child:last-child {margin-bottom:0;}

@media (min-width:768px) {
	.Float20, .Float25, .Float33, .Float50, .Float66, .Float75 {float:left; padding:0; width:47.45%; clear:left; margin-left:0;}

	.Float20.New50, .Float25.New50, .Float33.New50, .Float50.New50, .Float66.New50, .Float75.New50 {clear:none; margin-left:4%;}

	aside.side .Float20, 
	aside.side .Float25, 
	aside.side .Float33, 
	aside.side .Float50, 
	aside.side .Float66, 
	aside.side .Float75 {float:none;}
}

@media (min-width:1200px){
	.Float20 {clear:none; width:16.8%; margin-left:4%;}
	.Float25 {clear:none; width:21.72%; margin-left:4%;}
	.Float33 {clear:none; width:30.30%; margin-left:4%;}
	.Float50 {clear:none; width:47.45%; margin-left:4%;}
	.Float66 {clear:none; width:64.60%; margin-left:4%;}
	.Float75 {clear:none; width:73.20%; margin-left:4%;}

	aside.side .Float20, 
	aside.side .Float25, 
	aside.side .Float33, 
	aside.side .Float50, 
	aside.side .Float66, 
	aside.side .Float75 {width:auto;}

	.Float20.New100,
	.Float25.New100,
	.Float33.New100,
	.Float50.New100,
	.Float66.New100,
	.Float75.New100 {clear:left; margin-left:0;}

	.Float20.New100.NoClear, .Float25.New100.NoClear, .Float33.New100.NoClear, .Float50.New100.NoClear, .Float66.New100.NoClear, .Float75.New100.NoClear {clear:none; float:left; margin-left:4%;}
}

/* ==== Common Elements - override if necesary in Block-specific behavior ==== */

/* TABS - Typically Data Detail & FAQ block, but could be anywhere */
div.tabbedContent {clear:both; width:100%; margin-bottom:20px;}
div.tabbedContent ul.tabs {list-style:none; margin:0; padding:0; overflow:hidden; z-index:90;}
div.tabbedContent ul.tabs li {position:relative; cursor:pointer; padding:7px; height:auto; margin:5px 0; border:1px solid #ccc; border-radius:0; background:#eee;}
div.tabbedContent ul.tabs li:hover {background:#fff;}
div.tabbedContent ul.tabs li.selected {font-weight:bold; background:#fff;}

div.tabbedContent ul.buttons {list-style:none; margin:0; padding:0; overflow:hidden;}
div.tabbedContent ul.buttons li {cursor:pointer; padding:7px; overflow:hidden; border:1px solid #ccc; border-radius:2px; margin:5px 0; background:#eee;}
div.tabbedContent ul.buttons li:hover {background:#fff;}
div.tabbedContent ul.buttons li.selected {font-weight:bold; background:#fff; border-color:#999;}

div.tabbedContent .tabsContent {margin-bottom:20px; padding:10px; background:#fff; border:1px solid #ccc;}
div.tabbedContent .tabsContent div {display:none; width:100%;}
div.tabbedContent .tabsContent div.selected,
div.tabbedContent .tabsContent div.selected div {display:block;}
div.tabbedContent .tabsContent span {margin-bottom:10px; display:block; clear:both;}
div.tabbedContent .tabsContent a {}
div.tabbedContent .tabsContent a img {border:0;}
div.tabbedContent .tabsContent table {border-collapse:collapse; margin:0 20px 0 0; width:370px; border:1px solid #ccc;}
div.tabbedContent .tabsContent table ul {margin:0; padding:0 0 0 15px;}
div.tabbedContent .tabsContent th {padding:5px 10px; border:1px solid #ccc; color:#555; background:#eee; white-space:nowrap;}
div.tabbedContent .tabsContent td {padding:5px 10px; border:1px solid #ccc; color:#555;}
div.tabbedContent .tabsContent table caption {padding:5px 10px; border:1px solid #ccc; color:#555; border-bottom:0; background:#eee; font-weight:bold;}
div.tabbedContent .tabsContent .odd th {background:#ddd;}
div.tabbedContent .tabsContent .odd {background:#eee;}

@media (min-width:1200px) {
	div.tabbedContent {clear:none; float:left; position:relative;}
	div.tabbedContent ul.tabs {margin:0 0 0 5px; position:absolute; top:0; left:0;}
	div.tabbedContent ul.tabs li {float:left; padding:5px 8px; height:3.5rem; margin:0 3px; border-bottom:0; border-radius:2px 2px 0 0; background:transparent;}
	div.tabbedContent ul.tabs li:not(.selected):hover {background:transparent;}
	div.tabbedContent ul.buttons li {float:left; clear:left; width:auto;}
	div.tabbedContent .tabsContent {position:relative; top:3.4rem; overflow:hidden; border-radius:2px;}

	/* For Wkst */
	.mainBody div.tabbedContent ul.tabs li {height:17px; width:20%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

/* Accordion */

div.Accordion span.max,
div.Accordion span.min {float:right; margin: 0; cursor:pointer;}
div.Accordion.open span.max,
div.Accordion span.min {display:none;}
div.Accordion span.max,
div.Accordion.open span.min {display:block;}
div.Accordion div.accordionArea {clear:both;margin-bottom:12px;}

div.Accordion div.accordionHeading {cursor:pointer;overflow:hidden;font-weight:bold;border-top:solid 1px #ccc;padding:10px 0px;}
div.Accordion div.accordionHeading span {float:left;width:85%;}
div.Accordion div.accordionHeading span.arrow {float:left;display:inline-block;height:13px;margin:5px 10px 0;position:relative;width:13px;}
div.Accordion div.accordionHeading span.arrow span {display:inline-block;height:0;width:0;}
div.Accordion div.accordionHeading span.arrow span:first-child {border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid  #333;}
div.Accordion div.accordionHeading span.arrow span + span {left:-3px;position:absolute;top:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid white;}
div.Accordion div.accordionHeading.open span.arrow {margin-top:4px;}
div.Accordion div.accordionHeading.open span.arrow span:first-child {border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid  #333;}
div.Accordion div.accordionHeading.open span.arrow span + span {left:0;position:absolute;top:-3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;}

div.Accordion div.accordionContent {display:none; padding:0 10px 10px 34px;}
div.Accordion div.accordionContent.open {display:block;}

/* === HTML5 Video plugin- Used by Freeform === */
.titanVideoHolder {border:1px solid #ddd; background:#eee url('/ClientCSS/images/videoPlay.png') no-repeat 50% 50%;}

/* Dialog Fuzzy Cover - Used by Data Editor */
#titanDialogCover {position:absolute; top:0; left:0; height:50px; width:50px; background-color:#000; opacity:0.5; filter:alpha(opacity=50);}

/* RECAPTCHA */
.recaptcha {clear:both; margin-bottom:20px;}
.recaptchaMessage {display:none;}

/* Filter areas */
.TitanBlock input.filterTrigger {display:none;}

.TitanBlock input.filterTrigger + div {z-index:1001;}
aside.side > .TitanBlock input.filterTrigger:checked + div,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {position:fixed; right:0; top:0; padding-bottom:40px; height:100%; min-width:300px; max-width:400px; width:85%; padding:15px; z-index:2000; background:#ccc; box-shadow:none; overflow:auto;}

@media (min-width:1200px) {
	.TitanBlock input.filterTrigger + div h3 {background:transparent; border:0;}
}

.TitanBlock input.filterTrigger + div h3 label,
.TitanBlock input.filterTrigger + div h3 label:hover {display:inline-block; padding:6px 20px; border:1px solid transparent; background:#777; border-radius:1px; color:#fff; text-align:center; transition:all 0.1s ease; text-decoration:none; cursor:pointer; outline:0;}
.blockPreview .TitanBlock input.filterTrigger + div h3 label {transition:none;}
aside.side > .TitanBlock input.filterTrigger:checked + div h3 label,
aside.side > .TitanBlock input.filterTrigger:checked + div h3 label:hover,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div h3 label,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div h3 label:hover {display:block; padding:0; transition:none; background:transparent; border:0; color:inherit; font:inherit; text-align:left;}

.TitanBlock input.filterTrigger + div h3 label span.arrow {display:none;}

.TitanBlock input.filterTrigger + div .filterClose {display:none; outline:0;}
aside.side > .TitanBlock input.filterTrigger:checked + div .filterClose,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div .filterClose {display:block; position:fixed; width:100%; height:100%; right:16px; top:0; z-index:2001;}
aside.side > .TitanBlock input.filterTrigger:checked + div .filterClose div,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div .filterClose div {float:right; margin:0 15px; cursor:pointer;}

.TitanBlock input.filterTrigger + div h3 ~ fieldset,
.TitanBlock input.filterTrigger + div h3 ~ div fieldset {display:none; margin-bottom:15px;}
.TitanBlock input.filterTrigger:checked + div a.resetAll {position:relative; z-index:2002;}
.TitanBlock input.filterTrigger:checked + div h3 ~ fieldset,
.TitanBlock input.filterTrigger:checked + div h3 ~ div fieldset {display:block; position:relative; z-index:2002; padding-right:10%;}
.TitanBlock input.filterTrigger:checked + div h3 ~ fieldset.calendar, 
.TitanBlock input.filterTrigger:checked + div h3 ~ div fieldset.calendar {z-index: 2003;}

.TitanBlock input.filterTrigger + div h3 ~ input[type="button"] {display:none;}
aside.side > .TitanBlock input.filterTrigger:checked + div h3 ~ input[type="button"],
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div h3 ~ input[type="button"] {display:block; position:relative; z-index:2002;}

@media (min-width:1200px) {
	.TitanBlock input.filterTrigger + div,
	aside.side > .TitanBlock input.filterTrigger:checked + div,
	div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {float:left; margin:0 0 40px 0; padding:15px; width:23%; min-width:0; max-width:none; height:auto; position:static; background:#fff; border:1px solid #999; box-shadow:none;}
	
	aside.side .TitanBlock input.filterTrigger + div,
	aside.side .TitanBlock input.filterTrigger:checked + div {width:100%; border:none; padding:0;}

	.TitanBlock input.filterTrigger + div h3 label,
	.TitanBlock input.filterTrigger + div h3 label:hover {display:block; padding:0; background:transparent; border:0; color:inherit; text-align:left; cursor:default;}

	aside.side > .TitanBlock input.filterTrigger:checked + div .filterClose,
	div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div .filterClose {display:none;}

	.TitanBlock input.filterTrigger + div h3 ~ fieldset,
	.TitanBlock input.filterTrigger + div h3 ~ div fieldset,
	.TitanBlock input.filterTrigger:checked + div h3 ~ fieldset,
	.TitanBlock input.filterTrigger:checked + div h3 ~ div fieldset {display:block; width:auto; padding-right:initial;}

	.TitanBlock input.filterTrigger + div h3 ~ input[type="button"],
	aside.side > .TitanBlock input.filterTrigger:checked + div h3 ~ input[type="button"],
	div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div h3 ~ input[type="button"] {display:block;}

	.DataFilter2 ~ .DataListing,
	div[class*="AggregationFilter"]  ~ .AggregationResults,
	.SegmentedSearchFilter2 + .SearchResults{clear:none;float:right;width:73%;}
	
	aside.side .DataFilter2 ~ .DataListing,
	aside.side div[class*="AggregationFilter"]  ~ .AggregationResults {float:none;width:100%;}
}


.TitanBlock .DataFilter2 > fieldset,
.TitanBlock div[class*="AggregationFilter"] > fieldset,
.TitanBlock .SegmentedSearchFilter2 > fieldset {margin-bottom:1rem;}
.TitanBlock fieldset {border:0; margin:0; padding:0; background:transparent;}
.TitanBlock fieldset div.head {overflow:hidden; padding:5px 5px 2px 0; border-bottom:1px solid rgba(204,204,204,1);}
.TitanBlock fieldset div.head span {background:rgba(0, 0, 0, 0) url("/ClientCSS/NWS/Themes.ReFlex.Core/images/bgFilterArrows.gif") no-repeat scroll 1px 7px; cursor:pointer; float:left; height:20px; padding:0; width:20px;}
.TitanBlock fieldset.min div.head span{background-position:1px -17px;}
.TitanBlock fieldset div.head h4 {float:left; text-transform:capitalize;margin-bottom:0;}
.TitanBlock fieldset div.head .reset {clear:none; float:right; margin:0; padding:0; text-decoration:none;}
.TitanBlock fieldset table {width:100%;}
.TitanBlock .inputs,
.TitanBlock .input {overflow:hidden; padding:5px 0 0 0;}
.TitanBlock .inputs input {float:left; margin-left:0; }
.TitanBlock .inputs input[type="checkbox"] {margin-top:5px; margin-right:8px;}
.TitanBlock .input input[type="text"],.TitanBlock .input input[type="password"],.TitanBlock .input input[type="email"], .TitanBlock .input select,
.TitanBlock .inputs input[type="text"],.TitanBlock .inputs input[type="password"],.TitanBlock .inputs input[type="email"], .TitanBlock .inputs select {width:100%;padding:4px;}
.TitanBlock .inputs label {float:left; margin-left:0; width:82%;}
.TitanBlock .inputs div {display:block; overflow:hidden; padding:4px 0;}
/* provide space before 'uses' */
span.uses {margin-left: 5px;}

/* Suggest Box - Used by Tag Suggest & Proximity Location Suggest */

.TitanBlock .suggestBox div.search input.searchBox {border: 1px solid rgb(200, 200, 200);height: 3rem;line-height: 1.5;margin: 4px 0 0;padding: 4px 9px;position: relative;white-space: nowrap;width:100%;}
.TitanBlock .suggestBox.min div.search {display:none;}
.TitanBlock .suggestBox div.search span.totals {float:right; color:#888; font-style:italic;}
.TitanBlock .suggestBox div.suggest {z-index:10; position:absolute; margin:0 4px 4px 0; padding:1px; width:inherit; border:1px solid gray; box-shadow:2px 2px 1px #ccc; background-color:#fff;}
.TitanBlock .suggestBox div.suggest ul {list-style:none; padding:0; margin:0;}
.TitanBlock .suggestBox div.suggest ul li {cursor:pointer; padding:5px; overflow:hidden;}
.TitanBlock .suggestBox div.suggest ul li span.uses {float:right; color:#888;}
.TitanBlock .suggestBox div.suggest ul li.noResults,
.TitanBlock .suggestBox div.suggest ul li.noResults:hover {cursor:default; background-color:transparent; color:#888; font-style:italic;}
.TitanBlock .suggestBox div.suggest ul li:hover,
.TitanBlock .suggestBox div.suggest ul li.hover {background-color:#eee;}

/* "accountFilter2" - Tag selector for Registration Block, Event Upload (obsolete), and File Upload block */
.TitanBlock .accountFilter2 {float:none; margin:0 0 15px 0; width:100%; padding-top:10px;}
.TitanBlock .accountFilter2 h3 {font-size:1.7rem; line-height:1.7rem; font-weight:700;}
.TitanBlock .accountFilter2 label {font-weight:400;}
.TitanBlock .accountFilter2 fieldset {margin-bottom:15px;}
.TitanBlock .accountFilter2 fieldset div.head {overflow:hidden; padding:5px 5px 2px 5px; border-bottom:1px solid rgba(204,204,204,1);}
.TitanBlock .accountFilter2 fieldset div.head h4 {float:left;}
.TitanBlock .accountFilter2 fieldset div.head span, 
.TitanBlock .accountFilter2 fieldset div.head span:before {float:left; height:10px; margin:0 5px 0 0; width:10px; cursor:pointer;}
.TitanBlock .accountFilter2 .inputs {overflow:hidden; padding:5px 0 0 0;}
.TitanBlock .accountFilter2 .inputs input, 
.TitanBlock .accountFilter2 .inputs label {float:left; margin-left:0;}
.TitanBlock .accountFilter2 .inputs label {width:82%;}
.TitanBlock .accountFilter2 .inputs span {display:block; overflow:hidden; padding:4px 0;}
.TitanBlock .accountFilter2 input[type="checkbox"] {margin-top:5px; margin-right:8px;}
.TitanBlock .accountFilter2 fieldset table {width:100%;}

/* "listingTools" - The sort selector for Filter, Data List */
.TitanBlock .listingTools {overflow:hidden; padding:10px 0;}
.TitanBlock .listingTools * {font-size:1.3rem; color:rgba(0,0,0,.6);}
.TitanBlock .listingTools li {clear:none; float:none; margin:0; white-space:nowrap;}
.TitanBlock .listingTools li a {display:inline-block; padding:3px 9px;}
.TitanBlock .listingTools li a:hover {color:rgba(0,0,0,1);}
.TitanBlock .listingTools li.selected a {color:rgba(0,0,0,1);}
.TitanBlock .listingTools label {float:left; padding:3px 6px 3px 0; font-weight:700;}
.TitanBlock .listingTools div.sorter {overflow:hidden;}
.TitanBlock .listingTools div.sorter ul {float:left; margin:0; padding:0; list-style:none;}

/* "seeMore/seeLess/hideZero" */
.TitanBlock .seeMore .seeMore, 
.TitanBlock .seeLess .more, 
.TitanBlock .seeMore .less {display:block;}
.TitanBlock .min .inputs .selected {display:block;}
.TitanBlock .seeLess .seeMore,
.TitanBlock .seeLess .less,
.TitanBlock .seeMore .more,
.TitanBlock .hideZero .zero,
.TitanBlock .min .inputs div,
.TitanBlock .seeLess.min .more,
.TitanBlock .seeMore.min .less {display:none;}

/* DatePicker */
.TitanBlock .DatePicker {width:200px; border:solid 1px rgba(51,51,51,1); box-shadow:3px 3px 3px rgba(119,119,119,1); z-index:2;}
.TitanBlock .DatePicker .arrow,
.TitanBlock .DatePicker .dblarrow,
.TitanBlock .DatePicker .caption th {font-size:1.9rem; padding-bottom:3px; cursor:pointer; color:rgba(51,51,51,1);}
.TitanBlock .DatePicker .caption th#calTitle {cursor:default; font-size:1.6rem;}
.TitanBlock .DatePicker .arrow:hover,
.TitanBlock .DatePicker .arrow:focus,
.TitanBlock .DatePicker .arrow:active,
.TitanBlock .DatePicker .dblarrow:hover,
.TitanBlock .DatePicker .dblarrow:focus,
.TitanBlock .DatePicker .dblarrow:active {color:rgba(119,119,119,1);}
.TitanBlock .DatePicker table {width:100%; margin:0 auto;}
.TitanBlock .DatePicker table th, 
.TitanBlock .DatePicker table td {height:32px; width:14.25%; color:rgba(153,153,153,1); vertical-align:middle; text-align:center; cursor:pointer; border:0;}
.TitanBlock .DatePicker table th {cursor:default;}
.TitanBlock .DatePicker table td.hasEvent,
.TitanBlock .DatePicker table td.selected,
.TitanBlock .DatePicker table td.selectedDate,
.TitanBlock .DatePicker table td.selected.selectedDate,
.TitanBlock .DatePicker table td.selected.selectedDate.hasEvent {color:rgba(0,0,0,1); font-weight:700;}
.TitanBlock .DatePicker table .otherMonth {background:#ccc; cursor:default;}



/* ==== Blocks ==== */

.TitanBlock:after {content:""; display:block; visibility:hidden; clear:both; height:0; font-size:0; line-height:0;}

.titanBody .TitanBlock p {margin-bottom:0;}
.titanBody .TitanBlock p.teaser {margin:5px 0;}

/* List Blocks - TOC, Filter, DataList, WhatNew,  */

.TitanBlock .OneCol > div,
.TitanBlock .tocList > div,
.TitanBlock .TwoCol > div,
.TitanBlock .ColOne > div,
.TitanBlock .ColTwo > div,
.TitanBlock .ColThree > div,
.TitanBlock .ColFour > div,
.TitanBlock .ColFive > div {margin-bottom:20px; overflow:hidden;}
.TitanBlock .item:last-child {margin-bottom:0;}

@media (min-width:768px) {
	.TitanBlock .OneCol,
	.TitanBlock .tocList,
	.TitanBlock .TwoCol,
	.TitanBlock .ColTwo,
	.TitanBlock .ColThree,
	.TitanBlock .ColFour,
	.TitanBlock .ColFive {clear:both;}
	.TitanBlock .TwoCol > div:first-child,
	.TitanBlock .ColTwo > div:first-child,
	.TitanBlock .ColThree > div:first-child,
	.TitanBlock .ColFour > div:first-child,
	.TitanBlock .ColFive > div:first-child {margin-left:0;}
	.TitanBlock .TwoCol > div:last-child,
	.TitanBlock .ColTwo > div:last-child,
	.TitanBlock .ColThree > div:last-child,
	.TitanBlock .ColFour > div:last-child,
	.TitanBlock .ColFive > div:last-child {margin-right:0;}
}

.TitanBlock .averageRating span {padding-right:5px;}
.TitanBlock .averageRating .icon {display:none;}
.TitanBlock .item > span,
.TitanBlock .hitCount,
.TitanBlock .date {display:block;}

.TitanBlock a.teaserImage {display:block; margin:0 auto 5px auto;}
.TitanBlock img.fileTypeIcon {width:80px; height:80px;}

.TitanBlock .classifications ul {margin:0; padding:0;}
.TitanBlock .classifications ul li {display:inline-block; padding:0 5px;}

.TitanBlock ul.paginationFooter, 
.TitanBlock ul.pagination {clear:both; margin:10px 0; padding:0;}
.TitanBlock ul.pagination span {display:inline; padding:0 4px;}
.TitanBlock ul.paginationFooter li, 
.TitanBlock ul.pagination li {display:inline;}
.TitanBlock ul.paginationFooter li.nextButton {margin-left:9px;}

/* For when there's an error while rendering a block */
 .TitanBlock .titan_error_message {
    padding:1.0rem;
     border:1px solid rgba(85,85,85,1);
     border-radius:3px;
     background-color:rgba(85,85,85,0.1);
}
 .TitanBlock .titan_error_message .header {
    font-weight:600;
}

/* ==== Actively Used Block Types ==== */

/* Application Bock */
.PortletBlock {}

/* Commenting & Rating */
.Commenting {}
.Commenting img {border:0; outline:0;}
.Commenting h3 {font-size:2.0rem; line-height:2.4rem;}
.Commenting td {width:10%;}

.Commenting .icon {display:none;}
.Commenting .messageOn, 
.Commenting .error {clear:both; display:none;}
.Commenting .buttons {clear:both; display:block;}

.Commenting .commentForm {padding-top:20px;}
.Commenting .commentForm .label {padding-top:6px; width:130px;}
.Commenting .commentForm .comment .label {float:left; padding-right:4px; padding-top:0;}
.Commenting .commentForm table {border-collapse:collapse; margin:0; padding:0;}
.Commenting .commentForm table tr, 
.Commenting .commentForm table td {margin:0; padding:0; text-align:center;}
.Commenting .commentForm div {padding-top:15px;}
.Commenting .commentForm div.recaptcha,
.Commenting .commentForm div.recaptcha > div {padding-top:0;}
.Commenting .commentForm .comment textarea {clear:both; float:left;}
.Commenting .commentForm .SFMessage {padding:0; display:list-item; list-style:disc; margin-left:30px;}

.Commenting .summary {margin-bottom:10px; overflow:hidden; padding-top:20px; padding-bottom:10px;}
.Commenting .summary > div {clear:both; overflow:hidden;}
.Commenting .summary .label {width:150px;}

.Commenting .comments {padding-top:20px; margin-bottom:10px;}

.Commenting .nameMessage, 
.Commenting .emailMessage, 
.Commenting .titleMessage, 
.Commenting .ratingMessage, 
.Commenting .commentMessage, 
.Commenting .recaptchaMessage, 
.Commenting .ErrorMessage, 
.ErrorMessage br {display:none;}

/* general */
.Commenting .label, 
.Commenting .value, 
.Commenting .value span {float:left; margin-right:5px;}

.Commenting .label {width:100px;}

.Commenting .OneCol > div {margin:10px 0 0 0; overflow:hidden; padding:12px 0 0 0;}
.Commenting .OneCol > div:first-child {margin:0; padding:0;}
.Commenting .OneCol div div {clear:both; margin-bottom:2px; overflow:hidden;}
.Commenting .OneCol div div.comment {margin-top:13px;}
.Commenting .OneCol div div div {clear:none; margin:0;}
.Commenting .OneCol .comment .label, 
.Commenting .OneCol .comment .value {clear:both; display:block;}

/* comments pop up - IDs are from CommentForm.ascx */
.commentsPop, 
.commentFormPop {background:rgba(255,255,255,1);}
.commentsPop #pageTopArea, 
.commentFormPop #pageTopArea {height:auto; position:static;}
.commentsPop #logoControlContainer, 
.commentFormPop #logoControlContainer {float:none; margin-bottom:0; width:100%;}
.commentsPop #logoControlContainer a, 
.commentFormPop #logoControlContainer a {display:inline-block; margin-top:5px;}
.commentsPop #contentArea, 
.commentFormPop #contentArea {padding-top:10px;}
.commentsPop .Commenting .siteBounds div:first-child, 
.commentFormPop .Commenting .siteBounds div.commentForm {border:0;}

/* Data Detail */
.DataDetail {}
.DataDetail .label {font-weight:bold; margin-right:5px;}
.DataDetail .date .date,
.DataDetail .date .time {display:inline-block; margin-right:5px;}
.DataDetail .linkText {margin-bottom:20px;}

/* Data Editor */
.DataEditor {}
.DataEditor fieldset {border:0; background:0;}


.DataEditor div.StatusWarning {background:#FEEFCE; border:1px solid #FF9900; margin:10px 0; padding:5px;}

.DataEditor div.dataField div.fieldMessage.messageOn {color:red;}
.DataEditor div.dataField div.fieldMessage span.icon {margin:0; padding:0; background:none; cursor:default;}
.DataEditor div.dataField input.date {width:100px; display:inline;}
.DataEditor div.dataField input.time {width:80px; margin-left:20px;}
/*
.DataEditor div.dataField.date span.icon,
.DataEditor div.dataField.datetime span.icon,
.DataEditor div.dataField.datetimerecur span.icon {background:url('/ClientCSS/NWS/Themes.ReFlex.Core/images/thbCalendar.png') no-repeat left top; cursor:pointer; display:inline; margin-left:5px; padding:3px 7px;} 
*/
.DataEditor div.dataField.datetimerecur .patternLabel {padding-top:5px;}
.DataEditor div.dataField.latlong span {display:block;}
.DataEditor div.dataField.latlong label {width:78px;}
.DataEditor div.dataField.latlong input {width:80px;}
.DataEditor div.dataField.textarea textarea {width:300px; height:80px;}

.DataEditor .linkEdit {margin-top:4px; display:inline-block;}
.DataEditor span.linkEdit {cursor:pointer; text-decoration:underline;}

.DataEditor div.previewDiv {margin:5px 0; padding:2px; height:150px; overflow-y:auto; width:300px; font-size:12px; border:1px solid gray;}
html.TTPopupContent .DataEditor div.previewDiv {width:98%;}


.DataEditor table td {vertical-align:top;}
.DataEditor table td input[type='text'] {padding:4px 2px; font-size:12px;}
.content-inner .DataEditor table td input[type='text'] {padding:2px;}

.DataEditor label {font-weight:bold; display:inline-block; margin-top:4px; font-size:12px;}

.DataEditor .suggestBox div.search,
.DataEditor .suggestBox div.suggest {margin:0;}
.DataEditor .suggestBox .totals {margin-right:7px;}
.DataEditor .suggestBox .inputs span {display:flex;}

.DataEditor div.dataField input[type='button'].simple_button:not(:first-child) {margin-left:5px;}

.DataEditor div.dataField.linkpicker,
.DataEditor div.dataField.multifilepicker {float:left; width:99%;}
.DataEditor div.dataField.tags fieldset,
.DataEditor div.dataField.tags .inputs {margin:0; padding:0;}
.DataEditor div.dataField.tags .inputs span {display:flex;}
.DataEditor div.dataField.linkpicker fieldset,
.DataEditor div.dataField.multifilepicker fieldset {border:1px solid #dcdcdc; padding:0 0 5px 0; margin:5px 0 5px 2px;}
.DataEditor div.dataField.linkpicker fieldset .h4legend,
.DataEditor div.dataField.multifilepicker fieldset .h4legend {margin:0; padding:6px; line-height:1; font-size:12px; font-weight:bold; border-bottom:1px solid #dcdcdc;}
.DataEditor div.dataField.linkpicker fieldset .h4legend span,
.DataEditor div.dataField.multifilepicker fieldset .h4legend span {padding:0;}

.DataEditor div.dataField div.buttons input.sortUp {display:inline-block; margin:0 2px; border-top:0; border-left:6px solid transparent; border-right:6px solid transparent; float:none; width:0; height:0; border-bottom:10px solid black;}
.DataEditor div.dataField div.buttons input.sortUp.disabled {border-bottom-color:#e1e1e1;}
.DataEditor div.dataField div.buttons input.sortDown {display:inline-block; margin:0 2px; border-bottom:0; border-left:6px solid transparent; border-right:6px solid transparent; float:none; width:0; height:0; border-top:10px solid black;}
.DataEditor div.dataField div.buttons input.sortDown.disabled {border-top-color:#e1e1e1;}

.DataEditor div.dataField span.name,
.DataEditor div.dataField span.link {display:inline-block; width:40%; padding-top:6px; margin-right:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.DataEditor div.dataField div.optionList {width:100%; margin:0; overflow-x:hidden; overflow-y:auto;}
.DataEditor div.dataField div.optionList ul {height:150px; width:100%; margin:0; padding:0;}
.DataEditor div.dataField div.optionList ul li {float:none; clear:both; margin:0; padding:0 0 0 6px; display:table; cursor:pointer; width:100%; border-bottom:dotted 1px lightgray;}
.DataEditor div.dataField div.optionList ul li.select {background-color:lightgray;}
.DataEditor div.dataField div.optionList ul li.marker {display:none; cursor:default;}

/* === RecurrenceEditor within DataEditor === */
.DataEditor .RecurrenceEditor {border:solid 1px #777; box-shadow:3px 3px 3px #777; z-index:1; background:#f1f1e3; padding:0; margin:0;}
.DataEditor .RecurrenceEditor span.label {font-weight:bold; display:block; padding-bottom:4px;}
.DataEditor .RecurrenceEditor.error {border:solid 1px red; background-color:#FFEBF1;}
.DataEditor .RecurrenceEditor .errorText {display:none;}
.DataEditor .RecurrenceEditor.error .errorText {display:block;}
.DataEditor .RecurrenceEditor .errorText,
.DataEditor .RecurrenceEditor .recurrenceInput,
.DataEditor .RecurrenceEditor .recurrenceEnd,
.DataEditor .RecurrenceEditor .recurrenceExcludes,
.DataEditor .RecurrenceEditor .recurrenceButtons {float:left; clear:both; width:580px; padding:4px; margin:5px; border:solid 1px #999; background:#F0F0F0;}
.DataEditor .RecurrenceEditor .recurrenceButtons {background:none; border:none; text-align:right;}
.DataEditor .RecurrenceEditor ul {list-style-type:none; margin:0; padding:0; float:left; width:100%; color:#333;}
.DataEditor .RecurrenceEditor ul li {float:left; margin-right:25px; color:#333;}
.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio li {clear:left; width:95%; margin-bottom:5px; padding:0;}
.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio select {padding:1px; margin:0 3px;}
.DataEditor .RecurrenceEditor .recurrenceInput ul.verticalradio label {font-weight:normal;}
.DataEditor .RecurrenceEditor .frequencyInput {float:left; width:120px; height:100px; padding-top:5px; border-right:solid 1px #999;}
.DataEditor .RecurrenceEditor .frequency {float:left; width:445px; padding-left:10px;}
.DataEditor .RecurrenceEditor .frequency .daily,
.DataEditor .RecurrenceEditor .frequency .weekly,
.DataEditor .RecurrenceEditor .frequency .monthly,
.DataEditor .RecurrenceEditor .frequency .yearly {display:none;}
.DataEditor .RecurrenceEditor .frequency.daily .daily,
.DataEditor .RecurrenceEditor .frequency.weekly .weekly,
.DataEditor .RecurrenceEditor .frequency.monthly .monthly,
.DataEditor .RecurrenceEditor .frequency.yearly .yearly {display:inline-block; width:100%; margin-top:5px;}
.DataEditor .RecurrenceEditor .frequency span {width:100%; margin-bottom:10px; display:block;}
.DataEditor .RecurrenceEditor .frequency .weekly span.dow {float:left; display:inline-block; width:110px; margin-bottom:5px;}
.DataEditor .RecurrenceEditor .frequency .weekly span.dow label {font-weight:normal; display:inline;}
.DataEditor .RecurrenceEditor input[type="text"] {margin:0 3px; padding:1px 2px;}
.DataEditor .RecurrenceEditor .frequency input.shortFixed,
.DataEditor .RecurrenceEditor .recurrenceEnd input.shortFixed {width:46px; margin:0 3px;}
.DataEditor .RecurrenceEditor .recurrenceEnd input.short {width:100px;}
.DataEditor .RecurrenceEditor .recurrenceEnd label {font-weight:normal; display:inline;}
.DataEditor .RecurrenceEditor .recurrenceExcludes select.radioOptions {width:250px; float:left;}
.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder {padding:2px 10px; display:inline-block;}
.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder span {float:left; width:50px; padding:4px 0 0 10px;}
.DataEditor .RecurrenceEditor .recurrenceExcludes div.radioOptionBuilder input {padding-left:5px; margin-bottom:5px;}
.DataEditor .RecurrenceEditor .calendarIcon {background:url('/ClientCSS/NWS/Themes.ReFlex.Core/images/thbCalendar.png') no-repeat left top; cursor:pointer; display:inline-block; margin-left:5px; padding:3px 7px;}


/* Data List */
.DataList {}
.DataList img {border:0; outline:0;}
.DataList .DataListing {}

.DataList .DataListing div.ColOne,
.DataList .DataListing div.ColTwo,
.DataList .DataListing div.ColThree,
.DataList .DataListing div.ColFour,
.DataList .DataListing div.ColFive {overflow:hidden;}

.DataList .DataListing div.ColOne div.item,
.DataList .DataListing div.ColTwo,
.DataList .DataListing div.ColThree,
.DataList .DataListing div.ColFour,
.DataList .DataListing div.ColFive {border-bottom:1px solid #ddd;}

.DataList .DataListing div.ColTwo div.item {float:left; width:47%;}
.DataList .DataListing div.ColThree div.item {float:left; width:31%;}
.DataList .DataListing div.ColFour div.item {float:left; width:22%;}
.DataList .DataListing div.ColFive div.item {float:left; width:17%;}
.DataList div.items {overflow:hidden;}
.DataList div.item {overflow:hidden; margin-right:15px;}
.DataList div.ColOne div.item {margin-right:0;}
.DataList div.item .label {font-weight:bold; margin-right:5px;}
.DataList div.item span {display:block;}
.DataList div.item span span {display:inline;}
.DataList .DataListing h3 {}
.DataList .DataListing div.ColOne a.teaserImage,
.DataList .DataListing div.ColTwo a.teaserImage {padding-right:3%;} /* do not use margin because of set widths floated in other breakpoints */
.DataList .DataListing div.ColThree a.teaserImage,
.DataList .DataListing div.ColFour a.teaserImage,
.DataList .DataListing div.ColFive a.teaserImage {float:none;}

/* DataList filtering */
.DataList .DataFilter2 div.input input[type="text"],.DataList .DataFilter2 div.input input[type="password"],.DataList .DataFilter2 div.input input[type="email"] {width:100%;}
.DataList .DataFilter2 div.inputs div span {cursor:pointer;}
/* .DataList .DataFilter2 .calendar span.icon {background:url('/ClientCSS/NWS/Themes.ReFlex.Core/images/thbCalendar.png') no-repeat left top; cursor:pointer; display:inline; margin-left:5px; padding:1px 7px;} */
.DataList .DataFilter2 .calendar span.from,
.DataList .DataFilter2 .calendar span.to,
.DataList .DataFilter2 .calendar label span.instruction {display:block; margin-bottom:5px; font-weight:normal;}
.DataList .DataFilter2 .calendar span.from label,
.DataList .DataFilter2 .calendar span.to label {display:inline; float:left; margin-right:5px; font-weight:bold;}
.DataList .DataFilter2 .monthLinks {display:block; width:100%; text-align:center; margin-top:2px;margin-bottom:8px;}
.DataList .DataFilter2 .monthLinks span.left {padding:0 10px; float:left;}
.DataList .DataFilter2 .monthLinks span.right {padding:0 10px; float:right;}
.DataList .DataFilter2 .monthLinks .dblarrow,
.DataList .DataFilter2 .monthLinks .arrow {cursor:pointer; color:#333;}
.DataList .DataFilter2 .monthLinks .dblarrow:hover,
.DataList .DataFilter2 .monthLinks .arrow:hover {color:#777;}
.DataList .DataFilter2 .monthDropdown select {display:block; width:100%;padding:5px;}

/* FAQ */
.FAQ {}
.FAQ a img {border:0; outline:0;}
.FAQ dl {margin:0; padding:0;}
.FAQ dl dt {clear:both; float:none; overflow:hidden; padding-top:10px; padding-bottom:5px;font-weight:bold;}
.FAQ .titan_faq_q dl dt {border:0;padding-top:0;}
.FAQ dl dd {margin:0; overflow:hidden;}

.FAQ .ToTop {clear:both; display:inline-block; margin-bottom:12px;}

.FAQ .Accordion .min,
.FAQ .Accordion.open .max,
.FAQ .Accordion .accordionContent {display:none;}
.FAQ .Accordion.open .min,
.FAQ .Accordion .accordionContent.open {display:block;}
.FAQ .Accordion .min,
.FAQ .Accordion .max {padding:5px;}
.FAQ .Accordion .accordionHeading > span {float:left;}
.FAQ .Accordion .accordionHeading span.arrow + span {width:85%;}
.FAQ .Accordion .accordionContent {margin:10px 20px;}

/* File Upload */
.DisplaySideUpload {}
.DisplaySideUpload .uploadFields div label {display:block;}
.DisplaySideUpload .uploadFields div {padding-top:10px;}
.DisplaySideUpload .SFMessage {padding:0;}
.DisplaySideUpload .upload {clear:both; display:block;}
.DisplaySideUpload .error {background:rgba(247,247,247,1); border:1px solid rgba(204,204,204,1);}

/* Filter */
.Aggregation {}
.Aggregation img {border:0; outline:0;}
.TitanBlock input.filterTrigger + div h3 ~ input[type="button"].btnSubmit {clear:both; display:block;}

.Aggregation ul.alphaList {margin:10px 0; padding:0; list-style:none;}
.Aggregation ul.alphaList li {display:inline-block; padding-right:9px;}
.Aggregation .alpha {clear:both; padding-top:10px;}
.Aggregation .tocList {margin-left:25px;}
.Aggregation .tocList div {margin-bottom:15px; overflow:hidden;}

/* Forms Editor */
.FormEditor {}
.FormEditor a img {border:0; outline:0;}
.FormEditor .SFMessage {display:list-item; list-style:disc; margin-left:30px;}
.FormEditor .buttons {clear:both; display:block;}

/* Freeform (and Raw HTML) */
.Freeform {}
.Freeform a img {border:0; outline:0;}

/* Login */
.LogIn {}
.LogIn label {display:block;}
.LogIn div div {padding-top:10px;}
.LogIn .remember label {display:inline-block; margin-left:5px;}
.LogIn .buttons {overflow:hidden; clear:both; display:block;}
.LogIn .forgot, 
.LogIn .account {padding-top:4px;}
.LogIn .error {clear:both; display:none;}
.LogIn .SFMessage {padding:0;}

/* Page Share */
.SharePage {background:0;border:0;padding:0;}

/* Photo */
.PhotoBlock {}
.PhotoBlock img {border:0; outline:0;}

.PhotoBlock .filmstrip {}
.PhotoBlock .filmstrip div h3 {color:#555; font-size:1.3rem; font-weight:bold; padding-left:0.5rem;}
.PhotoBlock .filmstrip img {cursor:pointer;float:left;margin:5px;}
.PhotoBlock .filmstrip .webImages {float:left;}
.PhotoBlock .filmstrip .leftArrow,
.PhotoBlock .filmstrip .rightArrow {color:#555;font-family:var(--fontfamily-secondary);cursor:pointer;float:left;height:20px;margin: 70px 2rem;width:20px;}
.PhotoBlock .filmstrip .rightArrow + div {display:none;}
.PhotoBlock .filmstrip .leftArrow::before {content:"\f053";font-weight: bold;}
.PhotoBlock .filmstrip .rightArrow::before {content:"\f054";font-weight: bold;}
.PhotoBlock .filmstrip .leftArrow:hover {background-position:left bottom;}
.PhotoBlock .filmstrip .rightArrow:hover {background-position:right bottom;}
.PhotoBlock .filmstrip .thumbnails {clear:both; float:left; margin:2rem 0; width:100%;}

/* Registration Block */
.UserAccount {}
.UserAccount label {display:block;}
.UserAccount .TOUAgree {overflow:hidden;}
.UserAccount .TOUAgree input {float:left;}
.UserAccount .TOUAgree label {float:left;}
.UserAccount .response + .response {padding-bottom:20px;}
.UserAccount .reqYes {float:left; padding-right:3px;}
.UserAccount .req {display:none;}
.UserAccount .ErrorMessage {display:none;}
.UserAccount .accountForm div {padding-top:10px;}
.UserAccount .hintQuestions div {padding-top:10px;}
.UserAccount .SFMessage {padding:0;}
.UserAccount .buttons {clear:both; display:block;}


/* Search Results */
.SearchResults {}
.SearchResults img {border:0; outline:0;}
.SearchResults .titleArea h3 {font-size:3.5rem;}
.SearchResults .paginationFooter {margin-bottom:5px;}

/* Segmented Search */
.SegmentedSearch {}
.SegmentedSearch .message {clear:both; display:none;}
.SegmentedSearch .loading {display:block;}
.SegmentedSearch .loading div {display:none;}
.SegmentedSearch .loading .message {display:block; margin-bottom:20px; overflow:hidden;}
.SegmentedSearch .tools {overflow:hidden;}
.SegmentedSearch .tools .label {float:left; margin-right:8px;}

.SegmentedSearch .view {overflow:hidden; clear:none; float:left; padding:5px 0;}
.SegmentedSearch .view .minIcon,
.SegmentedSearch .view .maxIcon {float:left; height:16px; width:16px; margin-right:8px; display:inline-block; color:transparent; cursor:pointer; background:url('/ClientCSS/NWS/Themes.ReFlex.Core/images/bgGridView.gif') no-repeat;}
.SegmentedSearch .view .minIcon {background-position:left top;}
.SegmentedSearch .min .view .minIcon {background-position:left -17px;}
.SegmentedSearch .view .maxIcon {background-position:right -17px;}
.SegmentedSearch .min .view .maxIcon {background-position:right top;}

.SegmentedSearch .min .teaserImage, 
.SegmentedSearch .min .date, 
.SegmentedSearch .min .hitCount, 
.SegmentedSearch .min .teaser, 
.SegmentedSearch .min .linkText, 
.SegmentedSearch .min .linkComments, 
.SegmentedSearch .min .linkURL, 
.SegmentedSearch .min .averageRating, 
.SegmentedSearch .min .sort, 
.SegmentedSearch .min .author, 
.SegmentedSearch .min .size, 
.SegmentedSearch .min .type, 
.SegmentedSearch .min .phone, 
.SegmentedSearch .min .emailAddress, 
.SegmentedSearch .min .department, 
.SegmentedSearch .min .EventRL .allDayEvent, 
.SegmentedSearch .min .EventRL .startTime, 
.SegmentedSearch .min .EventRL .endTime, 
.SegmentedSearch .min .EventRL .endDate, 
.SegmentedSearch .min .EventRL .location, 
.SegmentedSearch .min .price, 
.SegmentedSearch .min .date, 
.SegmentedSearch .min .description, 
.SegmentedSearch .min .shortTeaser, 
.SegmentedSearch .min .longTeaser, 
.SegmentedSearch .min .partNumber, 
.SegmentedSearch .min .urlText, 
.SegmentedSearch .min .sku, 
.SegmentedSearch .min .otherStuff .label, 
.SegmentedSearch .min .EventRL .startDate, 
.SegmentedSearch .min .EventRL .sponsor, 
.SegmentedSearch .min .EventRL .contact, 
.SegmentedSearch .min .EventRL .email, 
.SegmentedSearch .min .EventRL p, 
.SegmentedSearch .min .EventRL .hitCount, 
.SegmentedSearch .min .EventRL .attachment {display:none;}

.SegmentedSearch .sort {clear:none; float:left; padding:5px 0;}
.SegmentedSearch .sort select {float:left; margin-top:-5px; width:auto;}

.SegmentedSearch .seeAllResults {clear:both; float:right;}

.smartSearchTitle {margin-top:10px;}

.organicSearchResults .OneCol div {overflow:hidden;}

.smartSearchResults, 
.SmartRL {margin:10px 0; padding:15px 15px 3px;}

.smartSearchResults h3 {clear:both; margin:0 0 15px 0; padding:0;}

.docMatch {margin:10px 0;}

.titleMiddle {display:none;}

.didYouMean {margin:15px 0;}

.didYouMean h2 {margin:5px 0;}

.SmartRL, 
.PagesRL, 
.FilesRL, 
.PeopleRL, 
.NewsRL, 
.EventRL {clear:both; margin-bottom:25px; overflow:hidden; padding-bottom:5px;}


.fullSegment h3 {display:none;}


/* Site Map */
.SiteMap {}
.SiteMap img {border:0; outline:0;}
.SiteMap ul {list-style:none;}
.SiteMap ul li {margin-top:10px;}

/* TOC */
.TOCBlock {}
.TOCBlock img {border:0; outline:0;}

/* Whats New */
.WhatsNew {}
.WhatsNew img {border:0; outline:0;}

/* ==== Obsolete Block Types ==== */
.Calendar,
.ContactForm,
.EventUpload,
.MyLinks,
.Product {}


/* ==== Filter Styles ==== */

/* ========================================================================================== stopped */

/* === hr color === */
.titanDisplay hr, .mainBody hr, .TitanBlock hr {background-color:#ccc; border:0; color:#ccc; height:1px; clear:both;}

/* === font sizes - line-height === */




.reset {font-size:1.2rem;}

.Accordion .minmax, .linkText, .hitCount, .linkComments, .linkURL a, .SearchResults .date, .seeAllResults a, .averageRating, .DataListing .startDate, .DataListing .endDate, .DataListing .location, .OneCol .classifications, .TwoCol .classifications, .ThreeCol .classifications, .FourCol .classifications, .ColOne .classifications, .ColTwo .classifications, .ColThree .classifications, .ColFour .classifications, .tocList .classifications, div[class*="AggregationFilter"] .seeLess .more, div[class*="AggregationFilter"] .seeMore .less, .SegmentedSearchFilter2 .seeLess .more, .SegmentedSearchFilter2 .seeMore .less,
.DataFilter2 .seeLess .more, .DataFilter2 .seeMore .less {font-size:1.3rem;}

.DataFilter2 h4, div[class*="AggregationFilter"] h4, .SegmentedSearchFilter2 h4.monthHeader, .DataList .DataFilter2 .monthLinks, .DataList .DataFilter2 .monthDropdown select,.DataFilter2 table th {font-size:1.4rem;}

.reset, .DataFilter2 .head span, .DataFilter2 .head span::before, .DataFilter2 h4, div[class*="AggregationFilter"] .head span, div[class*="AggregationFilter"] .head span::before, div[class*="AggregationFilter"] h4, .SegmentedSearchFilter2 .head span, .SegmentedSearchFilter2 .head span::before, .SegmentedSearchFilter2 h4, .SearchResults .date, .monthHeader, .DataListing .startDate, .DataListing .endDate, .DataListing .location, .averageRating, .hitCount, .seeAllResults a {line-height:1.3;}




.DataFilter2 .dblarrow, .SearchResults h3 {font-size:1.9rem;}





/* === colors === */

.ErrorMessage, .ErrorText, .messageOn, .messageOn {color:rgba(0,0,0,.7);}

.DataListing .startDate, .DataListing .endDate, .DataListing .location,
.DataFilter2 td.selected.selectedDate, .DataFilter2 td.selected.selectedDate.hasEvent, .averageRating, .hitCount, .SearchResults .date, .seeAllResults a {color:rgba(0,0,0,1);}

.DataFilter2 .arrow:hover, .DataFilter2 .dblarrow:hover, .DataFilter2 .arrow:focus, .DataFilter2 .dblarrow:focus, .DataFilter2 .arrow:active, .DataFilter2 .dblarrow:active, div.SearchResults h4.docMatch i, .SearchResults.min .view .maxIcon::before, .SearchResults .view .minIcon::before {color:rgba(119,119,119,1);}

.DataFilter2 table td {color:rgba(153,153,153,1);}

.DataFilter2 .dblarrow {color:rgba(51,51,51,1);}

/*
.DataFilter2 h3:hover, .DataFilter2 h3:focus, .DataFilter2 h3:active, div[class*="AggregationFilter"] h3:hover, div[class*="AggregationFilter"] h3:focus, div[class*="AggregationFilter"] h3:active, .SegmentedSearchFilter2 h3:hover, .SegmentedSearchFilter2 h3:focus, .SegmentedSearchFilter2 h3:active, .DataFilter2 td.hasEvent, .DataFilter2 td.selectedDate, .DataFilter2 td.selectedDate.hasEvent {color:rgba(255,255,255,1);}
*/

/* accent color */
.DataFilter2 .head span:hover::before, .DataFilter2 .head span:focus::before, .DataFilter2 .head span:active::before, div[class*="AggregationFilter"] .head span:hover::before, div[class*="AggregationFilter"] .head span:focus::before, div[class*="AggregationFilter"] .head span:active::before, .SegmentedSearchFilter2 .head span:hover::before, .SegmentedSearchFilter2 .head span:focus::before, .SegmentedSearchFilter2 .head span:active::before, .reqYes, .required span, .SegmentedSearchFilter2 .selected, .SegmentedSearchFilter2 .inputs div:hover, .SearchResults .view .maxIcon::before, .SearchResults .view .maxIcon:hover::before, .SearchResults .view .minIcon:hover::before, .SearchResults.min .view .minIcon::before {color:rgba(0,0,0,.8);}

/* buttons */
.CenterZone input[type="submit"], .CenterZone input[type="button"], .Commenting input[type="button"] {color:rgba(0,0,0,1);}

.CenterZone input[type="submit"]:hover, .CenterZone input[type="submit"]:focus, .CenterZone input[type="submit"]:active, .CenterZone input[type="button"]:hover, .CenterZone input[type="button"]:focus, .CenterZone input[type="button"]:active, .Commenting input[type="button"]:hover, .Commenting input[type="button"]:focus, .Commenting input[type="button"]:active {color:rgba(255,255,255,1);}

/* === font weights === */
.SearchResults .titleArea h3, .SegmentedSearchFilter2 h4, .DataFilter2 h4, div[class*="AggregationFilter"] h4, .SiteMap li ul li {font-weight:400;}

.Commenting h3, 
.DataFilter2 h3, 
div[class*="AggregationFilter"] h3, 
.SegmentedSearchFilter2 h3, 
.SearchResults h3, 
.Commenting .label, 
.DisplaySideUpload label, 
.LogIn label, 
.UserAccount label, 
.OneCol .classifications span, 
.TwoCol .classifications span, 
.ThreeCol .classifications span, 
.FourCol .classifications span, 
.ColOne .classifications span, 
.ColTwo .classifications span, 
.ColThree .classifications span, 
.ColFour .classifications span, 
.tocList .classifications span, 
.DataFilter2 table td.selected, 
.DataFilter2 table td.hasEvent, 
.SiteMap ul li, 
ul.alphaList li a,
/* buttons */
.CenterZone input[type="submit"], .CenterZone input[type="button"], .Commenting input[type="button"] {font-weight:700;}

/* === text decoration - text-transform - word wraps - text-align  === */
.DataFilter2 table td, .commentsPop #logoControlContainer, .commentFormPop #logoControlContainer {text-align:center;}


/* === cursor === */
.DataFilter2 table td, .DataFilter2 table .arrow, .DataFilter2 table .dblarrow, div[class*="AggregationFilter"] .head span, div[class*="AggregationFilter"] .head span::before, div[class*="AggregationFilter"] fieldset div.head .reset, .SegmentedSearchFilter2 .head span, .SegmentedSearchFilter2 .head span::before, .SegmentedSearchFilter2 fieldset div.head .reset, .DataFilter2 .head span, .DataFilter2 .head span::before, .DataFilter2 fieldset div.head .reset {cursor:pointer;}

.DataFilter2 table .otherMonth {cursor:default;}

/* === backgrounds and borders === */

/* buttons */
.CenterZone input[type="submit"], .CenterZone input[type="button"], .Commenting input[type="button"] {background:rgba(255,255,255,1); border:2px solid rgba(0,0,0,.8);}

.CenterZone input[type="submit"]:hover, .CenterZone input[type="submit"]:focus, .CenterZone input[type="submit"]:active, .CenterZone input[type="button"]:hover, .CenterZone input[type="button"]:focus, .CenterZone input[type="button"]:active, .Commenting input[type="button"]:hover, .Commenting input[type="button"]:focus, .Commenting input[type="button"]:active {border:2px solid rgba(0,0,0,.8); background:rgba(0,0,0,.8);}

/* error message */
.titanBody .ErrorMessage {background:rgba(247,247,247,1); border:1px solid rgba(204,204,204,1);}

/* === inputs === */


/* === images === */


/* ========================================================================================== BLOCKS */


/* === LISTING BLOCKS - toc, filter, data === */
/* display none */
div.loading, div.classifications {clear:both; display:none;}
div.loading.waiting {display:block;}

/* calendar widget - DataFilter2 =  fieldset.calendar table.calendar, EventUpload = div.DatePicker table.calendar */

.DataFilter2 .calendar .input {padding:5px 0 !important;}

.DataFilter2 table {margin:0 auto;}

.DataFilter2 table th {padding:3px 0;font-weight:400;}

.DataFilter2 table td {height:32px; width:14.25%;}

/* reset button for all aggregation blocks - data list, filter, search results, segmented search*/
div[class*="AggregationFilter"] > a.reset.resetAll, 
.DataFilter2 > a.reset.resetAll, 
div[class*="SegmentedSearchFilter"] > a.reset.resetAll {display:none;text-align:right;margin-bottom:.5rem;text-decoration:none;}
aside.side > .TitanBlock input.filterTrigger:checked + div > a.reset.resetAll,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div > a.reset.resetAll {display:block;}
@media (min-width:1200px) {
	div[class*="AggregationFilter"] > a.reset.resetAll, 
	.DataFilter2 > a.reset.resetAll, 
	div[class*="SegmentedSearchFilter"] > a.reset.resetAll {display:block;}
}

/* === FORM BLOCKS === */



.thankYouForm .recaptcha {clear:both;}

/* inputs */
/* Hide the clear X on textboxes in IE10+ (at least until there's an event we can attach to) */
.IE .titanDisplay input::-ms-clear, .IE .dataField input::-ms-clear {display:none;}

/* buttons */
.titanDisplay input[type="button"], .titanDisplay input[type="submit"] {-webkit-appearance:none;}

/* error messages */
.titanBody .ErrorMessage, .titanBody .error {margin:10px 0; padding:5px;}

.titanBody .accountForm .error {padding:0;}


#bottomContainer.commentsFooter {padding-left:10%; padding-right:10%;}

#bottomContainer.commentsFooter #poweredBy {display:none;}





/* ==========================================================================================  PRINT */
.titanPrint,
.titanPrint #mainBody,
.titanPrint #contentArea,
.titanPrint #centerZone {border:0; background:0; margin:0; padding:0; width:100%;}

.titanPrint h1, .titanPrint h2, .titanPrint h3, .titanPrint h4, .titanPrint h5, .titanPrint h6 {border:0; background:0;}

@media print {h1, h2, h3, h4, h5, h6,section,.titanDisplay,.titanBody,#mainBody,#contentArea,#centerZone {background:0 !important;}
header,footer {display:none;}
#mainBody,#contentArea,#centerZone {margin:0; padding:0; width:100% !important;}}


/***********************************************************************************************
 * 
 * To modify your Theme see /ClientCSS/NWS/Themes.Reflex2019/Sites/readme.txt
 *
 ***********************************************************************************************/

/* Put all theme-related @imports in this Layout CSS to support them being loaded properly
	by the preview pane in Titan Admin Theme Create dialog.
*/



/* ==========================================================================================
	There are 4 major sections below. 

	1. Block/Freeform Classes
	   This sets up the class names that can be added in the Titan Workstation. They are 
	   positioned at the top so Titan will show them near the top.

	2. Layout of Containers 
	   This is the styling of the "layout containers" that make up the structure of a page. 
	   They are limited to container elements specified in the ASCX files, and not the 
	   content produced by a control, XSL, or Block.

	3. Content in Containers 
	   This is the styling of content elements produced by controls, XSL, and/or blocks. 
	   This provides a modular way of styling content separately from the containers that 
	   constrain the layout of the page.

	4. Block Content  
	   This is the styling specific to base blocks intended to override the crux.css code.
========================================================================================== */

/* CSS Custom Properties
	We aren't using these per the spec yet since browsers haven't fully implemented.
	However, to ease development, we are doing replacements as a way to have simple
	global property definitions that can be pushed through a design.
	- Avoid defining properties outside of the :root pseudo class 
	- Avoid defining complex properties. 
	- Avoid using the var function with fallback properties.
*/

/* === SECTION 1 ============================================================================ BLOCK/FREEFORM CLASSES */
/* Block Classes */
.StripeDefault, .StripeLight, .StripeMedium, .StripeDark,
.CardBackground, .CardTransparent,
.FeatureImage, .FeatureText,
.FeatureOverlayDark10, .FeatureOverlayDark20, .FeatureOverlayDark30, .FeatureOverlayDark40, .FeatureOverlayDark50, .FeatureOverlayDark60, .FeatureOverlayDark70, .FeatureOverlayDark80, .FeatureOverlayDark90,
.Float20, .Float25, .Float33, .Float50, .Float66, .Float75 {
}

/* Freeform Classes */
.FloatLeft, .FloatRight, .Button, .Circles {
}

.StripeDefault {
    background: var(--color-white);
}

.StripeLight {
    background: var(--color-light);
    color: var(--color-text-dark);
}

.StripeMedium {
    background: var(--color-medium);
    color: var(--color-text-dark);
}

.StripeDark {
    background: var(--color-dark);
    color: var(--color-white);
}

/* Feature Overlays. note: TitanBlock is so TitanCMS pop up editor does not get the opacity and block user access */
.TitanBlock.FeatureImage {
    position: relative;
}
    /* wkst - prevent the overlay from bleeding */
    .TitanBlock.FeatureImage:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 0;
    }

div[class*="FeatureOverlayDark"]:before {
    background: var(--color-feature-overlay);
}

.TitanBlock.FeatureImage.FeatureOverlayDark10:before {
    opacity: .10;
}

.TitanBlock.FeatureImage.FeatureOverlayDark20:before {
    opacity: .20;
}

.TitanBlock.FeatureImage.FeatureOverlayDark30:before {
    opacity: .30;
}

.TitanBlock.FeatureImage.FeatureOverlayDark40:before {
    opacity: .40;
}

.TitanBlock.FeatureImage.FeatureOverlayDark50:before {
    opacity: .50;
}

.TitanBlock.FeatureImage.FeatureOverlayDark60:before {
    opacity: .60;
}

.TitanBlock.FeatureImage.FeatureOverlayDark70:before {
    opacity: .70;
}

.TitanBlock.FeatureImage.FeatureOverlayDark80:before {
    opacity: .80;
}

.TitanBlock.FeatureImage.FeatureOverlayDark90:before {
    opacity: .90;
}

/* === SECTION 2 ============================================================================ LAYOUT OF CONTAINERS */
/* GLOBAL */
.titanDisplay {
    font-size: 62.5%;
}

body {
    -webkit-text-size-adjust: none;
}

.titanBody {
    color: var(--color-text-dark);
    font-family: var(--fontfamily-primary);
    font-size: var(--fontsize-primary);
    line-height: var(--lineheight-titanBody);
    font-weight: var(--fontweight-regular);
}

.mainBody {
    color: var(--color-text-dark);
    font-family: var(--fontfamily-primary);
    font-size: var(--fontsize-mainBody);
    line-height: var(--lineheight-mainBody);
    font-weight: var(--fontweight-regular);
}

.titanBody, div, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

    .titanBody * {
        box-sizing: border-box;
    }

h1, .h1 {
    font-size: 3.2rem;
    margin-bottom: 1.8rem;
    line-height: 1.3;
    font-weight: var(--fontweight-bold);
}

h2, .h2 {
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
    line-height: 1.3;
    font-weight: var(--fontweight-bold);
}

h3, .h3 {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    line-height: 1.3;
    font-weight: var(--fontweight-bold);
}

h4, .h4 {
    font-size: 1.8rem;
    margin-bottom: 1.0rem;
    line-height: 1.3;
    font-weight: var(--fontweight-bold);
}

h5, .h5 {
    font-size: 1.7rem;
    margin-bottom: 0.8rem;
    line-height: 1.3;
}

h6, .h6 {
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
    line-height: 1.3;
}

.layoutContainer:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.siteBounds, .commentFormPop #centerZone {
    margin: 0 auto;
    padding: 0 5%;
    clear: both;
}

@media (min-width:1200px) {
    .siteBounds, .commentFormPop #centerZone {
        max-width: var(--siteBoundsWidth);
        padding: 0;
    }
}

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

/* LINKS AND BUTTONS */
.titanBody a,
.mainBody a {
    color: var(--color-brand-primary);
    text-decoration: underline;
}

    .titanBody a:hover,
    .titanBody a:focus,
    .titanBody a:active,
    .mainBody a:hover,
    .mainBody a:focus,
    .mainBody a:active {
        color: var(--color-brand-primary-hover);
        text-decoration: none;
    }

.titanBody .StripeDark a,
.mainBody .StripeDark a {
    color: var(--color-light);
}

    .titanBody .StripeDark a:hover,
    .titanBody .StripeDark a:focus,
    .titanBody .StripeDark a:active,
    .mainBody .StripeDark a:hover,
    .mainBody .StripeDark a:focus,
    .mainBody .StripeDark a:active {
        color: var(--color-white);
    }

.CardTransparent .item .linkText a,
.CardBackground .item .linkText a,
.TitanBlock button.Button,
.titanBody .Button a,
.mainBody .Button a,
.CenterZone input[type="submit"],
.CenterZone input[type="button"],
.Commenting input[type="button"] {
    border: 1px solid transparent;
    background: var(--color-brand-primary);
    border-radius: 1px;
    color: var(--color-white);
    text-align: center;
    transition: all 0.1s ease;
    text-decoration: none;
    cursor: pointer;
}

    .CardTransparent .item:hover .linkText a:hover,
    .CardTransparent .item:focus .linkText a:hover,
    .CardTransparent .item:active .linkText a:hover,
    .CardBackground .item:hover .linkText a:hover,
    .CardBackground .item:focus .linkText a:hover,
    .CardBackground .item:active .linkText a:hover,
	.TitanBlock button.Button:hover,
	.TitanBlock button.Button:focus,
	.TitanBlock button.Button:active,
    .titanBody .Button a:hover,
    .titanBody .Button a:focus,
    .titanBody .Button a:active,
    .mainBody .Button a:hover,
    .mainBody .Button a:focus,
    .mainBody .Button a:active,
    .CenterZone input[type="submit"]:hover,
    .CenterZone input[type="submit"]:focus,
    .CenterZone input[type="submit"]:active,
    .CenterZone input[type="button"]:hover,
    .CenterZone input[type="button"]:focus,
    .CenterZone input[type="button"]:active,
    .Commenting input[type="button"]:hover,
    .Commenting input[type="button"]:focus,
    .Commenting input[type="button"]:active {
        background: var(--color-brand-primary-hover);
        color: var(--color-white);
        border: 1px solid transparent;
        text-decoration: none;
    }

.TitanBlock input[type="button"],
.TitanBlock input[type="submit"] {
    border: 1px solid transparent;
    background: var(--color-brand-primary);
    border-radius: 1px;
    color: var(--color-white);
    text-align: center;
    transition: all 0.1s ease;
    text-decoration: none;
    cursor: pointer;
}

    .TitanBlock input[type="button"]:hover,
    .TitanBlock input[type="button"]:active,
    .TitanBlock input[type="button"]:focus,
    .TitanBlock input[type="submit"]:hover,
    .TitanBlock input[type="submit"]:active,
    .TitanBlock input[type="submit"]:focus {
        background: var(--color-brand-primary-hover);
        color: var(--color-white);
        border: 1px solid transparent;
        text-decoration: none;
    }

/* == HEADER */
#headerArea {
    position: relative;
    width: 100%;
    z-index: 1000;
    min-height: 100px;
}

@media (min-width:1200px) {
    #headerArea {
        height: 135px;
    }
}

/* ==== UTILITY */
#utilityArea {
    display: none;
}

.titanBody nav.utility a {
    font-size: var(--fontsize-secondary);
}

@media (min-width:1200px) {
    #utilityArea {
        display: block;
    }

        #utilityArea .utilityWrapper {
            float: right;
            margin-right: 10px;
        }

        #utilityArea nav.utility,
        #utilityArea .searchArea {
            float: left;
        }
}

/* ==== SEARCH BAR */
.searchArea {
    position: relative;
    overflow: hidden;
    margin: 10px;
    max-width: 350px;
    width: 70%;
}

    .searchArea input {
        background: transparent;
        border: 0;
        outline: 0;
    }

	.searchArea input.search {
		cursor: pointer;
		color: var(--color-white-shadow);
		text-indent: 9000px;
		font-size: 0;
	}

	.searchArea input[type="text"] {
		color: var(--color-white);
		font-size: var(--fontsize-secondary);
	}

.searchBar::before {
    cursor: pointer;
    color: var(--color-white);
    font-family: var(--fontfamily-secondary);
    content: "\f002";
    font-size: 1.7rem;
    line-height: 3rem;
	font-weight: bold;
	z-index: 1;
}

.searchBar ::-webkit-input-placeholder {
    color: var(--color-white-shadow);
}

.searchBar ::-moz-placeholder {
    color: var(--color-white-shadow);
    opacity: 1;
}

.searchBar :-ms-input-placeholder {
    color: var(--color-white-shadow);
}

.searchBar :-moz-placeholder {
    color: var(--color-white-shadow);
}

@media (min-width:1200px) {
    .searchArea {
        margin: 0;
        max-width: none;
        width: auto;
    }
	.titanBody .searchArea input {
    	border-radius: 0;
	}
}

/* ==== LOGO */
#logoArea {
    float: left;
    margin: 20px 0 10px;
    width: 65%;
	line-height: 1;
}

@media (min-width:1200px) {
    #logoArea {
        width: auto;
    }
}

/* ==== TOP NAV - caution: checked state could be on at desktop widths. style :checked even at desktop */

#navOpener {
    display: none;
}

#navArea {
    margin: 0;
    max-width: none;
    width: 75px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 100;
    background: transparent;
    box-shadow: none;
}

    #navArea .searchArea {
        display: none;
        position: absolute;
        top: 26px;
        z-index: 100;
        margin: 0 20px;
        padding: 6px;
        border-radius: 3px;
    }

    #navArea > label {
        position: absolute;
        height: auto;
        width: auto;
        z-index: 150;
    }

#navButton {
    float: right;
    margin: 0;
	padding: 1rem;
    text-transform: uppercase;
    text-align: center;
}

    #navButton span {
        font-size: 1.2rem;
        line-height: 1rem;
    }

        #navButton span.fa {
            font-size: 2.5rem;
            line-height: 1;
            cursor: pointer;
        }

            #navButton span.fa:before {
                font-family: var(--fontfamily-secondary);
                content: "\f0c9";
            }

	#navOpener ~ #navArea > label:hover #navButton,
	#navOpener ~ #navArea > label:focus #navButton {
		background:var(--background-mobile-nav-icon-hover);
		color:var(--color-mobile-nav-icon-hover);
	}
	#navOpener ~ #navArea > label:focus {
		outline: none;
	}
	#navOpener ~ #navArea > label:focus #navButton {
		outline: currentColor solid 2px;
		outline-offset:	1px;
		outline: -webkit-focus-ring-color auto 1px;
	}

#navArea .navInner {
    display: none;
    margin-top: 80px;
    position: fixed;
    z-index: 200;
    height: calc(100% - 80px);
    overflow: auto;
}

#navArea nav {
    display: none;
    position: relative;
    width: 100%;
}

    #navArea nav.utility {
    }

#navOpener:checked ~ #navArea {
    position: fixed;
    top: 0;
    height: 100%;
    max-width: 95%;
    width: 450px;
    background: var(--background-mobile-nav-panel);
    box-shadow: 0 0 5px var(--color-black-shadow);
}

    #navOpener:checked ~ #navArea > label {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        padding-top: 15px;
        padding-right: 9px;
        color: var(--color-mobile-nav-icon);
    }

        #navOpener:checked ~ #navArea > label > #navButton span.fa:before {
            font-family: var(--fontfamily-secondary);
            content: "\f00d";
        }

    #navOpener:checked ~ #navArea .searchArea {
        position: fixed;
        z-index: 250;
        display: block;
    }

    #navOpener:checked ~ #navArea div.navInner {
        display: block;
        position: relative;
    }

    #navOpener:checked ~ #navArea nav {
        display: block;
    }

#navArea nav a {
    color: var(--color-nav-links);
    font-size: 1.7rem;
}

    #navArea nav a.current,
    #navArea nav a:hover,
    #navArea nav a:focus,
    #navArea nav a:active {
        color: var(--color-nav-links-current-hover);
        background: var(--background-nav-links-current-hover);
    }

#navArea nav > ul > li {
    border-bottom: 1px solid var(--color-mobile-nav-separator);
}


@media (min-width:1200px) {
    #navOpener:checked ~ #navArea,
    #navArea {
        max-width: none;
        width: auto;
        position: relative;
        top: 25px;
        margin-right: 10px;
		height: initial;
		background: initial;
		box-shadow: none;
	}

        #navOpener:checked ~ #navArea label,
        #navArea label {
            display: none;
            height: auto;
            width: auto;
        }

        #navButton,
        #navOpener:checked ~ #navArea .searchArea,
        #navArea .searchArea,
        #navOpener:checked ~ #navArea nav.utility,
        #navArea nav.utility {
            display: none;
        }

        #navOpener:checked ~ #navArea div.navInner,
        #navArea div.navInner {
            display: block;
            height: auto;
            margin: 0;
            position: static;
        }

        #navOpener:checked ~ #navArea nav.top,
        #navArea nav.top {
            display: block;
            position: absolute;
            width: auto;
            right: 0;
            top: 0;
            margin-top: 0;
        }

        #navArea nav > ul > li {
            border-bottom: none;
        }

        #navArea nav a {
            color: var(--color-nav-links);
        }

            #navArea nav a.current,
            #navArea nav.top .menu > li ul li a:hover,
            #navArea nav.top .menu > li ul li a:focus,
            #navArea nav.top .menu > li ul li a:active {
                background: transparent;
                color: var(--color-second-level-nav-links-current-hover);
            }
        /* first level */
        #navArea nav.top .menu > li {
            background: transparent;
        }
		
            #navArea nav.top .menu > li > a:not(.toggleMenuButton) {
				position:relative;
			}
			
            #navArea nav.top .menu > li.current > a,
            #navArea nav.top .menu > li:hover > a,
            #navArea nav.top .menu > li:focus > a,
            #navArea nav.top .menu > li:active > a {
                background: var(--background-nav-links-current-hover);
                color: var(--color-nav-links-current-hover);
                text-decoration: none;
            }

            #navArea nav.top .menu > li a span.arrow {
                border: 5px solid transparent;
                border-top: 5px solid var(--color-nav-arrow);
            }

            #navArea nav.top .menu > li.current span.arrow,
            #navArea nav.top .menu > li:hover span.arrow,
            #navArea nav.top .menu > li:focus span.arrow,
            #navArea nav.top .menu > li:active span.arrow {
                border-top: 5px solid var(--color-nav-arrow-current-hover);
            }
            /* second level */
            #navArea nav.top .menu > li:hover > a.hasChild::after {
                border: 15px solid transparent;
                border-bottom: 15px solid var(--background-secondary-nav);
                content: "";
                left: 10px;
                position: absolute;
                bottom: 0;
            }

            #navArea nav.top .menu > li.navLast:hover > a.hasChild::after {
                right: 25px;
                left: auto;
            }

            #navArea nav.top .menu > li > ul {
                background: var(--background-secondary-nav);
                border: 1px solid var(--background-secondary-nav);
            }

            #navArea nav.top .menu > li ul li a.current {
                color: var(--color-secondary-nav-link-current);
            }

            #navArea nav.top .menu > li ul li:hover > a, 
			#navArea nav.top .menu > li ul li:focus > a, 
			#navArea nav.top .menu > li ul li:active > a {
                color: var(--color-secondary-nav-link-hover);
            }
}

/* == CONTENT */

/* ==== TOP ZONE */
#heroZone {
    position: relative;
    overflow: hidden;
    background:var(--color-brand-secondary);
}

#heroZone .TitanStripe {
	padding:0;
}

/* ==== PAGE TOOLS */
#pageTools {
	overflow: hidden;
}

#pageTools nav.breadcrumb {
    display: none;
    float: left;
    margin-top: 1rem;
}

#pageTools nav.tools {
    float: right;
    margin: 5px;
}

nav.breadcrumb, nav.tools {
    font-size: var(--fontsize-secondary);
}

    nav.tools .shareMenu span.arrow {
        border: 10px solid transparent;
        border-bottom: 10px solid var(--color-medium);
    }

    nav.tools .shareIcons {
        background: var(--color-medium);
    }

@media (min-width:768px) {
    #pageTools nav.breadcrumb {
        display: block;
    }
}

/* ZONE LAYOUT */
#topZone {
	padding-bottom:5rem;  /* this will cause extra padding (white space) at the bottom of the page, above the footer if only the topZone is used and the last stripe is not white, can place override in site.css */
}
#topZone .TitanStripe.StripeDefault:last-child {
	padding-bottom:0;
}
#bottomZone .TitanStripe.StripeDefault:first-child {
    padding-top: 0;
}
#middleZone {
    overflow: hidden;
    width: 100%;
}

/* ==== CENTER ZONE WITH ASIDE */
@media (min-width:1200px) {
    #middleZone #centerZone, 
	#middleZone aside.side	{
        clear: none;
        float: left;
    }
    #middleZone #centerZone	{
        width: 72%;
    }
    #middleZone aside.side {
        width: 25%;
		margin-right: 3%;
    }
	#middleZone #centerZone + aside.side	{
		margin-right: 0;
		margin-left: 3%;
	}
	#middleZone #centerZone .TitanBlock:last-child {
		margin-bottom: 5rem;
	}
}    

/* ==== SIDE NAV */
aside.side > .TitanBlock,
aside.side nav {
    border: 1px solid var(--color-black-shadow);
	padding:20px;
    margin-bottom:2rem;
}
@media (max-width:1200px) {
	/* Using the desktop breakpoint var here in a max-width media query this may cause an issue at exactly the pixel width of the start of desktop breakpoint, 
	but that seemed like a better compromise than to not use the variable and potentially 	cause issues for a theme that has customized the desktop breakpoint size. */
aside.side > .TitanBlock.Aggregation.SideColZone {
    border: 0;
	margin-bottom: 0;
	}
}
aside.side > .TitanBlock:last-child, 
aside.side nav:last-child {
    margin-bottom: 5rem;
}

#sideNavWrapper h4:last-child {
	margin-bottom:0;
}

.titanBody aside.side nav a {
	text-decoration: none;
	font-weight: normal;
}

.titanBody aside.side nav ul a {
	display:inline-block;
	margin-left: 1.5rem;
}

aside.side nav ul li:before {
    font-family: var(--fontfamily-secondary);
    content: "\f101";
	font-weight: bold;
	font-size: var(--fontsize-secondary);
}

aside.side nav a.current {
    color: var(--color-brand-secondary-hover);
}

/* == FOOTER */
#footerArea .bottomContent {
    padding: 30px 0;
    overflow: hidden;
    position: relative;
}

#footerArea .copyright:not(:empty) {
    padding: 1rem 0 0;
}

#footerArea .poweredBy {
    padding-bottom: 3rem;
    text-align: center;
    font-weight: var(--fontweight-bold);
}

#footerArea .copyright,
#footerArea .poweredBy,
nav.bottom ul {
    font-size: var(--fontsize-secondary);
}

nav.bottom a,
nav.bottom a:hover,
nav.bottom a:active,
nav.bottom a:focus {
    color: var(--color-white);
}
/* == SCROLL TOP */
#scrollTop {
    bottom: 20px;
    display: block;
    opacity: 0;
    height: 54px;
    right: 15px;
    width: 54px;
    position: fixed;
    z-index: 997;
    transition-timing-function: ease;
    transition-property: opacity;
    transition-duration: 0.5s;
    text-align: center;
    border-radius: 50%;
	text-align:center;
    border: 2px solid var(--color-white);
    background: var(--color-brand-secondary);
}

	#scrollTop:hover,
	#scrollTop:focus,
	#scrollTop:active {
		background: var(--color-brand-secondary-hover);
		border-radius:0;
	}

    #scrollTop .arrow {
        color: var(--color-white);
        font-size: 2rem;
        line-height: 4.5rem;
        text-align: center;
    }

    #scrollTop.fadeIn {
        opacity: 1;
    }

/* === SECTION 3 ============================================================================ CONTENT IN CONTAINERS */

/* GLOBAL */
.TitanStripe {
    padding: var(--padding-stripe-top) 0 var(--padding-stripe-bottom);
    overflow: hidden;
	width:100%;
}
.titleArea + .TitanStripe {
	padding-top:2rem;
}

.titanBody .TitanBlock p,
.TitanBlock blockquote,
.TitanBlock ol,
.TitanBlock ul,
.TitanBlock dl {
    margin-bottom: var(--margin-element-bottom);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.Commenting, .Commenting .commentForm {
    padding-bottom: 30px;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.TitanBlock button.Button,
.titanBody .Button a {
    display: inline-block;
    padding: 6px 20px;
}

.TitanBlock input[type="submit"],
.TitanBlock input[type="button"] {
    display: inline-block;
    padding: 6px 20px;
    margin: 2rem 0;
}

img.FloatLeft,
img.FloatRight {
    display: block;
    margin-bottom: 12px;
}

@media (min-width:768px) {
    img.FloatLeft, img[align*="left"] {
        float: left;
        margin: var(--margin-FloatLeft);
        max-width: 50%;
    }

    img.FloatRight, img[align*="right"] {
        float: right;
        margin: var(--margin-FloatRight);
        max-width: 50%;
    }
}

@media (min-width:1200px) {
    img.FloatLeft, img[align*="left"],
    img.FloatRight, img[align*="right"] {
        max-width: 100%;
    }
}

/* == HEADER */
.titanBody header a {text-decoration: none;}
.titanBody header a:hover,
.titanBody header a:focus,
.titanBody header a:active {text-decoration: underline;}

/* ==== UTILITY */
#utilityArea nav.utility {
    margin: 6px 20px 7px;
    line-height: 1;
}

    #utilityArea nav.utility li {
        display: inline-block;
        margin: 0 10px;
    }

/* ==== SEARCH BAR */
.searchArea input.search {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    float: right;
    width: 45px;
    height: 100%;
    padding: 2px 20px;
}

/* .searchBar input:focus, */
.searchArea input.search:focus {
    outline-color: currentColor;
    outline-offset: -2px;
    outline-style: dashed;
    outline-width: 2px;
}

.searchBar::before {
    position: absolute;
    right: 12px;
	line-height:3.5rem;
}

.searchArea input[type="text"] {
    padding: 9px 5px 8px 14px;
    width: calc(100% - 45px);
    min-height: 35px;
    color:var(--color-white); 
    font-size:var(--fontsize-secondary);
}

.searchArea input[type="text"].error {
    margin: 0;
}


@media (min-width:1200px) {
    .searchArea input.search {
        height: 35px;
    }
	.searchArea input[type="text"] {
		padding: 5px 1rem;
	}
}

/* ==== LOGO */
#logoArea img {
    max-height: 64px;
}

/* ==== TOP & MOBILE UTILITY NAV */
#navArea nav a {
    display: block;
    padding: 10px;
}

    #navArea nav a span.arrow {
        display: none;
    }

#navArea nav ul ul a {
    padding-left: 20px;
    overflow: hidden;
}
#navArea nav ul ul ul a {
    padding-left: 40px;
}


@media (min-width:1200px) {
    /* top nav positions*/
    #navArea nav.top .menu > li ul li ul {
        position: static;
    }

    #navArea nav.top .menu > li {
        position: relative;
    }

        #navArea nav.top .menu > li > ul {
            position: absolute;
        }
        /* first level */
        #navArea nav.top .menu > li,
        #navArea nav.top .menu > li > a {
            display: inline-block;
        }

            #navArea nav.top .menu > li > a {
                padding: 16px 22px 36px;
            }
                /* change l-r padding to spread out more or less */
                #navArea nav.top .menu > li > a span.arrow {
                    display: block;
                    float: right;
                    height: 10px;
                    margin: 8px 0 0 8px;
                    width: 10px;
                }
            /* change right margin to move arrow closer or farther from text */
            /* second level */
            #navArea nav.top .menu > li > ul {
                display: none;
                left: 0;
                padding: 10px 0;
                width: 200px;
            }

            #navArea nav.top .menu > li.navLast ul {
                left: auto;
                right: 0;
            }
    /* deals with nav menus on the right edge */
    .titanBody.Android #navArea nav.top .menu > li.open > ul, /* deal with Android */
    .titanBody:not(.Android) #navArea nav.top .menu > li:hover > ul,
    .titanBody:not(.Android) #navArea nav.top .menu > li:focus > ul,
    .titanBody:not(.Android) #navArea nav.top .menu > li:active > ul {
        display: block!important;
    }

    #navArea nav.top .menu > li ul ul {
        padding-left: 1rem;
    }

    #navArea nav.top .menu > li ul li a {
        display: block;
        line-height: 1.3;
        padding: 5px 11px;
    }

        #navArea nav.top .menu > li ul li a span.arrow {
            display: none;
        }
}

/* == CONTENT */

/* ==== PAGE TOOLS */
nav.breadcrumb ul,
nav.breadcrumb ul li,
nav.breadcrumb ul li a,
nav.breadcrumb ul li span {
    display: block;
    float: left;
}

    .titanBody nav.breadcrumb a {
		text-decoration: none;
	}
	
    nav.breadcrumb ul li span {
        margin-left: 5px;
        margin-right: 5px;
    }

nav.tools ul,
nav.tools ul li {
    float: left;
}

    nav.tools ul li {
        padding: 5px;
    }

.titanBody nav.tools a {
	text-decoration: none;
}
nav.tools .shareMenu {
    display: none;
    left: -10px;
    top: 20px;
    position: absolute;
    z-index: 1;
}

nav.tools ul + ul {
    position: relative;
    z-index: 1;
}

    nav.tools ul + ul:hover .shareMenu {
        display: block;
    }

nav.tools .shareMenu span.arrow {
    display: block;
    height: 10px;
    margin: 0 auto;
    width: 10px;
}

nav.tools .shareIcons {
    padding: 7px;
}

    nav.tools .shareIcons li {
        width: 100%;
    }

    nav.tools .shareIcons span {
        display: inline-block;
        width: 100%
    }

/* ==== SIDE NAV */
aside.side nav ul {
    list-style: none;
    margin: 0 0 10px 5px;
    padding: 0;
}

aside.side nav ul ul {
    margin: 0 0 0 1.5rem;
}

    aside.side nav ul li {
        margin: 5px 0;
		position: relative;
    }

    aside.side nav ul li:before {
        margin-right: 5px;
		position: absolute;
		top: .5rem;
		left: 0;
    }

/* == FOOTER */
#footerArea .bottomContent p {
    margin: 0;
    padding: 0;
    clear: none;
}

#footerArea .bottomContent nav.bottom ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

@media (min-width:600px) {
    #footerArea h4 {
        margin-bottom: 10px;
    }

    #footerArea nav.bottom {
        clear: left;
        float: left;
    }

        #footerArea nav.bottom ul {
            margin: 0 0 20px;
        }

            #footerArea nav.bottom ul li {
                float: left;
                margin-right: 30px;
            }
}

/* === SECTION 4 ============================================================================ BLOCK CONTENT */

/* Feature Image/Text */
.titanBody .FeatureImage {
    z-index: 0;
    width: 100%;
    margin: 0;
}

    .titanBody .FeatureImage img {
        width: 100%;
        height: var(--homeHeroSliderHeight);
        object-fit: cover;
    }

    .titanBody .TitanBlock.FeatureImage p {
        margin-bottom: 0;
		font-size:0;
		line-height: 1;
    }

.titanBody .TitanBlock.FeatureText {
    padding: 50px 5%;
    margin: 0;
}

    .titanBody .FeatureText.FeatureTextOverlay {
        z-index: 1;
        left: 50%;
        position: absolute;
        top: 40%;
        max-width: var(--siteBoundsWidth);
        width: 100%;
        position: absolute;
        transform: translateY(-40%) translateX(-50%);
    }

    .titanBody .FeatureText .Button a,
    .mainBody .FeatureText .Button a {
        padding: 1.4rem 4.2rem 1.2rem;
		text-decoration: none;
    }

.titanBody .FeatureText {
    color: var(--color-white);
}

.titanBody .FeatureText a {
    color: var(--color-white);
	text-decoration: underline;
}

.titanBody .FeatureText a:hover,
.titanBody .FeatureText a:focus,
.titanBody .FeatureText a:active {
	text-decoration: none;
}

    .titanBody .FeatureText .Button a, .mainBody .FeatureText .Button a {
        border: 2px solid var(--color-white);
        background: transparent;
        border-radius: 1px;
        color: var(--color-white);
        font-size: var(--fontsize-secondary);
        font-weight: var(--fontweight-bold);
        text-transform: uppercase;
    }

        .titanBody .FeatureText .Button a:hover, .titanBody .FeatureText .Button a:focus, .titanBody .FeatureText .Button a:active, .mainBody .FeatureText .Button a:hover, .mainBody .FeatureText .Button a:focus, .mainBody .FeatureText .Button a:active {
            border: 2px solid var(--color-white);
            background: var(--color-white);
            color: var(--color-brand-primary);
        }

@media (min-width:768px) {
    .titanBody .FeatureImage {
        min-height: 250px;
        height: auto;
    }
	
    .titanBody .FeatureImage img {
        height: var(--heroSliderHeight);
    }
    .titanBody .home .FeatureImage img {
        height: var(--homeHeroSliderHeight);
    }
	
    .titanBody .FeatureText {
        z-index: 1;
        left: 50%;
        position: absolute;
        top: 40%;
        max-width: var(--siteBoundsWidth);
        width: 100%;
        position: absolute;
        transform: translateY(-40%) translateX(-50%);
    }
}

@media (min-width:1200px) {
    .titanBody .FeatureText h1 {
        font-size: 6rem;
    }
}

/* StripeVideo feature text */
.StripeVideo.TitanStripe {
	position: relative;
}
.StripeVideo .siteBounds {
	max-width: none;
	padding: 0;
}
.StripeVideo .FeatureText{
	min-height: var(--heroSliderHeight);
	max-width: var(--siteBoundsWidth);
	width: 100%;
	padding: 100px 5%;
	top: 0;
	transform: none;
	left: auto;
	position: relative;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	animation: feature-text 2.25s forwards ease-out 1.5s;
	animation-delay: 1.5s; 
	z-index: 3;
}
/* StripeVideo feature video */
.StripeVideo .FeatureVideo {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	bottom: 0;
	overflow: hidden;
}
.StripeVideo .FeatureVideo p {
	min-width: 100%;
	min-height: 100%;
    margin-bottom: 0;
    font-size: 0;
    line-height: 1;
}
.StripeVideo .FeatureVideo video {
	animation: zoom 2.25s forwards ease-out;
	animation-delay: .1s;
	max-width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	min-height: 100%;
	min-width: 100%;
	top: 50%;
	position: absolute;
	transform: scale(1.2) translateY(-50%);
}

/* == Edge - object-fit:cover for videos not supported */
@supports (-ms-ime-align: auto) {
	.StripeVideo FeatureVideo video {
		display:block;
		max-width:none;
	} 
}

.Circles img {
	border-radius: 50%;
}
@supports(clip-path: circle()) {
	.Circles img.lazy-fadeIn {
		clip-path: circle(50%);
		border-radius: 0;
	}
}


/* Filter-ish Blocks */
.CardTransparent .item,
.CardBackground .item {
    position: relative;
    padding-bottom: 70px;
}

    .CardTransparent .item .linkText,
    .CardBackground .item .linkText {
        bottom: 20px;
        left: 5%;
        position: absolute;
        width: 100%;
    }

    .CardTransparent .item .otherStuff,
    .CardBackground .item .otherStuff {
        padding-left: 5%;
        padding-right: 5%;
    }

.StripeDefault .CardBackground .item,
.StripeLight .CardBackground .item {
    border: 1px solid var(--color-medium);
}

.StripeDark .CardBackground .item {
    background: var(--color-white);
}

    .StripeDark .CardBackground .item h4 a {
        color: var(--color-brand-primary-hover);
    }

        .StripeDark .CardBackground .item h4 a:hover,
        .StripeDark .CardBackground .item h4 a:active,
        .StripeDark .CardBackground .item h4 a:focus {
            color: var(--color-black);
        }

.StripeDark .CardBackground .teaser {
    color: var(--color-text-medium);
}

/* data list, filter, toc, what's new results */
/* calendar data list - custom data node */
.DataListing .startDate, .DataListing .endDate {
    float: left;
}

.DataListing .location {
    clear: both;
}

.DataListing .shortDescription {
    padding: 5px 0;
}

.DataDetail .backLink {
    float: none;
}

.DataDetail .label {
    display: block;
}

@media (min-width:1200px) {
    .DataDetail .label {
        display: inline-block;
    }
}

/* list blocks floating results*/
@media (min-width:768px) {
    .ThreeCol a.teaserImage, .FourCol a.teaserImage,
    .ColThree a.teaserImage, .ColFour a.teaserImage {
        padding-right: 0;
    }

    .Aggregation a.teaserImage, /* filter blocks regardless of columns */
    .ColOne a.teaserImage,
    .TOCBlock a.teaserImage,
    .tocList a.teaserImage {
        max-width: 32%;
        float: left;
        padding-right: 6%;
    }

    .Aggregation .image .otherStuff, /* filter blocks regardless of columns */
    .ColOne .image .otherStuff,
    .TOCBlock .image .otherStuff,
    .tocList .image .otherStuff {
        max-width: 67%;
        float: left;
    }

    .TwoCol > div, .ColTwo > div,
    .ThreeCol > div, .ColThree > div,
    .FourCol > div, .ColFour > div {
        clear: none;
        float: left;
    }

    .TwoCol > div, .ColTwo > div {
        width: 47%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .Float50 .TwoCol > div, .Float50 .ColTwo > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .ThreeCol > div, .ColThree > div {
        margin-left: 2.75%;
        margin-right: 2.75%;
        width: 29.5%;
    }

    .FourCol > div, .ColFour > div {
        margin-left: 1%;
        margin-right: 1%;
        width: 23.5%;
    }

        .TwoCol > div:first-child, .ColTwo > div:first-child,
        .ThreeCol > div:first-child, .ColThree > div:first-child,
        .FourCol > div:first-child, .ColFour > div:first-child {
            margin-left: 0;
        }

        .TwoCol > div:last-child, .ColTwo > div:last-child,
        .ThreeCol > div:last-child, .ColThree > div:last-child,
        .FourCol > div:last-child, .ColFour > div:last-child {
            margin-right: 0;
        }

    .TwoCol a.teaserImage, .ThreeCol a.teaserImage, .FourCol a.teaserImage,
    .ColTwo a.teaserImage, .ColThree a.teaserImage, .ColFour a.teaserImage {
        margin-right: 0;
    }

    #sideNav + #centerZone .TwoCol a.teaserImage, .Aggregation > div:first-child + .loading + .AggregationResults .TwoCol a.teaserImage, #sideNav + #centerZone .TwoCol .image .otherStuff, .Aggregation > div:first-child + .loading + .AggregationResults .TwoCol .image .otherStuff,
    #sideNav + #centerZone .ColTwo a.teaserImage, .DataFilter2 ~ .DataListing .TwoCol a.teaserImage, #sideNav + #centerZone .ColTwo .image .otherStuff, .DataFilter2 ~ .DataListing .TwoCol .image .otherStuff,
    .ThreeCol a.teaserImage, .ColThree a.teaserImage,
    .ThreeCol .item .otherStuff, .ColThree .image .otherStuff,
    .FourCol a.teaserImage, .ColFour a.teaserImage,
    .FourCol .item .otherStuff, .ColFour .image .otherStuff {
        clear: both;
        float: none;
        width: 100%;
    }
}
/* FilterGrid */
@media (min-width:768px) {	
    .DataList.FilterGrid a.teaserImage,	
    .Aggregation.FilterGrid a.teaserImage,
    .TOCBlock.FilterGrid a.teaserImage,
    .DataList.FilterGrid .image .otherStuff,
    .Aggregation.FilterGrid .image .otherStuff,
    .TOCBlock.FilterGrid .image .otherStuff {
        max-width: none;
        float: none;
        padding: 0;
    }
	.DataList.FilterGrid .ColOne,
	.TOCBlock.FilterGrid .OneCol,
	.Aggregation.FilterGrid .OneCol {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}	
	.DataList.FilterGrid .ColOne .item,
	.TOCBlock.FilterGrid .OneCol .item,
	.Aggregation.FilterGrid .OneCol .item {
		flex-basis: calc(50% - var(--filtergrid-spacing));
		margin-bottom: var(--filtergrid-margin-bottom);
		margin-right: var(--filtergrid-spacing);
	}
}
@media (min-width:1024px) {	
	.DataList.FilterGrid.ThreeCard .ColOne .item,
	.TOCBlock.FilterGrid.ThreeCard .OneCol .item,
	.Aggregation.FilterGrid.ThreeCard .OneCol .item {
		flex-basis: calc(33% - var(--filtergrid-spacing));
	}
}
@media (min-width:1200px) {
	.DataList.FilterGrid.FourCard .ColOne .item,
	.TOCBlock.FilterGrid.FourCard .OneCol .item,
	.Aggregation.FilterGrid.FourCard .OneCol .item {
		flex-basis: calc(25% - var(--filtergrid-spacing));
	}
	.DataList.FilterGrid.FiveCard .ColOne .item,
	.TOCBlock.FilterGrid.FiveCard .OneCol .item,
	.Aggregation.FilterGrid.FiveCard .OneCol .item {
		flex-basis: calc(20% - var(--filtergrid-spacing));
	}
	.DataList.FilterGrid.SixCard .ColOne .item,
	.TOCBlock.FilterGrid.SixCard .OneCol .item,
	.Aggregation.FilterGrid.SixCard .OneCol .item {
		flex-basis: calc(16.66% - var(--filtergrid-spacing));
	}
}

.DataFilter2 td, .DatePicker td,
.DatePicker table {
    background: rgb(230,230,230);
}

.DataFilter2 td, .DatePicker td {
    border: 1px solid rgb(255,255,255);
}

    .DataFilter2 td.otherMonth, .DatePicker td.otherMonth {
        background: rgb(200,200,200);
    }

    .DataFilter2 td.selectedDate, .DataFilter2 td.selectedDate.hasEvent, .DatePicker td.selectedDate, .DatePicker td.selectedDate.hasEvent {
        background: rgba(90,90,90,.3);
        border: 1px solid rgb(255,255,255);
    }

    .DataFilter2 td.hasEvent, .DatePicker td.hasEvent {
        background: rgb(90,90,90);
    }

.TitanBlock input.filterTrigger + div h3 label {
    background: var(--color-brand-primary);
    color: var(--color-white);
    font-size: 1.7rem;
    line-height: 1.7rem;
}

    .TitanBlock input.filterTrigger + div h3 label:hover,
    .TitanBlock input.filterTrigger + div h3 label:focus,
    .TitanBlock input.filterTrigger + div h3 label:active {
        background: var(--color-brand-primary-hover);
        color: var(--color-white);
    }

aside.side > .TitanBlock input.filterTrigger:checked + div,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
    background: var(--color-medium);
    box-shadow: none;
}

.TitanBlock input.filterTrigger + div .filterClose div span {
    display: none;
}

aside.side > .TitanBlock input.filterTrigger:checked + div .filterClose div:before,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div .filterClose div:before {
    font-family: var(--fontfamily-secondary);
    font-size: 3rem;
    content: "\f00d";
    cursor: pointer;
	font-weight: bold;
}

@media (min-width:1200px) {
    .TitanBlock input.filterTrigger + div,
    div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
        background: var(--color-white);
        border: 1px solid var(--color-dark);
        box-shadow: none;
    }

    aside.side .TitanBlock input.filterTrigger + div,
    aside.side .TitanBlock input.filterTrigger:checked + div {
        border: none;
    }

    .TitanBlock input.filterTrigger + div h3 label,
    .TitanBlock input.filterTrigger + div h3 label:hover,
    .TitanBlock input.filterTrigger + div h3 label:focus,
    .TitanBlock input.filterTrigger + div h3 label:active {
        background: transparent;
        color: inherit;
        font: inherit;
    }
}

/* FAQ - Accordion */
div.Accordion div.accordionHeading span.arrow span:first-child {
    border-left-color: var(--color-brand-primary);
}

div.Accordion div.accordionHeading.open span.arrow span:first-child {
    border-left-color: transparent;
    border-top-color: var(--color-brand-primary);
}

div.Accordion div.accordionHeading span.arrow span + span {
    display: none;
}

div.Accordion .min, div.Accordion .max {
    font-size: var(--fontsize-secondary);
}

/* Segmented Search */
.smartSearchResults, .SmartRL {
    background: var(--color-light);
}
/* FAQ - Tabbed */
.FAQ div.tabbedContent ul.tabs li {
    background: var(--color-brand-primary);
    border-color: var(--color-brand-primary);
    color: var(--color-white);
}

    .FAQ div.tabbedContent ul.tabs li:hover {
        background: var(--color-brand-primary-hover);
        border-color: var(--color-brand-primary-hover);
        color: var(--color-white);
    }

    .FAQ div.tabbedContent ul.tabs li.selected {
        background: var(--color-white);
        border-color: #ccc;
        color: var(--color-text-dark);
    }

.FAQ div.tabbedContent .tabsContent {
    color: var(--color-text-dark);
}
    /* In case block is on a dark stripe */
    .FAQ div.tabbedContent .tabsContent a {
        color: var(--color-brand-primary);
        text-decoration: none;
    }

        .FAQ div.tabbedContent .tabsContent a:hover,
        .FAQ div.tabbedContent .tabsContent a:focus,
        .FAQ div.tabbedContent .tabsContent a:active {
            text-decoration: underline;
        }

/* === SECTION 5 ============================================================================ ANIMATION */


/* HORIZONTAL SCROLLING AND DAT TABLES */
.scrollTable {
    clear: both;
    overflow-x: auto;
    overflow-y: hidden;
}

.scrollTable table {
	width: 99.9%;
}

.scrollText::before {
    margin-right: 10px;
    font-family: var(--fontfamily-secondary);
    content: "\f337";
	font-weight:var(--fontweight-bold);
}

.DataTable table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: var(--color-text-dark);
}

    .DataTable table th {
        background: var(--color-brand-secondary);
        color: rgba(255, 255, 255, 1);
        font-weight: var(--fontweight-bold);
    }

    .DataTable table td, .DataTable table th {
        padding: 6px;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }
    /* Zebra striping */
    .DataTable table tr:nth-of-type(odd) {
        background: var(--color-light);
    }


/* ==== SLIDE IN ANIMATION FOR MOBILE NAV AND FILTER PANELS */
#navArea,
aside.side > .TitanBlock input.filterTrigger + div,
div:not(.mainBody) > .TitanBlock input.filterTrigger + div {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

#navOpener:checked ~ #navArea,
aside.side > .TitanBlock input.filterTrigger:checked + div,
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
    -webkit-animation-name: navSlideInRight;
    animation-name: navSlideInRight;
}

@media (min-width:1200px) {
	#navOpener:checked ~ #navArea,
	aside.side > .TitanBlock input.filterTrigger:checked + div,
	div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
		-webkit-animation: none;
		animation: none;
	}
}

@-webkit-keyframes navSlideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes navSlideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*********** A FEW COLORS ************/

/* == HEADER */
#headerArea {
    background: var(--color-light);
}

/* ==== UTILITY */
#utilityArea {
    background: var(--color-medium);
}

/* ==== SEARCH BAR */
.searchArea {
    background: var(--color-brand-primary);
}

@media (min-width:1200px) {
    .searchArea {
        background: var(--color-brand-secondary);
    }
}

/* == CONTENT */
#contentArea {
    background: var(--color-white);
}


/* ==== CENTER ZONE */
div.side {border:1px solid var(--color-black-shadow);}


/* ==== PAGE TOOLS */
#pageTools {
    background: var(--color-white);
}

/* == FOOTER */
#footerArea {
    background: var(--color-white);
}

.bottomContent {
    background: var(--color-brand-secondary);
    color: var(--color-white);
}

.titanBody .bottomContent a,
.titanBody .bottomContent a:hover,
.titanBody .bottomContent a:active,
.titanBody .bottomContent a:focus {
    color: var(--color-white);
}

/* ACCESSIBLILTY UPDATES */
/* ==== HIDE OFF-SCREEN */
.titanBody .skipNav,
#sideNavCollapse {display:block;position: absolute;left: -10000px;height: 1px;overflow: hidden;top: auto;width: 1px;z-index: 9999;}

/* ==== SKIP NAV LINKS */
.titanBody .skipNav:focus, .titanBody .skipNav:active {outline: 0;display:inline-block; padding:6px 20px;border:1px solid transparent; background:var(--color-brand-primary);border-radius:1px; color:var(--color-white); text-align:center; text-decoration:none;overflow: hidden;top: 1%;left:5%;height: auto;width: auto;}

/* SIDE NAV */
#sideNavCollapse:focus {position:relative;left:auto;height:auto;width:auto;}

.titanBody nav.breadcrumb a:hover,
.titanBody nav.breadcrumb a:focus,
.titanBody nav.breadcrumb a:active,
.titanBody nav.tools a:hover,
.titanBody nav.tools a:focus,
.titanBody nav.tools a:active {
    text-decoration: underline;
}

/* Collapsing Content - looks like accordion FAQ */
.Freeform .CollapseTrigger {color: var(--color-brand-primary);text-decoration: underline;cursor: pointer;}
.StripeCollapse .CollapseTrigger {position: relative;border-bottom:1px solid var(--color-medium);cursor: pointer;}
.StripeCollapse .CollapseTrigger::before {float:left;font-family:var(--fontfamily-secondary); content:"\f101";padding-right: 12px;color: var(--color-brand-primary);font-weight:bold;}
.StripeCollapse .CollapseTrigger.open::before {content: "\f103";padding-bottom:15px;}
.StripeCollapse .CollapseTrigger * {margin: 0 0 12px;padding: 0;color: var(--color-text-dark);font-family: var(--fontfamily-primary);font-size: var(--fontsize-primary);line-height: var(--lineheight-titanBody);font-weight: var(--fontweight-regular);}
.StripeCollapse .CollapseContent {padding: 15px 23px;}

/* CURRENT STATES */
@media (min-width:1200px){
	.titanBody div.side nav a.current,
	#navArea nav.top .menu > li > a.current {
		box-shadow: inset 0 -3px 0 -1px var(--color-brand-primary);
	}
}

/* animate in images */
img.animate-in {
    animation-duration: var(--animation-duration);
    animation-fill-mode: both; 
}
img.animate-in[data-src]:not([src]) {
    opacity: 0;
}

.titanBody a.externalLink::after {
    content: "\f35d";
    font-family: var(--fontfamily-secondary);
    font-weight: bold;
    margin-left: 0.5rem;
    font-size: 0.8em;
	vertical-align: text-bottom;
}
.titanBody a.externalLink.imgOnlyLink::after {
	display: none;
}

/* SLIDER SUPPORT */
/* set height of slider */
.SliderActive .TitanStripe.StripeSlider {padding: 0;}
.SliderActive .StripeSlider{min-height:var(--heroSliderHeight);width:100%;margin:0;position:relative;display:flex;padding:0;}
.SliderActive .home .StripeSlider{min-height:var(--homeHeroSliderHeight);}

/* feature wrappers/layout */
.StripeSlider > div{width:100%;position:relative;overflow:hidden;max-width:none;}
.SliderActive .StripeSlider > div{opacity:0;}
.SliderActive .StripeSlider > div.slick-initialized{height:auto;opacity:1;}
.SliderActive .StripeSlider > div.slick-dotted.slick-slider {margin-bottom: 0;}

.SliderActive .StripeSlider .slickContainer{position:absolute;top:0;min-height:100%;height:100%;width:100%;display:flex;}
.SliderActive .StripeSlider .slick-list{min-height:100%;width:100%;z-index:2;}
.SliderActive .StripeSlider .slick-track{min-height:100%;position:relative;height:100%;}
.SliderActive .StripeSlider .slider{min-height:100%;display:flex;height:auto;}

/* UPDATE SITEBOUNDS USING MIN-WIDTH MEDIA QUERIES */
.SliderActive .StripeSlider > div.siteBounds {
    margin: 0 5%;
    padding: 0;
}
@media (min-width:1200px) {
    .SliderActive .StripeSlider > div.siteBounds {
        margin: 0 auto;
        padding: 0;
    }
}

/* feature text */
.SliderActive .StripeSlider .FeatureText{display:none;min-height:var(--heroSliderHeight);}/* prevent feature text from displaying before slickWrapper class */
.SliderActive .home .StripeSlider .FeatureText{min-height:var(--homeHeroSliderHeight);}
.SliderActive .StripeSlider .TitanBlock.FeatureText{max-width:var(--siteBoundsWidth);width:100%;padding:100px 5% 100px 5%;top:0;transform:none;left:auto;position:relative;margin:auto;display:flex;flex-direction:column;justify-content:center;opacity:0;animation: feature-text 2.25s forwards ease-out 1.5s;animation-delay: 1.5s; z-index:3;}
.SliderActive .StripeSlider .FeatureText .Button a{transition:none;}/* prevent blinking on resize */

/* feature image/video */
.SliderActive .StripeSlider .FeatureImage{position:absolute;z-index:0;width:100%;height:100%;margin:0;bottom:0;overflow:hidden;}

.SliderActive .titanBody .StripeSlider .FeatureImage p {
	min-width: 100%;
	min-height: 100%;
}
.SliderActive .titanBody .StripeSlider .slick-slider > .FeatureImage img {
        max-width: none;
        min-width: 100%;
        min-height: 100%;
		width:initial;
		height: initial;
}

@media (min-width:768px) {
	.SliderActive .titanBody .StripeSlider .FeatureImage img {
        height: initial;
    }
}
.SliderActive .StripeSlider .slick-slider > .FeatureImage img,
.SliderActive .StripeSlider .slick-slider > .FeatureImage video,
.SliderActive .StripeSlider .slick-current .FeatureImage img,
.SliderActive .StripeSlider .slick-current .FeatureImage video{animation: zoom 2.25s forwards ease-out;animation-delay: .1s;max-width:100%;object-fit:cover;object-position: 50% 50%;min-height:100%;min-width:100%;top:50%;position:absolute;transform: scale(1.2) translateY(-50%);}


/* feature text style 2 */
.FeatureTextStyle2{padding-bottom:150px;}
.FeatureTextStyle2 .wrapper{background-color:rgba(0, 0, 0, 0.7);padding:35px;width:50%;margin-bottom: 5rem;}
@media (max-width:1200px) {
.FeatureTextStyle2 .wrapper{width:100%;}
}

/* slick.css overide */
.SliderActive .StripeSlider div.slick-slide img{display:inline;}

/* slick slider dots */
.SliderActive .StripeSlider .slick-dots{z-index:4;bottom:75px;margin:auto;padding:0;text-align:center;display:flex;justify-content:center;width:100%;position:absolute;}
.SliderActive .StripeSlider .slick-dots li{margin:5px 0;transition:all .5s;opacity:0;animation:slick-dots-slide .5s forwards ease-out;animation-delay:2.25s;display:inline-block;list-style:none;background:none;margin:0 5px 0 5px;padding:0;}
.SliderActive .StripeSlider .slick-dots li:nth-child(2){animation-delay:2.3s;}
.SliderActive .StripeSlider .slick-dots li:nth-child(3){animation-delay:2.35s;}
.SliderActive .StripeSlider .slick-dots li:nth-child(4){animation-delay:2.4s;}
.SliderActive .StripeSlider .slick-dots li:nth-child(5){animation-delay:2.45s;}
.SliderActive .StripeSlider .slick-dots li:nth-child(6){animation-delay:2.5s;}
.SliderActive .StripeSlider .slick-dots li button{box-shadow:0 0 5px rgba(0,0,0,0.4);display:flex;background:var(--color-white);border:none;margin:5px;width:10px;height:10px;font-size:0;cursor:pointer;padding:0;transition: all 0.5s ease;position:relative;border-radius:50%;align-items:center;justify-content:center;}
.SliderActive .StripeSlider .slick-dots li button:before{content:" ";position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid var(--color-white);transition: all 0.5s ease;opacity: 1;top: auto;left: auto;}
.SliderActive .StripeSlider .slick-dots li button:hover:before,
.SliderActive .StripeSlider .slick-dots li button:hover:focus,
.SliderActive .StripeSlider .slick-dots li button:hover:active{border:1px solid var(--color-brand-primary);}
.SliderActive .StripeSlider .slick-dots li.slick-active button{background:var(--color-brand-primary);}
.SliderActive .StripeSlider .slick-dots li.slick-active button:before{border:1px solid var(--color-brand-primary);width:20px;height:20px;}


/* == feature area zoom effect */
@keyframes zoom{
  0%{transform: scale(1.2) translateY(-50%);}
  100%{transform: scale(1.0) translateY(-50%);}
}

/* == feature text fade in */
@keyframes feature-text{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* == slick dots slide in */
@keyframes slick-dots-slide{
  0%{opacity:0;transform:translate(50px, 0);}
  100%{opacity:1;transform:translate(0, 0);}
}

/* == Edge - object-fit:cover for videos not supported */
@supports (-ms-ime-align: auto) {
.SliderActive .StripeSlider .slick-current .FeatureImage video{display:block;max-width:none;} 
}