@charset "UTF-8";
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/* How To Use

.test-class {
     @include icon(send-mail);
}

*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
@font-face {
  font-family: "OpenSans Light";
  font-weight: light;
  src: url("../fonts/Open_Sans/OpenSans-Light.woff") format("woff"); }

@font-face {
  font-family: "OpenSans LightItalic";
  font-style: italic;
  font-weight: light;
  src: url("../fonts/Open_Sans/OpenSans-LightItalic.woff") format("woff"); }

@font-face {
  font-family: "OpenSans Regular";
  font-weight: normal;
  src: url("../fonts/Open_Sans/OpenSans-Regular.woff") format("woff"); }

@font-face {
  font-family: "OpenSans RegularItalic";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Open_Sans/OpenSans-Italic.woff") format("woff"); }

@font-face {
  font-family: "OpenSans Bold";
  font-weight: bold;
  src: url("../fonts/Open_Sans/OpenSans-Bold.woff") format("woff"); }

@font-face {
  font-family: "OpenSans BoldItalic";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/Open_Sans/OpenSans-BoldItalic.woff") format("woff"); }

label,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: normal;
  color: #1e384b;
  line-height: 1.5; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 1.4; }

h4 {
  font-size: 16px; }

.field-content,
.description,
time,
p,
ul,
ol {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #000000; }
  .field-content strong,
  .description strong,
  time strong,
  p strong,
  ul strong,
  ol strong {
    font-style: normal;
    font-weight: 600;
    font-size: 18px; }

ul,
ol {
  margin: 0;
  padding: 0; }

.layout-container a {
  text-decoration: none;
  color: #24538F; }
  .layout-container h3 a {color: #1E384B;}
  .layout-container .custom-card-body a {color: #1E384B;}
  .layout-container a:hover {
    color: #006BA6; }
  .layout-container a:not(.button) {
  /*  color: #007E98; */ }
    .layout-container a:not(.button) :hover {
      color: #006BA6; }
  .layout-container a.button, .layout-container .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .layout-container a, .layout-container .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .layout-container a {
    color: #fff; }

#page {
  /*background-image: url(/themes/dcta/images/mainbg.png);*/ }
  #page #homepage-news-content, #page #homepage-about-content {
    background: transparent; }
  @media only screen and (min-width: 768px) {
    #page .content-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (min-width: 1248px) {
    #page .content-container {
      width: 1200px;
      margin: 0 auto; } 
	  #page .content-container.sidebar {
      width: 100%; } 
	  
	  }
  #page.no-sidebar section.sidebar {
    display: none; }

section.sidebar {
  display: none; }

@media only screen and (min-width: 768px) {
  #block-searchform-2 {
    display: none; } }

@media only screen and (min-width: 1248px) {
  section.main {
    width: 100%; 
	/*min-height: calc(100vh - 250px)*/}
  .with-sidebar section.main {
    width: calc(100% - 250px); 
	}
  .with-sidebar .sidebar-open section.main {
    width: calc(100% - 400px); 
	}
  section.sidebar {
    display: block;
    width: 250px; margin-top:180px } 
  section.sidebar.side-open {
    display: block;
    width: 400px; margin-top:180px } 
	}

.primary a {
  color: #ffffff; }
  .primary a:hover {
    color: #fac727;
    cursor: pointer; }

.primary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .primary ul ul {
    display: none; }

.menu.menu-level--3 {
  display: none; }

.menu-item--active-trail > a {
  display: block;
  background-color: #24538F;
  width: 100%;
  z-index: 0; }
  @media only screen and (min-width: 1248px) {
    .menu-item--active-trail > a {
      background-color: rgba(0, 0, 0, 0); } }

#block-utility ul.menu, #block-utility-5 ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; margin-bottom:0px; }
  @media only screen and (max-width: 479px) {
    #block-utility ul.menu, #block-utility-5 ul.menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
              flex-flow: column wrap;
      padding: 0; } }
  #block-utility ul.menu li, #block-utility-5 ul.menu li, #block-contacttop ul.menu li {
    border-left: 1px solid #142B3B; padding-top:6px; padding-bottom:6px; }
	.block-gtranslate.block-gtranslate-block {
    border-left: 1px solid #142B3B;  }
    #block-utility ul.menu li:first-child {
      border-left: 0; }
    #block-utility ul.menu li:nth-of-type(2) {
      display: none }
    #block-utility-5 ul.menu li {
      display: none }
    #block-utility-5 ul.menu li:nth-of-type(2) {
      display: block }
	  
  #block-utility ul.menu li.menu-item--active-trail a, #block-utility-5 ul.menu li.menu-item--active-trail a,  #block-contacttop ul.menu li.menu-item--active-trail a {
    color: #fac727; }

#block-utility a, #block-utility-5 a, #block-contacttop a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0 1rem; font-weight:normal}
  #block-utility a:hover,  #block-utility-5 a:hover, #block-utility a.is-active, #block-utility-5 a.is-active, #block-contacttop a:hover, #block-utility a.is-active, #block-utility-5 a.is-active {
    color: #fac727; }

.sidebar nav a {
  display: block;
  color: #007E98; }
  .sidebar nav a:hover {
    text-decoration: underline; }
  .sidebar nav a.is-active {
    color: #ffffff;
    background-color: #007E98;
    text-decoration: none; }

.menu-item--expanded, .menu-item--collapsed {
  list-style: none; }

ul.menu {
  list-style: none outside;
  margin-left: 0;
  padding: 0;
  text-align: left; margin-bottom: 0px}
  ul.menu a {
    padding-left: 1em; }
  ul.menu ul.menu {
    padding-left: 1em;
    margin-bottom: .2rem; }
    ul.menu ul.menu .menu-item {
      padding-top: 0; }

#main-content .body-menu {
  margin: 0; }
  #main-content .body-menu .body-menu-item {
    margin: 1rem 0;
    padding: 1rem;
    background: #d9eff2;
    border-radius: .3rem; }
    #main-content .body-menu .body-menu-item .button, #main-content .body-menu .body-menu-item .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node #main-content .body-menu .body-menu-item a, #main-content .body-menu .body-menu-item .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node #main-content .body-menu .body-menu-item a {
      padding: .2rem 3rem;
      margin-left: 0; }
  #main-content .body-menu .media .img:before {
    width: 65px;
    font-size: 65px;
    margin: -.5rem 0 0;
    background-color: #fff;
    border-radius: 50%;
    color: #1e384b; }

@media only screen and (min-width: 640px) {
  #main-content .body-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #main-content .body-menu .body-menu-item {
      width: 49%; } }

#block-mainnavigation, #menu_parent{
  display: none; }
  @media only screen and (min-width: 1248px) {
    #block-mainnavigation, #menu_parent {
      display: block; } }

.hamburger {
  background: #007E98;
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 5px;
  cursor: pointer; }
  .hamburger span {
    border-bottom: 3px solid #ffffff;
    width: 30px;
    display: block;
    left: 5px;
    -webkit-transition: .2s ease;
    transition: .2s ease; }
    .hamburger span:nth-of-type(1) {
      position: absolute;
      top: 8px; }
    .hamburger span:nth-of-type(2) {
      position: absolute;
      top: 19px; }
    .hamburger span:nth-of-type(3) {
      position: absolute;
      top: 30px; }
  .hamburger.open span {
    display: block; }
    .hamburger.open span:nth-of-type(1) {
      top: 19px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .hamburger.open span:nth-of-type(2) {
      top: 19px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .hamburger.open span:nth-of-type(3) {
      top: 19px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.container.desktop #block-mainnavigation-3, .container.desktop #block-footer-4, .container.desktop #block-utility-4 {
  display: none; }

.mobile-menu #block-mainnavigation-3 .menu-level--1 {
  position: absolute;
  top: 50px;
  background: #1e384b;
  width: 100%;
  min-height: 100%;
  left: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  .mobile-menu #block-mainnavigation-3 .menu-level--1.open {
    left: 0; }

.mobile-menu #block-mainnavigation-3 .menu-level--2 {
  display: none; }

.mobile-menu #search-block-form--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 10px; }
  .mobile-menu #search-block-form--2 .form-item {
    margin: 0; }
  .mobile-menu #search-block-form--2 input[type=search] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    padding: 8px; }
  .mobile-menu #search-block-form--2 .form-actions {
    border-radius: 0 5px 5px 0;
    background-color: #007E98;
    padding: 5px; }
    .mobile-menu #search-block-form--2 .form-actions input[type=submit] {
      background: none; }

#block-mainnavigation-3 .menu-level--0 > li > a {
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px;
  display: inline-block;
  width: 100%;
  font-size: 16px; }
  #block-mainnavigation-3 .menu-level--0 > li > a:hover {
    background-color: #24538F;
    width: 100%; }

.menu-item.menu-item--expanded {
  position: relative; }
  @media only screen and (min-width: 1248px) {
    .menu-item.menu-item--expanded {
      position: initial; } }
  .menu-item.menu-item--expanded::before {
    content: url(/themes/dcta/images/mobile-arrow.png);
    position: absolute;
    right: 12px;
    top: 15px; }
  @media only screen and (min-width: 1248px) {
    .menu-item.menu-item--expanded::before {
      content: ' '; } }

#block-utility-4 ul.menu {
  margin: 20px 0; }
  #block-utility-4 ul.menu ul.menu {
    margin: 0; }
  #block-utility-4 ul.menu a {
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    display: block; }

[type="search"], [type="password"], [type="date"], [type="tel"], [type="email"], [type="text"] {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #1e384b;
  padding: 4px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #1e384b; }

.utility-header [type="search"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 180px; border-radius: 0px}

.utility-header [type="submit"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.button, .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-delete-node a, .tabs.primary a, [type="button"], [type="submit"] {
    background: #24538F;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    text-align: center;
    /*padding: 0 25px;*/
    padding: 10px 25px;
    border: none;
	font-family:'Gill Sans Bold';
    /*height: 55px;
    line-height: 60px;*/
    cursor: pointer;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .button.is-active a, .business-center-staff-hck2 .views-field-edit-node a.is-active a, .business-center-staff-hck2 .views-field-delete-node a.is-active a, .button:hover, .business-center-staff-hck2 .views-field-edit-node a:hover, .business-center-staff-hck2 .views-field-delete-node a:hover, .button:active, .business-center-staff-hck2 .views-field-edit-node a:active, .business-center-staff-hck2 .views-field-delete-node a:active, .tabs.primary a.is-active a, .tabs.primary a:hover, .tabs.primary a:active, [type="button"].is-active a, [type="button"]:hover, [type="button"]:active, [type="submit"].is-active a, [type="submit"]:hover, [type="submit"]:active {
    color: #2B2B2B;
	    background: #E9C342;
    cursor: pointer;
	 }

.pager {
  border-top: 2px solid #fac727;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: center; }

.pager__items {
  margin: 1rem 0;
  padding: 0; }
  .pager__items .pager__item {
    display: inline-block;
    padding: 0;
    margin: 0 0.25rem 0 0; }
    .pager__items .pager__item:last-of-type {
      margin: 0; }
    @media only screen and (min-width: 480px) {
      .pager__items .pager__item {
        display: inline; } }
    .pager__items .pager__item a {
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      color: #fff;
      background-color: #24538F;
      border: 0;
      padding: 4px 10px;
      text-transform: uppercase;
      border-radius: 3px;
      width: 100%;
      outline: 0;
      -webkit-transition: 0.2s ease;
      transition: 0.2s ease; }
      .pager__items .pager__item a:hover {
        background-color: #1B79CB;
        color: #fff; }
    .pager__items .pager__item.is-active a {
      background-color: #1B79CB;
      color: #fff; }

select {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  padding: 4px;
  padding-right: 23px;
  background-image: url(/themes/dcta/images/select_carat.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  border-radius: 3px;
  border: 0;
  width: 100%;
  outline: 0;
  cursor: pointer; }
  select option {
    cursor: pointer; }

.form-item, .form-element {
  width: 100%; }

#search-block-form .form-item {
  margin: 0; }

.search-block-form [type="submit"] {
  background: #1e384b;  height: 34px}
  .search-block-form [type="submit"]:hover {
    background: #24538F;
    color: #ffffff; }

.radio label {
  color: #fff; }

.trip-planner-hck2 #main-content {
  margin: 0 auto; }
  @media only screen and (min-width: 1248px) {
    .trip-planner-hck2 #main-content {
      width: 85%; } }

#trip-planner {
  background: #1e384b;
  padding: 5px 15px;
  width: 80%;
  margin: 0 auto;
  border-radius: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (min-width: 1248px) {
    #trip-planner {
      width: auto;
      border-radius: 3px;
      margin-right: 2%; } }
  #trip-planner h3 {
    font-size: 18px;
    color: #ffffff;
    border-bottom: 2px solid #fac727; }
    @media only screen and (min-width: 1248px) {
      #trip-planner h3 {
        padding: 0 10px;
        display: inline-block; } }
  #trip-planner p {
    color: #fff;
    font-size: 12px; }
    #trip-planner p a {
      color: #fac727; }
  #trip-planner label {
    display: none; }

#trip-planner .form-item:nth-child(1) {
  width: 100%;
  text-align: center; }

#trip-planner .form-item {
  margin-top: 0; }

#trip-planner .form-item:nth-child(n) {
  width: 100%;
  margin: 5px 0; }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(n) {
      -ms-flex-item-align: center;
          align-self: center;
      margin-bottom: 10px; } }

#trip-planner .form-actions {
  margin-top: 0; }

@media only screen and (min-width: 1248px) {
  #trip-planner .form-item:nth-child(2) {
    width: calc(50% - 20px);
    margin-right: 20px; } }

@media only screen and (min-width: 1248px) {
  #trip-planner .form-item:nth-child(3) {
    width: 50%; } }

#trip-planner .form-item:nth-child(4) {
  width: calc(50% - 20px);
  margin-right: 20px; }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(4) {
      width: calc(25% - 20px);
      margin-right: 10px; } }

#trip-planner .form-item:nth-child(5) {
  width: calc(50%); }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(5) {
      width: calc(25% - 20px);
      margin-left: 10px; } }

#trip-planner .form-item:nth-child(6) {
  width: calc(40% - 20px);
  margin-right: 20px; }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(6) {
      width: calc(20% - 20px);
      margin-right: 20px; } }

#trip-planner .form-item:nth-child(7) {
  width: calc(40% - 20px);
  margin-right: 20px; }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(7) {
      width: calc(22% - 20px);
      margin-right: 20px; } }

#trip-planner .form-item:nth-child(8) {
  width: calc(20%); }
  @media only screen and (min-width: 1248px) {
    #trip-planner .form-item:nth-child(8) {
      width: 8%; } }

@media only screen and (min-width: 1248px) {
  #trip-planner .form-item:nth-child(9) {
    width: 70%; } }

@media only screen and (min-width: 1248px) {
  #trip-planner .form-item:nth-child(10) {
    width: 30%; } }

@media only screen and (min-width: 1248px) {
  #trip-planner .form-element {
    width: 86%; } }

header {
 /* border-bottom: 10px solid #fac727; */}
  header .utility-header {
    background-color: #24538F;
    display: none; }
    @media only screen and (min-width: 1248px) {
      header .utility-header {
        display: block; float:right } }
    header .utility-header .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; padding-left:0px; padding-right:0px;}
  header #block-utility, header #block-utility-5 {
    margin-right: 0px; }
  header .telephone {
    font-size: 24px;
    display: none; }
    header .telephone a {
      color: #fff !important;
      display: block;
      margin: 0 275px 0 0; }
  header .primary-header {
    background-color: #1e384b;
    padding: 0; }
    header .primary-header .container {
      display: none; }
      header .primary-header .container.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (min-width: 1248px) {
          header .primary-header .container.mobile {
            display: none; } }
      @media only screen and (min-width: 1248px) {
        header .primary-header .container.desktop {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          position: absolute; max-width:none; width: 100%} }
    header .primary-header #block-mainnavigation [class^="icon-"]:before, header .primary-header #block-mainnavigation [class*=" icon-"]:before {
      color: #007E98;
      font-size: 5em;
      display: block;
      margin: 0 auto; }
    header .primary-header #block-mainnavigation .container, header .primary-header #menu_parent .container {
      display: block;
      -ms-flex-wrap: initial;
          flex-wrap: initial;
      -webkit-box-align: initial;
          -ms-flex-align: initial;
              align-items: initial;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial; }
    @media only screen and (min-width: 1248px) {
      header .primary-header #block-mainnavigation ul.menu > li, header .primary-header #menu_parent ul.menu > li {
        padding: 55px 0 35px 0; }
      header .primary-header #block-mainnavigation ul.menu > li.menu-item--expanded li, header .primary-header #menu_parent ul.menu > li.menu-item--expanded li {
        padding: 10px 0; }
      header .primary-header #block-mainnavigation ul.menu > li.menu-item--expanded ul, header .primary-header #menu_parent ul.menu > li.menu-item--expanded ul {
        position: absolute;
        top: 100px;
        left: 0;
        z-index: 10;
        width: 1200px; }
        header .primary-header #block-mainnavigation ul.menu > li.menu-item--expanded ul a , header .primary-header #menu_parent ul.menu > li.menu-item--expanded ul a {
          border: 0; }
      header .primary-header #block-mainnavigation ul.menu > li.menu-item--expanded:hover ul, header .primary-header #menu_parent ul.menu > li.menu-item--expanded:hover ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      header .primary-header #block-mainnavigation .release, header .primary-header #menu_parent .release {
        background-color: #fff; } }
    header .primary-header #block-mainnavigation ul.menu ul, header .primary-header #menu_parent ul.menu ul {
      display: none;
      background: #fff; }
      header .primary-header #block-mainnavigation ul.menu ul a, header .primary-header #menu_parent ul.menu ul a {
        color: #000A3E;
        background: transparent;
        display: block; }
        header .primary-header #block-mainnavigation ul.menu ul a:hover, header .primary-header #menu_parent ul.menu ul a:hover {
          color: #24538F;
          text-decoration: none;
          border: 0; }
        header .primary-header #block-mainnavigation ul.menu ul a.is-active:before, header .primary-header #block-mainnavigation ul.menu ul a.is-active, header .primary-header #block-mainnavigation ul.menu ul a:hover:before, header .primary-header #menu_parent ul.menu ul a.is-active:before, header .primary-header #menu_parent ul.menu ul a.is-active, header .primary-header #menu_parent ul.menu ul a:hover:before {
          color: #24538F; }
      header .primary-header #block-mainnavigation ul.menu ul li.menu-item--active-trail a:before, header .primary-header #block-mainnavigation ul.menu ul li.menu-item--active-trail a , header .primary-header #menu_parent ul.menu ul li.menu-item--active-trail a:before, header .primary-header #menu_parent ul.menu ul li.menu-item--active-trail a {
        color: #24538F;
        text-decoration: none;
        border: 0; }
    header .primary-header #block-mainnavigation ul, header .primary-header #menu_parent ul {
      padding: 0; }
      header .primary-header #block-mainnavigation ul li, header .primary-header #menu_parent ul li {
        display: inline-block; }
        header .primary-header #block-mainnavigation ul li.menu-item--active-trail a , header .primary-header #menu_parent ul li.menu-item--active-trail a {
          border-bottom: 2px solid #fac727; }
        header .primary-header #block-mainnavigation > ul > li > a, header .primary-header #menu_parent > ul > li > a {
          padding: 10px 8px;
          font-family: 'Gill Sans';
          font-style: normal;
          font-weight: 600;
          text-transform: uppercase;
          font-size: 16px;
          color: #ffffff;
		  letter-spacing:0.5px;
          /*border-bottom: 2px solid #1e384b;*/ }
		  header .primary-header #block-mainnavigation ul li a, header .primary-header #menu_parent ul li a {
          padding: 10px 8px;
          font-family: 'Gill Sans';
          font-style: normal;
          font-weight: 600;
          font-size: 20px;
          color: #ffffff;
		  letter-spacing:0.5px;
          /*border-bottom: 2px solid #1e384b;*/ }
          header .primary-header #block-mainnavigation ul li a:hover, header .primary-header #menu_parent ul li a:hover {
            /*border-bottom: 2px solid #fac727;*/ }

header .contextual-region ul.menu > li.menu-item--expanded:hover ul {
  left: -415px !important; }

.container.mobile {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5px; }
  .container.mobile .logo {
    height: 40px !important; }
    .container.mobile .logo a {
      height: 40px;
      content: url("/themes/dcta/images/dcta_logo.png"); }
      @media only screen and (min-width: 768px) {
        .container.mobile .logo a {
          content: url("/themes/dcta/images/dcta_new_logo_wide.png"); } }
  .container.mobile .telephone {
    width: auto; }
    .container.mobile .telephone a {
      margin: 0; }

.block-superfishmain {
  display: none; }
  @media only screen and (min-width: 1248px) {
    .block-superfishmain {
      display: block; } }
  .block-superfishmain ul#superfish-main > li {
    max-height: 90px;
    border-bottom: 10px solid #1e384b; }
    .block-superfishmain ul#superfish-main > li.active-trail {
      border-bottom: 10px solid #fac727; }
    .block-superfishmain ul#superfish-main > li:hover {
      border-bottom: 10px solid #fac727; }
    .block-superfishmain ul#superfish-main > li a {
      color: #fff;
      text-transform: uppercase;
      padding: 10px 20px;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      margin: 1.5em 0 1em 0; }
  .block-superfishmain ul#superfish-main ul {
    background: #fff;
    margin-top: 3.3rem;
    z-index: 10000000; }
    .block-superfishmain ul#superfish-main ul li.active-trail {
      border-bottom: none; }
    .block-superfishmain ul#superfish-main ul li:hover {
      border-bottom: none; }
    .block-superfishmain ul#superfish-main ul li.sfHover > a {
      background: #f7e2a2;
      color: #000000; }
    .block-superfishmain ul#superfish-main ul li a {
      background: #007e98;
      margin: .2rem;}
      .block-superfishmain ul#superfish-main ul li a:hover {
        background: #f7e2a2;
        color: #000000; }
    .block-superfishmain ul#superfish-main ul ul {
      margin-top: 0;
      padding: .5rem; }
      .block-superfishmain ul#superfish-main ul ul li:first-child {
        border-color: #007e98;
        border-style: solid;
        border-width: 2px 2px 1px 2px; }
      .block-superfishmain ul#superfish-main ul ul li:last-child {
        border-color: #007e98;
        border-style: solid;
        border-width: 0 2px 2px 2px; }
        .block-superfishmain ul#superfish-main ul ul li:last-child:hover {
          border-bottom: 2px solid #007e98; }
      .block-superfishmain ul#superfish-main ul ul li {
        border-color: #007e98;
        border-style: solid;
        border-width: 0 2px 1px 2px; }
        .block-superfishmain ul#superfish-main ul ul li:hover {
          border-bottom: 1px solid #007e98; }
        .block-superfishmain ul#superfish-main ul ul li a {
          background: #fff;
          color: #000000;
          margin: 0; }

.node__content table {
  width: 100% !important;
  border: 0; }

.node__content th, .node__content caption {
  padding: 0.59rem 1rem;
  color: white; }

.node__content tr {
  border-bottom: 1px solid #939ca5; }

.node__content th {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px; }

.node__content th, .node__content td {
  vertical-align: middle;
  padding: 0.59rem 1rem;
  text-align: center !important; }

.node__content th {
  color: white; }

.node__content td {
  color: black; }

.node__content thead {
  background-color: #24538F; }

.node__content caption {
  background: #1e384b;
  margin-top: 2rem;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 2px solid #fac727; }

/**
 * @file
 * Visual styles for tabs.
 */
section.main {
  /**
   * @file
   * Visual styles for tabs.
   */ }
  section.main div.tabs {
    margin: 1em 0; }
  section.main ul.tabs {
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0; }
  section.main .tabs > li {
    display: inline-block;
    margin-right: 0.3em;
    /* LTR */ }
  section.main [dir="rtl"] .tabs > li {
    margin-left: 0.3em;
    margin-right: 0; }
  section.main .tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none; }
  section.main .tabs a.is-active {
    background-color: #24538F; }
  section.main .tabs a:focus,
  section.main .tabs a:hover {
    background-color: #24538F; }

.accordion h3 {
  background: #1e384b url(../images/arrow.png) no-repeat 98% 50%;
  color: #fff;
  padding: 1rem;
  display: block;
  font-size: 24px; }
  .accordion h3:hover {
    cursor: pointer; }

.accordion.closed .views-row {
  display: none; }

.ui-accordion .ui-accordion-header {
  background: #1e384b;
  padding: 0.59rem 1rem;
  color: #fff; }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 90%;
    top: 1.2rem;
    background: url(../images/arrow.png) 0 0 no-repeat;
    width: 29px;
    height: 21px; }
    @media only screen and (min-width: 640px) {
      .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 95%; } }
  .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.ui-accordion .ui-accordion-content {
  border-radius: 0;
  border: 0;
  background: #f2f2f2;
  margin: 0 0 0.5rem;
  padding: 1rem;
  font-size: 14px; }
  .ui-accordion .ui-accordion-content .views-row {
    margin: 1em 0 1em 0; }
    .ui-accordion .ui-accordion-content .views-row .views-field {
      display: inline-block;
      text-transform: uppercase;
      vertical-align: middle; }
  .ui-accordion .ui-accordion-content .views-field-field-job-title {
    font-style: italic; }
  .ui-accordion .ui-accordion-content .views-field-field-email {
    margin: 0 1em 0 0; }
    .ui-accordion .ui-accordion-content .views-field-field-email a {
      font-size: 0;
      background: url(../images/email-icon.png) 0 0 no-repeat;
      display: block;
      width: 21px;
      height: 23px; }
  .ui-accordion .ui-accordion-content .views-field-title {
    font-weight: bold;
    margin: 0 0.25rem 0 0;
    padding: 0; }
    .ui-accordion .ui-accordion-content .views-field-title:after {
      margin: 0;
      content: "-";
      font-weight: normal; }

.ckeditor-accordion-container dl.styled {
  border: none; }
  .ckeditor-accordion-container dl.styled dt:last-of-type a.ckeditor-accordion-toggler {
    border-bottom: none; }
  .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler {
    border-radius: .125rem;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background-color: #1e384b;
    padding: 1em 2em; }
    .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler:not(.active) {
      border-bottom: 5px solid white; }
    .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler:hover {
      background-color: rgba(30, 56, 75, 0.85); }
    .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler span.ckeditor-accordion-toggle {
      right: 1.25rem;
      left: unset;
      width: 1.25rem; }
      .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler span.ckeditor-accordion-toggle:before {
        left: -3px;
        width: 1.25rem; }
      .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler span.ckeditor-accordion-toggle:after {
        right: 1rem;
        width: 1.25rem; }
      .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler span.ckeditor-accordion-toggle:before, .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler span.ckeditor-accordion-toggle:after {
        height: 3px; }
  .ckeditor-accordion-container dl.styled dd {
    padding: 2em;
    border-bottom: 5px solid white;
    background: #f2f2f2; }
    .ckeditor-accordion-container dl.styled dd > p {
      margin: 0; }

.block-views-blockblog-block-1 h2 {
  color: #fff; }

#map-container {
  background: #fff;
  margin-top: 25px; }
  #map-container #results-panel {
    background: #e1e2e2;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 10px;
    border: 2px solid #1e384b; }
    @media only screen and (min-width: 1024px) {
      #map-container #results-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; } }
    @media print {
      #map-container #results-panel {
        border: 0;
        background: #fff; } }
    @media only screen and (min-width: 1024px) {
      #map-container #results-panel > :nth-child(1) {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
    #map-container #results-panel > :nth-child(1) #map {
      height: 350px;
      width: 100%;
      border: 10px solid #fff;
      overflow: visible; }
      @media only screen and (min-width: 1024px) {
        #map-container #results-panel > :nth-child(1) #map {
          height: 492px;
          width: 525px; } }
    #map-container #results-panel #steps {
      background: transparent; }
    #map-container #results-panel > :nth-child(2) {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      width: 100%; }
      @media print {
        #map-container #results-panel > :nth-child(2) {
          display: none; } }
      #map-container #results-panel > :nth-child(2) ol {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        @media only screen and (min-width: 1024px) {
          #map-container #results-panel > :nth-child(2) ol {
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
        #map-container #results-panel > :nth-child(2) ol .adp-listsel {
          background: #fff; }
          #map-container #results-panel > :nth-child(2) ol .adp-listsel:after, #map-container #results-panel > :nth-child(2) ol .adp-listsel:before {
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #fff;
            bottom: -20px;
            content: '';
            left: 50%;
            margin-left: -20px;
            position: absolute; }
          #map-container #results-panel > :nth-child(2) ol .adp-listsel:before {
            border-left: 21px solid transparent;
            border-right: 21px solid transparent;
            border-top: 21px solid;
            border-top-color: inherit;
            /* Can't be included in the shorthand to work */
            bottom: -21px;
            margin-left: -21px; }
        #map-container #results-panel > :nth-child(2) ol li {
          background: #ebebeb;
          border: 1px solid #a9a9a9;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin: 0 0 35px 0;
          position: relative; }
          @media only screen and (min-width: 1024px) {
            #map-container #results-panel > :nth-child(2) ol li {
              margin-left: 5%; } }
          #map-container #results-panel > :nth-child(2) ol li:first-child {
            margin-left: 0; }
          #map-container #results-panel > :nth-child(2) ol li div {
            padding: 10px; }
    #map-container #results-panel > :nth-child(3) {
      background: #fff; }
      @media only screen and (min-width: 768px) {
        #map-container #results-panel > :nth-child(3) {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 42.254%; } }
      #map-container #results-panel > :nth-child(3) table {
        background: none;
        width: 100%;
        border: 0; }
      #map-container #results-panel > :nth-child(3) .adp-placemark td:first-child {
        display: none; }
      #map-container #results-panel > :nth-child(3) .adp-placemark td {
        padding: .75em 2em .75em 10px; }
      #map-container #results-panel > :nth-child(3) img.adp-marker {
        display: none; }

.adp-listheader {
  background: #1e384b;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 5px solid #fff;
  margin: -10px 0 5px -10px;
  padding: 10px !important;
  font-weight: bold; }

.adp-summary {
  margin: 10px;
  font-size: 20px; }

ol li .adp-summary-duration {
  float: none;
  font-size: 22px;
  border-bottom: 1px solid #a9a9a9;
  padding: 10px;
  margin-left: 0; }

.adp-directions {
  border-collapse: separate; }
  .adp-directions tr {
    border-left: 1px solid #737373;
    margin-left: 0.75em;
    display: block; }
    .adp-directions tr b {
      font-weight: bold; }
  .adp-directions .adp-substep {
    padding: .75em 2em .75em 10px;
    border: 0;
    position: relative; }
    .adp-directions .adp-substep .adp-details span {
      font-size: 14px; }
    .adp-directions .adp-substep a {
      font-weight: bold; }
    .adp-directions .adp-substep div span {
      font-size: 14px; }

.line-number {
  margin-left: 2px;
  background-color: #0097a7;
  padding: 0 4px;
  color: #ffffff; }

.adp-list {
  padding: 0 !important;
  border: 0 !important;
  background: #e1e2e2 !important; }

.adp-warnbox {
  margin-top: 0 !important; }

#results-panel .adp-agencies, #results-panel .adp-legal {
  margin: 0 0 15px 10px; }

.warnbox-content {
  margin: 10px 0 10px 10px; }

.warnbox-c1, .warnbox-c2 {
  display: none; }

#map-wrapper {
  background: #fff;
  position: relative; }
  @media only screen and (min-width: 768px) {
    #map-wrapper {
      width: 57.7%; } }
  #map-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px 5%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    #map-wrapper ul a {
      font-size: 13px;
      padding: 10px 20px; }

.adp-fullwidth {
  width: 101.2% !important; }

@media print {
  #map + ul, #toolbar-administration, header[role="banner"] {
    display: none; }
  #main-content, #results-panel {
    padding: 0; }
  #trip-planner {
    display: none; }
    #trip-planner .form-item {
      width: auto;
      margin: 0; }
      #trip-planner .form-item h3 {
        display: none; }
  .adp-summary {
    margin: 10px 10px 10px 0; }
  #map-container #results-panel, #map-container #results-panel > :nth-child(3) .adp-placemark td, .adp-directions .adp-substep {
    padding-left: 0; }
  #results-panel .adp-agencies, #results-panel .adp-legal, .warnbox-content {
    margin-left: 0; }
  #results-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #results-panel > :nth-child(1), #results-panel > :nth-child(2), #results-panel > :nth-child(3) {
      width: auto; }
    #results-panel #map-wrapper {
      height: 492px;
      width: 525px;
      display: none; }
  .adp-directions {
    border-collapse: separate; }
    .adp-directions tr {
      border-left: 0;
      margin-left: 0; } }

#block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full > div {
  display: none;
  padding: 5px; }

#block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 {
  position: relative;
  margin-bottom: 0; }
  #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a {
    display: block;
    background-color: #1e384b;
    color: #fff;
    padding: 7px 25px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out; }
    #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a:after {
      content: url("/themes/dcta/images/arrow.png");
      position: absolute;
      right: 15px; }
    #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a:hover {
      background-color: #24538F; }

.active-accordion {
  border-left: 3px solid #1e384b;
  border-right: 3px solid #1e384b;
  border-bottom: 3px solid #1e384b; }
  .active-accordion a[rel="bookmark"]:after {
    content: url("/themes/dcta/images/arrow.png");
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  .active-accordion > div {
    display: block !important; }

#block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  padding: 15px;
  background-color: #f2f2f2;
  border-bottom: 3px solid #1e384b; }

#block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item {
  border-bottom: 3px solid #1e384b; }
  #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item table tbody tr:nth-child(odd) {
    background-color: #f2f2f2; }
  #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item table tbody td {
    border-left: 0;
    border-right: 0; }

.box {
  text-align: center;
  width: 262px;
  height: 220px;
  display: inline-block;
  background: url("../images/boxbg.png");
  background-repeat: no-repeat;
  color: white;
  margin: 10px 10px;
  color: white; }
  .box img {
    margin-top: 9px;
    margin-bottom: -8px;
    width: 101px;
    height: 101px; }
  .box .button, .box .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .box a, .box .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .box a {
    display: block;
    width: 85%;
    padding: 7px 0;
    margin: 0 auto !important; }
  .box P {
    color: white;
    font-weight: bold; }

.box-wrapper {
  text-align: center; }

.skipButton {
  height: 177px;
  cursor: pointer; }

#online-store .table-caption {
  background-color: #1e384b;
  color: #fff;
  padding: 10px;
  padding-left: 20px;
  font-size: 1.2em;
  font-weight: bold; }

#online-store td {
  background-color: #dbeff2;
  border: 4px solid white;
  text-align: left;
  font-weight: bold; }

#online-store h3 {
  padding: 10px; }

#online-store .tablesaw-cell-content {
  display: block; }

.media-center-hck2 {
  /* Media Center News */ }
  .media-center-hck2 #block-views-block-media-center-carousel-block-1 {
    background: rgba(216, 216, 216, 0.75);
    max-width: 100%;
    padding: 2rem 0; }
    .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-arrow {
      top: 65px; }
      @media only screen and (min-width: 640px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-arrow {
          top: -190px; } }
      @media only screen and (min-width: 768px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-arrow {
          height: 45px;
          top: 220px; } }
      @media only screen and (min-width: 1024px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-arrow {
          height: 65px;
          top: 50px; } }
      @media only screen and (min-width: 1248px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-arrow {
          top: 175px; } }
    @media only screen and (min-width: 1440px) {
      .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-prev {
        left: 5px; } }
    @media only screen and (min-width: 1440px) {
      .media-center-hck2 #block-views-block-media-center-carousel-block-1 .slick__arrow .slick-next {
        right: 5px; } }
    .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider h2 {
      display: none; }
    .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 1rem; }
      .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .slick-dots li {
        margin-right: 2rem;
        list-style: none; }
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .slick-dots li.slick-active button {
          background: #006BA6; }
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .slick-dots li button {
          height: 20px;
          width: 20px;
          padding: 0;
          border-radius: 100%;
          text-indent: -1000em; }
    .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      @media only screen and (min-width: 1024px) {
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide {
          width: 100%; } }
      .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-left {
        height: 100%; width: 45%;}
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-left img {
          max-height: 100%; }
          @media only screen and (min-width: 640px) {
            .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-left img {
              width: 80%; } }
          @media only screen and (min-width: 768px) {
            .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-left img {
              min-height: 100% !important;
              height: 100% !important; } }
      .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right {
        background: #fff;
        padding: 1rem; }
        @media only screen and (min-width: 640px) {
          .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right {
            width: 55%;
            margin: 0 auto; } }
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right h3 {
          font-size: 20px; }
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right .field--name-field-date {
          margin-bottom: 1rem; }
        .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right .button, .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right a, .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .media-center-hck2 #block-views-block-media-center-carousel-block-1 #slick-views-media-center-carousel-block-1-1-slider .media-center-slide .slide-right a {
          max-width: 50%; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 .view-blog-aggregation .view-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  .media-center-hck2 .view-blog-aggregation .view-content .views-row {
    border-bottom: 2px solid #fac727;
    padding: 1rem 0; }
    @media only screen and (min-width: 768px) {
      .media-center-hck2 .view-blog-aggregation .view-content .views-row {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
                flex: 0 0 45%; } }
    @media only screen and (min-width: 768px) {
      .media-center-hck2 .view-blog-aggregation .view-content .views-row article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .media-center-hck2 .view-blog-aggregation .view-content .views-row article .img img {
      max-width: 100%;
      max-height: 275px; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div {
      width: 45%;
      float: right; } }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div:first-of-type {
    float: left;
    margin-left: 0; }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div h3 {
    font-size: 18px; }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div p {
    font-size: 14px; }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div .button, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div a, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .view-content > div a {
    display: block;
    text-align: center;
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 h3, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .date {
    /*font-size: 14px;*/ }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .date {
    /*font-style: italic; */}
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 p  a{
    /*font-size: 12px;*/ color: #1E384B; }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .button, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 a, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 a {
    width: 100%;
    display: block;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .button, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 a, .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 a {
        width: 85%; } }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .views-row {
    padding: 0 0 1rem 0;
    margin: 1rem auto 0 0;
    border-bottom: 2px solid #fac727; }
    .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .views-row:first-of-type .media {
      display: block; }
    .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .views-row:first-of-type .img {
      width: 100%;
      margin: 0; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 .img {
      margin: 0 1rem 0 0;
      width: 33%; } }
  .media-center-hck2 #block-views-block-news-block-3 .view-display-id-block_3 img {
    max-width: 100%; }
  .media-center-hck2 .ui-accordion-content > div {
    border-bottom: 2px solid #fac727;
    padding: 1rem 0; }
  .media-center-hck2 #block-views-block-news-block-4 .ui-accordion-header-icon {
    background-size: 65%; }
  .media-center-hck2 #block-views-block-blog-aggregation-block-1 {
    display: block !important; }
  .media-center-hck2 #block-views-block-blog-aggregation-block-1-2 {
    display: none; }
  .media-center-hck2 .view-news.view-display-id-block_3 .view-content > div {
    min-height: 300px;
    margin-right: 1em;
    float: left; }
  .media-center-hck2 .media-center-news-hck2 #views-exposed-form-news-block-1 {
    max-width: 100%; }
    @media only screen and (min-width: 768px) {
      .media-center-hck2 .media-center-news-hck2 #views-exposed-form-news-block-1 {
        max-width: 70%; } }
    @media only screen and (min-width: 1024px) {
      .media-center-hck2 .media-center-news-hck2 #views-exposed-form-news-block-1 {
        max-width: 40%; } }
    .media-center-hck2 .media-center-news-hck2 #views-exposed-form-news-block-1 .form-submit {
      display: inline-block;
      max-width: 40%; }

#block-views-block-media-gallery-block-3 .view-display-id-block_3 .view-content > div {
  width: auto; }

@media only screen and (min-width: 768px) {
  #block-views-block-media-gallery-block-1 .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

#block-views-block-media-gallery-block-1 .view-content h3 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 2em 0; }

#block-views-block-media-gallery-block-1 .view-content > div {
  width: 30%; }

.grid--direction-row {
  display: block; }
  @media only screen and (min-width: 768px) {
    .grid--direction-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .grid--direction-row .grid__col-4 {
    width: auto;
    display: block; }
    @media only screen and (min-width: 768px) {
      .grid--direction-row .grid__col-4 {
        width: 33.3333%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

@-webkit-keyframes pushInBody {
  from {
    margin-top: 0px; }
  to {
    margin-top: 15em; } }

@keyframes pushInBody {
  from {
    margin-top: 0px; }
  to {
    margin-top: 15em; } }

@-webkit-keyframes pushInAlert {
  from {
    height: 0px;
    padding: 0 2em; }
  to {
    height: 15em;
    padding: 2em; } }

@keyframes pushInAlert {
  from {
    height: 0px;
    padding: 0 2em; }
  to {
    height: 15em;
    padding: 2em; } }

@media (min-width: 1248px) {
  @-webkit-keyframes pushInBody {
    from {
      margin-top: 0px; }
    to {
      margin-top: 8em; } }
  @keyframes pushInBody {
    from {
      margin-top: 0px; }
    to {
      margin-top: 8em; } }
  @-webkit-keyframes pushInAlert {
    from {
      height: 0px;
      padding: 0 2em; }
    to {
      height: 8em;
      padding: 2em; } }
  @keyframes pushInAlert {
    from {
      height: 0px;
      padding: 0 2em; }
    to {
      height: 8em;
      padding: 2em; } } }

body.alert-banner {
 /* -webkit-animation: pushInBody 250ms ease-in-out 500ms both 1;
          animation: pushInBody 250ms ease-in-out 500ms both 1; */}
  body.alert-banner [role="alert"] {
   /* position: absolute; */
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
  /*  height: 0px; */
    padding: 0px;
    z-index: 500;
  /*  color: white; */
   /* background-color: red; */
    width: 100%;
  /*  -webkit-animation: pushInAlert 250ms ease-in-out 500ms both 1;
            animation: pushInAlert 250ms ease-in-out 500ms both 1; */}
	body.alert-banner [role="alert"] .btn.p-icon { position:absolute; top: 6px; right:10px; transform:rotate(45deg); font-size:30px; z-index:2}
    body.alert-banner [role="alert"] .Red  {
		background-color: #D63637;
	}
    body.alert-banner [role="alert"] .Green  {
		background-color: #A7CE59;
	}
    body.alert-banner [role="alert"] .Yellow  {
		background-color: #fac727;
	}
	body.alert-banner [role="alert"] .alert{margin-bottom:0px; border-radius:0px; padding:0px;}
	
    body.alert-banner [role="alert"] .Red p {
      color: white;
      font-size: inherit;  margin:0px; padding:16px 30px}
    body.alert-banner [role="alert"] .Yellow p, body.alert-banner [role="alert"] .Green p{
      font-size: inherit; margin:0px; padding:16px 30px }

    body.alert-banner [role="alert"] a {
      opacity: .8;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out; }
      body.alert-banner [role="alert"] a:link, body.alert-banner [role="alert"] a:active, body.alert-banner [role="alert"] a:visited {
        color: inherit;
        text-decoration: underline; }
      body.alert-banner [role="alert"] a:hover {
        opacity: 1; }

.node--type-community-education-page .field--label-above {
  padding-bottom: 2em; }
  .node--type-community-education-page .field--label-above:not(.field--name-field-museum-activities):not(.field--name-field-helpful-links):not(.field--name-field-virtual-tours-libraries-mu) .field__items > .field__item {
    display: block; }
  @supports (display: grid) {
    .node--type-community-education-page .field--label-above:not(.field--name-field-museum-activities):not(.field--name-field-helpful-links):not(.field--name-field-virtual-tours-libraries-mu) .field__items {
      display: grid;
      gap: 1em;
      grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); } }
  @supports not (display: grid) {
    .node--type-community-education-page .field--label-above:not(.field--name-field-museum-activities):not(.field--name-field-helpful-links):not(.field--name-field-virtual-tours-libraries-mu) .field__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .node--type-community-education-page .field--label-above:not(.field--name-field-museum-activities):not(.field--name-field-helpful-links):not(.field--name-field-virtual-tours-libraries-mu) .field__items .field__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
        margin-right: 1em;
        margin-bottom: 0;
        margin-left: 0; } }
  .node--type-community-education-page .field--label-above .field__items .field__item:not(:last-of-type) {
    margin-bottom: .75em; }
  .node--type-community-education-page .field--label-above .field__items > .field__item {
    display: list-item;
    margin-left: 1em; }
    .node--type-community-education-page .field--label-above .field__items > .field__item video, .node--type-community-education-page .field--label-above .field__items > .field__item iframe, .node--type-community-education-page .field--label-above .field__items > .field__item img {
      width: 100%;
      height: auto; }
    .node--type-community-education-page .field--label-above .field__items > .field__item .field--type-image img {
      width: 100% !important;
      max-width: 200px !important;
      height: auto; }
    .node--type-community-education-page .field--label-above .field__items > .field__item figure {
      margin: 0 !important; }
  .node--type-community-education-page .field--label-above .field__label {
    color: white;
    background-color: #1e384b;
    padding: .75em;
    margin-bottom: .75em;
    text-transform: uppercase;
    line-height: 1em; }

@font-face {
  font-family: "icons";
  src: url("./icons.eot?f0ee23d51b661a5c0eeb1ae36e9f5a57?#iefix") format("embedded-opentype"), url("./icons.woff2?f0ee23d51b661a5c0eeb1ae36e9f5a57") format("woff2"), url("./icons.woff?f0ee23d51b661a5c0eeb1ae36e9f5a57") format("woff"), url("./icons.ttf?f0ee23d51b661a5c0eeb1ae36e9f5a57") format("truetype"), url("./icons.svg?f0ee23d51b661a5c0eeb1ae36e9f5a57#icons") format("svg"); }

i {
  line-height: 1; }

i[class^="icon-"]:before, i[class*=" icon-"]:before {
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ad-bg:before, .icon-advertise-dcta:before {
  content: "\f101"; }

.icon-amish-alien:before, .icon-dcta-board-information:before {
  content: "\f102"; }

.icon-binoculars-bg:before {
  content: "\f103"; }

.icon-book-bg:before, .icon-our-history:before {
  content: "\f104"; }

.icon-books-bg:before {
  content: "\f105"; }

.icon-briefcase-bg:before, .icon-careers:before {
  content: "\f106"; }

.icon-build-bg:before, .icon-leadership:before {
  content: "\f107"; }

.icon-bullseye:before {
  content: "\f108"; }

.icon-bus-bg:before, .icon-north-texas-xpress:before, .icon-bus-service-schedules:before, .icon-bus-service:before {
  content: "\f109"; }

.icon-bus:before {
  content: "\f10a"; }

.icon-cap-bg:before {
  content: "\f10b"; }

.icon-cap:before {
  content: "\f10c"; }

.icon-card-bg:before {
  content: "\f10d"; }

.icon-card:before {
  content: "\f10e"; }

.icon-cart-bg:before {
  content: "\f10f"; }

.icon-cash-bg:before {
  content: "\f110"; }

.icon-checked-bg:before {
  content: "\f111"; }

.icon-checklist-alt:before {
  content: "\f112"; }

.icon-checklist:before, .icon-pay-fare-citation:before, .icon-financial-info:before {
  content: "\f113"; }

.icon-cogs:before {
  content: "\f114"; }

.icon-cube-arrow:before, .icon-logistics:before {
  content: "\f115"; }

.icon-directions:before {
  content: "\f116"; }

.icon-discount-bg:before, .icon-discount-programs:before {
  content: "\f117"; }

.icon-duplicate-bg:before {
  content: "\f118"; }

.icon-exclamation-bg-2:before, .icon-411:before {
  content: "\f119"; }

.icon-exclamation-bg:before, .icon-stay-informed:before {
  content: "\f11a"; }

.icon-exclamation:before {
  content: "\f11b"; }

.icon-graph:before {
  content: "\f11c"; }

.icon-group-bg:before, .icon-staff:before {
  content: "\f11d"; }

.icon-group:before, .icon-community-involvement:before {
  content: "\f11e"; }

.icon-handicap-bg:before {
  content: "\f11f"; }

.icon-hands-bg:before {
  content: "\f120"; }

.icon-light-bulb-bg:before, .icon-vision-mission-and-core-values:before {
  content: "\f121"; }

.icon-location-marker:before {
  content: "\f122"; }

.icon-megaphone-bg:before, .icon-public-engagement:before {
  content: "\f123"; }

.icon-mobile-1:before {
  content: "\f124"; }

.icon-mobile:before {
  content: "\f125"; }

.icon-news-bg:before {
  content: "\f126"; }

.icon-open-book-bg:before {
  content: "\f127"; }

.icon-party-bg:before {
  content: "\f128"; }

.icon-people-bg:before, .icon-passenger-info:before, .icon-our-partners:before {
  content: "\f129"; }

.icon-person-bg:before {
  content: "\f12a"; }

.icon-person-looking:before {
  content: "\f12b"; }

.icon-phone-wifi-bg:before {
  content: "\f12c"; }

.icon-pie-bg:before {
  content: "\f12d"; }

.icon-plant-bg:before, .icon-social-responsibility:before {
  content: "\f12e"; }

.icon-points:before {
  content: "\f12f"; }

.icon-quotes:before {
  content: "\f130"; }

.icon-rail-bg:before, .icon-a-train-rail:before, .icon-a-train-rail-service:before, .icon-train-rail-service:before {
  content: "\f131"; }

.icon-rail:before {
  content: "\f132"; }

.icon-rotated-money-bg:before {
  content: "\f133"; }

.icon-shuttle-icon:before, .icon-additional-services:before, .icon-campus-shuttles:before, .icon-demand-services:before {
  content: "\f134"; }

.icon-shuttle:before {
  content: "\f135"; }

.icon-speech:before {
  content: "\f136"; }

.icon-square-shapes:before {
  content: "\f137"; }

.icon-star-bg:before, .icon-special-events:before, .icon-awards:before {
  content: "\f138"; }

.icon-telescope-bg:before, .icon-our-future:before {
  content: "\f139"; }

.icon-thumbs-up:before {
  content: "\f13a"; }

.icon-time-bg:before, .icon-shaping-our-future:before {
  content: "\f13b"; }

.icon-time:before {
  content: "\f13c"; }

.icon-touch:before {
  content: "\f13d"; }

.icon-van-bg:before, .icon-commuter-vanpool:before {
  content: "\f13e"; }

.icon-van:before {
  content: "\f13f"; }

.icon-wallet-bg:before, .icon-buy-my-pass:before {
  content: "\f140"; }

.icon-wallet:before {
  content: "\f141"; }

.icon-youtube-brands:before {
  content: "\f142"; }
.icon-educational-programs:before, .icon-community-education:before {
  content: url(../images/Educational-Programs.png);
 }
.icon-rail-ready:before {
  content: url(../images/Community-Support.png);
 }
.icon-community-advisory-committee:before {
  content: url(../images/Community-Advisory-Committee.png);
 }
.icon-travel-training:before {
  content: url(../images/Travel-Training.png);
 }
.icon-speakers-bureau-request:before {
  content: url(../images/Helpful-Resources.png);
 }

.icon-employee-email-login:before {
  content: url(../images/Email.svg); }

.icon-agency-culture:before {
  content: url(../images/Culture.svg); }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-dcta-board-information:before {
  font-family: icons !important; }

.icon-advertise-dcta:before {
  font-family: icons !important; }

.icon-our-history:before {
  font-family: icons !important; }

.icon-a-train-rail:before, .icon-a-train-rail-service:before, .icon-train-rail-service:before {
  font-family: icons !important; }

.icon-careers:before {
  font-family: icons !important; }

.icon-leadership:before {
  font-family: icons !important; }

.icon-north-texas-xpress:before, .icon-bus-service-schedules:before, .icon-bus-service:before {
  font-family: icons !important; }

.icon-pay-fare-citation:before, .icon-financial-info:before {
  font-family: icons !important; }

.icon-buy-my-pass:before {
  font-family: icons !important; }

.icon-logistics:before {
  font-family: icons !important; }

.icon-discount-programs:before {
  font-family: icons !important; }

.icon-stay-informed:before {
  font-family: icons !important; }

.icon-411:before {
  font-family: icons !important; }

.icon-staff:before {
  font-family: icons !important; }

.icon-vision-mission-and-core-values:before {
  font-family: icons !important; }

.icon-public-engagement:before {
  font-family: icons !important; }

.icon-passenger-info:before, .icon-our-partners:before {
  font-family: icons !important; }

.icon-social-responsibility:before {
  font-family: icons !important; }

.icon-additional-services:before, .icon-campus-shuttles:before, .icon-demand-services:before {
  font-family: icons !important; }

.icon-special-events:before, .icon-awards:before {
  font-family: icons !important; }

.icon-commuter-vanpool:before {
  font-family: icons !important; }

.icon-shaping-our-future:before {
  font-family: icons !important; }

.icon-our-future:before {
  font-family: icons !important; }

.home-hck2 #block-views-block-blog-aggregation-block-3 {
  width: 100%; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #block-views-block-blog-aggregation-block-3 {
      width: 420px; }
      .home-hck2 #block-views-block-blog-aggregation-block-3 .view-blog-aggregation {
        min-height: 503px; } }

.home-hck2 .view-display-id-block_3.view-id-blog_aggregation {
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  max-width: 710px;
  margin: 40px auto;
  padding: 15px;
  background-color: #fff; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation {
      max-width: 420px;
      margin: 40px 0; } }
  .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .view-content {
    display: block; }
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .view-content div {
      float: none;
      clear: both;
      width: auto;
      text-align: left; }
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .view-content .views-row {
      border-bottom: 2px dashed #fac727;
      margin-bottom: 18px; }
  @media (min-width: 1248px) {
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation {
      margin-bottom: 0;
      margin-top: 0; } }
  .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .hop-on-board-image {
    margin-bottom: 25px;
    text-align: center; }
  .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .title {
    text-align: left;
    font-size: 0.9em;
    color: #007E98;
    font-weight: bold;
    margin: 0; }
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .title a {
      display: block; }
  .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .views-field-timestamp span, .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .date {
    margin: 0;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 9px;
    font-style: italic; }
    .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .views-field-timestamp span:last-of-type, .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .date:last-of-type {
      border-bottom: 0px; }
  .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .button, .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .home-hck2 .view-display-id-block_3.view-id-blog_aggregation a, .home-hck2 .view-display-id-block_3.view-id-blog_aggregation .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .home-hck2 .view-display-id-block_3.view-id-blog_aggregation a {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding: 9px;
    margin-top: auto;
    text-align: center;
    font-weight: bold; }

.home-hck2 #block-views-block-home-page-block-5 .slick-arrow {
  top: 15px; }
  @media only screen and (min-width: 640px) {
    .home-hck2 #block-views-block-home-page-block-5 .slick-arrow {
      top: 30px; } }
  @media only screen and (min-width: 768px) {
    .home-hck2 #block-views-block-home-page-block-5 .slick-arrow {
      top: 45px; } }
  @media only screen and (min-width: 1024px) {
    .home-hck2 #block-views-block-home-page-block-5 .slick-arrow {
      top: 15px; } }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #block-views-block-home-page-block-5 .slick-arrow {
      /*top: 150px; */} }

@media only screen and (min-width: 1248px) {
  .home-hck2 .with-page-image {
    margin-top: -10px !important; } }

.home-hck2 #block-views-block-aggtest-block-1,
.home-hck2 #block-aboutdcta {
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  width: 710px;
  background-color: #fff;
  position: relative; }
  .home-hck2 #block-views-block-aggtest-block-1 h2,
  .home-hck2 #block-aboutdcta h2 {
    display: block;
    background-color: #1e384b;
    color: white;
    padding: 8px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0; }
  .home-hck2 #block-views-block-aggtest-block-1 p:first-of-type,
  .home-hck2 #block-aboutdcta p:first-of-type {
    text-align: left;
    font-weight: bold;
    margin-top: 0; }
  .home-hck2 #block-views-block-aggtest-block-1 p:nth-of-type(2),
  .home-hck2 #block-aboutdcta p:nth-of-type(2) {
    font-size: 16px;
    text-align: left;
    padding: 0 1rem 0 1rem; }
  .home-hck2 #block-views-block-aggtest-block-1 img,
  .home-hck2 #block-aboutdcta img {
    display: none; }
  .home-hck2 #block-views-block-aggtest-block-1 .button, .home-hck2 #block-views-block-aggtest-block-1 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-views-block-aggtest-block-1 a, .home-hck2 #block-views-block-aggtest-block-1 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-views-block-aggtest-block-1 a,
  .home-hck2 #block-aboutdcta .button,
  .home-hck2 #block-aboutdcta .business-center-staff-hck2 .views-field-edit-node a,
  .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-aboutdcta a,
  .home-hck2 #block-aboutdcta .business-center-staff-hck2 .views-field-delete-node a,
  .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-aboutdcta a {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 9px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #block-views-block-aggtest-block-1,
    .home-hck2 #block-aboutdcta {
      height: 503px;
      overflow-y: scroll;
      margin-top: 0; }
      .home-hck2 #block-views-block-aggtest-block-1 img,
      .home-hck2 #block-aboutdcta img {
        display: block;
        max-width: 100%; } }

.home-hck2 #block-views-block-aggtest-block-1 div:empty {
  display: none; }

.home-hck2 #block-views-block-aggtest-block-1 .field-content {
  float: left;
  clear: both;
  font-weight: bold;}

.home-hck2 #block-views-block-aggtest-block-1 p {
  padding: 0;
  font-weight: normal; }
  .home-hck2 #block-views-block-aggtest-block-1 p:first-of-type {
    padding: 0; }

.home-hck2 #block-views-block-aggtest-block-1 .gd_p:blank {
  display: none; }

.home-hck2 #block-views-block-aggtest-block-1 {
  overflow-y: hidden !important; }

.home-hck2 #block-views-block-aggtest-block-1,
.home-hck2 #block-views-block-home-page-block-4 {
  height: 515px;
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  width: 360px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #block-views-block-aggtest-block-1,
    .home-hck2 #block-views-block-home-page-block-4 {
      margin-right: 2.5rem; } }
  .home-hck2 #block-views-block-aggtest-block-1 .rider-alert-caption,
  .home-hck2 #block-views-block-home-page-block-4 .rider-alert-caption {
    font-weight: bold;
    color: #1e384b;
    padding: 5px;
    text-align: left;
    -ms-flex-item-align: start;
        align-self: flex-start;
   font-size: 24px;
   text-transform:uppercase;
    padding-left: 0; }
  @media (min-width: 0px) and (max-width: 639px) {
    .home-hck2 #block-views-block-aggtest-block-1,
    .home-hck2 #block-views-block-home-page-block-4 {
      margin-bottom: 30px; } }
  @media (min-width: 640px) and (max-width: 1247px) {
    .home-hck2 #block-views-block-aggtest-block-1,
    .home-hck2 #block-views-block-home-page-block-4 {
      margin-right: 5px; } }
  .home-hck2 #block-views-block-aggtest-block-1 h2,
  .home-hck2 #block-views-block-home-page-block-4 h2 {
    display: block;
    background-color: #1e384b;
    color: white;
    padding: 7px 0 7px 65px;
    text-align: left;
    margin-top: 0;
    position: relative; }
    .home-hck2 #block-views-block-aggtest-block-1 h2:before,
    .home-hck2 #block-views-block-home-page-block-4 h2:before {
      content: " ";
      background-image: url("../images/homepage.png");
      background-position: 31px 0px;
      width: 30px;
      height: 31px;
      position: absolute;
      left: 20px; top: 17px}
  .home-hck2 #block-views-block-aggtest-block-1 > div,
  .home-hck2 #block-views-block-home-page-block-4 > div {
    padding: 21px;
    overflow-y: scroll; }
    .home-hck2 #block-views-block-aggtest-block-1 > div > div,
    .home-hck2 #block-views-block-home-page-block-4 > div > div {
      padding: 2px 5px;
      clear: both; }
  .home-hck2 #block-views-block-aggtest-block-1 a,
  .home-hck2 #block-views-block-home-page-block-4 a {
    display: block;
    text-align: left;
    font-weight: bold; }
  .home-hck2 #block-views-block-aggtest-block-1 .view-footer,
  .home-hck2 #block-views-block-home-page-block-4 .view-footer {
    clear: both; }
    .home-hck2 #block-views-block-aggtest-block-1 .view-footer a.button, .home-hck2 #block-views-block-aggtest-block-1 .view-footer .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-views-block-aggtest-block-1 .view-footer a, .home-hck2 #block-views-block-aggtest-block-1 .view-footer .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-views-block-aggtest-block-1 .view-footer a,
    .home-hck2 #block-views-block-home-page-block-4 .view-footer a.button,
    .home-hck2 #block-views-block-home-page-block-4 .view-footer .business-center-staff-hck2 .views-field-edit-node a,
    .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-views-block-home-page-block-4 .view-footer a,
    .home-hck2 #block-views-block-home-page-block-4 .view-footer .business-center-staff-hck2 .views-field-delete-node a,
    .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-views-block-home-page-block-4 .view-footer a {
      padding: 9px;
      width: 70%;
      text-align: center;
      margin: 0 auto; }
      .home-hck2 #block-views-block-aggtest-block-1 .view-footer a.button:after, .home-hck2 #block-views-block-aggtest-block-1 .view-footer .business-center-staff-hck2 .views-field-edit-node a:after, .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-views-block-aggtest-block-1 .view-footer a:after, .home-hck2 #block-views-block-aggtest-block-1 .view-footer .business-center-staff-hck2 .views-field-delete-node a:after, .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-views-block-aggtest-block-1 .view-footer a:after,
      .home-hck2 #block-views-block-home-page-block-4 .view-footer a.button:after,
      .home-hck2 #block-views-block-home-page-block-4 .view-footer .business-center-staff-hck2 .views-field-edit-node a:after,
      .business-center-staff-hck2 .views-field-edit-node .home-hck2 #block-views-block-home-page-block-4 .view-footer a:after,
      .home-hck2 #block-views-block-home-page-block-4 .view-footer .business-center-staff-hck2 .views-field-delete-node a:after,
      .business-center-staff-hck2 .views-field-delete-node .home-hck2 #block-views-block-home-page-block-4 .view-footer a:after {
        content: ""; }
  .home-hck2 #block-views-block-aggtest-block-1 time,
  .home-hck2 #block-views-block-home-page-block-4 time {
    display: block;
    text-align: left;
    margin-bottom: 30px; }
  .home-hck2 #block-views-block-aggtest-block-1 > div:last-of-type,
  .home-hck2 #block-views-block-home-page-block-4 > div:last-of-type {
    margin-top: auto; }
  .home-hck2 #block-views-block-aggtest-block-1 .field-content,
  .home-hck2 #block-views-block-home-page-block-4 .field-content {
    text-align: left;
    margin-top: 0;
   /* margin-bottom: 30px;*/ }

.home-hck2 #block-views-block-home-page-block-2 {
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  width: 360px;
  height: 515px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px; }
  @media (min-width: 0px) and (max-width: 639px) {
    .home-hck2 #block-views-block-home-page-block-2 {
      margin-bottom: 30px; } }
  @media (min-width: 640px) and (max-width: 1247px) {
    .home-hck2 #block-views-block-home-page-block-2 {
      margin-right: 5px; } }
  .home-hck2 #block-views-block-home-page-block-2 h2 {
    display: block;
    background-color: #1e384b;
    color: white;
    padding: 7px 0 7px 65px;
    text-align: left;
    margin-top: 0;
    position: relative;
    margin-bottom: 0; }
    .home-hck2 #block-views-block-home-page-block-2 h2:before {
      content: " ";
      background-image: url("../images/homepage.png");
      background-position: -31px 0px;
      width: 30px;
      height: 31px;
      position: absolute;
      left: 20px; }
  .home-hck2 #block-views-block-home-page-block-2 .scroll-container {
    overflow-y: scroll; }
  .home-hck2 #block-views-block-home-page-block-2 div {
    text-align: left; }
    .home-hck2 #block-views-block-home-page-block-2 div p {
      padding: 21px;
      margin-top: 5px;
      font-weight: bold;
      margin-bottom: 0; }
    .home-hck2 #block-views-block-home-page-block-2 div img {
      width: 100%; }
    .home-hck2 #block-views-block-home-page-block-2 div .views-row a::before {
      content: "WHY I RIDE";
      color: #1e384b;
      background-color: #fac727;
      padding: 5px 10px;
      margin-bottom: 4px;
      font-size: 12px;
      text-align: center;
      font-weight: bolder;
      position: absolute;
      bottom: 0;
      right: 0; }
  .home-hck2 #block-views-block-home-page-block-2 a {
    display: block;
    text-align: left;
    font-weight: bold;
    position: relative;
    padding: 10px 0 10px 0; }
  .home-hck2 #block-views-block-home-page-block-2 .read-more-btn {
    margin: 0 auto;
    width: 70%;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .home-hck2 #block-views-block-home-page-block-2 .read-more-btn a {
      text-align: center; }

.home-hck2 #block-views-block-home-page-block-1 {
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  width: 360px;
  height: 300px;
  background-color: #fff;
  display: inline-block;
  margin-bottom: 1rem;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 560px) {
    .home-hck2 #block-views-block-home-page-block-1 {
      height: 250px; } }
  @media (min-width: 640px) and (max-width: 1247px) {
    .home-hck2 #block-views-block-home-page-block-1 {
      margin-right: 5px; } }
  .home-hck2 #block-views-block-home-page-block-1 h2 {
    display: block;
    background-color: #1e384b;
    color: white;
    padding: 7px 0 7px 65px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    position: relative; }
    .home-hck2 #block-views-block-home-page-block-1 h2:before {
      content: " ";
      background-image: url("../images/homepage.png");
      background-position: 0px -31px;
      width: 30px;
      height: 31px;
      position: absolute;
      left: 20px; }
  .home-hck2 #block-views-block-home-page-block-1 .view-home-page {
    height: 160px;
    overflow-y: scroll; }
  .home-hck2 #block-views-block-home-page-block-1 div {
    padding: 2px 5px; }
  .home-hck2 #block-views-block-home-page-block-1 a {
    display: block;
    text-align: left;
    font-weight: bold; }
  .home-hck2 #block-views-block-home-page-block-1 time {
    display: block;
    text-align: left; }
  .home-hck2 #block-views-block-home-page-block-1 .read-more-btn {
    margin: 0 auto;
    width: 70%; }
    .home-hck2 #block-views-block-home-page-block-1 .read-more-btn a {
      text-align: center; }

.home-hck2 #block-dcta-local-tasks {
  width: 100%; }

.home-hck2 #block-mainpagecontent {
  width: 100%; }

.home-hck2 #block-views-block-travel-tools-block-1 {
  margin-bottom: 50px; }
  @media only screen and (min-width: 1024px) {
    .home-hck2 #block-views-block-travel-tools-block-1 {
      width: 660px; } }
  .home-hck2 #block-views-block-travel-tools-block-1 .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .home-hck2 #block-views-block-travel-tools-block-1 .view-content :nth-child(2) > .views-field-field-travel-tool-icon img {
      height: 50px !important;
      width: 100px !important;
      margin-top: 1.2rem;
      margin-bottom: .4rem; }
      @media only screen and (min-width: 768px) {
        .home-hck2 #block-views-block-travel-tools-block-1 .view-content :nth-child(2) > .views-field-field-travel-tool-icon img {
          margin-bottom: .8rem !important; } }
    .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row {
      margin-top: 10px;
      margin-bottom: 30px;
      background-color: rgba(173, 216, 230, 0.4);
      width: 160px;
      height: 170px; }
      @media only screen and (min-width: 768px) {
        .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row {
          margin-right: 20px;
          width: 200px;
          height: 180px; } }
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row p {
        margin: 0; }
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row img {
        height: 75px;
        width: 75px; }
        @media only screen and (min-width: 768px) {
          .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row img {
            margin-bottom: .5rem; } }
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-title {
        background: #1e384b;
        height: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: .5rem; }
        @media only screen and (min-width: 768px) {
          .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-title {
            margin-bottom: .5rem; } }
        .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-title .field-content {
          line-height: 1.2;
          color: white;
          text-transform: uppercase; }
          @media only screen and (min-width: 768px) {
            .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-title .field-content {
              font-size: 18px; } }
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-field-travel-tool-link a {
        background-color: #007E98;
        color: white;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        border: 0;
        padding: 4px 4px;
        text-transform: uppercase;
        border-radius: 3px;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease; }
      .home-hck2 #block-views-block-travel-tools-block-1 .view-content .views-row .views-field-field-travel-tool-link a:hover {
        background-color: #24538F;
        cursor: pointer; }

.home-hck2 #block-views-block-travel-tools-block-2 {
  width: 90%;
  margin-bottom: 50px; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #block-views-block-travel-tools-block-2 {
      width: 475px; } }
  .home-hck2 #block-views-block-travel-tools-block-2 .node--type-transit-tracker-widget h2 {
    display: none; }
  .home-hck2 #block-views-block-travel-tools-block-2 iframe {
    height: 425px !important; }
    @media only screen and (min-width: 1024px) {
      .home-hck2 #block-views-block-travel-tools-block-2 iframe {
        min-width: 80% !important; } }
    @media only screen and (min-width: 1248px) {
      .home-hck2 #block-views-block-travel-tools-block-2 iframe {
        min-width: 100% !important; } }

.home-hck2 .homepage-enroute-block {
  -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
  width: 360px;
  height: 250px;
  background-color: #fff;
  display: inline-block;
  margin-bottom: 10px; }
  @media (min-width: 640px) and (max-width: 1247px) {
    .home-hck2 .homepage-enroute-block {
      margin-right: 5px; } }
  .home-hck2 .homepage-enroute-block h2 {
    display: block;
    background-color: #1e384b;
    color: white;
    padding: 7px 0 7px 65px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase; }
    .home-hck2 .homepage-enroute-block h2:before {
      content: " ";
      background-image: url("../images/homepage.png");
      background-position: 0px -31px;
      width: 30px;
      height: 31px;
      position: absolute;
      left: 20px; }
  .home-hck2 .homepage-enroute-block .btn-block {
    margin-top: 20px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-top: .5rem; }
    .home-hck2 .homepage-enroute-block .btn-block a {
      width: 35%;
      text-align: center;
      font-weight: bold;
      padding: 10px 0 10px 0;
      cursor: pointer;
      margin: 0; }
  .home-hck2 .homepage-enroute-block article h2 {
    display: none; }
  .home-hck2 .homepage-enroute-block article .image-style-enroute-block-image {
    width: 100%; }

.home-hck2 #homepage-about-content .region-homepage-about {
  border-top: 4px solid #fac727;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #homepage-about-content .region-homepage-about {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.home-hck2 #homepage-news-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media only screen and (min-width: 1248px) {
    .home-hck2 #homepage-news-content {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .home-hck2 #homepage-news-content .region-homepage-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (min-width: 1248px) {
      .home-hck2 #homepage-news-content .region-homepage-news {
        width: 800px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .home-hck2 #homepage-news-content .region-homepage-news-child {
    padding-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (min-width: 1248px) {
      .home-hck2 #homepage-news-content .region-homepage-news-child {
        width: 400px;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }

.home-hck2 .region.region-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 4px solid #fac727; }
  @media (min-width: 1248px) {
    .home-hck2 .region.region-content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

#block-footer > ul > li:nth-child(1) > a:first-of-type::before {
  content: ''; }

#block-footer > ul > li:nth-child(1) > .menu {
  display: none; }
  @media only screen and (min-width: 1248px) {
    #block-footer > ul > li:nth-child(1) > .menu {
      display: block; } }

@media only screen and (min-width: 1248px) {
  #block-footer > ul > li:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px; flex-basis: 50%} }

#block-footer > ul > li:nth-child(2) > .menu {
  display: none; }
  @media only screen and (min-width: 1248px) {
    #block-footer > ul > li:nth-child(2) > .menu {
      display: block; } }

#block-footer > ul > li:nth-child(3) {
  margin-bottom: 25px; }
  @media only screen and (min-width: 1248px) {
    #block-footer > ul > li:nth-child(3) {
      margin-left: 17px;
      margin-bottom: 0px; } }
  #block-footer > ul > li:nth-child(3) > .menu {
    display: none; }
    @media only screen and (min-width: 1248px) {
      #block-footer > ul > li:nth-child(3) > .menu {
        display: block; } }

#block-views-block-footer-content-block-1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
#block-views-block-footer-content-block-1 > div {width: 100%;}	  
  #block-views-block-footer-content-block-1 .views-field-field-social-c p {
    border-bottom: 0px !important; }
  #block-views-block-footer-content-block-1 .field-content:first-child {
    padding-right: 20px; }
  #block-views-block-footer-content-block-1 .field-content p:first-of-type {
    border-bottom: 2px solid #fac727;  height: 56px}
  #block-views-block-footer-content-block-1 .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #block-views-block-footer-content-block-1 .views-row div:nth-child(1) {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    #block-views-block-footer-content-block-1 .views-row div:nth-child(2) {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      color: white; }
  #block-views-block-footer-content-block-1 p {
    color: white; }
  #block-views-block-footer-content-block-1 .views-field-field-social-c {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }

#block-views-block-footer-content-block-1 .views-field-field-footer-address {
  text-align: center;
  width: 100%;  }
  @media only screen and (min-width: 1248px) {
#block-views-block-footer-content-block-1 .views-field-field-footer-address {
  flex-basis:50%  }
  #block-views-block-footer-content-block-1 .views-field-field-mailing-address {
  flex-basis:50%  }
    #block-views-block-footer-content-block-1 .views-field-field-footer-address {
      text-align: left;
      width: auto; } }
  #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content > p:first-child {
    margin-top: 0; }
  #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content p {
    display: none; }
  #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content p:nth-child(2) {
    display: block; }
  #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content p:nth-child(3) {
    display: block; }
  @media only screen and (min-width: 1248px) {
    #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content p:nth-child(1) {
      display: block; }
    #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content p:nth-child(4) {
      display: block; } }
  #block-views-block-footer-content-block-1 .views-field-field-footer-address .field-content::before {
    content: "";
    background-image: url("/themes/dcta/images/dcta_logo.png");
    background-repeat: no-repeat;
    position: relative;
    height: 150px;
    width: 200px;
    padding-top: 120px;
    bottom: 100px; }

#block-views-block-footer-content-block-1 .views-field-field-mailing-address {
  display: none; }
  @media only screen and (min-width: 1248px) {
    #block-views-block-footer-content-block-1 .views-field-field-mailing-address {
      display: block; }
      #block-views-block-footer-content-block-1 .views-field-field-mailing-address .field-content > p:first-child {
        margin-top: 0; } }

.views-field-field-social-c {
  display: block;
  text-align: center;
  padding: 20px;
  border-top: 1px solid #fac727; }
  .views-field-field-social-c p {
    color: white; }
  .views-field-field-social-c .field-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (min-width: 768px) {
      .views-field-field-social-c .field-content .footer-links {
        margin-left: 3rem; } }
    .views-field-field-social-c .field-content .footer-links a {
      color: white;
      margin-right: 1rem; }
      @media only screen and (min-width: 768px) {
        .views-field-field-social-c .field-content .footer-links a {
          padding: .5rem;
          margin-right: 1rem; } }
  @media only screen and (min-width: 1248px) {
    .views-field-field-social-c {
      text-align: left;
      padding-left: 0; } }

.views-field-field-footer-logo {
  display: block; }
  .views-field-field-footer-logo img {
    width: 180px;
    height: auto; }
  .views-field-field-footer-logo img::before {
    content: attr("title");
    position: absolute; }
  @media only screen and (min-width: 1248px) {
    .views-field-field-footer-logo {
      display: none; } }

.views-field-field-text {
  display: block;
  text-align: center; }
  @media only screen and (min-width: 1248px) {
    .views-field-field-text {
      display: none; } }

.region.region-footer {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .region.region-footer > nav {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .region.region-footer > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  @media only screen and (min-width: 1248px) {
    .region.region-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .region.region-footer > nav {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }

footer {
  padding: 30px 0; }
  footer ul.menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  footer li .menu-item:last-child {
    display: block;
    font-weight: bold;
    margin-top: 100px; }

footer {
  color: white !important;
  text-align: center; }
  @media only screen and (min-width: 1248px) {
    footer {
      text-align: left; } }
  footer nav a.is-active {
    color: #fac727 !important; }
  footer nav > .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    @media only screen and (min-width: 1248px) {
      footer nav > .menu {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    footer nav > .menu > li {
      font-size: 16px;
    /*  text-align: center; */}
      @media only screen and (min-width: 1248px) {
        footer nav > .menu > li {
          margin-right: 1em;
         /* max-width: 245px;*/ } }
      footer nav > .menu > li a {
        color: #fff !important;
        text-transform: uppercase;
        border-bottom: 2px solid #fac727;
        padding: 10px;
        display: block; }
        @media only screen and (min-width: 1248px) {
          footer nav > .menu > li a {
            padding: 0px; } }
      footer nav > .menu > li .menu {
        padding: 0;
        margin: 0; }
        footer nav > .menu > li .menu li {
          font-size: 14px;
          margin: 0.5em 0; }
          footer nav > .menu > li .menu li a {
            text-transform: none;
            border: 0; }
  footer nav li {
    margin: 0 1em; }

footer .menu-item.menu-item--expanded::before {
  content: none; }

#block-footer .menu-item.menu-item--expanded::before {
  content: none; }

#block-footer .menu-item.menu-item--expanded a {
  color: white;
  display: block; }
#block-footer .menu-item.menu-item--expanded > a {
height: 52.5px; padding-top:25px }
.procurement-opportunities-hck2 .button, .procurement-opportunities-hck2 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .procurement-opportunities-hck2 a, .procurement-opportunities-hck2 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .procurement-opportunities-hck2 a {
  margin: 10px 0;
  padding: 5px 20px;
  width: 80%;
  display: block;
  text-align: center; }

.procurement-opportunities-hck2 #content {
  margin-top: -10px; }
  @media only screen and (min-width: 1024px) {
    .procurement-opportunities-hck2 #content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .procurement-opportunities-hck2 #content div:nth-child(1) {
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%; }
      .procurement-opportunities-hck2 #content div:nth-child(2) {
        margin-top: -20px;
        -webkit-box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
                box-shadow: 10px 10px 24px -5px rgba(0, 0, 0, 0.75);
        background-color: white;
        padding: 0 0 10px 0;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        margin-left: 50px; }
        .procurement-opportunities-hck2 #content div:nth-child(2) strong:nth-child(1) {
          background-color: #1e384b;
          color: white;
          display: block;
          padding: 5px 10px;
          width: 100%; }
        .procurement-opportunities-hck2 #content div:nth-child(2) p:nth-child(1) {
          margin: 0; } }

.procurement-opportunities-hck2 #content div:nth-child(2) strong:nth-child(1) {
  background-color: #1e384b;
  color: white;
  display: block;
  padding: 5px 10px;
  width: 100%; }

.contact-us-hck2 .social-media {
  background-color: rgba(30, 56, 75, 0.8);
  padding: 10px;
  text-align: center; }

.contact-us-hck2 #main-content {
  display: block;
  width: 100%; }

.contact-us-hck2 .node__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .contact-us-hck2 .node__content .field--name-body {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .contact-us-hck2 .node__content .field--name-field-contact-us-online {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    .contact-us-hck2 .node__content .field--name-field-contact-us-online .button, .contact-us-hck2 .node__content .field--name-field-contact-us-online .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .contact-us-hck2 .node__content .field--name-field-contact-us-online a, .contact-us-hck2 .node__content .field--name-field-contact-us-online .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .contact-us-hck2 .node__content .field--name-field-contact-us-online a {
      margin: 10px 0;
      padding: 5px 20px;
      width: 100%;
      display: block;
      text-align: center; }
    @media only screen and (min-width: 1024px) {
      .contact-us-hck2 .node__content .field--name-field-contact-us-online {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; } }
    .contact-us-hck2 .node__content .field--name-field-contact-us-online img {
      float: left;
      padding: 0 15px 0 0; }
  .contact-us-hck2 .node__content .field--name-field-downtown-denton-transit-ce {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media only screen and (min-width: 1024px) {
      .contact-us-hck2 .node__content .field--name-field-downtown-denton-transit-ce {
        -ms-flex-preferred-size: 36%;
            flex-basis: 36%;
        margin: 0 10px; } }
  .contact-us-hck2 .node__content .field--name-field-dcta-administrative-office {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media only screen and (min-width: 1024px) {
      .contact-us-hck2 .node__content .field--name-field-dcta-administrative-office {
        -ms-flex-preferred-size: 36%;
            flex-basis: 36%; } }

.contact-us-hck2 .field--name-field-page-image {
  display: none; }

.contact-us-hck2 .page-title {
  display: none; }

.contact-us-hck2 .field__label {
  background-color: #1e384b;
  color: white;
  padding: 7px 12px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px; }
  .contact-us-hck2 .field__label.call-us {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 107%;
    margin-left: -10px;
    border-top: 20px white solid; }

.contact-us-hck2 .field__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #DAEFF2;
  padding: 10px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 1024px) {
    .contact-us-hck2 .field__item {
      height: 95%; } }
  .contact-us-hck2 .field__item p {
    margin-top: 0; }
  .contact-us-hck2 .field__item .map-image {
    margin-top: auto;
    margin-bottom: 0; }
    .contact-us-hck2 .field__item .map-image img {
      width: 100%; }
      @media only screen and (min-width: 1024px) {
        .contact-us-hck2 .field__item .map-image img {
          height: 194px; } }

.contact-us-hck2 .field--name-body {
  background-color: #fff; }

.fares-passes-discount-programs-corporate-pass-program-hck2 #main-content img {
  width: 100%; }

@media only screen and (min-width: 768px) {
  .fares-passes-discount-programs-corporate-pass-program-hck2 #main-content img {
    width: 80%; } }

@media only screen and (min-width: 1248px) {
  .fares-passes-discount-programs-corporate-pass-program-hck2 #main-content img {
    width: 70%; } }

.mobile-menu-overlay {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: -999;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  width: 100%;
  min-height: 100vh; }
  .mobile-menu-overlay.open {
    z-index: 998;
    background: rgba(255, 255, 255, 0.8); }
  @media only screen and (min-width: 1248px) {
    .mobile-menu-overlay {
      display: none; } }

.mobile-menu-wrapper {
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 999;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  width: 70%;
  min-height: 100%;
  overflow: hidden; }
  .mobile-menu-wrapper.open {
    left: 0; }
  .mobile-menu-wrapper .mobile-menu {
    width: 100%;
    background: #1e384b;
    min-height: 100vh; }
  .mobile-menu-wrapper .mobile-menu-header {
    background: #007E98;
    border-bottom: 5px solid #ffffff;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 5px; }
    .mobile-menu-wrapper .mobile-menu-header .logo img {
      height: 35px;
      margin: 5px 5px 0; }
  @media only screen and (min-width: 1248px) {
    .mobile-menu-wrapper {
      display: none; } }

.mobile-menu-footer {
  border-top: 3px solid #fac727;
  text-align: center; }
  .mobile-menu-footer .views-field-field-footer-logo {
    padding-top: 20px; }
    .mobile-menu-footer .views-field-field-footer-logo img {
      width: 30%; }
  .mobile-menu-footer #block-views-block-footer-content-block-1 .field-content:first-child {
    padding-right: 0px; }

.menu.menu-level--0.open {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.menu.menu-level--0 {
  cursor: pointer; }

.trip-planner-hck2 .button, .trip-planner-hck2 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .trip-planner-hck2 a, .trip-planner-hck2 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .trip-planner-hck2 a {
  display: block; }
  .trip-planner-hck2 .button a, .trip-planner-hck2 .business-center-staff-hck2 .views-field-edit-node a a, .business-center-staff-hck2 .views-field-edit-node .trip-planner-hck2 a a, .trip-planner-hck2 .business-center-staff-hck2 .views-field-delete-node a a, .business-center-staff-hck2 .views-field-delete-node .trip-planner-hck2 a a {
    font-size: 11px !important; }

.trip-planner-hck2 #map-wrapper {
  width: auto !important; }

@media (min-width: 0px) and (max-width: 639px) {
  .trip-planner-hck2 #map-wrapper ul {
    margin: 0 8px 20px 8px; }
    .trip-planner-hck2 #map-wrapper ul a {
      font-size: 11px;
      padding: 5px; } }

@media (min-width: 640px) and (max-width: 1247px) {
  .trip-planner-hck2 #map-wrapper ul a {
    font-size: 13px;
    padding: 10px; } }

.foia-requests-pir-form-hck2 .webform-button--submit {
  padding: 20px;
  font-size: 20px; }

@media only screen and (min-width: 640px) {
  .foia-requests-pir-form-hck2 #main-content {
    padding-left: 100px;
    padding-right: 100px; } }

@media only screen and (min-width: 1248px) {
  .foia-requests-pir-form-hck2 #main-content {
    padding-left: 200px;
    padding-right: 200px; } }

.schedules-maps-hck2 #main-content {
  margin: 0 auto; }
  .schedules-maps-hck2 #main-content li > a:hover {
    text-decoration: underline; }
  @media only screen and (min-width: 1248px) {
    .schedules-maps-hck2 #main-content {
      width: 76%; } }
  .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] h2 {
    text-transform: uppercase; }
  @media only screen and (min-width: 640px) {
    .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] {
      padding-left: 2rem; } }
  .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row {
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
      margin: 0 auto;
      margin-bottom: 1.5rem;
      background: #bfe3e9;
      border-radius: .5rem; }
      @media only screen and (min-width: 640px) {
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row {
          -ms-flex-preferred-size: 40%;
              flex-basis: 40%;
          margin: 0 1.5rem 1.5rem 0; } }
      @media only screen and (min-width: 1024px) {
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row {
          -ms-flex-preferred-size: 30%;
              flex-basis: 30%; } }
      .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card {
        min-width: 100%;
        text-align: center;
        padding-bottom: 1rem; }
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card .route-card-header {
          background: #1e384b;
          border-radius: .5rem .5rem 0 0;
          min-height: 75px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card .route-card-header h2 {
            margin: 0 0 1rem 0;
            padding: 1rem .2rem 0 .2rem;
            color: white;
            font-size: 16px;
            line-height: .9; }
            @media only screen and (min-width: 768px) {
              .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card .route-card-header h2 {
                font-size: 18px; } }
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card .half-circle {
          background: url("/themes/dcta/images/half-circle.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: bottom;
          margin: 0 auto;
          margin-top: -1rem;
          height: 16px;
          width: 91px; }
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card img {
          padding-top: .5rem;
          margin-bottom: 1rem; }
        .schedules-maps-hck2 #main-content .region-content div[class*="block-views-blockschedules-and-maps-block-"] .view-content .views-row article > .route-card button {
          width: 85%;
          margin: 1rem 0 1rem 0; }

.schedules-maps-north-texas-xpress-hck2 #block-mainpagecontent img {
  width: 30%; }

.schedules-maps-bus-service-schedules-hck2 .info-stop-id {
  position: absolute;
  color: gray;
  top: 0;
  left: 0;
  width: 100%; }

.schedules-maps-bus-service-schedules-hck2 #maps-popup .Start {
  display: none; }

.schedules-maps-bus-service-schedules-hck2 #maps-popup .Finish {
  display: none; }

.schedules-maps-bus-service-schedules-hck2 .Start {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: green;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 5px;
  margin-top: -31px; }

.schedules-maps-bus-service-schedules-hck2 .Finish {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 5px;
  margin-top: -31px; }

.schedules-maps-bus-service-schedules-hck2 .bounds, .schedules-maps-bus-service-schedules-hck2 .inbound::before, .schedules-maps-bus-service-schedules-hck2 .outbound::before {
  position: absolute;
  background-color: gray;
  color: white;
  top: -20px;
  width: 100%;
  z-index: 999;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  display: block; }

.schedules-maps-bus-service-schedules-hck2 .inbound::before {
  content: 'Inbound'; }

.schedules-maps-bus-service-schedules-hck2 .outbound::before {
  content: 'Outbound'; }

.schedules-maps-bus-service-schedules-hck2 .show-weekday .served.weekday {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.schedules-maps-bus-service-schedules-hck2 .show-weekday .served.saturday {
  display: none !important; }

.schedules-maps-bus-service-schedules-hck2 .show-saturday .served.weekday {
  display: none !important; }

.schedules-maps-bus-service-schedules-hck2 .show-saturday .served.saturday {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.schedules-maps-bus-service-schedules-hck2 .PM {
  font-weight: bold; }

.schedules-maps-bus-service-schedules-hck2 #stop-tables h1 {
  background-color: #1e384b;
  color: white;
  padding: 7px;
  text-align: left;
  padding-left: 20px; }

.schedules-maps-bus-service-schedules-hck2 #table-list {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .schedules-maps-bus-service-schedules-hck2 #table-list {
      padding-left: 20px; } }

.schedules-maps-bus-service-schedules-hck2 .stop {
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 170px;
  max-width: 170px;
  position: relative;
  margin-top: 20px; }

.schedules-maps-bus-service-schedules-hck2 .stop-name {
  background-color: #DBEEF1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 119px;
  min-height: 119px; }

.schedules-maps-bus-service-schedules-hck2 .stop-id {
  margin-top: auto; }

.schedules-maps-bus-service-schedules-hck2 .stop-times {
  background-color: #fff; }
  .schedules-maps-bus-service-schedules-hck2 .stop-times span {
    display: block;
    padding: 10px 0;
    margin: 8px 0;
    color: #1e384b; }
  .schedules-maps-bus-service-schedules-hck2 .stop-times span:nth-child(even) {
    background-color: #E8E8E8; }

.schedules-maps-bus-service-schedules-hck2 .served {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin-top: 20px; }
  .schedules-maps-bus-service-schedules-hck2 .served::before {
    content: attr(data-served);
    position: absolute;
    background-color: gray;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: auto;
    padding: 2px 20px;
    white-space: nowrap; }

.schedules-maps-bus-service-schedules-hck2 #table-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 18.76px; }
  .schedules-maps-bus-service-schedules-hck2 #table-buttons a {
    display: block;
    padding: 20px 0;
    margin-right: 5px;
    border-radius: 0;
    border: 1px solid black;
    font-size: 18px; }
    .schedules-maps-bus-service-schedules-hck2 #table-buttons a:nth-child(2) {
      margin-right: 0px; }
  .schedules-maps-bus-service-schedules-hck2 #table-buttons a.selected {
    background-color: #fff;
    color: black;
    border-bottom: 0; }

.schedules-maps-bus-service-schedules-hck2 {
  /* The Modal (background) */
  /* Modal Content/Box */
  /* The Close Button */ }
  .schedules-maps-bus-service-schedules-hck2 .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */ }
  .schedules-maps-bus-service-schedules-hck2 .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */ }
    @media only screen and (min-width: 1024px) {
      .schedules-maps-bus-service-schedules-hck2 .modal-content {
        width: 30%; } }
  .schedules-maps-bus-service-schedules-hck2 .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold; }
  .schedules-maps-bus-service-schedules-hck2 .close:hover,
  .schedules-maps-bus-service-schedules-hck2 .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer; }
  .schedules-maps-bus-service-schedules-hck2 #modal-content {
    text-align: center;
    display: block;
    text-align: center; }
    .schedules-maps-bus-service-schedules-hck2 #modal-content a {
      padding: 15px !important;
      text-align: center;
      margin: 0;
      display: block; }
      @media only screen and (min-width: 1248px) {
        .schedules-maps-bus-service-schedules-hck2 #modal-content a {
          width: auto !important; } }
    .schedules-maps-bus-service-schedules-hck2 #modal-content h3 {
      text-align: center;
      color: black !important; }

.schedules-maps-bus-service-schedules-hck2 #googlemaps {
  background-color: lightgrey;
  height: 300px; }
  @media only screen and (min-width: 1024px) {
    .schedules-maps-bus-service-schedules-hck2 #googlemaps {
      height: 100%; } }

.schedules-maps-bus-service-schedules-hck2 #schedules {
  padding: 15px;
  background-color: #1e384b; }
  @media only screen and (min-width: 640px) {
    .schedules-maps-bus-service-schedules-hck2 #schedules {
      padding: 15px 150px; } }
  @media only screen and (min-width: 1024px) {
    .schedules-maps-bus-service-schedules-hck2 #schedules {
      position: absolute;
      height: 90%;
      width: 300px;
      top: 47px;
      left: 30px;
      z-index: 100;
      border-radius: 5px;
      padding: 15px; } }
  .schedules-maps-bus-service-schedules-hck2 #schedules #schedules-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
  .schedules-maps-bus-service-schedules-hck2 #schedules h3, .schedules-maps-bus-service-schedules-hck2 #schedules h2 {
    color: white;
    text-align: left;
    margin: 0; }
  .schedules-maps-bus-service-schedules-hck2 #schedules p {
    color: white;
    margin: 0;
    text-align: left;
    font-size: 13px; }
  .schedules-maps-bus-service-schedules-hck2 #schedules .radio {
    color: white;
    text-align: left; }
    .schedules-maps-bus-service-schedules-hck2 #schedules .radio label {
      padding-right: 15px;
      cursor: pointer; }
  .schedules-maps-bus-service-schedules-hck2 #schedules .separator {
    padding-top: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fac727; }
  .schedules-maps-bus-service-schedules-hck2 #schedules .transparent-border {
    text-align: center;
    display: block;
    border-radius: 2px;
    padding: 9px;
    background-color: rgba(255, 255, 255, 0.15); }
  .schedules-maps-bus-service-schedules-hck2 #schedules .button, .schedules-maps-bus-service-schedules-hck2 #schedules .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .schedules-maps-bus-service-schedules-hck2 #schedules a, .schedules-maps-bus-service-schedules-hck2 #schedules .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .schedules-maps-bus-service-schedules-hck2 #schedules a {
    width: 100%;
    display: block;
    padding: 5px 10px; }
  .schedules-maps-bus-service-schedules-hck2 #schedules select {
    margin-bottom: 15px; }

.schedules-maps-bus-service-schedules-hck2 #content {
  height: 100%; }
  .schedules-maps-bus-service-schedules-hck2 #content #map-container {
    position: relative; }
    @media only screen and (min-width: 1024px) {
      .schedules-maps-bus-service-schedules-hck2 #content #map-container #googlemaps {
        height: 720px; } }
  .schedules-maps-bus-service-schedules-hck2 #content #container {
    padding: 15px; }

.schedules-maps-bus-service-schedules-hck2 #main-content {
  min-height: 100vh; }
  @media only screen and (min-width: 1248px) {
    .schedules-maps-bus-service-schedules-hck2 #main-content {
      width: 80% !important; } }

.schedules-maps-bus-service-schedules-hck2 #trip-stop-list p {
  padding: 8px;
  border-bottom: 1px white dashed; }
  .schedules-maps-bus-service-schedules-hck2 #trip-stop-list p:hover {
    background-color: #24538F; }

.schedules-maps-bus-service-schedules-hck2 #trip-stop-list a {
  cursor: pointer;
  color: white;
  display: block; }

@media (min-width: 0px) and (max-width: 639px) {
  #block-views-block-service-maps-block-1 {
    text-align: center; } }

#block-views-block-service-maps-block-1 .view-content {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (min-width: 640px) {
    #block-views-block-service-maps-block-1 .view-content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

#block-views-block-service-maps-block-1 .views-row {
  text-align: center; }
  @media (min-width: 0px) and (max-width: 639px) {
    #block-views-block-service-maps-block-1 .views-row {
      padding: 4px 15px; } }
  #block-views-block-service-maps-block-1 .views-row .views-field-title {
    background-color: #1e384b;
    color: white;
    padding: 5px 0;
    margin-bottom: -15px; }

#block-views-block-service-maps-block-1 img {
  width: auto;
  height: 100%; }

.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.custom-scrollbar::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #007E98; }

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

body::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

body::-webkit-scrollbar-thumb {
  background-color: #007E98; }

.service-overview-hck2 .field--name-field-text .button, .service-overview-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .service-overview-hck2 .field--name-field-text a, .service-overview-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .service-overview-hck2 .field--name-field-text a {
  padding: 10px; }
  @media only screen and (min-width: 768px) {
    .service-overview-hck2 .field--name-field-text .button, .service-overview-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .service-overview-hck2 .field--name-field-text a, .service-overview-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .service-overview-hck2 .field--name-field-text a {
      padding: 10px 30px;
      margin-right: 20px; } }

.service-overview-hck2 .content-icon {
  display: none; }
  @media only screen and (min-width: 768px) {
    .service-overview-hck2 .content-icon {
      display: block;
      padding-right: 30px;
      padding-top: 20px; }
      .service-overview-hck2 .content-icon img {
        max-width: 100px; } }

.service-overview-hck2 .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (min-width: 1248px) {
  .service-overview-hck2 #main-content {
    max-width: 80%;
    width: 80%; }
  .service-overview-hck2 #separator {
    border-bottom: 4px solid #fac727; } }

#page .field--name-field-text.field--type-text-long .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: auto; }
  #page .field--name-field-text.field--type-text-long .content-container .content-icon {
    width: 15%; }
  #page .field--name-field-text.field--type-text-long .content-container .content-body {
    width: 75%; }

.service-overview-bus-service-hck2 .field--name-field-text .button, .service-overview-bus-service-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .service-overview-bus-service-hck2 .field--name-field-text a, .service-overview-bus-service-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .service-overview-bus-service-hck2 .field--name-field-text a {
  padding: 10px; }
  @media only screen and (min-width: 768px) {
    .service-overview-bus-service-hck2 .field--name-field-text .button, .service-overview-bus-service-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .service-overview-bus-service-hck2 .field--name-field-text a, .service-overview-bus-service-hck2 .field--name-field-text .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .service-overview-bus-service-hck2 .field--name-field-text a {
      padding: 10px 30px;
      margin-right: 20px; } }

.service-overview-bus-service-hck2 .content-icon {
  display: none; }
  @media only screen and (min-width: 768px) {
    .service-overview-bus-service-hck2 .content-icon {
      display: block;
      padding-right: 30px;
      padding-top: 20px; } }

.service-overview-bus-service-hck2 .field__items > .field__item {
  border-bottom: 4px solid #fac727; }

@media only screen and (min-width: 640px) {
  .service-overview-bus-service-hck2 .special-content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .service-overview-bus-service-hck2 .content-body {
    width: 85%; }
  .service-overview-bus-service-hck2 .content-icon {
    width: 10%; } }

@media only screen and (min-width: 1248px) {
  .service-overview-bus-service-hck2 #main-content {
    max-width: 80%;
    width: 80%; } }

.fares-passes-hck2 #expand-all,
.fares-passes-fare-information-hck2 #expand-all {
  text-align: right; }
  .fares-passes-hck2 #expand-all a.button, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .fares-passes-hck2 #expand-all a, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .fares-passes-hck2 #expand-all a,
  .fares-passes-fare-information-hck2 #expand-all a.button,
  .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a,
  .business-center-staff-hck2 .views-field-edit-node .fares-passes-fare-information-hck2 #expand-all a,
  .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a,
  .business-center-staff-hck2 .views-field-delete-node .fares-passes-fare-information-hck2 #expand-all a {
    width: 140px; }
    .fares-passes-hck2 #expand-all a.button:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a:after, .business-center-staff-hck2 .views-field-edit-node .fares-passes-hck2 #expand-all a:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a:after, .business-center-staff-hck2 .views-field-delete-node .fares-passes-hck2 #expand-all a:after,
    .fares-passes-fare-information-hck2 #expand-all a.button:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a:after,
    .business-center-staff-hck2 .views-field-edit-node .fares-passes-fare-information-hck2 #expand-all a:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a:after,
    .business-center-staff-hck2 .views-field-delete-node .fares-passes-fare-information-hck2 #expand-all a:after {
      content: url("/themes/dcta/images/button_down_arrow.png");
      padding: 5px;
      display: inline-block;
      -webkit-transition: 0.5s all ease-in-out;
      transition: 0.5s all ease-in-out; }
    .fares-passes-hck2 #expand-all a.button:hover:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a:hover:after, .business-center-staff-hck2 .views-field-edit-node .fares-passes-hck2 #expand-all a:hover:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a:hover:after, .business-center-staff-hck2 .views-field-delete-node .fares-passes-hck2 #expand-all a:hover:after,
    .fares-passes-fare-information-hck2 #expand-all a.button:hover:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a:hover:after,
    .business-center-staff-hck2 .views-field-edit-node .fares-passes-fare-information-hck2 #expand-all a:hover:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a:hover:after,
    .business-center-staff-hck2 .views-field-delete-node .fares-passes-fare-information-hck2 #expand-all a:hover:after {
      content: url("/themes/dcta/images/button_down_arrow.png");
      display: inline-block;
      padding: 5px;
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg); }
  .fares-passes-hck2 #expand-all a.button.active, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a.active, .business-center-staff-hck2 .views-field-edit-node .fares-passes-hck2 #expand-all a.active, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a.active, .business-center-staff-hck2 .views-field-delete-node .fares-passes-hck2 #expand-all a.active,
  .fares-passes-fare-information-hck2 #expand-all a.button.active,
  .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a.active,
  .business-center-staff-hck2 .views-field-edit-node .fares-passes-fare-information-hck2 #expand-all a.active,
  .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a.active,
  .business-center-staff-hck2 .views-field-delete-node .fares-passes-fare-information-hck2 #expand-all a.active {
    background-color: #24538F; }
    .fares-passes-hck2 #expand-all a.button.active:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a.active:after, .business-center-staff-hck2 .views-field-edit-node .fares-passes-hck2 #expand-all a.active:after, .fares-passes-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a.active:after, .business-center-staff-hck2 .views-field-delete-node .fares-passes-hck2 #expand-all a.active:after,
    .fares-passes-fare-information-hck2 #expand-all a.button.active:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-edit-node a.active:after,
    .business-center-staff-hck2 .views-field-edit-node .fares-passes-fare-information-hck2 #expand-all a.active:after,
    .fares-passes-fare-information-hck2 #expand-all .business-center-staff-hck2 .views-field-delete-node a.active:after,
    .business-center-staff-hck2 .views-field-delete-node .fares-passes-fare-information-hck2 #expand-all a.active:after {
      content: url("/themes/dcta/images/button_up_arrow.png");
      padding: 5px;
      display: inline-block;
      -webkit-transition: 0.5s all ease-in-out;
      transition: 0.5s all ease-in-out; }

.fares-passes-hck2 #what-fare-can-i-use caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.5em; }

.fares-passes-hck2 #what-fare-can-i-use th {
  font-weight: 700; }

@media (min-width: 0px) and (max-width: 639px) {
  .fares-passes-hck2 #what-fare-can-i-use {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .fares-passes-hck2 #what-fare-can-i-use::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5; }
    .fares-passes-hck2 #what-fare-can-i-use::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5; }
    .fares-passes-hck2 #what-fare-can-i-use::-webkit-scrollbar-thumb {
      background-color: #007E98; } }

.fares-passes-hck2 #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full > div {
  display: none;
  padding: 5px; }

.fares-passes-hck2 #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 {
  position: relative;
  margin-bottom: 0; }
  .fares-passes-hck2 #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a {
    display: block;
    background-color: #1e384b;
    color: #fff;
    padding: 7px 25px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out; }
    .fares-passes-hck2 #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a:after {
      content: url("/themes/dcta/images/arrow.png");
      position: absolute;
      right: 15px; }
    .fares-passes-hck2 #block-views-block-fares-passes-block-1 .node--type-fares-passes.node--view-mode-full h2 a:hover {
      background-color: #24538F; }

.fares-passes-hck2 .active-accordion {
  border-left: 3px solid #1e384b;
  border-right: 3px solid #1e384b;
  border-bottom: 3px solid #1e384b; }
  .fares-passes-hck2 .active-accordion a[rel="bookmark"]:after {
    content: url("/themes/dcta/images/arrow.png");
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  .fares-passes-hck2 .active-accordion > div {
    display: block !important; }

.fares-passes-hck2 #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  padding: 15px;
  background-color: #f2f2f2;
  border-bottom: 3px solid #1e384b; }

.fares-passes-hck2 #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item {
  border-bottom: 3px solid #1e384b; }
  .fares-passes-hck2 #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item table tbody tr:nth-child(odd) {
    background-color: #f2f2f2; }
  .fares-passes-hck2 #block-views-block-fares-passes-block-1 > div > div > div > div > article > div > div.clearfix.text-formatted.field.field--name-field-table-body.field--type-text-long.field--label-hidden.field__item table tbody td {
    border-left: 0;
    border-right: 0; }

@media (min-width: 0px) and (max-width: 639px) {
  .fares-passes-hck2 .field.field--name-field-table-body {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .fares-passes-hck2 .field.field--name-field-table-body::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5; }
    .fares-passes-hck2 .field.field--name-field-table-body::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5; }
    .fares-passes-hck2 .field.field--name-field-table-body::-webkit-scrollbar-thumb {
      background-color: #007E98; } }

.media-center-hck2 #block-views-block-news-block-3 img {
  width: 100%;
  height: auto; }

.flexNewsItemContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; flex-wrap: wrap }
  @media only screen and (min-width: 1248px) {
    .flexNewsItemContainer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; flex-wrap: wrap;} }
  @media only screen and (min-width: 1248px) {
    .flexNewsItemContainer .fullNewsArticleContent {
      /*padding-right: 1rem;
      max-width: 75%; */ width: 100% } }
  .flexNewsItemContainer .fullNewsArticleAuthorContact {
    /*border-top: 5px solid #fac727;
    max-height: 30rem;
    margin-top: 1rem;
    padding-left: 1rem; */
	width: 100%}
    @media only screen and (min-width: 1248px) {
      .flexNewsItemContainer .fullNewsArticleAuthorContact {
        /*border-top: none;
        border-left: 5px solid #fac727;
        margin-top: 20rem; */ } }
    .flexNewsItemContainer .fullNewsArticleAuthorContact .authorContact {
      margin-bottom: 1rem; }
      .flexNewsItemContainer .fullNewsArticleAuthorContact .authorContact p {
        margin: 0; }
      .flexNewsItemContainer .fullNewsArticleAuthorContact .authorContact .authorName strong {
        font-size: 16px; }

.media-center-news-hck2 .pager {
  margin-top: 1rem; }

.page-image.multimedia-news {
  background-color: rgba(37, 58, 76, 0.75);
  max-width: 100%; }

.multimedia-news .swiper-slide {
  height: auto; }
  .multimedia-news .swiper-slide #content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    @media only screen and (min-width: 1024px) {
      .multimedia-news .swiper-slide #content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .multimedia-news .swiper-slide #content #left {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
      background-size: cover;
      background-position: center; }
      @media only screen and (min-width: 480px) {
        .multimedia-news .swiper-slide #content #left {
          -ms-flex-preferred-size: 45%;
              flex-basis: 45%; } }
      @media only screen and (min-width: 768px) {
        .multimedia-news .swiper-slide #content #left {
          -ms-flex-preferred-size: 55%;
              flex-basis: 55%; } }
      @media only screen and (min-width: 1024px) {
        .multimedia-news .swiper-slide #content #left {
          -ms-flex-preferred-size: 30%;
              flex-basis: 30%; } }
    .multimedia-news .swiper-slide #content #right {
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%;
      background-color: white;
      padding: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media only screen and (min-width: 768px) {
        .multimedia-news .swiper-slide #content #right {
          -ms-flex-preferred-size: 45%;
              flex-basis: 45%; } }
      @media only screen and (min-width: 1024px) {
        .multimedia-news .swiper-slide #content #right {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          padding: 50px 40px; } }
      .multimedia-news .swiper-slide #content #right .button, .multimedia-news .swiper-slide #content #right .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .multimedia-news .swiper-slide #content #right a, .multimedia-news .swiper-slide #content #right .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .multimedia-news .swiper-slide #content #right a {
        display: inline-block;
        width: 40% !important;
        padding: 10px;
        margin: 0;
        text-align: center; }

@media only screen and (min-width: 1024px) {
  .multimedia-news .swiper-wrapper {
    height: 390px !important;
    width: 80% !important;
    margin: 0 auto;
    margin-top: 43px; } }

.multimedia-news #scrolling {
  /* Carousel Frame */
  overflow: hidden;
  display: block; }
  .multimedia-news #scrolling ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .multimedia-news #scrolling li {
    float: left; }

.multimedia-news .swiper-container {
  width: 100%;
  z-index: 0;
  height: 100vh;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .multimedia-news .swiper-container {
      height: 476px;
      width: auto; } }

.media-center-hck2 #social-media {
  margin-top: 20px; }
  .media-center-hck2 #social-media h2 {
    padding: 0.75rem 1rem;
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    background: #1e384b;
    color: #fff;
    font-size: 18px; }

.media-center-hck2 #social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.media-center-hck2 #facebook-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #facebook-container {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%;
      margin-right: 10px; } }

.media-center-hck2 #facebook {
  height: auto;
  overflow-y: none; }

.media-center-hck2 #twitter-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #twitter-container {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%; } }

.media-center-hck2 #twitter {
  height: 500px;
  overflow-y: scroll; }

.media-center-hck2 #youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  .media-center-hck2 #youtube .icon-youtube-brands {
    position: absolute;
    top: 25%;
    left: 42%;
    font-size: 50px;
    color: white;
    cursor: pointer; }
  .media-center-hck2 #youtube p {
    font-weight: bold; }
  .media-center-hck2 #youtube a:hover .icon-youtube-brands {
    color: #1e384b; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #youtube {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%;
      margin-right: 10px; } }

.media-center-hck2 #linkedin-container {
  text-align: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
  @media only screen and (min-width: 768px) {
    .media-center-hck2 #linkedin-container {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%; } }

.media-center-hck2 #linkedin {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .media-center-hck2 #linkedin a {
    margin-top: 0; }

.media-center-hck2 a.button, .media-center-hck2 .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .media-center-hck2 a, .media-center-hck2 .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .media-center-hck2 a {
  display: block;
  padding: 10px;
  margin: 0;
  text-align: center;
  margin-top: 20px; }

.insidetrack-hck2 .view-community-newsletter .grid__col-4 {
  text-align: center; }

  .media-center-hck2 #block-views-block-blog-aggregation-block-1 > h2 > a {
    color: white; }

#youtube-videos-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #youtube-videos-container .youtube-videos {
    padding: 16px;
    width: 100%; }
    @media only screen and (min-width: 640px) {
      #youtube-videos-container .youtube-videos {
        width: 25%;
        height: 174px; } }
    #youtube-videos-container .youtube-videos iframe {
      width: 100%;
      height: 100%; }

.media-center-multimedia-gallery-hck2 .video-view-all {
  padding: 10px;
  text-align: right; }
  @media (min-width: 0px) and (max-width: 639px) {
    .media-center-multimedia-gallery-hck2 .video-view-all {
      text-align: center;
      padding: 20px; } }
  .media-center-multimedia-gallery-hck2 .video-view-all a {
    display: block; }

.media-center-multimedia-gallery-hck2 .views-field-field-image .field-content {
  height: 200px;
  width: 200px;
  overflow: hidden; }

.media-center-multimedia-gallery-hck2 #block-views-block-media-gallery-block-7 .views-field-field-image .field-content {
  height: 150px;
  width: 250px;
  overflow: hidden; }

.media-center-news-hck2 .node--type-news img {
  width: 100%;
  height: auto; }

.business-center-staff-hck2 .views-field-edit-node, .business-center-staff-hck2 .views-field-delete-node {
  float: right;
  margin-top: -5px;
  border-radius: 5px; }
  .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-delete-node a {
    padding: 7px 15px; }

.business-center-staff-hck2 .views-field-edit-node {
  margin-right: 5px; }

.table-responsive {
  overflow-x: scroll; }

.spb-popup-main-wrapper {
  background: transparent !important;
  border: none; }
  .spb-popup-main-wrapper .spb-controls {
    right: 0px;
    z-index: 0; }
    @media only screen and (min-width: 1248px) {
      .spb-popup-main-wrapper .spb-controls {
        right: 40px; } }
    .spb-popup-main-wrapper .spb-controls > span {
      color: white;
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      right: 0;
      margin: 0;
      top: 0;
      bottom: 0;
      text-align: right;
      font-size: 40px;
      border: 0;
      background: transparent; }
  .spb-popup-main-wrapper #block-views-block-modal-block-1 {
    position: relative;
    z-index: 100; }
  .spb-popup-main-wrapper .views-field-field-modal-image > .field-content {
    text-align: center; }
  .spb-popup-main-wrapper img {
    max-width: 100%;
    height: auto;
    margin-top: 1.5rem; }
    @media only screen and (min-width: 1248px) {
      .spb-popup-main-wrapper img {
        margin-top: 0; } }

#block-mainnavigation-2-menu, #block-utility-2-menu, #block-footer-3-menu {
  cursor: pointer; }
  #block-mainnavigation-2-menu::before, #block-utility-2-menu::before, #block-footer-3-menu::before {
/*    content: "↩ ";*/
    content: none;
    font-size: 25px;
    margin-left: -10px; }
  #block-mainnavigation-2-menu.home::before, #block-utility-2-menu.home::before, #block-footer-3-menu.home::before {
 /*   content: "⌂ ";*/
    content: none;
    font-size: 25px;
    margin-left: -10px; }

.wrapper.release.with-page-image {
  background: #24538F;
  margin-top: -18px; }
  @media only screen and (min-width: 1248px) {
    .wrapper.release.with-page-image {
      margin-top: -189px; } }


/* .main {
  // min-height: 70vh;
} */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 320px; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.node__content ul ul {
  padding-left: 1em; }

h3 + p {
  margin: 0 0 1em; }

.tabs > li {
  margin-top: 0.3em; }
  @media only screen and (min-width: 480px) {
    .tabs > li {
      margin-top: 0; } }

.ui-accordion-content ol li {
  margin: 25px 0 0;
  padding: 25px 0 0;
  border-top: 2px solid #fac727; }

.image-style-leadership-photo {
  width: 100%;
  height: 100%; }

section.hero {
  /*border-bottom: 10px solid #fac727;*/ }

section.main {
  background-color: #fff;
  padding: 15px 20px 5px; }
  @media only screen and (min-width: 1248px) {
    section.main {
      padding: 0px 0px 0px; } }
  section.main ol, section.main ul {
    margin-left: 1.5em; }

section.sidebar {
  /*background-color: #f2f2f2; */}
  @media only screen and (min-width: 1248px) {
    section.sidebar {
      display: block;
      padding-bottom: 20px; } }
  section.sidebar h2 {
    text-transform: uppercase; }

footer {
  background-color: #1e384b; }

@media only screen and (min-width: 1248px) {
  .release {
    margin-left: calc(-50vw + 50%); } }

.page-image {
  max-width: 1600px;
  margin: 0 auto; }
  .page-image img {
    width: 100%;
    height: 100%; }
  @media only screen and (min-width: 560px) {
    .page-image img {
      height: 300px; } }
  @media only screen and (min-width: 640px) {
    .page-image img {
      height: auto; } }
  @media (min-width: 1248px) {
    .page-image img {
      height: auto; } }

.hero .wrapper {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 0;
  position: relative;
  border-top: 7px solid black;
  border-bottom: 7px solid #fac727; }
  @media only screen and (min-width: 1248px) {
    .hero .wrapper.with-page-image.with-hero {
      margin-top: -243px; } }

@media only screen and (min-width: 1248px) {
  .hero .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .hero .container .trip-planner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; } }

#block-traveltools {
  background: #1e384b;
  border-radius: 0.75em;
  width: 80%;
  margin: 15px auto 0;
  padding: 15px 15px; }
  @media only screen and (min-width: 1248px) {
    #block-traveltools {
      margin: inherit;
      width: 20%;
      border-radius: 3px;
      min-width: 295px;
      padding: 5px 35px; } }
  #block-traveltools h3 {
    color: #ffffff;
    border-bottom: 2px solid #fac727; }
  #block-traveltools a {
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 14px; }
    #block-traveltools a:hover {
      color: #ffffff; }
  #block-traveltools form {
    margin: 20px 0 0 0; }
  #block-traveltools input[type="text"] {
    font-size: 14px;
    width: 70%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  #block-traveltools input[type="submit"] {
    width: 30%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  #block-traveltools .form-item:nth-child(1) {
    width: 100%;
    text-align: center;
    margin: 0; }

label[for="stay-connected"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (min-width: 1248px) {
  .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .media .img {
      margin-right: 1em; }
    .media .bd {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.node--type-leadership h2 {
  border: 0;
  padding: 0;
  margin: 0 0 0.5em;
  color: #1e384b;
  font-size: 24px; }

.node--type-leadership h3 {
  border: 0;
  padding: 0;
  text-transform: uppercase;
  display: block;
  color: #1e384b; }

@media only screen and (min-width: 768px) {
  .node--type-leadership .img {
    margin-right: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 35px; } }

.page-title {
  font-size: 22px;
  text-transform: uppercase; }

.block-views-blockleadership-block-1 .views-row {
  margin-bottom: 50px; }

.region-sidebar h2 {
  background: #1e384b;
  color: #ffffff;
  border: 0;
  display: block;
  padding: 5px 2.3em 5px 1em;
  margin: 0px 0 15px;
  font-size: 18px; 
  border-top: 3px solid #F2C203; height:55px;}

.block-views-blockblog-aggregation-block-1 {
  clear: both;
  margin-top: 20px; }

.block-views-blockmedia-gallery-block-5, .block-views-blockmedia-gallery-block-6, .block-views-blockmedia-gallery-block-7, .block-views-blocknews-block-3 {
  overflow: hidden; }
  .block-views-blockmedia-gallery-block-5 > h2, .block-views-blockmedia-gallery-block-6 > h2, .block-views-blockmedia-gallery-block-7 > h2, .block-views-blocknews-block-3 > h2 {
    padding: 0.75rem 1rem;
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    background: #1e384b;
    color: #fff;
    font-size: 18px; }

#block-mainpagecontent img {
  max-width: 100%;
  width: auto; }

.block-views-blockblog-aggregation-block-1 h2 {
  color: #ffffff;
  clip: rect(1px 1px 1px 1px);
  text-indent: -9999px;
  background: #1e384b url(../images/hoponboardblog_small.png) 2% 50% no-repeat;
  padding: 1.75rem 1rem;
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
  font-size: 18px; }
  .block-views-blockblog-aggregation-block-1 h2 a {
    clip: auto;
    text-indent: 0;
    float: right;
    color: #fac727; }
    .block-views-blockblog-aggregation-block-1 h2 a:hover {
      color: #ffffff; }

#block-mainnavigation-2 .release {
  margin: 0; }

#search-block-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; line-height:1.6em }

#search-block-form .form-actions {
  margin: 0; }

.view-id-news [class*="grid__col-"] {
 /* width: auto;*/
  /*border: 2px solid #537084;*/
  margin:10px; 
  padding:0px;
 /* margin: 0 1.5em 0 0;
  padding: 0 0 2em 0; */}
  @media only screen and (min-width: 768px) {
    .view-id-news [class*="grid__col-"] {
      /*width: 45%; */
	  width: calc(25% - 20px);} }

.search-form input[type="submit"] {
  width: auto;
  margin: 1em 0; }

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  background: #fff;
  color: #007E98;
  padding: 1rem;
  /* display: block; */
  position: absolute !important;
  left: 0; }

.visually-hidden.focusable:hover {
  background: #24538F;
  color: #fff; }

.block-views-blockmedia-gallery-block-1 h3 {
  background: #1e384b;
  padding: 0.59rem 1rem;
  color: #fff; }

.view-board-of-directors h3 {
  background: #1e384b;
  padding: 0.59rem 1rem;
  color: #fff; }

.board-group {
  background: #d9eff2;
  margin-bottom: 2rem;
  padding: 1rem;
  text-transform: uppercase; }
  .board-group h4 {
    font-size: 14px;
    margin: 0.5rem 0 0; }
  .board-group em, .board-group p {
    margin: 0.2rem 0;
    display: block;
    font-size: 14px;
    color: #1e384b; }
  .board-group .button, .board-group .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .board-group a, .board-group .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .board-group a {
    padding: 0.2rem 0;
    margin: 0.4rem 0;
    text-align: center;
    display: block; }
  @media only screen and (min-width: 768px) {
    .board-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .board-group .views-row {
        margin: 0 2rem 0 0; } }

.node__content .button, .node__content .business-center-staff-hck2 .views-field-edit-node a, .business-center-staff-hck2 .views-field-edit-node .node__content a, .node__content .business-center-staff-hck2 .views-field-delete-node a, .business-center-staff-hck2 .views-field-delete-node .node__content a {
  margin-left: 0; }

.search-results li {
  margin: 0 0 0.25em 0;
  padding: 1em 0; }

iframe {
  width: 100%;
  border: 0; }

.rider-info-logistics-regional-destinations-hck2 .field--type-text-long p:first-of-type {
  margin-top: 0; }

.field--name-field-special-content .field__item {
  margin-bottom: 1em; }

#block-views-block-enroute-publications-block-1 .grid {
  display: block; }
  @media only screen and (min-width: 768px) {
    #block-views-block-enroute-publications-block-1 .grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  #block-views-block-enroute-publications-block-1 .grid a, #block-views-block-community-newsletter-block-1 .grid a {
    text-align: center;
    display: block; }

select::-ms-expand {
  display: none; }

.field--name-field-text .content-container {
  width: auto; }

.sharethis-inline-share-buttons {
  padding: .1em 0 2em; }

.slick--optionset--dcta-carousel {
  position: relative; }
  .slick--optionset--dcta-carousel .slick__arrow {
    position: relative;
    top: -90px; }
    @media only screen and (min-width: 640px) {
      .slick--optionset--dcta-carousel .slick__arrow {
        top: -225px; } }
    @media only screen and (min-width: 768px) {
      .slick--optionset--dcta-carousel .slick__arrow {
        top: -250px; } }
    @media only screen and (min-width: 1248px) {
      .slick--optionset--dcta-carousel .slick__arrow {
        top: -450px; } }
    .slick--optionset--dcta-carousel .slick__arrow a {
      display: block;
      height: 2rem;
      width: 50px;
      text-indent: -9999px;
      position: absolute;
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: 75%; }
      @media only screen and (min-width: 640px) {
        .slick--optionset--dcta-carousel .slick__arrow a {
          height: 200px; } }
      .slick--optionset--dcta-carousel .slick__arrow a:hover {
        cursor: pointer; }
      .slick--optionset--dcta-carousel .slick__arrow a.slick-prev {
        right: auto;
        left: 10px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); }
        @media (min-width: 1500px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-prev {
            left: 50px; } }
        @media (min-width: 1700px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-prev {
            left: 150px; } }
        @media (min-width: 1900px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-prev {
            left: 225px; } }
        @media (min-width: 2100px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-prev {
            left: 300px; } }
      .slick--optionset--dcta-carousel .slick__arrow a.slick-next {
        right: 10px;
        left: auto;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); }
        @media (min-width: 1500px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-next {
            right: 50px; } }
        @media (min-width: 1700px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-next {
            right: 150px; } }
        @media (min-width: 1900px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-next {
            right: 225px; } }
        @media (min-width: 2100px) {
          .slick--optionset--dcta-carousel .slick__arrow a.slick-next {
            right: 300px; } }

.slick-slide img {
  width: auto !important;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

/*# sourceMappingURL=app.css.map */
.alert-section .btn.p-icon {
    cursor: pointer;
    transform: unset !important;
}
 @media (min-width: 1200px) {
header #block-searchform {margin-right:0px; height:34px}
 }
  @media (max-width: 1250px) {
 .region.primary-header .container.mobile .telephone {margin-right:50px;}
  }
.region-footer ul.menu > li.menu-item:first-child {display:none;}
.community-involvement-community-education-hck2 .field--name-body {display:none;}
.community-involvement-community-education-hck2 #block-utility-3{display:none;}
.advgb-accordion-item.expanded .advgb-accordion-body {max-height: none;}
.pdf-icon li {
    list-style: none;
    padding-bottom: 8px;
}
.wp-block-advgb-button-list {flex-wrap:wrap; justify-content: center}
.wp-block-advgb-button-list.rows-3 .wp-block-button {margin-bottom:4px;}
h2 {
    text-transform: uppercase;
}
.wp-block-media-text__content .advgb-button-wrapper {margin-top: 0px; margin-bottom:0px;}
 @media (min-width: 992px) {
.wp-block-media-text.alignwide, .wp-block-advgb-clickable-icons {
    margin-left: calc(-50vw + 600px);
}
 }
.wp-block-advgb-clickable-icons .wp-block-advgb-clickable-image img {
    background: #32538B;
    border-radius: 50%;
    width: 80px !important;
    height: 80px;
    padding: 20px;
    border: 2px solid #fff;
}
.view-news h3 {font-size:20px; text-transform:none;}
.media-center-news-hck2 .page-image img {display:none;}
.sidebar .custom-card-body  .field--name-body {padding:0px;}
ul.advgb-tabs-panel {display: flex; flex-wrap: nowrap}
.blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-item {width: 100%;}
.media-center-slide .slide-right { display:flex; flex-direction: column;}
.media-center-slide .slide-right h3 {order: 1; margin-bottom:15px;}
.media-center-slide .slide-right .field--name-field-date {order: 3}
.media-center-slide .slide-right .field--name-body {order: 2}
.media-center-slide .slide-right .button {order: 4; margin-top:0px !important}
.sidebar .media-center-slide .field--name-body {padding:0px;}
.media-center-slide .slide-right .field--name-field-date {
    border-top: 2px solid #E9C342;
    text-transform: uppercase;
    padding: 15px 0 0 0;
    display: inline-block;
	max-width:100px;
}