/*Responsive2015.scss*/
/* Table of Contents
////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////

+ Extend Bootstrap

+ Super Global Styles

+ Tiles
  - Default
  - Feature
      > Default
      > As an Alert
      > Carousel 
  - Twitter (C)
  - Contact (B)
  - News
      > Default (C)
      > As an Alert 
      > As a Press Release (C)
      > As a Press Release (B)
  - Basic Color
  - Download
  - Event
      * Spuds - See trumba.css
      > As a Spud (B)
      > As a Feed (C)
  - Video
  - Services, Programs
      > Default
      > Popular
  - Navigation Contact
  - Newsletter Sign Up
  - Photo Credits 

+ Feature Tile Container

+ Global Navs
  - Skip to Main Content
  - Breadcrumbs
  - Left Navs
  - Back to Top

+ Portal Pages
  - Services Footer
  - Expandable Menus
  - Top Requests

+ Homepage
   
+ Topic Pages
  - Headings
  - Containers
  - Lists
  - Filter Refiner
  - Filter Checkboxes
  - Program Jump
  - Related Departments

+ Body Styles - General
  - Lightboxes

+ Body Styles - Main Content
  - Headings
  - Readability Limiter
  - Links
  - Paragraphs
  - HRs
  - Tables
  - Unordered Lists
      > Default
      > Nested
      > Children Element Margins
      > Unstyled
  - Ordered Lists
  - Ordered Lists - Extended
  - Definitions
  - Accordions
  - Tabs
  - Panels
  - Jumbotrons
  - Lead Texts
  - Wells
  - Buttons
  - Read More Expander
  - Link Lists
  - Contact Group

+ Department Styles
  - Page Title
  - Image
  - Container Spacing
  - Top Nav
  - Footer
  - Sub Footers
      > Footer Links
      > Footer Links - Short
      > Newsletter Signup
  - Left Column
  - Right Column
      > Forms
      > Contact Component

+ Location Pages
  - General
  - Hours & Contact Bar
  - Alerts
  - Popovers
  - Image Gallery

+ Components 
  - Video
  - Blog Feed
       > Default
       > Main Column
       > Sidebar
  - Board Member
  - Map Component
  - Datatable
  - Search Form Collection
      > Slides
      > Form
      > Auto complete

+ Color Blocks
  - Orphaned Page Titles
  - General
  - Base Colors
  - Link Colors
  - Headings
  - Blog Feeds
  - Titled Collections
  - Search Forms
  - Topic Filter Components

+ Unsorted
  - Nothing
   
+ Mobile & Tablet
  - Left Nav
  - Department Layout
  - Department Footer Links
  - Feature Image
  - [[ Mobile Services Wrapper Element ]] DELETE 
  - Photo Credits
  - Topic Filter Inputs
  - Topic Page Program Jump
  - Search Form Collection
  - Featured Wrapper
  - Slicked Tiles
  - Not Slicked Tiles
  - Location Pages

+ Mobile
  - Featured Container
  - Topic Filter
  - Department Footer
  - Elected Contact Tiles
  - Homepage Electeds
  - Search Form Collection
  - Color Blocks
  - Not Slicked Tiles
  - Topic Filter Component
  - Data Tables
  - Department Footer Links Short
  - Location Pages

+ Not Mobile
  -Left Nav
  -Location Pages

+ Tablet
  - Featured Container
  - Search Form Collection
  - Color Blocks
  - Not Slicked
  - Topic Filter Component
  - Department Footer Links

+ Super Old Phones
  - Slicked
  - Not Slicked

+ All Desktops
  - Featured Container
  - Department Layout
  - Location Pages

+ Small Desktops
  - Topic Pages
  - Featured Container
  - Breadcrumbs
  - Department Top Nav
  - Department Footer Links
  - Trumba Calendar
  - Feeds
  - Search Form Collection

+ Large Desktops

+ Mac Fixes


END TOC ________________________________________________________________
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*EXTEND BOOTSTRAP
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
.container {
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}

.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  /* reset the text-align */
  margin-right: -4px;
  /* inline-block space fix */
}

.sr-only.sr-only-focusable:hover {
  color: #fff;
}

/* SUPER GLOBAL STYLES
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
body {
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
  font-size: 16px;
}

h1, h2, h3, h4, h5 {
  font-family: "Seattle Text", Arial;
  font-weight: bold;
  color: #000;
}

a, .btn-link {
  color: #0047ba;
}

p {
  line-height: 22px;
}

/*Tiles
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Generic Tiles 
______________________________________________________________________*/
.taxonomyTile.width2 {
  width: 630px;
}

.taxonomyTile.height2 {
  height: 310px;
}

.taxonomyTile.programTile:not(.height2):not(.width2) {
  background-size: 100% auto;
}

.taxonomyTile.programTile:not(.height2):not(.width2) a .emptyTitle {
  width: 310px;
  height: 150px;
  display: block;
  margin: -15px 0px 0px -15px;
  transition: all .25s;
}

.taxonomyTile.programTile:not(.height2):not(.width2) a:hover .emptyTitle {
  border-bottom: 15px solid rgba(0, 0, 0, 0.5);
}

.taxonomyTile > .primaryContent > .fa-info-circle {
  display: none;
}

.tileExcerpt, .tileTextDescription {
  max-height: 110px;
  line-height: 18px;
  color: #000;
  font-weight: normal;
}

#featuredTileContainer .featuredService .tileExcerpt, #featuredTileContainer .featuredService .tileTextDescription {
  color: #fff;
}

.tileTitle {
  color: #0047ba;
  margin: 0px 0px 10px 0px;
  font-size: 18px;
  font-family: "Open Sans";
}

.additionalContent {
  display: none;
}

.height2 .primaryContent {
  height: 280px;
}

.primaryContent:hover {
  cursor: pointer;
}

.taxonomyTile, #mainColMain div.taxonomyTile {
  background: #fff;
  width: 310px;
  height: 150px;
  margin: 5px;
  border: 0px;
  padding: 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

#featuredTileContainer .taxonomyTile {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#featuredTileContainer .overlayBox {
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 );
  /* IE6-9 */
  box-sizing: border-box;
  height: 125px;
  line-height: 22.8571px;
  position: absolute;
  width: 100%;
  margin-left: -15px;
  bottom: 0;
}

#featuredTileContainer #featureTileWrapper .overlayBox {
  margin-left: 0px;
}

#featuredTileContainer .newsTile.taxonomyTile h3.newsTileTitle,
#featuredTileContainer .newsTile.taxonomyTile .newsSource {
  cursor: pointer;
}

.overlayBox #additionalContent {
  display: none;
}

/* hidden text overlay */
.textHiddenContainer {
  display: block;
  height: 280px;
}

.taxonomyTileLinkWrapper:hover .tileTitle,
.taxonomyTileLinkWrapper:hover .featuredVideoTitle {
  text-decoration: underline;
}

/*Feature Tiles
______________________________________________________________________*/
div#featuredTileContainer .featureTile {
  height: 310px;
}

#featuredTileContainer .featureTile h3.tileTitle {
  font-family: "Seattle Text";
  font-size: 32px;
  color: #fff;
  line-height: 32px;
  max-width: 580px;
  margin-bottom: 6px;
  text-shadow: rgba(0, 0, 0, 0.648) 0px 0px 10px;
}

.featureTile .primaryContent h3.tileTitle, .programTile .primaryContent h3.tileTitle {
  bottom: 0;
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
}

.featureTile h3.tileTitle a {
  color: #fff;
}

/* featureTile Alert */
.featureTile.seattleAlert .alertIcon {
  background-color: #e4002b;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  padding: 7px 15px;
}

/* featured tile carousel */
div#featureTileWrapper .carousel.slide {
  margin: -15px;
}

#featuredTilesCarousel .carousel-control > i {
  bottom: 10px;
  position: absolute;
}

#featuredTilesCarousel .carousel-control.prev {
  margin-right: 61px;
}

#featuredTilesCarousel .carousel-control.next {
  margin-right: 15px;
}

#featuredTilesCarousel .carousel-control.play {
  margin-right: 37px;
  display: none;
}

#featuredTilesCarousel .carousel-control.pause {
  margin-right: 39px;
}

#featuredTilesCarousel .carousel-inner {
  overflow-y: visible;
}

#featuredTilesCarousel a.carousel-control {
  background-image: none;
  width: 20px;
}

/*Twitter Tiles
______________________________________________________________________*/
#featuredTileContainer .twitterTile.taxonomyTile {
  padding-top: 3px;
  padding-bottom: 5px;
  overflow-y: hidden;
}

#featuredTileContainer .twitterTile.taxonomyTile iframe {
  height: 132px !important;
}

/*Contact Tiles
______________________________________________________________________*/
#featuredTileContainer .contactTile h3.tileTitle, .contactTile .popover-title {
  color: #fff;
  background-color: #000;
  font-size: 22px;
  margin: -15px -15px 20px -15px;
  padding: 25px;
}

/*Heading as a Link*/
#featuredTileContainer .contactTile a h3.tileTitle {
  transition: background .3s;
}

#featuredTileContainer .contactTile a h3.tileTitle:hover {
  background: #003da5;
}

#featuredTileContainer .contactTile a h3.tileTitle:before {
  content: '';
  float: left;
  position: absolute;
  width: 0px;
  margin-top: 26px;
  border-bottom: 2px solid #fff;
  transition: all .4s;
}

#featuredTileContainer .contactTile a h3.tileTitle:hover:before {
  width: 120px;
  border-bottom: 2px solid #fff;
}

#featuredTileContainer .contactTile a h3.tileTitle:after {
  content: '\f054';
  font-family: 'fontAwesome';
  color: #fff;
  float: right;
}

#featuredTileContainer .contactTile a h3.tileTitle:hover:after {
  content: '\f054';
}

/*Hidden Contact Tile Fields*/
#featuredTileContainer .contactTile .fax,
#featuredTileContainer .contactTile .tty,
#featuredTileContainer .contactTile .contactPageLink {
  display: none;
}

.contactTileContentBlock {
  margin-left: 10px;
}

.contactTile .contactPageLink {
  margin-bottom: 20px;
}

.contactTile label, #deptFootContactWrapper label {
  padding-right: 8px;
}

.contactTile a, .phoneFaxAddressWrapper a, .contactTile button, .phoneFaxAddressWrapper button {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.contactTile a:hover, .contactTile button:hover, .phoneFaxAddressWrapper button:hover, .phoneFaxAddressWrapper a:hover {
  background: #003da5;
  color: #fff;
  text-decoration: none;
}

.contactTile button, .phoneFaxAddressWrapper button, #parkHourPopover, .closeParkHours {
  background-color: transparent;
  border: none;
  padding: 0px;
}

#parkContactPopover .featureContactPhone {
  float: left;
}

#parkContactPopover .featureContactPhoneNumber {
  float: left;
  text-decoration: underline;
  padding-left: 5px;
}

/*Social Media*/
.contactTileSocialMediaWrapper {
  margin-top: 30px;
}

.contactTileSocialMediaWrapper a {
  color: #000;
  margin: 0px 2px;
  width: 26px;
  height: 26px;
  display: inline-block;
  padding-left: 2px;
  box-shadow: inset 0px 0px 0px 4px #000;
}

.contactTileSocialMediaWrapper a:hover {
  background: #fff;
  box-shadow: inset 0px 0px 0px 4px #003da5;
}

.contactTileSocialMediaWrapper a:hover i {
  color: #003da5;
}

.contactTileSocialMediaWrapper a i {
  font-size: 26px;
  color: #000;
}

.contactTileSocialMediaWrapper a i.fa-blog {
  background: #000;
}

.contactTileSocialMediaWrapper a:hover i.fa-blog {
  background: #003da5;
}

.contactTileSocialMediaWrapper a i.fa-blog:before {
  content: "B";
  color: #fff;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 20px;
  line-height: 16px;
  padding: 0px 4px;
  top: -2px;
  position: relative;
}

.contactTilePhysicalAddress, .contactTileMailingAddress {
  padding: 0px 10px;
}

.closeAddress {
  border: 0px;
  background: transparent;
}

.closeAddress:hover {
  background: #000;
  color: #fff;
}

/*News Tiles
______________________________________________________________________*/
.newsTile .primaryContent:hover {
  cursor: auto;
}

.newsDateContainer .newsDate {
  background-color: #db4e00;
  color: #fff;
  margin-left: -15px;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 15px;
}

.newsDateContainer .fa.fa-rss {
  color: #db4e00;
  font-size: 1.5em;
}

/* News as seattle alert */
.newsWrapperAngular.seattleAlert {
  background-color: #e4002b;
  width: 310px;
  height: 150px;
  margin-top: -15px;
  margin-left: -15px;
  padding: 15px;
}

.newsWrapperAngular.seattleAlert .newsDateContainer .newsDate {
  background-color: #000;
  color: #fff;
}

.newsWrapperAngular.seattleAlert .newsDateContainer .fa.fa-exclamation, .featureTile.seattleAlert .fa.fa-exclamation, .fa.fa-download {
  color: #fff;
  font-size: 28px;
}

.newsWrapperAngular.seattleAlert h3.newsTileTitle, .newsWrapperAngular.seattleAlert h3.newsTileTitle a, .newsWrapperAngular.seattleAlert .newsSource, .featureTile.seattleAlert {
  color: #fff;
}

/* News as press release */
.newsDateContainer.pressRelease .newsDate {
  background-color: #003da5;
}

.newsDateContainer.pressRelease .fa-seattlelogo {
  background-image: url("//www.seattle.gov/images/2015_img/logo_bw.png");
  height: 24px;
  width: 24px;
  background-size: contain;
}

.primaryContent h3.newsTileTitle {
  font-size: 14px;
  margin-top: 0px;
  padding-top: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
}

h3.newsTileTitle a {
  color: #000;
}

/*News as press release SIZE B (Council)*/
#featuredTileContainer .newsTile.height2 {
  background-color: #003da5;
}

#featuredTileContainer .newsTile.height2 .newsWrapperAngular,
#featuredTileContainer .newsTile.height2 .primaryContent {
  height: 100%;
}

#featuredTileContainer .newsTile.height2 .newsDate {
  background: #fff;
  color: #000;
}

#featuredTileContainer .newsTile.height2 .fa {
  background: #fff url("//www.seattle.gov/images/2015_img/logo_bw.png");
  background-size: 31px 31px;
  background-repeat: no-repeat;
  background-position: 1px;
  width: 33px;
  height: 33px;
  border-radius: 25px;
}

#featuredTileContainer .newsTile.height2 .fa:before {
  display: none;
}

#featuredTileContainer .newsTile.height2 h3.newsTileTitle {
  height: 100%;
  display: table;
  padding-bottom: 60px;
}

#featuredTileContainer .newsTile.height2 a h3.newsTileTitle,
#featuredTileContainer .newsTile.height2 h3.newsTileTitle a {
  font-family: "Seattle Text";
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  display: table-cell;
  vertical-align: middle;
  height: 262px;
  padding-bottom: 60px;
  text-align: center;
}

#featuredTileContainer .newsTile.height2 .newsSource {
  display: none;
}

.primaryContent .newsSource {
  font-size: 14px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

/*Basic Color Tiles
______________________________________________________________________*/
.cTileBasic, .bTileBasic {
  padding: 0px;
  background-color: #333f48;
}

.cTileBasic h3, .bTileBasic h3, .bTileBasic .primaryContent {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  display: table-cell;
  width: 310px;
  height: 150px;
  padding: 0px 20px;
  vertical-align: middle;
  text-align: center;
}

.bTileBasic h3 {
  font-size: 32px;
}

.bTileBasic .primaryContent {
  height: 310px;
}

.BlackonYellow h3 {
  color: #000;
}

.cTileBasic:hover .primaryContent, .bTileBasic:hover .primaryContent {
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
  text-decoration: none;
}

/*colors */
.WhiteonAqua {
  background: #0072be;
}

.WhiteonGreen {
  background: #007749;
}

.BlackonYellow {
  background: #ffd552;
}

/* color block tiles */
*[id*="Tiles"] .secondaryTiles .BlackonYellow .tileTitle,
*[id*="Tiles"] .secondaryTiles .BlackonYellow .tileTextDescription,
*[id*="Tiles"].BlackonYellow .tilesWrapper *[class^="textDescriptionTile"] > .tileTitle,
*[id*="Tiles"].BlackonYellow .tilesWrapper *[class^="textDescriptionTile"] > .tileTextDescription {
  color: #000;
}

*[id*="Tiles"] .secondaryTiles .BlackonWhite .tileTitle,
*[id*="Tiles"] .secondaryTiles .BlackonWhite .tileTextDescription,
*[id*="Tiles"].BlackonWhite .tilesWrapper *[class^="textDescriptionTile"] > .tileTitle,
*[id*="Tiles"].BlackonWhite .tilesWrapper *[class^="textDescriptionTile"] > .tileTextDescription {
  color: #000;
}

*[id*="Tiles"] .secondaryTiles .WhiteonAqua .tileTitle,
*[id*="Tiles"] .secondaryTiles .WhiteonAqua .tileTextDescription,
*[id*="Tiles"].WhiteonAqua .tilesWrapper *[class^="textDescriptionTile"] > .tileTitle,
*[id*="Tiles"].WhiteonAqua .tilesWrapper *[class^="textDescriptionTile"] > .tileTextDescription {
  color: #fff;
}

*[id*="Tiles"] .secondaryTiles .WhiteonGreen .tileTitle,
*[id*="Tiles"] .secondaryTiles .WhiteonGreen .tileTextDescription,
*[id*="Tiles"].WhiteonGreen .tilesWrapper *[class^="textDescriptionTile"] > .tileTitle,
*[id*="Tiles"].WhiteonGreen .tilesWrapper *[class^="textDescriptionTile"] > .tileTextDescription {
  color: #fff;
}

*[id*="Tiles"] .secondaryTiles .WhiteonBlue .tileTitle,
*[id*="Tiles"] .secondaryTiles .WhiteonBlue .tileTextDescription,
*[id*="Tiles"].WhiteonBlue .tilesWrapper *[class^="textDescriptionTile"] > .tileTitle,
*[id*="Tiles"].WhiteonBlue .tilesWrapper *[class^="textDescriptionTile"] > .tileTextDescription {
  color: #fff;
}

/* Download Tiles */
.downloadTile.height2:not(.programTile) .fa-download {
  font-size: 120px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.downloadTile.programTile .fa-download {
  float: right;
}

.downloadTile.height2 .primaryContent {
  font-size: 24px;
  text-align: center;
  padding-top: 50px;
}

.downloadTile .primaryContent > h3.tileTitle {
  padding-left: 0px;
}

.downloadTile.height2 h3 {
  font-size: 24px;
  color: #fff;
}

/*Event Tiles
______________________________________________________________________
---Inner iframe styles located in trumba.css
*/
/*B Version as a Spud*/
.taxonomyTile.trumbaComponent.height2 {
  overflow: hidden;
  padding: 10px 18px 0px 18px;
}

.taxonomyTile.trumbaComponent.height2 iframe {
  width: 275px;
  height: 280px;
}

/*C Version as a feed*/
.taxonomyTile.eventTile.trumbaComponent {
  padding: 0px;
}

.taxonomyTile.eventTile.trumbaComponent p {
  display: none;
}

.eventDateBox {
  float: left;
  width: 22%;
  border: solid 1px #eee;
  margin-right: 15px;
  padding: 10px;
  text-align: center;
}

.eventDateBox .month {
  background: #990000;
  font-size: 20px;
  margin: -10px -10px 0px;
  height: 40px;
  padding-top: 6px;
  color: #fff;
}

.eventDateBox .date {
  margin: 5px auto;
  font-size: 26px;
  color: #666;
}

.eventDateBox .time {
  font-size: 14px;
  margin-left: -4px;
}

.eventContent {
  padding: 10px;
}

.eventContent h3.tileTitle a {
  color: #000;
}

#featuredTileContainer .eventContent .tileTitle {
  font-size: 20px;
  margin-top: -8px;
}

span.eventVenue {
  color: #777;
}

/*Video Tiles
______________________________________________________________________*/
.width2.height2 .videoItem {
  margin-top: 15px;
}

.slick-slider #featureTileWrapper .taxonomyTile.height2.featuredVideoContainer {
  margin: 0px;
  padding-top: 0px;
}

.videoImage {
  margin: -15px -15px 0 -15px;
  position: relative;
  height: 150px;
  background-size: cover;
  background-position: center center;
}

.councilVideos .videoImage {
  margin: 0px;
}

.height2 .videoImage {
  height: 160px;
}

.videoImage.default {
  background-size: auto;
  background-repeat: no-repeat;
}

.videoImage:before {
  position: absolute;
  content: "\f16a";
  font-family: 'fontAwesome';
  font-size: 36px;
  color: #fff;
  margin: 45px 0px 0px 153px;
  padding: 0px;
  top: -2px;
  left: -18px;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  opacity: .75;
}

.height2 .videoImage:before {
  margin: 55px 0px 0px 153px;
}

.width2.height2:not(.slick-slide) .videoImage:before {
  font-size: 60px;
  margin: 105px 0px 0px 320px;
}

a:hover .videoImage:before {
  opacity: 1;
  font-size: 48px;
  margin: 38px 0px 0px 148px;
  transition: all .2s;
}

.height2 a:hover .videoImage:before {
  margin: 48px 0px 0px 148px;
}

.width2.height2:not(.slick-slide) a:hover .videoImage:before {
  font-size: 72px;
  margin: 95px 0px 0px 315px;
}

a:hover .videoDescription * {
  text-decoration: underline;
}

/*Service Tiles
______________________________________________________________________*/
#featuredTileContainer .featuredService, .WhiteonBlue {
  background-color: #003da5;
  color: #fff;
}

#featuredTileContainer .nonFeaturedService {
  background-color: #fff;
}

#featuredTileContainer .featuredService h3,
#featuredTileContainer .featuredService h3 a,
#featuredTileContainer .nonFeaturedService h3,
#featuredTileContainer .nonFeaturedService h3 a {
  margin-top: 0px;
  margin-bottom: 15px;
}

#featuredTileContainer h3.featuredVideoTitle,
#featuredTileContainer .featuredService h3,
#featuredTileContainer .nonFeaturedService h3,
#featuredTileContainer .featuredService h3 a,
#featuredTileContainer .nonFeaturedService h3 a, #featuredTileContainer .programTile h3 a, #featuredTileContainer .programTile h3 {
  color: #fff;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  line-height: 20px;
}

#featuredTileContainer .nonFeaturedService h3,
#featuredTileContainer .nonFeaturedService h3 a {
  color: #0047ba;
}

#featuredTileContainer h3.featuredVideoTitle {
  margin-top: 15px;
  color: #000;
}

#featuredTileContainer .programTile h3 a, #featuredTileContainer .programTile h3 {
  font-size: 21px;
  line-height: 22px;
  padding-bottom: 2px;
}

/*Popular Service Tiles*/
#topicServices .popularService {
  background-color: #f3f7ff;
}

.popularService .tileTitle:after,
label.popularServicesInput:after {
  content: "\f005";
  font-family: "fontAwesome";
  color: #ffd600;
}

.popularService .tileTitle:after {
  display: block;
  margin-top: 10px;
  margin-right: 10px;
  top: 0px;
  right: 0px;
  float: right;
  position: absolute;
}

label.popularServicesInput:after {
  display: inline;
  float: none;
  margin-left: 2px;
  font-size: 18px;
}

.popularService .tileTitle {
  max-width: 266px;
}

.secondaryTiles .primaryContent .tileTitle,
#secondaryItems .primaryContent .tileTitle {
  margin: 0px 0px 15px 0px;
}

.topicList .taxonomyTile,
.secondaryTiles .taxonomyTile,
#secondaryItems .taxonomyTile,
#topicPrograms .taxonomyTile,
#topicServiceContainer .tileService {
  box-shadow: none;
  border: solid 1px #ccc;
}

.secondaryList.container {
  padding: 0 5px 20px;
}

.secondaryList.container .secondaryListTitle {
  color: #fff;
}

/*Navigation Contact Tiles
______________________________________________________________________*/
.navigationContact .primaryContent {
  height: 150px;
  width: 310px;
  margin: -15px;
  padding: 15px;
}

.tileContactNavigation .navigationContact h3 {
  color: #235273;
  font-size: 20px;
  margin: 0px;
}

.tileContactNavigation .navigationContact span {
  color: #000;
}

.tileContactNavigation .navigationContact a:hover {
  text-decoration: none;
}

.tileContactNavigation .navigationContact a:hover .primaryContent {
  border: 5px solid rgba(255, 255, 255, 0.75);
  -moz-box-shadow: inset 0 0 20px #000;
  -webkit-box-shadow: inset 0 0 20px #000;
  box-shadow: 0px 0px 20px #000;
  padding: 10px;
}

/*Newsletter Sign Up Tiles --- Inherits styles from footer version
______________________________________________________________________*/
.newsletterSignup.taxonomyTile h3 {
  font-family: "Open Sans";
  font-size: 20px;
}

.newsletterSignup.taxonomyTile .listName {
  margin-top: 3px;
  font-size: 17px;
  color: #000;
}

.newsletterSignup.taxonomyTile input,
.newsletterSignup.taxonomyTile button {
  display: block;
  position: absolute;
  bottom: 15px;
}

.newsletterSignup.taxonomyTile input {
  left: 15px;
  height: 42px;
}

.newsletterSignup.taxonomyTile input:placeholder-shown {
  font-size: 13px;
}

.newsletterSignup.taxonomyTile button {
  right: 15px;
  width: 85px;
}

/*Tile Photo Credits
______________________________________________________________________*/
#featuredTileContainer .taxonomyTile:hover .photoCredit {
  display: block;
}

#featuredTileContainer .taxonomyTile .photoCredit {
  position: absolute;
  text-align: right;
  right: 15px;
  top: 15px;
  z-index: 1000;
  display: none;
  background: transparent;
  width: 100%;
}

#featuredTileContainer .taxonomyTile .photoCredit a {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: transparent;
}

#featuredTileContainer .taxonomyTile .photoCredit i.fa-camera {
  color: #fff;
  font-size: 20px;
  opacity: 0.9;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  padding: 10px;
}

#featuredTileContainer .taxonomyTile .photoCredit i.fa-camera:hover {
  opacity: 1;
}

#featuredTileContainer .taxonomyTile .photoCredit .tooltip-inner {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 10px;
}

/*Feature Tile Container
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
div#featuredTileContainer {
  padding-left: 5px;
  padding-right: 5px;
  background-color: transparent;
  margin-top: 60px;
  height: 540px !important;
}

div#featuredTileContainer.extendedTileContainer {
  padding-left: 0;
  padding-right: 0;
}

.featureWrapper.emptyFeatureWrapper,
.featureWrapperShort {
  width: 100%;
  height: 350px;
  background-position: center center;
  background-size: cover;
  margin-bottom: -50px;
}

.featureWrapper.emptyFeatureWrapper {
  margin-bottom: 0px;
}

.featureWrapper {
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 5px 25px -10px rgba(0, 0, 0, 0.25);
}

.featureWrapper > .container {
  background-color: transparent;
}

/*Feature Item Extended Carousel*/
.featureWrapper {
  box-shadow: none;
}

.featureWrapper.emptyFeatureWrapper, .featureWrapperShort {
  height: 450px;
}

.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  padding: 20px 40px 0 40px;
}

.container.empty #leftMainRight {
  padding-top: 0;
}

/*Over-write responsive2015 classes*/
/* extended carousel begin*/
.containerFullWidth {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0px;
}

.container.containerFullWidth {
  padding-right: 0;
  padding-left: 0;
}

div#featuredTileContainer.extendedTileContainer {
  height: auto !important;
  min-height: 320px;
}

#extendedCarousel .extendedFeatureTile.featureTile {
  height: 450px;
}

.extendedTileContainer div#featureTileWrapper .carousel.slide {
  margin: 0px 5px;
  /*margin: 0px;*/
}

.FeaturedItemCarousel div#featureTileWrapper .carousel.slide {
  margin: 0px 5px;
}

.extendedTitle {
  position: relative;
  top: 0px;
}

#featuredTileContainer .extendedTitle h3.tileTitle {
  bottom: -8px;
  position: relative;
  text-align: center;
  max-width: 100%;
  font-size: 46px;
  font-weight: 700;
  line-height: 47px;
  font-family: 'Seattle Text';
  color: #fff;
}

#featuredTileContainer .featureTile h3.subTitle,
#featuredTileContainer .extendedTitle h3.subTitle {
  bottom: -10px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
}

.extendedFeatureTile {
  background-position: center center;
  background-size: cover;
}

.primaryContent:hover {
  /*pointer-events: none;*/
}

.carousel-control {
  z-index: 1000;
}

/* extended carousel end*/
/* single row tileset tiles begin*/
.disabled {
  pointer-events: none;
}

/* support for Main Column Bottom Color Blocks start*/
.singleRow {
  margin-left: 6px;
}

.moreInformationDiv {
  text-align: center;
  margin: 20px;
  display: block;
}

.thumbnailImageTile {
  background-position: center center;
  background-size: cover;
  height: 150px;
  margin: -15px -15px 0;
  position: relative;
}

.textDescriptionTile {
  width: 100%;
  margin: 5px;
  padding: 15px;
  margin: -1px -15px 0;
  min-width: 310px;
}

.textDescriptionTileReset {
  padding: 15px;
  margin: -16px -15px 0;
}

.textDescriptionTileWider {
  min-width: 405px;
}

.taxonomyTileWider {
  min-width: 410px;
  margin-right: 15px;
}

/* support for Main Column Bottom Color Blocks end*/
/* support for Main Column Bottom Components start*/
#mainColMain h2 {
  border-bottom: none;
}

#mainColMain div, #mainColMain p {
  margin-bottom: 0px;
}

#mainColMain h3.cpH3 {
  margin-top: 46px;
}

#mainColMain p.cpH3 {
  margin-bottom: 46px;
}

#mainColMain .containerPadTopSides {
  width: 100%;
  margin-left: 0;
}

#mainColMain .secondaryList .secondaryTiles .height2 {
  height: 310px;
  border: solid 1px #ccc;
}

/* support for Main Column Bottom Components end*/
/* Misc updates due to screen width*/
/*Desktop*/
@media (min-width: 992px) and (max-width: 1291px) {
  .singleRow {
    margin-left: 5px;
  }

  .textDescriptionTileWider {
    min-width: 310px;
  }

  .taxonomyTileWider {
    min-width: 310px;
    margin-right: 5px;
  }
}
/*Tablet*/
@media (min-width: 667px) and (max-width: 991px) {
  .textDescriptionTileWider {
    min-width: 350px;
  }

  .taxonomyTileWider {
    min-width: 350px;
    margin-right: 10px;
  }

  div#featuredTileContainer .featureTile,
  #extendedCarousel .extendedFeatureTile.featureTile {
    height: 310px;
  }

  #featuredTileContainer .featureTile h3.tileTitle,
  #featuredTileContainer .extendedTitle h3.tileTitle {
    font-size: 26px;
  }

  #featuredTileContainer .featureTile h3.subTitle,
  #featuredTileContainer .extendedTitle h3.tileTitle {
    font-size: 18px;
  }

  /*hide the title div when in tablet mode*/
  #featuredTileContainer .extendedTitle .overlayBox,
  .extendedFeatureTile .primaryContent .overlayBox {
    display: none;
  }

  /*hide the nested #featuredTileContainer's'*/
  #featuredTileContainer.extendedTileContainer #featuredTileContainer,
  #featuredTileContainer.extendedTileContainer #nonSlickWilly {
    display: none;
  }
}
/*Mobile*/
@media (min-width: 286px) and (max-width: 666px) {
  .textDescriptionTileWider {
    min-width: 350px;
  }

  .taxonomyTileWider {
    min-width: 350px;
    margin-right: 5px;
  }

  div#featuredTileContainer.extendedTileContainer .featureTile {
    height: 310px !important;
  }

  div#featuredTileContainer .featureTile {
    height: 310px;
  }

  #featuredTileContainer .featureTile h3.tileTitle,
  #featuredTileContainer .extendedTitle h3.tileTitle {
    font-size: 26px;
  }

  #featuredTileContainer .featureTile h3.subTitle,
  #featuredTileContainer .extendedTitle h3.tileTitle {
    font-size: 18px;
  }

  /*hide the title div when in mobile mode*/
  #featuredTileContainer .extendedTitle .overlayBox,
  .extendedFeatureTile .primaryContent .overlayBox {
    display: none;
  }

  /*hide the nested #featuredTileContainer's'*/
  #featuredTileContainer.extendedTileContainer #featuredTileContainer,
  #featuredTileContainer.extendedTileContainer #nonSlickWilly {
    display: none;
  }
}
/* single row tileset tiles end*/
/*Photo Credit*/
.featureWrapper .featuredPhotoCreditContainer {
  position: relative;
}

.featureWrapper .featuredPhotoCreditContainer .fa {
  cursor: pointer;
}

.featureWrapper .featuredPhotoCreditContainer a {
  color: #fff;
  text-decoration: none;
}

.featureWrapper .featuredPhotoCreditContainer a:hover {
  text-decoration: underline;
}

.featureWrapper.emptyFeatureWrapper .container {
  height: 350px;
  position: relative;
}

.featureWrapper.emptyFeatureWrapper .featuredPhotoCreditContainer {
  position: static;
}

.featureWrapper .featuredPhotoCredit {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  right: 12px;
  bottom: 10px;
  color: #fff;
  opacity: .7;
  padding: 10px;
}

.featureWrapper .featuredPhotoCredit .featuredPhotoCreditText {
  display: none;
}

/*Global Navs
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Skip to Main Content
______________________________________________________________________*/
a#skipToMain {
  color: #e2edff;
}

#skipToMain {
  background: #000;
  font-weight: bold;
  padding: 19px 30px;
}

#skipToMain:hover {
  background: #333;
}

#skipToMain:focus {
  color: #fff;
  position: fixed;
  z-index: 2000;
}

/*Breadcrumbs
______________________________________________________________________*/
/* temporary Hide social media in department top nav */
#deptBreadcrumbsContainer #deptSocialMedia {
  display: none;
}

/*Breadcrumbs*/
#deptBreadcrumbsContainer {
  margin-left: -5px;
  margin-top: -15px;
  padding-bottom: 20px;
}

.department #deptBreadcrumbsContainer {
  margin-left: -20px;
}

#portalpage #deptBreadcrumbsContainer {
  margin-top: 20px;
}

/*Left Navs
______________________________________________________________________*/
.leftNav2,
#leftNav {
  margin: 20px 0px 0px 0px;
  max-width: 90%;
}

#portalpage .leftNav2,
#portalpage #leftNav {
  /*legacy portal page fix*/
  margin: 45px 0px 0px 0px;
}

.leftNav2 .ui-icon,
#leftNav .ui-icon {
  display: none;
}

.leftNav2 ul,
#leftNav ul {
  padding: 0px;
  list-style: none;
}

.leftNav2 li,
#leftNav li {
  padding: 0px 5px 20px 0px;
}

.leftNav2 a,
#leftNav a {
  color: #000;
  display: inline-block;
  font-weight: 600;
  max-width: 75%;
}

.leftNav2 a.activePage,
#leftNav a.activePage {
  color: #003da5;
  font-weight: 700;
}

.leftNav2 a.activePage:before,
#leftNav a.activePage:before {
  margin: 4px 0px 0px -15px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #000;
  position: absolute;
  content: "";
}

.leftNav2 a:hover,
#leftNav a:hover {
  background: #003da5;
  color: #fff;
  text-decoration: none;
}

.leftNav2 ul > li > ul,
#leftNav ul > li > ul {
  padding: 20px 0px 0px 20px;
}

.leftNav2 ul > li > ul > li:last-child,
#leftNav ul > li > ul > li:last-child {
  padding-bottom: 0px;
}

.leftNav2 ul > li > ul > li > a,
#leftNav ul > li > ul > li > a {
  color: #555;
  font-size: 15px;
}

/*Left Nav Top Border*/
.department .leftNav2:before,
.department #leftNav:before {
  display: block;
  content: "";
  width: 75%;
  height: 2px;
  border-top: 8px solid #000;
  margin-top: -20px;
  margin-bottom: 20px;
}

/*Back To Top 
______________________________________________________________________*/
#backToTop {
  position: fixed;
  bottom: 80px;
  left: -400px;
}

#backToTop.hasScrolled {
  left: 30px;
}

#backToTop a {
  z-index: 50;
  width: 70px;
  height: 70px;
  text-align: center;
  display: block;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

#backToTop a:hover {
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
  transition: all .1s;
}

#backToTop a:hover i {
  padding-top: 13px;
  font-size: 38px;
  transition: all .1s;
}

#backToTop a i {
  color: #000;
  padding-top: 18px;
  font-size: 28px;
}

/*All Portal Pages
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Services Footer*/
#servicesFooter {
  padding-top: 20px;
}

/* Topic Footer begin */
.topicTile {
  float: right;
  width: 310px;
  height: 30px;
  margin: 5px;
}

.topicTile > .tileLink a {
  color: #000;
  padding: 10px;
}

.topicTile > .tileLink a:hover {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

/*Services Footer Separation*/
#portalpage,
#mainContent.topicPage,
#mainContent.topTier {
  border-bottom: 60px solid #333;
}

.siteFooterMobile {
  padding: 0px 15px;
  margin-bottom: 15px;
}

/*Portal Expandable Menus*/
#leftNavMobileSelect button,
.siteFooterMobile button {
  width: 100%;
  height: 50px;
  border-radius: 0px;
  border: 4px solid #000;
  background: #fff;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
}

#leftNavMobileSelect button:focus,
.siteFooterMobile button:focus,
#leftNavMobileSelect button:hover,
.siteFooterMobile button:hover,
#leftNavMobileSelect button:active,
.siteFooterMobile button:active,
#leftNavMobileSelect.open button,
.siteFooterMobile .dropdown.open button {
  background: #000;
  color: #fff;
  border: 4px solid #000;
  position: relative;
}

#leftNavMobileSelect button .caret,
.siteFooterMobile .dropdown button .caret {
  display: none;
}

#leftNavMobileSelect button:after,
.siteFooterMobile .dropdown button:after {
  content: "\f078";
  font-family: 'fontAwesome';
  float: right;
  position: absolute;
  right: 15px;
}

#leftNavMobileSelect .dropdown-menu,
.siteFooterMobile .dropdown-menu {
  width: 100%;
  margin-top: 0px;
  border-radius: 0px;
  position: relative;
}

.siteFooterMobile .dropdown-menu {
  margin-bottom: 15px;
}

#leftNavMobileSelect .dropdown-menu li a,
.siteFooterMobile .dropdown-menu li a {
  padding: 15px 20px;
}

/*Top Requests*/
#top-request-wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
}

#top-request-wrapper h2 {
  font-size: 27px;
  margin: 0px 0px 20px 0px;
  text-transform: none;
}

#top-request-wrapper h3.tileTitle {
  color: #fff;
  background-color: #000;
  font-size: 22px;
  margin: -20px -15px 20px -15px;
  padding: 25px;
}

#request-lists {
  line-height: 130%;
  font-size: 14px;
}

#request-lists ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  counter-reset: li-counter;
}

#request-lists ol > li {
  display: inline-block;
  width: 100%;
}

#request-lists ol > li:before {
  content: counter(li-counter);
  counter-increment: li-counter;
  display: block;
  float: left;
  width: 30px;
  width: 28px;
  margin: 0px 0px 10px 0px;
  padding: 5px 0px;
  background: #666;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 100px;
}

#request-lists ol > li a {
  color: #000;
  margin-left: 5px;
  padding: 4px 5px 5px 5px;
  float: left;
  width: 85%;
}

#request-lists ol > li a:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}

/*Homepage
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
.homeElectedNavigationWrapper {
  background-color: #333;
  padding: 20px 0 30px;
}

.homeElectedNavigationWrapper h2,
.homeElectedNavigationWrapper h3 a {
  color: #fff;
}

.homeElectedNavigationWrapper h3 i {
  font-size: 16px;
  margin-left: 5px;
}

/*Topic Pages
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
.topicSubhead {
  margin: 30px 0px 40px 20px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  color: #666;
}

.topicSubhead .topicCount {
  font-weight: 800;
  font-size: 36px;
  margin-right: 5px;
}

.secondaryListTitle {
  padding: 10px;
}

/* page level containers  */
.bodyTileWrapper {
  padding-right: 0px;
  padding-left: 0px;
}

#topicSidebar {
  padding-top: 30px;
}

.componentListBorder {
  border: 1px solid #999;
}

#topicServiceContainer {
  padding-bottom: 30px;
}

#topicProgramContainer:before {
  display: block;
  content: "";
  border-top: 1px dotted #ccc;
  width: 98%;
  height: 1px;
  margin-left: 5px;
  left: 0px;
}

/*Portal Department Lists*/
.topTier .bodycopy {
  padding-left: 20px;
  padding-top: 60px;
}

.departmentAgency {
  padding: 0px 0px 55px 20px;
}

/*Topic Filter Refiner*/
#topicFilterContainer .topicSubhead {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  padding: 15px 0px 20px 0px;
  color: #000;
}

#topicFilterContainer .form-group {
  margin-left: 10px;
}

#topicFilterContainer .form-group * {
  display: inline;
  border-radius: 0px;
}

#topicFilterContainer input#filterTextInput {
  width: 66%;
  border: 1px solid #000;
}

#topicFilterContainer button.btn.refine {
  width: 24%;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  font-weight: bold;
  margin: -1px 0px 0px -5px;
}

#topicFilterContainer button.refine:hover {
  background: #fff;
  color: #000;
}

#topicFilterBtn,
#topicFilterContainer button.clearFilters {
  color: #333;
  background-color: #fff;
  width: 90%;
  margin-top: 20px;
}

/*Topic Filter Checkboxes*/
#topicFilterContainer label {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  width: 95%;
  height: 40px;
  margin-left: 25px;
}

#topicFilterContainer input[type=checkbox] {
  display: none;
}

#topicFilterContainer input[type=checkbox] + label:before {
  content: "";
  color: #666;
  border: 1px solid #333;
  background: #fff;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  margin-bottom: -22px;
  margin-left: -35px;
  display: block;
}

/* unchecked icon */
#topicFilterContainer input[type=checkbox]:checked + label:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 36px;
  line-height: 10px;
}

/* checked icon */
#topicFilterContainer .checkbox {
  height: 34px;
}

/* topic filter */
button.appliedFilterButton {
  font-family: "Open Sans";
  font-size: 15px;
  background: #000;
  color: #fff;
  border: none;
  padding: 5px 5px 5px 10px;
  margin: 10px;
}

button.appliedFilterButton:after {
  font-family: 'fontAwesome';
  content: "\f00d";
  padding: 0px 5px 0px 10px;
}

/*Topic Page Program Jump*/
.programJump {
  display: inline-block;
  padding: 10px;
  margin: 40px 0px 0px 0px;
  width: 90%;
  border: 2px solid #000;
}

.programJump:hover {
  background: #000;
  transition: all .4s;
}

.programJump:hover * {
  color: #fff;
}

.programJump * {
  margin: 0px;
  color: #000;
}

.programJump h3 {
  float: left;
  font-family: "Open Sans";
  font-size: 20px;
}

.programJump i {
  float: right;
  margin-top: 3px;
}

/*Topic Page Related Departments*/
#leftNav .relatedListContainer {
  background: #fff;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

#leftNav .relatedListContainer h3 {
  font-family: "Open Sans";
  font-size: 20px;
  padding: 10px;
  background: #000;
  color: #fff;
  text-align: center;
}

#leftNav .relatedList li {
  padding: 10px 20px 0px 20px;
}

#leftNav .relatedList li a {
  padding: 0px 5px;
  max-width: 100%;
}

#leftNav .relatedList li a:hover {
  background: #000;
}

/*Body Styles - General
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Lightboxes
______________________________________________________________________*/
.ekko-lightbox .modal-content {
  background: #000;
  border: 0px;
  border-radius: 0px;
  padding: 10px;
}

.ekko-lightbox .modal-header {
  border: 0px;
  padding-bottom: 0px;
}

.ekko-lightbox .modal-header h4 {
  color: #fff;
  font-family: "Open Sans";
}

.ekko-lightbox .modal-header .close {
  color: #fff;
  opacity: 1;
  font-size: 40px;
  margin-top: -10px;
}

.ekko-lightbox .glyphicon-chevron-left,
.ekko-lightbox .glyphicon-chevron-right {
  opacity: .7;
  font-size: 40px;
  padding-top: 0px;
  text-decoration: none;
  transition: all .2s;
}

.ekko-lightbox .glyphicon-chevron-left:hover,
.ekko-lightbox .glyphicon-chevron-right:hover {
  font-size: 70px;
}

.ekko-lightbox .glyphicon-chevron-left:hover {
  margin-left: -20px;
}

.ekko-lightbox .glyphicon-chevron-right:hover {
  margin-right: -20px;
}

/*Body Styles - Main Content
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
#mainContent .bodycopy,
.mainColWrapper {
  padding-bottom: 60px;
}

/*Headings
______________________________________________________________________*/
h1.pageTitle {
  font-size: 36px;
  margin-top: 20px;
  line-height: 1.1;
  font-family: "Seattle Text", Arial;
}

#portalpage h1.pageTitle,
#mainColMain h1.pageTitle {
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 5px 20px 10px 20px;
  line-height: 40px;
  margin-bottom: 60px;
  margin-top: -40px;
}

#portalpage h1.pageTitle {
  padding: 10px 20px 0px 20px;
  margin-top: 25px;
}

#mainColMain h2 {
  border-bottom: 1px solid #ccc;
}

/*Readability Limiter
______________________________________________________________________*/
.mainColWrapper span,
.mainColWrapper p,
.mainColWrapper ol,
.mainColWrapper ul,
.mainColWrapper h1,
.mainColWrapper h2,
.mainColWrapper h3,
.mainColWrapper h4,
.topTier .bodycopy h2,
.topTier .bodycopy h3,
.topTier .bodycopy h4,
.topTier .bodycopy p,
.topTier .bodycopy span,
#centerColumn #trumbacal,
#mainColMain.col-md-8 table,
#mainColMain.col-md-8 .MapComponent,
#mainColMain.col-md-8 .TrumbaCalendarComponent,
#mainColMain.col-md-8 .form-group,
#mainColMain .VideoComponent,
#mainColMain .col-md-8 div.well,
#mainColMain .col-md-8 table,
#mainColMain .col-md-8 hr,
.ui-accordion-content,
.feedContainer,
#mainColMain h1,
#mainColMain h2,
#mainColMain h3,
#mainColMain h4,
#mainColMain h5,
#mainColMain h6,
#mainColMain hr,
#mainColMain a,
#mainColMain span,
#mainColMain p,
#mainColMain ul,
#mainColMain ol,
#mainColMain dl,
#mainColMain dt,
#mainColMain dd,
#mainColMain .jumbotron,
#mainColMain .panel,
#mainColMain .lead {
  max-width: 580px;
}

/*Links
______________________________________________________________________*/
.bodycopy a,
#mainColMain a, #leftMainRight a, button.btn-link {
  font-weight: bold;
}

#mainColMain a:hover, button.btn-link:hover {
  background: #003da5;
  color: #fff;
  text-decoration: none;
}

/*Paragraphs
______________________________________________________________________*/
#mainColMain div,
#mainColMain p {
  margin-bottom: 30px;
}

#mainColMain div#map div {
  margin-bottom: auto;
}

/*HRs
______________________________________________________________________*/
#mainColContent hr,
#mainColMain hr {
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  border: 0;
  border-top: 1px solid #ccc;
  text-align: left;
}

/*Tables
______________________________________________________________________*/
/*Captions*/
#mainColMain table caption {
  color: #000;
  font-family: "Seattle Text", Arial;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 0px;
  max-width: 580px;
}

/*Unordered Lists
______________________________________________________________________*/
#mainColMain ul {
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 20px 0px;
}

#mainColMain ul li {
  margin-bottom: 20px;
}

#mainColMain ul ul:last-child {
  padding-bottom: 0;
}

#mainColMain ul li:last-child {
  margin-bottom: 0;
}

/*Nested List Styles*/
#mainColContent ul > li,
#mainColMain ul > li {
  list-style: square;
}

#mainColContent ul > li > ul > li,
#mainColMain ul > li > ul > li {
  list-style: circle;
}

#mainColContent ul > li > ul > li > ul > li,
#mainColMain ul > li > ul > li > ul > li {
  list-style: disc;
}

/*Children Element Margins*/
#mainColContent .well * + ul,
#mainColMain .well * + ul {
  margin-top: 10px;
}

#mainColContent .well ul,
#mainColMain .well ul {
  margin-left: 30px;
}

#mainColContent h2 + ul,
#mainColMain h2 + ul,
#mainColContent h3 + ul,
#mainColMain h3 + ul,
#mainColContent h4 + ul,
#mainColMain h4 + ul,
#mainColContent h5 + ul,
#mainColMain h5 + ul {
  margin-top: 30px;
}

#mainColContent strong + ul,
#mainColMain strong + ul {
  margin-top: 20px;
}

/*Hidden List Styles*/
#mainColContent ul.jumpLinks > li,
#mainColMain ul.jumpLinks > li,
#mainColContent ul.list-unstyled > li,
#mainColMain ul.list-unstyled > li,
#mainColContent .tabs li,
#mainColMain .tabs li {
  list-style: none;
}

/*Ordered Lists Basic
______________________________________________________________________*/
#centerColumn ol,
#mainColMain ol {
  counter-reset: li;
  margin: 0px;
  padding: 0px;
}

#centerColumn ol > li,
#mainColMain ol > li {
  margin: 0px 0px 40px 0px;
  position: relative;
  padding: 20px 0px 0px 70px;
  list-style: none;
  border-top: 2px solid #555;
}

#centerColumn ol > li:before,
#mainColMain ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  margin-right: 8px;
  padding: 10px 0px;
  border-top: 2px solid #555;
  color: #fff;
  background: #555;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

/*Ordered Lists Extended
______________________________________________________________________*/
#centerColumn ul > li > ol,
#centerColumn ol > li > ol,
#mainColContent ul > li > ol,
#mainColContent ol > li > ol,
#mainColMain ul > li > ol,
#mainColMain ol > li > ol {
  margin-top: 40px;
}

#centerColumn ol > li > ol > li,
#mainColContent ol > li > ol > li,
#mainColMain ol > li > ol > li {
  border-top: 2px solid #ccc;
  padding: 20px 0px 0px 54px;
}

#centerColumn ol > li > ol > li:before,
#mainColContent ol > li > ol > li:before,
#mainColMain ol > li > ol > li:before {
  content: counter(li,upper-latin);
  background: #fff;
  color: #333;
  border: 2px solid #ccc;
  padding: 3px 0px;
  font-size: 15px;
  width: 32px;
}

#centerColumn ol > li > ul,
#centerColumn ol > li > ul > li > ul > li,
#centerColumn ol > li > ol > li > ul,
#mainColContent ol > li > ul,
#mainColContent ol > li > ul > li > ul > li,
#mainColContent ol > li > ol > li > ul,
#mainColMain ol > li > ul,
#mainColMain ol > li > ul > li > ul > li,
#mainColMain ol > li > ol > li > ul {
  margin-top: 20px;
}

#centerColumn ol > li > ol > li > ol > li,
#mainColContent ol > li > ol > li > ol > li,
#mainColMain ol > li > ol > li > ol > li {
  border-top: 1px dashed #ccc;
  padding: 20px 0px 0px 46px;
}

#centerColumn ol > li > ol > li > ol > li:before,
#mainColContent ol > li > ol > li > ol > li:before,
#mainColMain ol > li > ol > li > ol > li:before {
  top: -1px;
  content: counter(li);
  background: #ddd;
  border: 2px solid #ddd;
  color: #000;
  padding: 0px 0px;
  font-size: 14px;
  width: 24px;
}

#centerColumn ol > li > ol > li > ol > li > ol > li,
#mainColContent ol > li > ol > li > ol > li > ol > li,
#mainColMain ol > li > ol > li > ol > li > ol > li {
  border-top: 1px dotted #ccc;
  padding: 20px 0px 0px 46px;
}

#centerColumn ol > li > ol > li > ol > li > ol > li:before,
#mainColContent ol > li > ol > li > ol > li > ol > li:before,
#mainColMain ol > li > ol > li > ol > li > ol > li:before {
  top: -1px;
  content: counter(li,lower-latin);
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  padding: 2px 0px;
  font-size: 13px;
  width: 24px;
}

/*Definitions
______________________________________________________________________*/
#mainColMain dt {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ccc;
}

#mainColMain dd {
  margin-bottom: 40px;
  padding: 10px 20px;
}

/*Accordions
______________________________________________________________________*/
.ui-accordion-header {
  border-radius: 0px;
  border: 0px;
  font-weight: bold;
  font-size: 20px;
  padding: 15px 10px 15px 20px !important;
}

h3.ui-accordion-header a {
  max-width: 95% !important;
  display: inline-block;
}

.ui-accordion-header.ui-state-default {
  background: #f1f1f1;
}

#mainColMain .ui-accordion-header button {
  border: 0px;
  background: transparent;
  font-family: "Seattle Text", Arial;
  font-size: 20px;
  font-weight: bold;
}

.ui-accordion-header.ui-state-hover,
#mainColMain .ui-accordion-header.ui-state-hover a:hover,
#mainColMain .ui-accordion-header.ui-state-hover button:hover {
  background: #ccc;
  color: #000;
  border: 0px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: inherit;
  right: .5em !important;
  top: 50%;
  margin-top: -8px;
  margin-right: 10px;
}

.ui-accordion-content.ui-widget-content {
  border-bottom: 3px solid #f1f1f1;
  border-left: 3px solid #f1f1f1;
  border-right: 3px solid #f1f1f1;
  background: #fff;
  color: #000;
  padding: 30px 35px;
  border-radius: 0px;
}

/*Tabs
______________________________________________________________________*/
#mainColMain .ui-tabs {
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: transparent;
  font-family: "Open Sans";
}

#mainColMain .ui-tabs-nav,
#mainColMain .ui-tabs-nav * {
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: transparent;
  font-family: "Open Sans";
}

#mainColMain .ui-tabs-nav {
  margin: 0px 0px 80px 0px;
  max-width: 100%;
}

#mainColMain .ui-tabs-nav:after {
  width: 100%;
  border-bottom: 2px solid #000;
  bottom: -5px;
  position: relative;
}

#mainColMain .ui-tabs-nav li a {
  border: 2px solid #000;
  padding: 8px 20px;
  margin-right: 10px;
}

#mainColMain .ui-tabs-nav li.ui-state-active a {
  background: #000;
}

#mainColMain .ui-tabs-nav li.ui-state-active *,
#mainColMain .ui-tabs-nav li a:hover * {
  color: #fff;
}

#mainColMain .ui-tabs-nav li:not(.ui-state-active) a:hover {
  border: 2px solid #003da5;
}

#mainColMain .ui-tabs-panel {
  padding: 0px;
}

/*Panels
______________________________________________________________________*/
#mainColMain .panel,
#mainColMain .panel * {
  border-radius: 0px;
}

.panel .panel-heading,
.panel .panel-heading * {
  background: #fff;
  color: #000;
  padding-bottom: 5px;
}

.panel .panel-heading {
  border-bottom: 1px dashed #999;
}

#mainColMain .panel .panel-heading {
  padding: 25px 30px 20px 30px;
  margin-bottom: 0px;
}

#mainColMain .panel-heading h2,
#mainColMain .panel-heading h3 {
  margin-top: 3px;
  font-family: "Open Sans";
  border: 0px;
}

#mainColMain .panel-body {
  padding: 30px;
}

#mainColMain div.panel div.panel-body :last-child:not(.btn) {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/*Panel Colors*/
/*Primary (Default Black) */
.panel-primary {
  border: 1px solid #000;
}

.panel-primary .panel-heading,
.panel-primary .panel-heading * {
  background: #000;
  color: #fff;
  border: 0px;
}

/*Success (Green) */
.panel-success,
.panel-green {
  border: 1px solid #007749;
}

.panel-success .panel-heading,
.panel-green .panel-heading {
  border-top: 10px solid #007749;
}

/*Info (Blue)*/
.panel-info,
.panel-blue {
  border: 1px solid #69b3e7;
}

.panel-info .panel-heading,
.panel-blue .panel-blue {
  border-top: 10px solid #69b3e7;
}

/*Warning (Yellow)*/
.panel-warning,
.panel-yellow {
  border: 1px solid #ffd552;
}

.panel-warning .panel-heading,
.panel-yellow .panel-heading {
  border-top: 10px solid #ffd552;
}

/*Danger (Red)*/
.panel-danger,
.panel-red {
  border: 1px solid #ab2328;
}

.panel-danger .panel-heading,
.panel-red .panel-heading {
  border-top: 10px solid #ab2328;
}

/*Jumbotrons
______________________________________________________________________*/
#mainColMain div.jumbotron .col-sm-3, #mainColMain div.jumbotron .col-sm-4, #mainColMain div.jumbotron .col-sm-6, #mainColMain div.jumbotron .col-sm-6, #mainColMain div.jumbotron .col-sm-8,
#mainColMain div.jumbotron .col-md-3, #mainColMain div.jumbotron .col-md-4, #mainColMain div.jumbotron .col-md-6, #mainColMain div.jumbotron .col-md-6, #mainColMain div.jumbotron .col-md-8
 {
  margin-bottom: 5px;
}

div.jumbotron:after {
  content: '';
  display: block;
  clear: both;
}

/*Lead Texts
______________________________________________________________________*/
#mainColMain p.lead,
#mainColMain span.lead {
  font-size: 24px;
}

/*Wells
______________________________________________________________________*/
#mainColContent .well,
#mainColContent .well *,
#mainColMain .well,
#mainColMain .well * {
  border-radius: 0px;
  margin: 0px;
  border: 0px;
}

#mainColContent .well,
#mainColMain .well {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: 5px solid #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 30px;
}

#mainColContent .well .list-group-item,
#mainColMain .well .list-group-item {
  border-bottom: 1px solid #aaa;
}

#mainColContent .well .list-group-item.active,
#mainColMain .well .list-group-item.active {
  background: #000;
}

#mainColContent .well .list-group-item:last-child,
#mainColMain .well .list-group-item:last-child {
  border: 0px;
}

/*Buttons
______________________________________________________________________*/
#leftCol .btn,
#mainColMain .btn,
#mainColContent .btn {
  font-weight: 600;
}

#mainColContent br + .btn,
#mainColMain br + .btn {
  margin-top: 20px;
}

.btn {
  border-radius: 2px;
}

.btn-link {
  padding: 0px;
}

.department a .btn,
.department .btn {
  background-color: #003da5;
  color: #fff;
}

#leftCol .btn-primary,
#mainColContent .btn-primary {
  color: #fff;
  background-color: #003da5;
  border-color: #003da5;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
}

#leftCol .btn-default,
#mainColContent .btn-default {
  background: #fff;
  color: #003da5;
  /*Hot Fix, Needs Overriding CSS to be reordered*/
  border: 1px solid !important;
  border-color: #003da5;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
}

#leftCol .btn:hover,
#leftCol .btn-default:hover,
#leftCol .btn-primary:hover,
#mainColContent .btn:hover,
#mainColContent .btn-default:hover,
#mainColContent .btn-primary:hover,
#mainColMain .btn:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

/*btn active states*/
#leftCol .btn-primary.active,
#mainColContent .btn-primary.active,
#mainColMain .btn:active {
  background-color: #003da5;
  border-color: #003da5;
  box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.7);
}

#leftCol .btn-default.active,
#mainColContent .btn-default.active {
  color: #003da5;
  border-color: #003da5;
  background: #fff;
  box-shadow: inset 0px 1px 6px rgba(0, 61, 165, 0.7);
}

#mainColMain .moreInformationDiv {
  text-align: center;
  margin: 20px;
  display: block;
}

#leftCol .btn-primary.disabled,
#leftCol .btn-primary:disabled,
#mainColContent .btn-primary.disabled,
#mainColContent .btn-primary:disabled {
  background-color: #2f57a5;
}

/*btn padding*/
#leftCol .btn,
#mainColContent .btn {
  padding: 7px 20px;
}

#leftCol .btn-lg,
#mainColContent .btn-lg {
  padding: 15px 50px;
}

#leftCol .btn-sm,
#mainColContent .btn-sm {
  padding: 3px 10px;
  font-weight: 700;
}

#leftCol .btn-xs,
#mainColContent .btn-xs {
  padding: 0px 5px;
}

/*Button Colors*/
#leftCol .btn-success,
#mainColContent .btn-success,
#mainColMain .btn-success {
  background-color: #007749;
  border-color: #007749;
  color: #fff;
}

#leftCol .btn-info,
#mainColContent .btn-info,
#mainColMain .btn-info {
  background-color: #69b3e7;
  border-color: #69b3e7;
  color: #000;
}

#leftCol .btn-warning,
#mainColContent .btn-warning,
#mainColMain .btn-warning {
  background-color: #ffd552;
  border-color: #ffd552;
  color: #000;
}

#leftCol .btn-danger,
#mainColContent .btn-danger,
#mainColMain .btn-danger {
  background-color: #ab2328;
  border-color: #ab2328;
  color: #fff;
}

/* popovers */
.popover {
  font-size: 16px;
  max-width: 310px;
}

/*Links as Buttons*/
#mainColMain a.btn, #leftMainRight a.btn {
  font-weight: 700;
}

#mainColMain a.btn:hover, #leftMainRight a.btn:hover {
  border: 1px solid #000;
}

/*Read More Expander
______________________________________________________________________*/
.collapsibleText.truncated {
  height: 90px;
  overflow: hidden;
}

.fadeEffect {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  display: block;
  width: 100%;
  height: 30px;
  margin-top: -58px;
  border-bottom: dashed 1px #eee;
  z-index: 2;
  position: absolute;
}

.moreBtn {
  margin-top: -30px;
  font-weight: bold;
}

.moreBtn .fa {
  margin-left: 5px;
}

/*Main Column Link List
______________________________________________________________________*/
.componentTitle {
  margin: 0 0 30px 0;
}

.issueItem h3.issueTitle {
  font-size: 16px;
  font-family: "Open Sans";
  line-height: 20px;
}

.issueItem h3.issueTitle a {
  color: #000;
}

.issueItem .issueThumbContainer {
  width: 140px !important;
  height: 140px;
  border: 1px solid #999;
}

.issueItem img.issueThumb {
  padding: 20px;
  max-width: 140px !important;
  max-height: 140px;
  width: 100%;
  height: 100%;
}

.issueItem div.issueThumb {
  background: #999;
  margin: 20px;
  width: 100px;
  height: 100px;
}

/*Main Column Contact Group Page 
______________________________________________________________________*/
#mainColMain .departmentContactGroup h2 {
  border-bottom: none;
}

#mainColMain .departmentContactGroup .jumpToOptions {
  border: 1px #000 solid;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 30px;
}

#mainColMain .departmentContactGroup .contactGroupTable {
  border-bottom: 1px #ddd solid;
}

#mainColMain .departmentContactGroup .contactGroupTable td {
  width: 50%;
}

#mainColMain .departmentContactGroup .contactGroupTable div {
  margin-bottom: 0;
  -ms-word-break: break-word;
  word-break: break-word;
}

/*Department Styles
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Page Title*/
.department #mainColMain h1.pageTitle {
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 10px 20px 0px 20px;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 40px;
  margin-top: 0px;
  max-width: 95%;
}

/*Images*/
.department #mainColContent img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.department.locationPage .featureWrapperShort {
  height: 350px;
}

/*Container Spacing
______________________________________________________________________*/
#mainContent.topTier #secondaryList,
#mainColMain {
  padding-bottom: 100px;
}

.deptHome #leftMainRight {
  margin: 60px auto 0px auto;
}

/*Top Nav
______________________________________________________________________*/
.topNavSubContainer {
  display: none;
  /* hide subnav links in top nav temporary */
}

#deptTopNav {
  margin: -90px -10px 0px 0px !important;
  float: right;
}

#deptTopNav ul li {
  float: left;
  list-style: none;
}

#deptTopNav ul li a {
  font-size: 14px;
  font-weight: 700;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  max-width: 130px;
  padding: 0px 15px;
  height: 90px;
  color: #333;
  border-bottom: 5px solid #fff;
  position: relative;
}

#deptTopNav ul li:last-child a {
  padding: 0px 10px 0px 15px;
}

#deptTopNav ul li a:active,
#deptTopNav ul li a.activePage,
#deptTopNav ul li a:hover {
  color: #000;
  border-bottom: 5px solid #003da5;
  text-decoration: none;
}

/*Department Footer
______________________________________________________________________*/
#departmentContactFooterWrapper {
  padding-bottom: 0px;
}

#departmentContactFooter {
  padding: 30px 10px;
}

#deptFootLogoTitle > img {
  padding-right: 10px;
}

span.footerSeattleText,
h1.footerSeattleText {
  margin: 7px 0px -7px 0px;
  line-height: 1;
  font-size: 42px;
  font-family: "Seattle Text", Arial;
  font-weight: bold;
  color: #000;
  display: block;
}

.deptFooterTitle a {
  color: #000;
  font-size: 20px;
  font-family: "Seattle Text";
}

#deptFootContactWrapper {
  margin-right: 15px;
  text-align: right;
}

.footerSocialMediaWrapper > .socialMediaContactItem img,
.contactTileSocialMediaWrapper > .socialMediaContactItem img {
  display: inline;
}

#deptFootContactWrapper .contactTileSocialMediaWrapper a {
  padding-right: 2px;
}

/*Optional Department Sub Footers
______________________________________________________________________*/
/*Department Footer Links*/
#departmentFooterLinksNewsWrapper {
  background-color: #f1f1f1;
  padding: 30px 0px;
}

#departmentFooterLinksNewsWrapper .deptFootLinkCol a {
  display: block;
  padding: 10px 0px 8px;
  color: #000;
  font-size: 15px;
  line-height: 17px;
}

#departmentFooterLinksNewsWrapper .deptFootLinkCol a:hover {
  color: #000;
}

#departmentFooterLinksNewsWrapper .h3TitleFiller {
  height: 26px;
}

/**Department Footer Links --- Short**/
#deptFootLinksWrapperShort {
  background-color: #f1f1f1;
  padding: 15px 0px;
}

#deptFootLinksWrapperShort ul {
  list-style: none;
  padding-left: 0px;
}

#deptFootLinksWrapperShort ul li {
  float: left;
  margin: 10px 60px 10px 0px;
}

#deptFootLinksWrapperShort ul li:last-child {
  margin-right: 0px;
}

#deptFootLinksWrapperShort ul li a {
  color: #000;
  font-family: "Seattle Text";
  font-weight: 600;
  font-size: 18px;
  padding: 5px 10px 3px 10px;
  text-decoration: none;
}

#deptFootLinksWrapperShort ul li a:hover {
  color: #fff;
  background: #003da5;
  text-decoration: none;
}

/*Department Footer Newsletter && Newsletter Signup*/
#deptFootNewsWrapper h3, .newsletterSignup h3 {
  display: inline-block;
}

.deptFootDeptNameNewsSubscribe, .listName {
  color: #666;
  display: block;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 300;
  margin-top: -3px;
}

#deptFootNewsWrapper i.fa, .newsletterSignup i.fa {
  float: right;
  margin-top: 18px;
  font-size: 30px;
  color: #000;
}

.newsletterSignup h3, .newsletterSignup i.fa {
  margin-top: 0px;
}

#deptFootNewsWrapper form, .newsletterSignup form {
  margin-top: 20px;
}

#deptFootNewsWrapper input[name="email"], .newsletterSignup input[name="email"] {
  line-height: 34px;
  padding-bottom: 3px;
  width: 245px;
  padding-left: 10px;
}

.newsletterSignup input[name="email"] {
  width: 226px;
}

#deptFootNewsWrapper button, .newsletterSignup button {
  background-color: #00469f;
  display: inline;
  margin-top: -2px;
  margin-left: -6px;
  border-radius: 0px;
  height: 42px;
  width: 60px;
  font-size: 16px;
  font-weight: bold;
}

#deptFootNewsWrapper button:hover, .newsletterSignup button:hover {
  background-color: #000;
}

/*Department Left Column
______________________________________________________________________*/
.department #RightCol,
.department #leftCol {
  padding-bottom: 150px;
}

.department #leftCol .SidebarXHTMLCopyComponent div,
.department #leftCol .SidebarXHTMLCopyComponent span,
.department #leftCol .SidebarXHTMLCopyComponent p {
  max-width: 250px;
}

.department #leftCol h2 {
  margin-top: 60px;
}

.department #leftCol select {
  max-width: 75%;
}

.department #leftCol .TrumbaCalendarComponent {
  max-width: 85%;
}

/*Department Right Column
______________________________________________________________________*/
.department #rightCol:before {
  display: block;
  content: "";
  width: 75%;
  height: 2px;
  border-top: 8px solid #000;
  padding-bottom: 20px;
}

.department #rightCol .ContactComponent,
.department #rightCol .SidebarLinkListComponent,
.department #rightCol .SidebarXHTMLCopyComponent,
.department #rightCol .TrumbaCalendarComponent {
  padding-bottom: 40px;
}

/*Right Column Forms*/
.department #rightCol input {
  width: 100%;
  height: 40px;
}

.department #rightCol a .btn,
.department #rightCol .btn {
  border-radius: 2px;
  border: none;
  margin-top: 5px;
  padding-top: 10px;
  height: 40px;
  font-weight: bold;
}

.department #rightCol a .btn:hover,
.department #rightCol .btn:hover {
  background: #000;
  color: #fff;
}

.QuoteComponent {
  margin-top: 20px;
}

.QuoteComponent .pq_image {
  margin-bottom: 10px;
}

.QuoteComponent .quoteImageContainer {
  margin: 10px 0;
  border: solid #ccc 1px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  width: 310px;
  margin: auto;
}

.QuoteComponent .quoteImageContainer .quoteImage {
  width: 310px;
  height: 200px;
  background-position: center center;
  background-size: cover;
}

/*Contact Component - In Sidebars*/
aside .contactTitle_Tagline, #mainColMain .contactTitle_Tagline,
#mainColMain .contactTilePhone, #mainColMain .contactTileEmail {
  margin-bottom: 10px;
}

aside .contactTileContentBlock, .departmentContactsContainer .contactTileContentBlock,
#mainColMain .contactTileContentBlock {
  margin: 0px;
}

aside .contactTilePhysicalAddress,
aside .contactTileMailingAddress {
  border-top: 1px dashed #ccc;
  margin-left: 1px;
  padding: 15px 0px 0px 0px;
}

aside .phoneMain,
aside .contactPageLink,
aside .mailingAddress,
aside .physicalAddress {
  margin-top: 20px;
}

aside .socialMediaItems a img {
  display: inline;
  margin: 20px 0px;
}

/* Contact Component MainCol */
#mainColMain .departmentContactsContainer .contactTileContentBlock div {
  margin-bottom: 0px;
}

/*Location Page Styles
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Location General Styles
______________________________________________________________________*/
.locationPage .featureWrapper,
.parkDetailPage .featureWrapper {
  position: relative;
}

.locationPage h1.pageTitle,
.parkDetailPage h1.pageTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 10px 20px 0px 20px;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 0px;
  max-width: 95%;
}

.locationPage #featuredTileContainer + h1.pageTitle,
.parkDetailPage #featuredTileContainer + h1.pageTitle {
  position: relative;
}

.locationPage .col-xs-12.amenities,
.locationPage .col-xs-12.bodyText {
  max-width: 580px;
}

/*Location Hours & Contact Bar
______________________________________________________________________*/
#locationHoursAndContact,
#parkHoursAndContact {
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding: 15px 0;
}

div#locationHoursAndContact div,
div#parkHoursAndContact div {
  margin-bottom: 0px;
}

#locationHoursAndContact .fa,
#parkHoursAndContact .fa {
  font-size: 28px;
  float: left;
  margin-right: 10px;
  line-height: 20px;
}

#locationHoursAndContact a,
#locationHoursAndContact button,
#locationHourPopover,
.parkDetailPage #parkHoursAndContact a,
.parkDetailPage #parkHoursAndContact button,
#parkHourPopover {
  color: #000;
  text-decoration: none;
}

#locationHoursAndContact a:hover,
#locationHoursAndContact button:hover,
.parkDetailPage #parkHoursAndContact a:hover,
.parkDetailPage #parkHoursAndContact button:hover {
  color: #003da5;
  background-color: transparent;
  background: none;
}

#locationHoursAndContact a:hover .fa,
.parkDetailPage #parkHoursAndContact a:hover .fa {
  color: #003da5;
}

/*Location Alerts
______________________________________________________________________*/
.locationPage .alertTextContainer,
.parkDetailPage .alertTextContainer {
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  padding: 20px 10px;
  background: rgba(225, 225, 225, 0.75);
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.locationPage .alertTextContainer .fa-exclamation-triangle,
.parkDetailPage .alertTextContainer .fa-exclamation-triangle {
  color: #e4002b;
  font-size: 20px;
  margin-right: 5px;
}

/*Modal*/
#pageAlertModalBanner .modal-content,
.locationPage #pageAlertModal .modal-content {
  border-radius: 0px;
}

#pageAlertModalBanner .modal-body,
.locationPage #pageAlertModal .modal-body {
  padding: 25px;
  text-align: left;
  font-weight: initial;
}

#pageAlertModalBanner .fa-close,
.locationPage #pageAlertModal .fa-close {
  border: 0px;
  height: 40px;
  width: 40px;
  font-size: 24px;
  background: #666;
  color: #fff;
  margin: -25px -25px 0px 0px;
}

#pageAlertModalBanner .fa-close:hover,
.locationPage #pageAlertModal .fa-close:hover {
  background: #000;
}

#pageAlertModalBanner .modal-body a,
.locationPage #pageAlertModal .modal-body a {
  font-weight: bold;
}

#pageAlertModalBanner .modal-body a:hover,
.locationPage #pageAlertModal .modal-body a:hover {
  background: #003da5;
  color: #fff;
  text-decoration: none;
}

/*Location A to Z Lists*/
.aToZ .paginationContainer {
  max-width: 950px;
}

.aToZ .pageNumberWrapper strong:after {
  content: ' results';
  display: inline;
}

.aToZ .typeDescriptor {
  display: none;
}

/*Contact Popover
______________________________________________________________________*/
#parkHoursAndContact .contactTile .popover {
  margin-top: -10px;
  border-radius: 0px;
  padding: 0px;
  border-top: 8px solid #000;
}

#parkHoursAndContact .contactTile .popover-content {
  padding: 20px 10px;
}

#parkHoursAndContact .contactTile .closeParkContact {
  width: 40px;
  height: 40px;
  padding-left: 8px;
  margin-top: -10px;
  margin-right: -10px;
  margin-left: 15px;
}

#parkHoursAndContact .contactTile .contactName {
  padding-bottom: 10px;
}

/*Image Gallery
______________________________________________________________________*/
.imageGallery .imageGalleryImage {
  height: 100px;
  width: 100px;
  overflow: hidden;
  border: 2px #fff solid;
  padding: 0;
  margin: 0 10px 0 0;
  transition: all .1s;
}

.imageGallery .imageGalleryImage:hover {
  border: 5px #000 solid;
}

.imageGallery .imageGalleryImage img {
  min-height: 100%;
  min-width: 100%;
}

/*Components
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Video Component
______________________________________________________________________*/
#mainColMain .VideoComponent .jwplayer {
  margin-bottom: 0px;
}

#mainColMain .VideoComponent .overlayBox {
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.95) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 );
  /* IE6-9 */
  box-sizing: border-box;
  height: 60px;
  padding: 0px 10px;
  position: relative;
  margin-top: -60px;
}

#mainColMain .VideoComponent .overlayBox .videoTitle {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  font-family: "Seattle Text";
  position: absolute;
  bottom: 0px;
  margin: 0px 5px 10px 5px;
}

/*Blog Feed Component
______________________________________________________________________*/
/*All Feeds*/
.feedContainer h2 a {
  color: #000;
}

.feedContainer .fa-feed {
  color: #ea5300;
  font-size: 24px;
}

.rssItem {
  min-height: 40px;
}

.rssDate,
aside .feedContainer > ol > li > span {
  font-weight: 700;
  font-size: 14px;
  width: 50px;
  height: 50px;
  padding-top: 12px;
  text-align: center;
  border: 1px solid #000;
  border-top: 5px solid #ea5300;
  position: absolute;
}

.rssDate.longDate {
  padding-top: 2px;
}

.rssThumbnail {
  display: none;
}

.rssTitle {
  font-size: 20px;
  line-height: 22px;
  padding-left: 70px;
  margin-bottom: 15px;
}

.feedContainer.title .rssTitle {
  font-size: 18px;
}

.rssTitle a {
  color: #000;
}

.rssDescription {
  padding-left: 70px;
}

.feedLinks .fa-rss {
  color: #ea5300;
}

/*Main Column Feeds*/
#mainColMain .feedLinks {
  height: 40px;
  margin: 0px;
  margin-top: 20px;
}

#mainColMain .feedContainer .feedTitleIconWrapper h2, #mainColMain .feedContainer .feedTitleIconWrapper h3, #mainColMain .feedContainer .feedTitleIconWrapper div, #mainColMain .feedContainer .feedTitleIconWrapper i, #mainColMain .feedContainer .feedTitleIconWrapper a, .councilVideos h2 {
  display: inline;
  position: relative;
  float: none;
}

#mainColMain .feedContainer .feedTitleIconWrapper i,
aside .feedContainer .feedTitleIconWrapper i {
  font-size: 24px;
  margin-left: 10px;
}

#mainColMain .feedContainer {
  padding-bottom: 20px;
}

#mainColMain .feedContainer h2 a {
  padding-bottom: 0px !important;
}

#mainColMain .twoColLeft > .padTop:first-child h2:first-child,
#mainColMain .twoColRight > .padTop:first-child h2:first-child {
  margin-top: 0px;
  margin-bottom: 25px;
}

#mainColMain .twoColLeft .feedTitleIconWrapper,
#mainColMain .twoColRight .feedTitleIconWrapper {
  border-bottom: 1px solid #ccc;
}

#mainColMain .twoColLeft .feedTitleIconWrapper h2,
#mainColMain .twoColRight .feedTitleIconWrapper h2 {
  border-bottom: none;
}

/*Sidebar Feeds*/
aside #rightCol .feedContainer {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 10px;
}

aside .feedContainer h3 {
  margin: 0px 0px 20px 0px;
  width: 90%;
}

aside .feedContainer h3 a {
  color: #000;
}

aside .feedContainer .feedLinks {
  width: 10%;
  text-align: right;
}

aside .feedContainer > ol,
.feedContainer > ol > li {
  margin: 0px;
  padding: 0px;
}

aside .feedContainer > div,
aside .feedContainer > ol {
  list-style: none;
  clear: both;
}

aside .feedContainer > ol > li {
  padding-left: 70px;
  padding-bottom: 15px;
  min-height: 65px;
}

aside .feedContainer > ol > li > a {
  color: #000;
  font-weight: 500 !important;
  font-size: 15px;
  line-height: 20px;
}

aside .feedContainer > ol > li > span {
  margin-left: -70px;
}

aside .feedContainer.title_excerpt .rssItem {
  padding-bottom: 30px;
}

aside .feedContainer.title_excerpt .rssDescription {
  font-size: 15px;
}

aside .feedContainer.title_excerpt .rssBody {
  font-size: 18px;
}

/*Board Member Component  
______________________________________________________________________*/
.boardMember {
  margin-bottom: 10px;
}

.boardMemberProfTitle {
  font-weight: bold;
}

.boardMember div.boardMemberContent h4.boardMemberName {
  margin-bottom: 8px;
}

.boardMember div.boardMemberContent .memberBio {
  display: none;
}

.boardMember div.boardMemberContent .toggleBio {
  cursor: pointer;
  color: #003da5;
  display: inline-block;
  font-weight: bold;
}

.boardMember div.boardMemberContent .toggleBio:hover {
  color: #fff;
  background: #000;
}

.boardMember div.boardMemberContent .toggleBio span.arrowUp {
  display: none;
}

#accordion .boardMember div.boardMemberContent .toggleBio {
  display: none;
}

#accordion .boardMember div.boardMemberContent .memberBio {
  display: block;
}

/* Map Component  
______________________________________________________________________*/
#map #mainColMain #addressContainer {
  margin-bottom: 10px;
}

#map #mainColMain #addressContainer div {
  margin-bottom: 0px;
}

#map #map_zoom_slider,
#map #BasemapToggle .toggleButton.satellite {
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

#map #map_zoom_slider .esriSimpleSliderIncrementButton,
#map #map_zoom_slider .esriSimpleSliderDecrementButton {
  width: 50px;
  height: 50px;
  border-radius: 0px;
  padding-top: 10px;
  transition: background .2s;
  color: #000;
}

#map #map_zoom_slider .esriSimpleSliderIncrementButton:hover,
#map #map_zoom_slider .esriSimpleSliderDecrementButton:hover {
  background: #003da5;
  color: #fff;
  font-weight: bold;
}

#map #BasemapToggle {
  top: 20px;
  right: 20px;
  width: 55px;
}

#map #BasemapToggle .toggleButton.satellite {
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  padding: 0px 0px 10px 0px;
}

#map #BasemapToggle .toggleButton.satellite:hover,
#map #BasemapToggle .toggleButton.satellite:hover .basemapTitle {
  background: #003da5;
  color: #fff;
}

#map #BasemapToggle .basemapImage {
  width: 100%;
  padding-bottom: 10px;
}

#map #BasemapToggle .basemapTitle {
  font-weight: 600;
  font-size: 11px;
  color: #000;
}

#map .logo-med,
#map .esriAttribution {
  display: none;
}

/*Point Pop Ups*/
#map .esriPopupWrapper,
#map .esriPopupWrapper .titlePane,
#map .esriPopupWrapper .actionsPane {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
}

#map .esriPopupWrapper .titlePane {
  padding: 0px;
}

#map .esriPopupWrapper .titlePane .title {
  padding: 10px 10px 10px 50px;
}

#map .esriPopupWrapper .titlePane .titleButton.close {
  background: transparent;
  opacity: 1;
  left: 0px;
  top: 0px;
}

#map .esriPopupWrapper .titlePane .titleButton.close:before {
  content: '\f00d';
  font-family: 'fontAwesome';
  font-weight: normal;
  color: #fff;
  width: 40px;
  height: 40px;
  padding-top: 9px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  text-align: center;
  display: inline-block;
}

#map .esriPopupWrapper .titlePane .titleButton.close:hover:before {
  background: #fff;
  color: #000;
}

#map .action.zoomTo {
  display: none;
}

/* datatables  
______________________________________________________________________*/
table.dataTable tbody tr.active, table.dataTable.display tbody tr.active:hover {
  color: #fff;
  background-color: #003da5;
  border-color: #003da5;
}

table.dataTable {
  border-top: 8px solid #333;
}

table.dataTable thead th {
  border-top: 1px solid #ddd !important;
}

table.dataTable thead th {
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  font-weight: 600;
  padding-right: 30px;
}

table.table.dataTable thead th:first-child {
  border-left: 1px solid #eee;
}

table.table.dataTable thead th.details-control {
  border-right: 0 none;
  padding-right: 0;
}

table.dataTable tfoot {
  display: none;
}

table.dataTable th, table.table.dataTable td {
  vertical-align: middle;
}

table.dataTable tr + tr:hover td {
  background: #fff none repeat scroll 0 0;
}

table.dataTable.table-bordered {
  border-bottom: 0px;
}

table.dataTable.table-bordered tr th,
table.dataTable.table-bordered tr td {
  border-left: 1px solid #ccc;
  border-right: 0px;
  border-bottom: 0px;
}

table.dataTable.table-bordered tr th {
  border-top: 0px;
  border-bottom: 1px solid #000;
}

table.dataTable.table-bordered tr th:first-child,
table.dataTable.table-bordered tr td:first-child {
  border-left: 0px;
}

table.dataTable.table-bordered tr:last-child td {
  border-bottom: 1px solid #000;
}

table.dataTable td.details-control {
  text-align: center;
}

#mainColMain .dataTables_length, #mainColMain .dataTables_filter {
  margin-bottom: 10px;
}

.dataTables_length select, .dataTables_filter input {
  border-radius: 0;
}

.dataTables_filter input {
  font-weight: 600;
  margin-left: 0 !important;
}

.dataTables_length::after {
  content: " ";
  left: 0;
  margin: -10px 0 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.dtr-title {
  font-weight: bold;
}

.dtr-title::after {
  content: ": ";
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #eee none repeat scroll 0 0;
  border: 0 none !important;
  border-radius: 0 !important;
  margin-bottom: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  display: none;
}

#mainColMain .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #003da5 none repeat scroll 0 0 !important;
  color: #fff !important;
}

td.details-control {
  cursor: pointer;
  text-align: left !important;
}

td.details-control:before,
tr.shown td.details-control:before {
  font-family: 'fontAwesome';
  font-size: 20px;
}

td.details-control:before {
  content: '\f067';
  color: #333;
}

tr.shown td.details-control:before {
  content: '\f068';
}

td.details-control .glyphicon {
  display: none;
}

.dataTable .imageGallery .imageGalleryImage {
  display: inline-block;
}

/* SearchFormCollection  
______________________________________________________________________*/
.featureWrapperSlides {
  position: absolute;
  width: 100%;
  height: 350px;
}

.featureWrapperSlides .slide {
  width: 100%;
  height: 350px;
  background-position: center center;
  background-size: cover;
}

.featureWrapperSlides .slick-prev,
.featureWrapperSlides .slick-next {
  width: 100px;
  height: 60px;
  z-index: 1000;
}

.featureWrapperSlides .slick-prev {
  left: 100px;
}

.featureWrapperSlides .slick-next {
  right: 100px;
}

.featureWrapperSlides .slick-prev:before,
.featureWrapperSlides .slick-next:before {
  font-size: 60px;
  font-family: 'FontAwesome';
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.featureWrapperSlides .slick-prev:hover:before,
.featureWrapperSlides .slick-next:hover:before {
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}

.featureWrapperSlides .slick-prev:before {
  content: '\f053';
}

.featureWrapperSlides .slick-next:before {
  content: '\f054';
}

.searchFormCollectionWrapper .featureWrapper,
.searchFormCollectionWrapper .featureWrapper.emptyFeatureWrapper {
  margin-bottom: 0px;
  height: 350px;
  transition: all .3s;
}

.searchFormCollectionWrapper .searchFormWrapper {
  width: 630px;
  margin: 70px auto;
}

.findWhat {
  margin-bottom: 20px;
  display: inline-flex;
  width: 100%;
}

.findWhatTitle {
  color: #fff;
  font-size: 48px;
  font-family: "Seattle Text";
  font-weight: bold;
  line-height: 0px;
  position: relative;
}

span.findWhatTitle {
  text-shadow: 0px 0px 75px rgba(0, 0, 0, 0.9);
  min-width: 122px;
  margin-top: 30px;
}

select.findWhatTitle {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  font-style: italic;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 0px 5px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 0px;
}

select.findWhatTitle option {
  background: #000;
  font-size: 24px;
}

.byWrapper {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  display: block;
  position: absolute;
  margin-left: -35px;
  margin-top: 10px;
}

.findByWrapper.form-group {
  margin-top: 0px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.findByWrapper .btn-group {
  width: 100%;
}

.findByWrapper .btn-group button {
  width: 25%;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 18px;
  height: 50px;
  transition: all .25s;
}

.findByWrapper .btn-group button.active {
  background-color: #003da5;
  font-weight: bold;
  box-shadow: none;
  cursor: default;
}

.findByWrapper .btn-group button:hover:not(.active) {
  background-color: #000;
}

.findByInput {
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.findByIndicator.fa {
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 0px;
  top: -6px;
  left: 15.5%;
  color: #fff;
  width: 0;
  height: 0;
  text-shadow: 0px -2px 3px rgba(0, 0, 0, 0.5);
  transition: all .5s;
  z-index: 1;
}

.findByInput input {
  width: 100%;
  height: 50px;
  border: 0px;
  border-radius: 0px;
  padding: 10px;
}

.findByInput button {
  display: block;
  position: absolute;
  /*color:;*/
  top: 5px;
  right: 5px;
  width: 120px;
  height: 40px;
  background: #003da5;
  border: 0px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}

.findByInput button:hover {
  background: #000;
  color: #fff;
}

/* easy autocomplete */
.easy-autocomplete-container {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9001;
  position: absolute;
  width: 100%;
  height: 0;
}

.easy-autocomplete-container * {
  color: #444444;
}

.easy-autocomplete-container ul {
  background-color: rgba(255, 255, 255, 0.85);
}

.easy-autocomplete-container li {
  padding: 5px 0px;
}

/* Address Helper */
.searchFormWrapper .addressHelper {
  background: rgba(255, 255, 255, 0.8);
  padding: 0px 0px 0px 20px;
  display: flex;
}

.searchFormWrapper .addressHelper .fa-exclamation-circle {
  font-size: 28px;
  padding: 15px 0px;
}

.searchFormWrapper .addressHelper .message {
  padding: 10px 15px;
  width: 90%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.searchFormWrapper .addressHelper .fa-close {
  border: 0px;
  background: transparent;
  font-size: 28px;
  margin-right: 0px;
  padding: 15px 20px;
}

.searchFormWrapper .addressHelper .fa-close:hover {
  background: #000;
  color: #fff;
}

/* Hide Address Submit */
.findByInput input.addressSubmit {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
  background: transparent;
}

/*A to Z Link*/
.aToZLink {
  margin-top: 40px;
  text-align: center;
}

.aToZLink a {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 3px 10px;
  font-size: 13px;
  transition: all .25s;
}

.aToZLink a:hover {
  background: #fff;
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

/* Pagination 
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
.paginationItem img {
  width: 150px;
}

.paginationItem .paginationTitle {
  margin-top: 0px;
}

.paginationItem .paginationTitle, .paginationItem .titleExcerptText {
  max-width: 580px;
}

.paginationItem .col-sm-4, .paginationItem .col-md-3 {
  width: 20%;
}

/*Color Blocks
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/**Orphaned Color Block Page Titles**/
.container.empty #leftMainRight {
  padding-top: 40px;
}

.container.empty #mainColMain {
  padding-bottom: 0px;
}

.container.empty #mainColMain > div {
  margin-bottom: 0px;
}

.container.empty #mainColMain h1 {
  margin-bottom: 0px;
}

.container.empty.noTitle {
  display: none;
}

/*Color Block General Styles
______________________________________________________________________*/
.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  padding: 40px 0px;
}

.colorBlock.MainColumnTwoColumnComponent button.btn,
.colorBlock.MainColumnTwoColumnComponent a.btn {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0px;
  margin-top: 20px;
}

.colorBlock.MainColumnTwoColumnComponent button.btn:after,
.colorBlock.MainColumnTwoColumnComponent a.btn:after {
  font-family: 'fontAwesome';
  content: '\f054';
  margin-left: 15px;
}

.colorBlock.MainColumnTwoColumnComponent h2 {
  margin-bottom: 30px;
}

.colorBlock.MainColumnTwoColumnComponent h2,
.colorBlock.MainColumnTwoColumnComponent h2 a {
  font-size: 40px;
  display: inline-block;
}

.MainColumnInsertComponent .colorBlock h2 {
  margin-left: 20px;
}

.colorBlockQuote {
  display: table;
  width: 100%;
}

.quoteBody {
  font-family: 'Merriweather', serif;
  font-size: 1.4em;
  width: 95%;
  color: #000;
  padding: 10px;
  float: left;
}

.quoteBody .quoteBy {
  font-size: 0.9m;
  margin-top: 20px;
}

.quoteBody .quoteBy a,
.quoteBody .quoteBy a:active,
.quoteBody .quoteBy a:visited {
  color: #000;
  text-decoration: underline;
}

.colorBlockQuote .quoteBody.White,
.colorBlockQuote .quoteBody.White .quoteBy a,
.colorBlockQuote .quoteBody.White .quoteBy a:active,
.colorBlockQuote .quoteBody.White .quoteBy a:visited,
.colorBlockQuoteWide .quoteBody.White,
.colorBlockQuoteWide .quoteBody.White .quoteBy a,
.colorBlockQuoteWide .quoteBody.White .quoteBy a:active,
.colorBlockQuoteWide .quoteBody.White .quoteBy a:visited {
  color: #fff;
}

.colorBlockQuote .quoteBody.DarkGray,
.colorBlockQuote .quoteBody.DarkGray .quoteBy a,
.colorBlockQuote .quoteBody.DarkGray .quoteBy a:active,
.colorBlockQuote .quoteBody.DarkGray .quoteBy a:visited,
.colorBlockQuoteWide .quoteBody.DarkGray,
.colorBlockQuoteWide .quoteBody.DarkGray .quoteBy a,
.colorBlockQuoteWide .quoteBody.DarkGray .quoteBy a:active,
.colorBlockQuoteWide .quoteBody.DarkGray .quoteBy a:visited {
  color: #333f48;
}

.colorBlockQuoteWide.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  display: table;
  padding: 26px 160px;
}

.QuoteComponentList.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  padding: 0;
}

.QuoteComponent.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  padding: 0;
}

.colorBlock blockQuote {
  border: none;
  padding-left: 10px;
  font-size: inherit;
}

.colorBlock cite {
  display: block;
}

.colorBlock .quoteMessage {
  line-height: 45px;
  background: #fff;
  border-radius: 10px;
  padding-left: 40px;
  box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.colorBlock .quoteBody.White .quoteMessage {
  background: #fff;
}

.colorBlock .quoteMessageNoImage::before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: 20px;
  color: inherit;
}

.colorBlock .quoteMessage::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 55px;
  width: 0;
  height: 0;
  left: -15px;
  z-index: 1;
  border-top: 23px solid transparent;
  border-right: 36px solid #fff;
  border-bottom: 23px solid transparent;
}

.colorBlock .quoteBody.White .quoteMessage::before {
  border-right: 36px solid #fff;
}

.colorBlock .quoteMessageNoImage::after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: -20px;
  bottom: 20px;
  color: inherit;
}

/*Mobile support for quote containers*/
@media (min-width: 286px) and (max-width: 767px) {
  /*remove the quote arrow*/
  .colorBlock .quoteMessage::before {
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
}
.colorBlock.colorBlockQuoteWide .textOnly {
  padding: 0 20px;
}

.colorBlock .quoteImageContainer {
  border: solid #000 1px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  width: 310px;
  height: 100%;
  line-height: 100%;
  margin: auto;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.colorBlock .quoteImageContainer .quoteImage {
  width: 310px;
  height: 200px;
  background-position: center top;
  background-size: cover;
  transition: all .5s ease 0s;
}

.colorBlock .quoteImageContainer:hover .quoteImage,
.colorBlock .quoteImageContainer:focus .quoteImage {
  transform: scale(1.2);
}

.QuoteComponent.colorBlock {
  /*padding: 25px 40px !important;*/
}

/*Color Block Base Colors
______________________________________________________________________*/
.colorBlock.Charcoal,
.ParallaxComponentList.colorBlock .parallaxCopyContainer.Charcoal,
.ParallaxComponent.colorBlock .parallaxCopyContainer.Charcoal {
  background: #333f48;
  color: #fff;
}

.colorBlock.LightBlue,
.ParallaxComponentList.colorBlock .parallaxCopyContainer.LightBlue,
.ParallaxComponent.colorBlock .parallaxCopyContainer.LightBlue {
  background: #e3e8f5;
  color: #000;
}

.colorBlock.White,
.ParallaxComponentList.colorBlock .parallaxCopyContainer.White,
.ParallaxComponent.colorBlock .parallaxCopyContainer.White {
  border-top: 1px solid #ccc;
  background: #fff;
  color: #000;
}

.colorBlock.Green,
.ParallaxComponentList.colorBlock .parallaxCopyContainer.Green,
.ParallaxComponent.colorBlock .parallaxCopyContainer.Green {
  background: #007749;
  color: #fff;
}

.colorBlock.Navy,
.ParallaxComponentList.colorBlock .parallaxCopyContainer.Navy,
.ParallaxComponent.colorBlock .parallaxCopyContainer.Navy {
  background: #0D223F;
  color: #fff;
}

.ParallaxComponentList.colorBlock, .ParallaxComponent.colorBlock {
  margin-left: auto;
  margin-right: auto;
}

/*Color Block Link Colors
______________________________________________________________________*/
.colorBlock.Charcoal.MainColumnTwoColumnComponent a,
.colorBlock.Green.MainColumnTwoColumnComponent a {
  color: #fff;
}

.colorBlock.Charcoal.MainColumnTwoColumnComponent button.btn,
.colorBlock.Charcoal.MainColumnTwoColumnComponent a.btn {
  background: #fff;
  color: #000;
}

.colorBlock.LightBlue.MainColumnTwoColumnComponent button.btn,
.colorBlock.LightBlue.MainColumnTwoColumnComponent a.btn {
  background: #003da5;
  color: #fff;
}

.colorBlock.White.MainColumnTwoColumnComponent button.btn,
.colorBlock.White.MainColumnTwoColumnComponent a.btn {
  background: #003da5;
  color: #fff;
}

.colorBlock.Green.MainColumnTwoColumnComponent button.btn,
.colorBlock.Green.MainColumnTwoColumnComponent a.btn {
  background: #fff;
  color: #000;
}

.colorBlock.MainColumnTwoColumnComponent button.btn:active,
.colorBlock.MainColumnTwoColumnComponent button.btn:hover,
.colorBlock.MainColumnTwoColumnComponent a.btn:active,
.colorBlock.MainColumnTwoColumnComponent a.btn:hover {
  background: #000;
  color: #fff;
}

/*Color Block Headings
______________________________________________________________________*/
.colorBlock.LightBlue.TitledCollection h3.secondaryListTitle,
.colorBlock.White.TitledCollection h3.secondaryListTitle,
.colorBlock.TitledCollection h3.secondaryListTitle {
  color: #000;
}

.colorBlock.Charcoal.MainColumnTwoColumnComponent h2,
.colorBlock.Charcoal.MainColumnTwoColumnComponent h2 a,
.colorBlock.Green.MainColumnTwoColumnComponent h2,
.colorBlock.Green.MainColumnTwoColumnComponent h2 a,
.colorBlock.Charcoal.TitledCollection h3.secondaryListTitle,
.colorBlock.Green.TitledCollection h3.secondaryListTitle,
.colorBlock.Navy.MainColumnTwoColumnComponent h3,
.colorBlock.Navy.MainColumnTwoColumnComponent h3 a,
.colorBlock.Navy.TitledCollection h3.secondaryListTitle {
  background: transparent;
  color: #fff;
}

.colorBlock.Charcoal.TitledCollection h3.secondaryListTitle,
.colorBlock.Green.TitledCollection h3.secondaryListTitle,
.colorBlock.Navy.TitledCollection h3.secondaryListTitle {
  padding: 0px 0px 10px 5px;
  margin-top: 0px;
}

.ColorBlockTilesetComponent.colorBlock h2 {
  font-size: 40px;
}

.ColorBlockTilesetComponent.Charcoal.colorBlock h2,
.ColorBlockTilesetComponent.Navy.colorBlock h2,
.ColorBlockTilesetComponent.Green.colorBlock h2,
.colorBlock.Navy.MainColumnTwoColumnComponent h2 {
  color: #fff;
}

.ColorBlockTilesetComponent.White.colorBlock h2,
.ColorBlockTilesetComponent.LightBlue.colorBlock h2 {
  color: #000;
}

/*Color Block Blog Feeds
______________________________________________________________________*/
.colorBlock.MainColumnTwoColumnComponent .feedLinks,
.colorBlock.MainColumnTwoColumnComponent .feedLinks a {
  display: inline;
  margin-left: 5px;
  background: transparent;
  font-weight: bold;
}

.colorBlock.Charcoal.MainColumnTwoColumnComponent .fa-rss,
.colorBlock.Green.MainColumnTwoColumnComponent .fa-rss {
  color: #fff;
}

.colorBlock.MainColumnTwoColumnComponent .feedLinks a:hover .fa-rss {
  text-decoration: underline;
}

.colorBlock.MainColumnTwoColumnComponent .rssItem {
  margin-bottom: 30px;
}

.colorBlock.MainColumnTwoColumnComponent .rssTitle,
.colorBlock.MainColumnTwoColumnComponent .rssTitle a {
  background: transparent;
  font-weight: bold;
}

.colorBlock.Charcoal.MainColumnTwoColumnComponent .feedLinks a,
.colorBlock.Charcoal.MainColumnTwoColumnComponent .rssTitle,
.colorBlock.Charcoal.MainColumnTwoColumnComponent .rssTitle a,
.colorBlock.Green.MainColumnTwoColumnComponent .feedLinks a,
.colorBlock.Green.MainColumnTwoColumnComponent .rssTitle,
.colorBlock.Green.MainColumnTwoColumnComponent .rssTitle a {
  color: #fff;
}

.colorBlock.MainColumnTwoColumnComponent:not(.White) .rssDate {
  border: 0px;
  border-top: 5px solid #ea5300;
  background: #fff;
  color: #000;
}

/*Color Block Titled Collections
______________________________________________________________________*/
.colorBlock.TitledCollection .taxonomyTile.navigationContact h3 {
  color: #003da5;
  font-size: 18px;
  margin: 0px;
  font-family: "Open Sans";
}

.colorBlock.TitledCollection select {
  color: #000;
}

/*Color Block Search Forms
______________________________________________________________________*/
.colorBlock.SearchCollectionFormComponent .findWhatTitle {
  margin-bottom: 2px;
  text-align: center;
  width: 100%;
}

.colorBlock.Charcoal.SearchCollectionFormComponent *,
.colorBlock.LightBlue.SearchCollectionFormComponent *,
.colorBlock.White.SearchCollectionFormComponent *,
.colorBlock.Green.SearchCollectionFormComponent * {
  text-shadow: none;
  box-shadow: none;
}

.colorBlock.LightBlue.SearchCollectionFormComponent .findWhatTitle,
.colorBlock.LightBlue.SearchCollectionFormComponent .byWrapper,
.colorBlock.White.SearchCollectionFormComponent .findWhatTitle,
.colorBlock.White.SearchCollectionFormComponent .byWrapper {
  color: #000;
}

.colorBlock.Charcoal.SearchCollectionFormComponent .findByIndicator,
.colorBlock.LightBlue.SearchCollectionFormComponent .findByIndicator,
.colorBlock.White.SearchCollectionFormComponent .findByIndicator,
.colorBlock.Green.SearchCollectionFormComponent .findByIndicator {
  text-shadow: 0px -1px 0px #000;
  margin-top: 1px;
}

.colorBlock.LightBlue.SearchCollectionFormComponent .findByInput input[type="text"],
.colorBlock.White.SearchCollectionFormComponent .findByInput input[type="text"] {
  border: 1px solid #888;
}

/*Color Block Topic Filter Components 
______________________________________________________________________*/
.colorBlock.TopicFilterComponent {
  padding-bottom: 80px !important;
  border-top: 1px solid #ccc;
  border-bottom: 60px solid #333;
}

.colorBlock.TopicFilterComponent #taxonomyTermGroup .checkbox {
  padding-right: 20px;
}

.colorBlock.TopicFilterComponent #taxonomyTermGroup .checkbox:first-child {
  margin-top: 0px;
}

.colorBlock.TopicFilterComponent .topicSubhead {
  margin-top: 10px;
}

.colorBlock.TopicFilterComponent .topics {
  padding: 0px;
}

/*Parallax styles
______________________________________________________________________*/
.ParallaxComponentList.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent),
.ParallaxComponent.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
  padding: 0;
}

.parallaxCopyContainer {
  min-height: 100px;
  width: 100%;
  background: #000;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.9);
}

.parallaxCopy {
  max-width: 1292px;
  padding: 40px 10px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
}

.parallaxCopy a {
  text-decoration: underline;
  color: inherit;
}

.parallaxCopy.DarkGray p, .parallaxCopy.DarkGray h1, .parallaxCopy.DarkGray h2, .parallaxCopy.DarkGray h3,
.parallaxCopy.DarkGray ul, .parallaxCopy.DarkGray li, .parallaxCopy.DarkGray a {
  color: #333f48;
}

.parallaxCopy.White p, .parallaxCopy.White h1, .parallaxCopy.White h2, .parallaxCopy.White h3,
.parallaxCopy.White ul, .parallaxCopy.White li, .parallaxCopy.White a {
  color: #fff;
}

/*UNSORTED
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
/*Mobile & Tablet
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (max-width: 991px) {
  .colorBlock.colorBlockQuoteWide .textOnly {
    padding: 0 40px;
  }

  .colorBlockQuoteWide.colorBlock:not(.SearchCollectionFormContainerComponent):not(.SearchCollectionFormComponent) {
    padding: 26px 40px;
  }

  .parallaxCopy {
    max-width: 750px;
  }

  /*Department RightCol*/
  .department #rightCol:before {
    visibility: hidden;
  }

  /*Department Left Nav*/
  .department nav .leftNav2,
  .department nav #leftNav {
    display: none;
  }

  /*Department Layout*/
  .department #main,
  .department aside {
    padding: 0px;
  }

  .department .col-md-9 .twoColLeft,
  .department .col-md-9 .twoColRight {
    padding: 0px 10px;
  }

  #departmentFooterLinksNewsWrapper,
  #departmentContactFooter {
    padding: 30px 15px;
  }

  /*Department Footer Links*/
  #deptFootNewsWrapper {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 70px;
  }

  #deptFootNewsWrapper i.fa, .newsletterSignup i.fa {
    padding-right: 5px;
  }

  #deptFootNewsWrapper form, .newsletterSignup form {
    margin-top: 10px;
  }

  #deptFootNewsWrapper input[name="email"], .newsletterSignup input[name="email"] {
    width: 95%;
    float: left;
    position: absolute;
  }

  #deptFootNewsWrapper button, .newsletterSignup button {
    right: 0px;
    margin-top: 0px;
    position: absolute;
  }

  /*feature image*/
  .featureWrapper.emptyFeatureWrapper,
  .featureWrapperShort {
    height: 0px;
    padding-bottom: 30%;
    margin-bottom: 0px;
  }

  .taxonomyTile.width2, #featuredTileContainer .overlayBox {
    width: 310px;
  }

  #featuredTileContainer .featureTile h3.tileTitle {
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    max-width: 92%;
    margin-bottom: 12px;
  }

  #featuredTilesCarousel .carousel-control {
    display: none;
  }

  #featuredTileContainer .programTile .overlayBox {
    bottom: 0px;
  }

  .taxonomyTile.width2.height2.slick-slide.slick-cloned {
    padding: 0px;
  }

  #featuredTileContainer .slick-cloned .overlayBox {
    margin-left: 0px;
  }

  /* mobileServices wrapper element*/
  .mobileServices, .nestedTileWrapper {
    border: none;
    margin: 5px;
  }

  .mobileServices .halfHeight.taxonomyTile, .nestedTileWrapper .taxonomyTile {
    margin-right: 0px;
    margin-left: 0px;
  }

  .mobileServices .halfHeight:first-child, .nestedTileWrapper .taxonomyTile:first-child {
    margin-bottom: 10px;
    margin-top: 0px;
  }

  /* Photo Credits*/
  #featuredTileContainer .taxonomyTile .photoCredit {
    display: block;
    text-align: right;
    width: 280px;
    right: inherit;
  }

  #featuredTileContainer .taxonomyTile .photoCredit i.fa-camera {
    font-size: 14px;
    padding: 5px;
    margin-top: 5px;
    color: #ccc;
  }

  .featureWrapper .featuredPhotoCreditContainer {
    display: none;
  }

  #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
    width: 100%;
    right: 60px;
  }

  .featureTile.seattleAlert .alertIcon {
    margin-left: 240px;
  }

  #featuredTileContainer .taxonomyTile .photoCredit .tooltip,
  #featuredTileContainer .taxonomyTile .photoCredit .tooltip-inner,
  #featuredTileContainer .taxonomyTile .tooltip-arrow {
    display: none;
  }

  /*Topic Filter Inputs*/
  #topicFilterContainer input#filterTextInput {
    width: 76%;
  }

  #topicFilterContainer button.btn.clearFilters {
    width: 100%;
  }

  /*Topic Page Program Jump*/
  .programJump {
    display: none;
  }

  .programJumpMobile {
    top: 45px;
    right: 15px;
    position: absolute;
    text-decoration: underline;
    font-weight: bold;
  }

  .programJumpMobile i {
    color: #000;
    padding-left: 5px;
  }

  /* SearchFormCollection */
  .findByInput button#currentLocation {
    z-index: 3;
    left: 10px;
    width: 30px;
    height: 30px;
    padding: 0px;
    top: 10px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50px;
    color: #002da5;
  }

  .findByInput button#currentLocation:hover {
    background: #000;
    color: #000;
    border: 2px solid #000;
  }

  .findByInput button#currentLocation:not([style*="display: none"]) ~ * input,
  .findByInput button#currentLocation:not([style="*display: none"]) ~ input {
    padding-left: 51px;
  }

  /*Featured Wrapper*/
  .featureWrapper.mobile:not(.emptyFeatureWrapper) {
    padding: 0px;
  }

  .featureWrapper.mobile #featuredTileContainer {
    margin: 0px !important;
    height: inherit !important;
  }

  /*Slicked*/
  #slickWilly {
    background: #333;
    padding: 5px 0px 0px 0px;
  }

  #slickWilly .container {
    margin-bottom: 0px;
  }

  #slickWilly .taxonomyTile {
    overflow: hidden;
    position: relative;
  }

  #slickWilly .nestedTileWrapper .taxonomyTile {
    position: relative;
  }

  #slickWilly .nestedTileWrapper .taxonomyTile:first-child {
    margin-bottom: 10px;
  }

  #slickWilly .nestedTileWrapper .taxonomyTile .overlayBox {
    bottom: 0px;
  }

  /*Not Slicked*/
  #nonSlickWilly {
    background: #ccc;
    padding: 15px 0px;
  }

  /*Location pages*/
  .locationPage .col-xs-12.amenities,
  .locationPage .col-xs-12.bodyText {
    float: initial;
  }

  .locationPage .imageGallery:after {
    content: '';
    display: inline-block;
    width: 100%;
  }

  .parkDetailPage .featureWrapper.emptyFeatureWrapper,
  .parkDetailPage .featureWrapperShort {
    margin-bottom: 0px;
    padding-bottom: 50%;
  }

  .parkDetailPage #parkHoursAndContact {
    background: #F3F7FF;
  }

  #parkHoursAndContact .parkHoursAndContactContainer {
    padding: 10px;
  }

  .contactTile #parkContactExpanded {
    background: #fff;
    margin: 15px -10px;
    padding: 30px 40px;
    -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.15), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.15), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.15), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.15);
  }

  .locationPage .mobilePageTitle {
    background: #000;
  }

  .locationPage .mobilePageTitle h1.pageTitle {
    position: relative;
  }
}
/*Mobile
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {
  h1.pageTitle {
    font-size: 24px;
    line-height: 24px;
    margin: 14px 0px 7px 0px;
  }

  #deptBreadcrumbsContainer {
    display: none;
  }

  /*Featured Container */
  .featureWrapper {
    padding: 5px 0px;
  }

  .featureWrapper:not(.emptyFeatureWrapper) {
    background-color: #333 !important;
    background-size: cover;
    background-position: center;
  }

  .featureWrapper.emptyFeatureWrapper {
    /* display: none; */
  }

  div#featuredTileContainer {
    margin-top: 10px;
    height: 320px !important;
  }

  #featuredTileContainer > .taxonomyTile {
    margin: 5px 0;
  }

  div#featuredTileContainer.slick-slider {
    margin-bottom: 10px;
  }

  .featureWrapper .featuredPhotoCreditContainer {
    display: none;
  }

  .secondaryTiles, #secondaryItems .taxonomyTile, #topicServices .taxonomyTile, #topicPrograms .taxonomyTile {
    width: 96%;
    min-width: 300px;
  }

  /* topic filter mobile*/
  #topicFilterContainer {
    display: none;
    border: solid 1px #ccc;
    padding: 10px;
  }

  button#topicFilterBtn {
    width: 100%;
    border-radius: 0;
  }

  /*Department Footer*/
  div#deptFootLinksWrapper {
    padding-right: 10px;
    padding-left: 10px;
  }

  #deptFootContactWrapper {
    text-align: left;
    float: left !important;
    margin-top: 30px;
    margin-left: 5px;
  }

  #mainContent.topTier {
    border-bottom: 60px solid #333;
  }

  /*Elected Page - Contact Tiles*/
  #home .tileContactNavigation,
  #mainContent.topTier .tileContactNavigation {
    width: 310px;
    /*isotope freaks out without this*/
    margin: 5px auto;
  }

  #mainContent.topTier .taxonomyTile.navigationContact {
    margin: 5px auto;
    left: 0px;
    right: 0px;
  }

  #mainContent.topTier h3.secondaryListTitle {
    width: 310px;
    margin: 0px;
    padding-top: 40px;
    text-align: left;
  }

  /*Homepage Electeds*/
  .homeElectedNavigationWrapper {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: inset -20px 20px -20px 20px rgba(0, 0, 0, 0.95);
    background: #fff;
  }

  .homeElectedNavigationWrapper .taxonomyTile.navigationContact {
    margin: 5px auto;
    left: 0px;
    right: 0px;
  }

  .homeElectedNavigationWrapper h2 {
    width: 310px;
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
    text-align: left;
    color: #000;
  }

  .homeElectedNavigationWrapper h3 {
    float: none !important;
  }

  .homeElectedNavigationWrapper h3 a {
    width: 310px;
    margin: 0px auto;
    text-align: left;
    border: 1px solid #666;
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    display: block;
    padding: 15px;
  }

  .homeElectedNavigationWrapper h3 a i {
    float: right;
  }

  /*Dept footer address pop out*/
  #departmentContactFooter .footerPhysicalAddress,
  #departmentContactFooter .footerMailingAddress {
    float: left;
    border-top: 1px solid #000;
    width: 100%;
    padding-top: 20px;
  }

  /* SearchFormCollection */
  .featureWrapperSlides,
  .featureWrapperSlides .slide {
    height: 450px;
  }

  .searchFormCollectionWrapper .featureWrapper,
  .searchFormCollectionWrapper .featureWrapper.emptyFeatureWrapper {
    padding-top: 0px;
    height: 450px;
  }

  .featureWrapperSlides .slick-prev,
  .featureWrapperSlides .slick-next {
    margin-top: 130px;
  }

  .featureWrapperSlides .slick-prev {
    left: -20px;
  }

  .featureWrapperSlides .slick-next {
    right: -20px;
  }

  .featureWrapperSlides .slick-prev:before,
  .featureWrapperSlides .slick-next:before {
    font-size: 50px;
  }

  .searchFormCollectionWrapper .searchFormWrapper {
    width: 92%;
    margin: 90px auto;
  }

  .byWrapper {
    display: block;
    clear: both;
    left: 0px;
    margin: -5px 0px 0px 0px;
    width: 100%;
    text-align: center;
  }

  .findByWrapper.form-group {
    margin-top: 30px;
  }

  /*Hide Search Results Map initially in mobile*/
  #searchRefineBlade + .container #mainContent .row div.col-md-6:last-child {
    display: none;
  }

  .pseudoHidden {
    height: 0px;
    overflow: hidden;
    position: relative;
  }

  /* Center Tiles inside Color Blocks */
  .colorBlock.TitledCollection .container {
    width: 320px;
  }

  /*Not Slicked*/
  #nonSlickWilly .container {
    width: 305px;
    padding: 0px !important;
  }

  #nonSlickWilly .taxonomyTile {
    margin-left: 0px;
    margin-right: 0px;
  }

  /*Color Block Topic Filter Component*/
  .colorBlock.TopicFilterComponent .topicSidebar,
  .colorBlock.TopicFilterComponent .topics {
    width: 320px;
    margin: 0px auto;
    float: none;
  }

  /* Data tables */
  .dataTables_length, .dataTables_filter {
    clear: none !important;
    margin: 0 0 10px !important;
  }

  .dataTables_length {
    float: left !important;
    text-align: left !important;
    width: 25%;
  }

  .dataTables_filter {
    float: right !important;
    text-align: right !important;
    width: 75%;
  }

  .dataTables_info {
    background: #333 none repeat scroll 0 0;
    color: #fff !important;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 10px;
  }

  /**Department Footer Links --- Short**/
  #deptFootLinksWrapperShort ul li {
    float: inherit;
  }

  /**Location Pages**/
  .locationPage .emptyFeatureWrapper.mobile {
    height: 300px;
  }

  .locationPage .emptyFeatureWrapper.mobile h1 {
    font-size: 30px;
  }

  .locationPage .featureWrapper.noImage,
  .parkDetailPage .featureWrapper.noImage {
    display: block;
    background-color: #333;
  }

  .parkHoursAndContactContainer i.fa {
    width: 40px;
    text-align: center;
  }

  #locationHoursAndContact .fa,
  #parkHoursAndContact .fa {
    line-height: 25px;
  }

  /*Location A to Z Lists*/
  .aToZ .paginationContainer {
    position: relative !important;
    margin-top: -50px;
    max-width: 800px;
  }

  .aToZ #mainColMain .paginationItem div {
    margin-bottom: 10px;
  }

  .aToZ #mainContent .paginationItem img {
    display: none;
  }

  .aToZ #mainContent .padTop .span {
    display: none;
  }
}
/*Not Mobile
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) {
  .leftNav2 li,
  #leftNav li {
    width: 100%;
  }

  /*Location Pages*/
  .locationPage h1.pageTitle,
  .parkDetailPage h1.pageTitle {
    margin-left: 10px;
  }
}
/*Tablet & Medium Devices
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 991px) {
  .secondaryTiles .taxonomyTile, #secondaryItems .taxonomyTile, #topicServices .taxonomyTile, #topicPrograms .taxonomyTile {
    width: 48%;
    min-width: 310px;
  }

  #contentListWrapper {
    background-position: center;
    padding-bottom: 100px;
  }

  /*Featured Container*/
  .department .featureWrapper {
    margin-bottom: 30px;
  }

  .featureWrapper:not(.emptyFeatureWrapper) {
    background-color: #333 !important;
  }

  .featureWrapper .featuredPhotoCreditContainer {
    display: none;
  }

  div#featuredTileContainer {
    margin-top: 20px;
    height: 310px !important;
  }

  /* SearchFormCollection */
  .featureWrapperSlides .slick-prev,
  .featureWrapperSlides .slick-next {
    margin-top: 100px;
  }

  .featureWrapperSlides .slick-prev {
    left: -10px;
  }

  .featureWrapperSlides .slick-next {
    right: -10px;
  }

  .featureWrapperSlides .slick-prev:before,
  .featureWrapperSlides .slick-next:before {
    font-size: 30px;
  }

  /* Center Tiles inside Color Blocks */
  .colorBlock.TitledCollection .container {
    width: 640px;
  }

  /*Not Slicked*/
  #nonSlickWilly {
    padding: 40px 0px;
  }

  #nonSlickWilly .container {
    width: 640px;
    padding: 0px !important;
  }

  /*Color Block Topic Filter Component*/
  .colorBlock.TopicFilterComponent #taxonomyTermGroup {
    -moz-column-count: 3;
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
  }

  .colorBlock.TopicFilterComponent .topicSidebar {
    padding: 0px 5px;
  }

  .colorBlock.TopicFilterComponent .topicSidebar,
  .colorBlock.TopicFilterComponent .topics {
    width: 640px;
    margin: 0px auto;
    float: none;
  }

  /**Department Footer Links --- Short**/
  #deptFootLinksWrapperShort {
    padding: 30px 0px 5px 0px;
  }

  #deptFootLinksWrapperShort ul {
    -moz-column-count: 2;
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
  }

  #deptFootLinksWrapperShort ul li {
    float: inherit;
    margin: 0px 0px 20px 0px;
  }
}
/*Super Old Phones
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (max-width: 320px) {
  /*SLICKED*/
  #slickWilly {
    padding: 5px 0px 0px 5px;
  }

  #slickWilly .container {
    padding: 0px 0px !important;
  }

  #slickWilly .taxonomyTile {
    width: 280px;
    height: 135px;
  }

  #slickWilly .taxonomyTile.height2 {
    height: 280px;
  }

  #slickWilly .taxonomyTile .overlayBox {
    width: 280px;
  }

  #featuredTileContainer #slickWilly .taxonomyTile h3,
  #slickWilly .taxonomyTile h3 {
    font-size: 19px;
    line-height: 21px;
  }

  #slickWilly .taxonomyTile .photoCredit {
    width: 255px;
    top: 10px;
  }

  /*NOT SLICKED*/
  #nonSlickWilly .container {
    width: 305px;
  }
}
/*All Desktops
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
  /* Featured Container */
  #featuredTileContainer .mobileServices .halfHeight.taxonomyTile, .nestedTileWrapper > .taxonomyTile {
    display: none;
  }

  #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
    right: 75px;
  }

  /*DEPARTMENT LAYOUT FIXES*/
  .department #leftMainRight {
    padding-top: 100px;
  }

  .department .col-md-9.col-sm-9.col-sm-push-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  /*Location Pages*/
  .parkHoursAndContactContainer {
    width: initial;
    margin-right: 80px;
  }

  .parkHoursAndContactContainer .popover {
    width: 310px;
  }
}
/*Small Desktops
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) and (max-width: 1291px) {
  .container, .parallaxCopy {
    width: 970px;
    max-width: 970px;
  }

  .bodyTileWrapper {
    width: 67%;
  }

  /*Topic Pages*/
  #topicSidebar {
    width: 33%;
  }

  .TopicFilterComponent.colorBlock,
  .twoColWrapper,
  #contentListWrapper {
    background: url("//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG960.png");
    background-position: center;
    padding-bottom: 100px;
  }

  /*Featured Container*/
  .featureWrapper.emptyFeatureWrapper,
  .featureWrapperShort {
    padding-bottom: 21%;
    margin-bottom: -100px;
  }

  .featureWrapper.emptyFeatureWrapper {
    margin-bottom: 0px;
  }

  .featureWrapper {
    background-size: cover;
  }

  div#featuredTileContainer {
    margin-top: 60px;
    height: 700px !important;
  }

  /*Breadcrumbs*/
  div#deptBreadcrumbsContainer {
    padding-bottom: 15px;
  }

  /*Department Top Nav*/
  #deptTopNav {
    background: #fff;
    width: 100%;
    padding: 0px;
    margin: 0px !important;
    height: 40px;
  }

  #deptTopNav ul {
    padding-left: 0px;
  }

  #deptTopNav ul li a {
    display: block;
    width: inherit;
    height: 40px;
    margin-right: 35px;
    padding: 0px;
    color: #666;
    min-width: 0px;
    max-width: 100%;
  }

  #deptTopNav ul li:last-child a {
    padding-left: 0px;
  }

  /*Department Footer Links*/
  #departmentFooterLinksNewsWrapper .deptFootLinkCol a {
    display: block;
    padding: 10px 0px 8px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
  }

  #deptFootNewsWrapper {
    margin-left: 0px;
    padding-left: 10px;
    text-align: right;
  }

  #deptFootNewsWrapper h3 {
    display: inline-block;
    width: 100%;
  }

  .deptFootDeptNameNewsSubscribe {
    color: #666;
    display: block;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    margin-top: -3px;
  }

  #deptFootNewsWrapper i.fa {
    display: none;
  }

  #deptFootNewsWrapper input[name="email"] {
    width: 200px;
  }

  /*Trumba Calendar*/
  #centerColumn .trumbacal {
    max-width: 400px;
  }

  /*Feeds*/
  main .rssItem:last-child,
  main .issueItem:last-child,
  main .videoItem:last-child {
    display: none;
  }

  /* SearchFormCollection */
  .featureWrapperSlides .slick-prev {
    left: 20px;
  }

  .featureWrapperSlides .slick-next {
    right: 20px;
  }

  .featureWrapperSlides .slick-prev:before,
  .featureWrapperSlides .slick-next:before {
    font-size: 60px;
  }
}
/*Large Desktops
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
@media (min-width: 1292px) {
  .container, #siteFooter, .colorBox, #footer2, #seafooter, #seafooter15, #footerBottom15, .parallaxCopy {
    max-width: 1292px;
    width: 1292px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .TopicFilterComponent.colorBlock,
  .twoColWrapper,
  #contentListWrapper {
    background: url("//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG1280.png");
    background-position: center;
    padding-bottom: 100px;
  }

  .locationPage .col-xs-12.amenities {
    margin-right: 50px;
  }
}
/********* MAC FIXES *********/
body.mac.notFF #deptBreadcrumbsContainer {
  margin-top: -7px;
}

body.mac.notFF .department #mainColMain h1.pageTitle {
  padding: 3px 20px 7px 20px;
}

body.mac.notFF #featuredTileContainer .featureTile h3.tileTitle {
  margin-bottom: 11px;
}