.titleTopNavBreadcrumbWrapper {
        border-bottom: 1px solid #000;
    }
    #deptTitle {
        margin-top: 20px;
        line-height: 1.1;
    }
    h1 {
        margin-bottom: 30px;
    }
    h1, h2, h3, h4, h5 {
        font-family: "Seattle Text", Arial;
        font-weight: bold; 
        color: #000;
    }
    h1, .h1 {
        font-size: 36px;
    }
    h1 {
        margin: .67em 0;
        font-size: 2em;
    }
    #deptTitle a {
        font-family: "Seattle Text",Arial;
        font-weight: bold;
        font-size: 36px;
        color: #000;
        text-transform: none;
    }
    #deptTitle .director {
        font-family: "Open Sans",Arial;
        font-weight: normal;
        font-size: 16px;
        color: #565656;
        text-transform: none;
        display: block;
    }
    
    #deptBreadcrumbsContainer {
        margin-left: -20px;
    }
    
    #deptBreadcrumbsContainer {
        margin-left: -5px;
        margin-top: -15px;
        padding-bottom: 20px;
    }
    
    #deptBreadcrumbs, #deptBreadcrumbs a {
        font-size: 14px;
    }
    #deptBreadcrumbs a {
        color: #000;
        text-decoration: underline;
        font-weight: bold;
    }
    #deptBreadcrumbs .fa-home {
        font-size: 16px;
    }
    svg:not(:root).svg-inline--fa {
        overflow: visible;
    }
    .svg-inline--fa.fa-w-18 {
        width: 1.125em;
    }
    .svg-inline--fa {
        display: inline-block;
        font-size: inherit;
        height: 1em;
        overflow: visible;
        vertical-align: -.125em;
    }
    #deptBreadcrumbsContainer #deptSocialMedia {
        display: none;
    }
    
    #deptTopNav {
        margin: -30px -10px 0px -25px !important;
        /* float: right; */
    }
    
    ul, ol {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #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;
    }
    a:active, #deptTopNav ul li a.activePage, #deptTopNav ul li a:hover {
        color: #000;
        border-bottom: 5px solid #003da5;
        text-decoration: none;
    }
    .sdci-portal-login {
      text-align: right;
    }
    a {
        text-decoration: none;
    }
    .sdci-portal-login, .sdci-languages {
        margin: 15px 0px;
    }

    #rightCol .SidebarXHTMLCopyComponent {
        padding-bottom: 40px;
        font-family: "Open Sans",sans-serif;
        overflow-x: hidden;
       font-size: 16px;

    }
    #departmentContactFooterWrapper {
      background: #D7D7D7;
      padding-bottom: 20px;
    }
    #departmentContactFooterWrapper .container{
        background: #D7D7D7;
    } 
    #departmentContactFooter {
      padding: 30px 10px;
    }
    #deptFootLogoTitle>img {
      padding-right: 10px;
    }
    .pull-left {
      float: left !important;
    } 
    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
      display: block;
      max-width: 100%;
      height: auto;
    } 
    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;
    }
    .pull-right {
      float: right !important;
    }
    #deptFootContactWrapper label {
      padding-right: 8px;
    }
    
    #deptFootContactWrapper label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .phoneFaxAddressWrapper a, .contactTile button, .phoneFaxAddressWrapper button {
      font-weight: bold;
      color: #000;
      text-decoration: underline;
    }

   .phoneFaxAddressWrapper button, #parkHourPopover, .closeParkHours {
      background-color: transparent;
      border: none;
      padding: 0px;
    } 
    .contactTile a, .phoneFaxAddressWrapper a, .contactTile button, .phoneFaxAddressWrapper button {
      font-weight: bold;
      color: #000;
      text-decoration: underline;
    }
    .contactTileSocialMediaWrapper {
      margin-top: 30px;
    }
    #deptFootContactWrapper .contactTileSocialMediaWrapper a {
      padding-right: 2px;
    }
    .contactTileSocialMediaWrapper a {
        color: #000;
        margin: 0px 2px;
        width: 26px;
        height: 26px;
        display: inline-block;
        box-shadow: inset 0px 0px 0px 4px #000;
    }  
    svg:not(:root).svg-inline--fa {
        overflow: visible; 
    }
    .svg-inline--fa.fa-w-14 {
        width: .875em;
    }
    .contactTileSocialMediaWrapper a svg {
        font-size: 26px;
        color: #000;
    }
    .collapse.in {
      display: block;
    }
    .collapse {
      display: none;
    }    
    .closeAddress {
      border: 0px;
      background: transparent;
    }

    .left-overlord {
        padding-left: 0px;
    }

    .SidebarXHTMLCopyComponent h2 {
        font-size: 24.5px;
    }
    /*banner*/
    .dept-alert {
        background-color: #fff3cd;
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 15px 25px 10px;
        
    }
    .dept-alert h2 {
        font-size: 20px;
        margin-top:0;
        margin-bottom: 5px;
        line-height: 1;
    }
    @media (min-width: 768px){
      .director {
          margin-top: -5px;
          margin-bottom: 20px;
      }
    }
    @media (max-width: 1291px) and (min-width: 992px){
        #deptTopNav {
        margin: 0px -10px 0px -25px !important;
        /* float: right; */
        }
 
        #deptTopNav ul li a {
            display: block;
            width: inherit;
            height: 40px;
            margin-right: 35px;
            padding: 0px;
            color: #666;
            min-width: 0px;
            max-width: 100%;
        }
    }