/* SharePoint overrides */

/* SharePoint is hiding the scrollbars */

body {
  overflow-y: visible !important;
}

h3.location-box__heading {
  width: calc(100% - 11em);
}

.site-footer a:visited {
  /* resets footer visited link color */
  color: unset !important;
}

.checkbox-input,
.radio-input {
  position: absolute;
  opacity: 0;
  display: unset;
}

.checkbox-input:focus + label::before {
  box-shadow: 0 0 0 5px rgba(57, 122, 172, 0.2);
}

select.custom-select {
  border: 2px solid black;
  font-size: 14px;
  color: black;
  padding: 1em 1em 1em 0.5em;
  background-size: 13px !important;
  background-image: url("/Style Library/Images/arrowdown.png");
  background-repeat: no-repeat;
  background-position: 97.5% center;
  -webkit-appearance: none;
}

select.custom-select:focus,
select.custom-select:focus-within {
  background-image: url("/Style Library/Images/arrow2.png");
}

select.custom-select option {
  background-color: white;
}

.disabled,
.disabled:hover {
  color: #afb5bd;
  text-decoration: none;
  pointer-events: none;
}

.btn.btn--disabed,
.btn.btn--disabed:hover,
.btn.btn--disabed:visited,
.btn--disabed:visited,
.btn--disabled,
.btn--disabled:hover {
  color: #95a0ad !important;
  background: 0 0;
  border-color: #95a0ad !important;
  pointer-events: none;
  cursor: default;
}

.btn:focus {
  box-shadow: 0 0 0 5px rgba(9, 41, 64, 0.2);
}

.btn.btn--disabled:focus {
  box-shadow: none !important;
}

.pinned,
.newoffice {
  padding: 1em;
  margin-left: -1em;
  margin-right: -1em;
  position: relative;
}

.pinned {
  background-color: #f0f0f0;
}

.newoffice {
  border: 1px solid #dddddd;
}

.newoffice.pinned {
  border: none;
}

.pinnedLabel:after {
  content: "what does this mean?";
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.pinnedLabel,
.newofficeLabel {
  position: absolute;
  right: 1em;
  font-weight: bold;
  font-size: 14px;
}

.pinnedLabel + .newofficeLabel {
  right: 11.5em;
  top: 0;
}

.pinnedLabel:before,
.newofficeLabel:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

/* PD removed base64 on 2023-12-05 */
/* .pinnedLabel:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiPjxwYXRoIGQ9Ik04LjUgMEw3IDEuNSA4LjUgMyA1IDdIMS41bDIuNzUgMi43NUwwIDE1LjM4NVYxNmguNjE1bDUuNjM1LTQuMjVMOSAxNC41VjExbDQtMy41TDE0LjUgOSAxNiA3LjUgOC41IDB6TTcgOC41bC0xLTFMOS41IDRsMSAxTDcgOC41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+)
    no-repeat center center / contain;
}

.newofficeLabel:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiPjxwYXRoIGQ9Ik0xMCAxLjNsMi4zODggNi43MjJIMTguOGwtNS4yMzIgMy45NDggMS44NzEgNi45MjhMMTAgMTQuNzQ0bC01LjQzOCA0LjE1NCAxLjg3LTYuOTI4LTUuMjMzLTMuOTQ4aDYuNDEyTDEwIDEuM3oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==)
    no-repeat center center / contain;
} */

.pinnedLabel:before {
  background: url("/Style Library/Images/pinned_label.png") no-repeat center center / contain;
}

.newofficeLabel:before {
  background: url("/Style Library/Images/star_label.png") no-repeat center center / contain;
}

.location-box__map {
  border: 7px solid white !important;
}

.mobile-search-box.active,
.mobile-search-box {
  position: fixed;
  z-index: 999;
  width: 100%;
}

.no-flexboxlegacy .grid.text-block__grid {
  display: block;
  column-count: 2;
  padding-left: 1em;
}

.ms-rtestate-field p {
  margin: 1rem 0;
}

.ms-cui-menu {
  position: fixed !important;
  z-index: 100000 !important;
}

.ms-dlgContent {
  z-index: 100001 !important;
}

/* without this, a horizontal scrollbar is displayed when using full width heroes */

/* will check to see if this causes any other issues but it shouldn't */

.ms-webpart-cell-vertical {
  table-layout: fixed;
}

/* Hide the suitebar button from gear menu */

#suiteBarButtons li[text_original="Design Manager"] {
  display: none;
}

#suiteBarButtons li[text_original="Getting Started"] {
  display: none;
}

.ms-core-menu-list li[text="About Me"],
.ms-core-menu-list li[text="Change the look"] {
  display: none;
}

/* embed preview in dialog box - overrides Sharepoint inline styles */

.ms-rte-embeddialog-preview {
  width: auto !important;
  height: auto !important;
}

/* Adjust img declarations for ribbon and edit mode icons, to make them visible */

#ms-designer-ribbon img,
.ms-webpart-menuArrowImg,
table.ms-listviewtable img,
table.ms-ToolPaneOuter img,
img.ms-taxonomy-browser-button,
.ms-dlgFrameContainer img,
.ms-dlgLoadingTextDiv img,
img.ms-dlgCloseBtnImg,
.ms-spellcheck-warning img,
.ms-summaryLinksToolbar img,
.ms-cui-img-16by16 img,
.ms-dtinput img {
  width: auto;
  height: auto;
  max-width: none;
}

/* in ribbon Design tab */

.ms-cui-cbx label {
  display: inline;
}

/* event and project page - edit mode*/

.ms-formfieldvaluecontainer td {
  border: none;
}

.ms-taxonomy-fieldeditor {
  width: 95% !important;
}

.ms-dtinput {
  border: 0;
}

.event-summary {
  width: 100%;
}

.long-edit .ms-formfieldcontainer {
  display: block;
}

.long-edit .summary-note {
  display: block;
}

.long-edit textarea.ms-long {
  height: 40px;
}

/* Change box-sizing value for some elements */

span#fullscreenmodebox,
span#ms-help,
div#Ribbon > *,
input.ms-cui-cb-input,
#suiteBar a,
.ms-webpart-controlBox,
.ms-dlgTitle,
.js-callout-content {
  box-sizing: content-box;
}

#pageStatusBar[class],
.ms-status-msg {
  margin-bottom: 0;
}

/* NOTE: this class doesn't exist in Pattern Lab; perhaps it should be "page-layout__section" */

.page_content__item .ms-rtestate-field {
  display: block !important;
}

/* search box */

.site-header .ms-srch-sb-border,
.site-header .ms-srch-sb-border:hover,
.mobile-search-box .ms-srch-sb-border,
.mobile-search-box .ms-srch-sb-border:hover {
  border: 0;
}

.site-header .search-box__button:visited,
.site-header .ms-srch-sb-searchLink:visited,
.mobile-search-box .search-box__button:visited,
.mobile-search-box .ms-srch-sb-searchLink:visited {
  color: #5f6c7b;
  /* default and :visited colors are the same */
}

.ms-srch-sb > input,
.ms-srch-sb:hover > input {
  /* display: block; */
  height: 2.5rem;
  max-width: 260px;
  border: none;
  padding: 0.625rem !important;
  margin: 0 !important;
}

.search-box__button [class^="icon-"] {
  line-height: 3.5rem !important;
}

.social-icon.social-box__icon [class^="icon-"] {
  line-height: 3rem;
}

/* .search-box__button {
  background: #e6e6e6!important;
} */

.site-header div#SearchBox1 .ms-srch-sb,
.mobile-search-box div#SearchBox1 .ms-srch-sb {
  width: 100%;
}

#farefinder .cds_ff_depart_date_2.cds_ff_round_trip_field input.cds_ff_field_depart_date_2,
#farefinder .cds_ff_depart_time_2.cds_ff_round_trip_field input.cds_ff_field_depart_date_2,
#farefinder .cds_ff_pwd_feature_2p0 div.cds_ff_promo_code input,
#farefinder .cds_ts_field_date,
#farefinder .cds_ts_field_from input,
#farefinder .cds_ts_field_to input,
#farefinder div.cds_ts_train_number input.cds_ts_field_train_number,
#farefinder input.cds_ff_field_depart_date_1,
#farefinder input.cds_ff_field_destination,
#farefinder input.cds_ff_field_origin,
#farefinder input[name="wdf_promoCode"],
#trainstatus .cds_ff_depart_date_2.cds_ff_round_trip_field input.cds_ff_field_depart_date_2,
#trainstatus .cds_ff_depart_time_2.cds_ff_round_trip_field input.cds_ff_field_depart_date_2,
#trainstatus .cds_ff_pwd_feature_2p0 div.cds_ff_promo_code input,
#trainstatus .cds_ts_field_date,
#trainstatus .cds_ts_field_from input,
#trainstatus .cds_ts_field_to input,
#trainstatus div.cds_ts_train_number input.cds_ts_field_train_number,
#trainstatus input.cds_ff_field_depart_date_1,
#trainstatus input.cds_ff_field_destination,
#trainstatus input.cds_ff_field_origin,
#trainstatus input[name="wdf_promoCode"],
.dataTables_wrapper .dataTables_filter input,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"],
textarea {
  background-color: #fff;
}

.ms-srch-sb-searchImg {
  display: none;
}

.site-header div#SearchBox1,
.mobile-search-box div#SearchBox1 {
  background-color: white;
  border-radius: 4px;
}

.btn.btn--accent.btn--ghost,
.btn.btn--accent.btn--ghost:hover,
.campaign-list__item-heading a,
.location-picker__search-btn,
.location-picker__search-btn:hover,
a:active,
a:hover {
  color: #29567a;
}

.amtrak-page .ui-widget-content a:visited,
.amtrak-page div.cds_fas_letters_parent_holder a.cds_fas_link:visited,
.btn.btn--accent.btn--ghost:visited,
.campaign-list__item-heading a:visited,
.location-picker__search-btn:visited,
a:visited {
  color: #2497d2;
}

.header-search-icon {
  color: #092940;
  font-size: 32px;
  line-height: 1.2em;
  width: 50px;
  text-decoration: none;
  display: block;
  margin-top: -5px;
  margin-left: -5px;
}

.ms-srch-sb-searchLink {
  background-color: #e8e8e8 !important;
  text-decoration: none;
  border: 5px solid #e8e8e8;
  border-radius: 0 4px 4px 0;
}

.ms-srch-sb-searchLink:focus {
  background-color: #397aac !important;
  border: 5px solid #397aac;
}

.ms-srch-sb-searchLink:focus .header-search-icon {
  color: white;
}

#skiptomain,
#skipsocialfeed {
  opacity: 0;
  position: absolute;
}

/* .page-layout__section.u-bg-light-gray {
  background-color: #e8e8e8!important
 } */

/* .grid__cell-inner {
  border: 1px solid rgba(0, 0, 0, 0.08);
 } */

.location-picker__search-box .search-box__text-input,
.search-box__button,
.u-bg-light-gray,
.u-bg-core-off-white {
  background-color: #f3f4f7;
  background: #f3f4f7;
}

.back-up__text-link {
  color: #505962;
}

.ms-srch-sb {
  display: unset;
}

.back-up__btn .icon-vertical-align-top {
  line-height: 62px;
}

/* Places SP search anchor on top of ours to direct to the SP search results */

.site-header .ms-srch-sb > .ms-srch-sb-searchLink,
.mobile-search-box .ms-srch-sb > .ms-srch-sb-searchLink {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 40px;
  background: transparent;
  z-index: 2;
}

.site-header .ms-srch-sb > .ms-srch-sb-searchLink:hover,
.mobile-search-box .ms-srch-sb > .ms-srch-sb-searchLink:hover {
  background-color: transparent;
}

/* Override rule for text input */

.site-header div#SearchBox .ms-srch-sb-prompt,
.mobile-search-box div#SearchBox .ms-srch-sb-prompt {
  width: calc(100% - 50px) !important;
  /* width of component minus width of search button */
  border: 0;
  box-shadow: none;
  height: 2.5rem;
  padding: 0.625rem !important;
  border-radius: 4px 0 0 4px;
  background: white;
}

.dataTables_wrapper .dataTables_filter input,
.input-text,
.textarea {
  padding: 0.84rem 0.9375rem !important;
}

/* When search box is in :focus state, a class is appended -- override this rule to search field display doesn't change */

.site-header .ms-srch-sb-borderFocused,
.mobile-search-box .ms-srch-sb-borderFocused {
  border: 0;
}

.site-header .ms-srch-sb-borderFocused > input,
.mobile-search-box .ms-srch-sb-borderFocused > input {
  /* width: calc(100% - 50px) !important; */
  /* width of component minus width of search button */
  border: 0;
  box-shadow: none;
  height: 2.5rem;
  padding: 0.625rem !important;
  border-radius: 4px 0 0 4px;
  background: white;
}

/* extends white background to full width rather than just the input field */

.site-header div#SearchBox,
.mobile-search-box div#SearchBox {
  background-color: white;
  border-radius: 4px;
}

/* stretches the width of the whole input filed container - uses most of the white space so there is not a large unclickable area */

.site-header div#SearchBox .ms-srch-sb,
.mobile-search-box div#SearchBox .ms-srch-sb {
  width: calc(100% - 15px);
}

/* breadcrumbs -- hide "edit" link in breadcrumbs and Quick launch navigation */

#DeltaTopNavigation .ms-core-listMenu-root .ms-listMenu-editLink,
li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {
  display: none;
}

/* Override SharePoint's "a:visited" rule */

.wide-nav__link:visited,
.wide-nav__more-btn:visited {
  color: #ecf0f3;
}

.nav-list__link:visited {
  color: white;
  /* default and :visited colors are the same */
}

.hero__btn:visited,
.hero__btnDefault:visited,
.text-hero__btn:visited,
.video-hero__btn:visited,
.arrow-controls__btn:visited,
.twitter-feed a,
.twitter-feed a:visited,
.btn--ghost-inverted:visited,
.alert-block a,
alert-block a:visited,
.back-up__btn:visited,
.text-label--tag:visited,
.link-block__link:visited {
  color: white;
  /* default and :visited colors are the same */
}

.hero__btn.btn--ghost:visited {
  color: #092940;
}

/* social media links in the footer */

.social-list__link:visited {
  color: white;
}

/* Override SharePoint's "a:visited" rule */

.wide-nav-sub__title:visited,
.wide-nav-sub__link:visited {
  /* color: #397aac; */
  color: #1f537a;
  /* default and :visited colors are the same */
}

/*restores SP defaults for ribbon and edit mode web part zones - matches unbranded system pages */

body #ms-designer-ribbon,
body .edit-mode-panel,
body .ms-SPZoneLabel,
body .ms-ToolPaneOuter,
body input.ms-cui-cb-input {
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
}

/* removes table borders in edit mode */

#MSO_tblPageBody td,
.ms-cui-gallery td {
  border: none;
}

/* in edit ribbon */

input.ms-cui-cb-input,
input.ms-cui-spn-txtbx,
input.ms-cui-tb {
  border-radius: 0;
}

/* overrides SP style in page layouts gallery */

.ms-cui-gallerybutton-a {
  overflow: visible;
  text-align: left;
}

.ms-cui-gallerybutton-Size72by96 {
  width: inherit;
  height: inherit;
  overflow: visible;
}

.mobile-header__menu-btn:visited,
.mobile-header__site-title:visited,
.mobile-header__search-btn:visited {
  color: white;
  /* default and :visited colors are the same */
}

/* edits to the Web Part Adder dialog */

.ms-core-webpartadder {
  z-index: 100;
  /* this needs to show above the edit mode ribbon */
}

#ms-designer-ribbon {
  background-color: #e1e1e1;
}

#ms-designer-ribbon .ms-wpadder-sectionhead,
#ms-designer-ribbon .ms-wpadder-wpname {
  font-size: 1em;
}

#ms-designer-ribbon img,
.ms-ToolPaneOuter img {
  display: inline-block;
}

#ms-designer-ribbon td {
  padding: 0;
  border: none;
}

/* Edits to the web part tool pane */

table.ms-ToolPaneOuter td {
  padding: inherit;
  border: none;
}

table.ms-ToolPaneOuter td label {
  display: inline-block;
  font-family: inherit;
}

/* List View Styles - this will need more tweaks as we add content */

.ms-vh2-nofilter,
.ms-vh2-nofilter-notextalign,
.ms-vh2-nofilter-perm,
.ms-vh a,
.ms-vh2,
.ms-vh2 a {
  color: white;
}

/* overrides SP border around content editor */

.ms-WPBorder {
  border: none;
}

/* overrides SP web part margin */

.ms-webpartzone-cell {
  margin: 0;
}

.ms-formfieldcontainer {
  padding: 5px;
}

.edit-mode-panel.title-edit {
  border-bottom: 1px solid #c6c6c6;
}

/* CQWP */

.page-content .dfwp-column {
  float: none;
  padding: 0;
}

/* Tables */

.ms-rteTable-default > tbody > tr > th,
.ms-rteTable-default > tbody > tr.ms-rteTableFooterRow-default,
.ms-rteTable-0 > tbody > tr > th,
.ms-rteTable-0 > tbody > tr.ms-rteTableFooterRow-0,
.ms-rteTable-1 > tbody > tr > th,
.ms-rteTable-1 > tbody > tr.ms-rteTableFooterRow-1,
.ms-rteTable-2 > tbody > tr > th,
.ms-rteTable-2 > tbody > tr.ms-rteTableFooterRow-2,
.ms-rteTable-3 > tbody > tr > th,
.ms-rteTable-3 > tbody > tr.ms-rteTableFooterRow-3,
.ms-rteTable-4 > tbody > tr > th,
.ms-rteTable-4 > tbody > tr.ms-rteTableFooterRow-4,
.ms-rteTable-5 > tbody > tr > th,
.ms-rteTable-5 > tbody > tr.ms-rteTableFooterRow-5,
.ms-rteTable-6 > tbody > tr > th,
.ms-rteTable-6 > tbody > tr.ms-rteTableFooterRow-6,
.ms-rteTable-7 > tbody > tr > th,
.ms-rteTable-7 > tbody > tr.ms-rteTableFooterRow-7,
.ms-rteTable-8 > tbody > tr > th,
.ms-rteTable-8 > tbody > tr.ms-rteTableFooterRow-8,
.ms-rteTable-9 > tbody > tr > th,
.ms-rteTable-9 > tbody > tr.ms-rteTableFooterRow-9,
.ms-rteTable-10 > tbody > tr > th,
.ms-rteTable-10 > tbody > tr.ms-rteTableFooterRow-10 {
  color: white;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
th,
td {
  padding: 1rem;
}

th {
  color: white;
  border-color: #0f466d;
}

td {
  border-color: #95a0ad;
}

.treeView {
  user-select: none;
  -moz-user-select: none;
  position: relative;
  padding-left: 0;
}

.treeView a {
  font-size: 12px;
}

.treeView ul {
  margin: 0 0 0 -1.5em;
  padding: 0 0 0 1.5em;
}

.treeView ul ul {
  background: url("../../assets/images/list-item-contents.png") repeat-y left;
}

.treeView li.lastChild > ul {
  background-image: none;
}

.treeView li {
  margin: 0;
  padding: 0;
  background: url("../../assets/images/list-item-root.png") no-repeat top left;
  list-style-position: inside;
  list-style-image: url("../../assets/images/button.png");
  cursor: auto;
}

.treeView li.collapsibleListOpen {
  list-style-image: url("../../assets/images/button-open.png");
  cursor: pointer;
}

.treeView li.collapsibleListClosed {
  list-style-image: url("../../assets/images/button-closed.png");
  cursor: pointer;
}

.treeView li li {
  background-image: url("../../assets/images/list-item.png");
  padding-left: 1.5em;
}

.treeView li.lastChild {
  background-image: url("../../assets/images/list-item-last.png");
}

.treeView li.collapsibleListOpen {
  background-image: url("../../assets/images/list-item-open.png");
}

.treeView li.collapsibleListOpen.lastChild {
  background-image: url("../../assets/images/list-item-last-open.png");
}

/* DMV Sample Questions */

#dmvTest {
  margin: 0 0 3rem;
}

.dmv-test-score {
  margin: 0 auto 3rem;
}

/* Heading styles */

p.ncdotElement-DOTParagraph {
  -ms-name: "Paragraph";
  margin: 1rem 0;
}

h2.ncdotElement-heading--beta {
  -ms-name: "h2 Heading--beta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.5rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h2.ncdotElement-heading--beta {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  h2.ncdotElement-heading--beta {
    font-size: 2.25rem;
  }
}

h3.ncdotElement-heading--gamma {
  -ms-name: "h3 Heading--gamma";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h3.ncdotElement-heading--gamma {
    font-size: 1.40625rem;
  }
}

@media (min-width: 64em) {
  h3.ncdotElement-heading--gamma {
    font-size: 1.5em;
  }
}

h4.ncdotElement-heading--delta {
  -ms-name: "h4 Heading--delta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.125rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h4.ncdotElement-heading--delta {
    font-size: 1.21875rem;
  }
}

@media (min-width: 64em) {
  h4.ncdotElement-heading--delta {
    font-size: 1.3125rem;
  }
}

h5.ncdotElement-heading--epsilon {
  -ms-name: "h5 Heading--epsilon";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h5.ncdotElement-heading--epsilon {
    font-size: 1.0625rem;
  }
}

@media (min-width: 64em) {
  h5.ncdotElement-heading--epsilon {
    font-size: 1.125rem;
  }
}

h6.ncdotElement-heading--zeta {
  -ms-name: "h6 Heading--zeta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 0.8rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h6.ncdotElement-heading--zeta {
    font-size: 0.9rem;
  }

  .location-box.pinned {
    background-color: #ebebeb;
    padding: 1em;
    margin: 1em;
  }
}

@media (min-width: 64em) {
  h6.ncdotElement-heading--zeta {
    font-size: 1rem;
  }
}

p.ncdotElement-caption {
  -ms-name: "Caption";
  font: italic normal normal 100%/1.5 "Georgia", serif;
  font-size: 0.8rem;
  margin: 0.5rem 0 0;
}

div.ncdotElement-caption {
  -ms-name: "Caption";
  font: italic normal normal 100%/1.5 "Georgia", serif;
  font-size: 0.8rem;
  margin: 0.5rem 0 0;
}

h2.ncdotElement-DOTSectionTitle {
  -ms-name: "Section Title";
  font-size: 1.3125rem;
  margin: 0 auto 1.875rem;
  max-width: 72rem;
  /* NOTE: value should be in variable -- mimics ".page-layout__section--inner" */
}

h2.ncdotElement-DOTSectionTitle:after {
  content: "";
  display: block;
  height: 0;
  border-bottom: 0.25rem solid;
  margin-top: 0.625rem;
}

h2.ncdotElement-DOTSectionTitle:after {
  content: "";
  display: block;
  background-color: #00376d;
  margin-top: 1.3125rem;
  height: 0.25rem;
}

h2.ncdotElement-DOTHeading {
  -ms-name: "Heading";
  font-size: 2.25rem;
  color: #092940;
  margin: 0.83em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

div.page-layout__section-inner h2.heading {
  color: #092940;
}

div.page-layout__section-inner .feature-block--dark-bg h2,
h2.heading.heading--beta.section-title.section-title--alt.u-color-white {
  color: #fff;
}

/* .ms-accessible, .ms-accessible:visited, .ms-accessible:hover, .ms-accessible:active, .ms-accessible:focus, a:focus.ms-acc-button
{
position:unset;
left: 0;
    top: -50px;
    margin-bottom: 50px;
overflow:visible;
height:unset;
width:unset;
display:block;
} */

.page-layout__section-inner,
.feature-block__item,
.page-layout__section,
.u-display.u-display--large-only {
  position: relative;
}

.heading.heading--beta.section-title.section-title--alt,
.heading.heading--beta.feature-block__heading {
  max-width: 68vw;
  margin-left: 0;
}

.wide-nav-sub__list {
  margin: -1.5em 0 0 -1.5em;
}

.slinky-menu p {
  font-size: 1.125rem;
  font-family: TransportNewMedium_gdi, Helvetica, Arial, sans-serif;
  background: #fff;
  margin: 0;
  text-align: center;
  display: inline-block;
  width: 100%;
  color: #092940;
  text-transform: capitalize;
  padding: 1.25rem;
}

.page-layout__section-inner a.section-title__more,
.feature-block__item a.feature-block__heading-more,
.feature-block__item a.section-title__more,
.feature-block__heading-icon.feature-block__heading-icon--trans {
  right: 0;
  top: 0;
  bottom: unset;
  position: absolute;
  font-weight: bold;
}

.section-title__more,
.feature-block__heading-more {
  color: #3271a0;
}

.page-layout__section.page-layout__section--w-bg.u-bg-light-gray.u-display.u-display--small-only
  h2
  + a.section-title__more {
  left: calc(100% - 20vw);
  top: 0;
  position: absolute;
  font-weight: 700;
  padding: 1.5rem 0;
}

div.page-layout__section-inner h2.heading.u-text-white {
  color: #fff;
}

div.page-layout__section-inner div.text-block div.grid__cell-inner h2.heading--zeta {
  color: inherit;
}

h3.ncdotElement-DOTSubheading {
  -ms-name: "SubHeading";
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  h3.ncdotElement-DOTSubheading {
    font-size: 1.5em;
  }

  h2.ncdotElement-DOTSectionTitle {
    font-size: 1.5rem;
  }
}

@media (min-width: 64em) {
  h2.ncdotElement-DOTSectionTitle {
    font-size: 2.25rem;
  }
}

h1.ncdotElement-heading--alpha {
  -ms-name: "h1 Heading--alpha";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 2.25rem;
  color: #092940;
  line-height: 1.25;
  margin: 0 auto 1.875rem;
  width: 100%;
  max-width: 75rem;
  padding: 0 1.5rem;
  margin: 0 auto 1.875rem;
}

@media (min-width: 48em) {
  h1.ncdotElement-heading--alpha {
    font-size: 2.625rem;
  }
}

@media (min-width: 64em) {
  h1.ncdotElement-heading--alpha {
    font-size: 3rem;
  }
}

h1.ncdotElement-heading--alpha:after {
  content: "";
  display: block;
  background-color: #397aac;
  margin-top: 1.3125rem;
  height: 0.625rem;
}

h1.ncdotElement-heading--alpha--no-padding {
  padding: 0;
  /* NOTE: useful when the page title is included within a "page-content__item" wrapper (i.e., the Be Rail Safe pages) */
}

@media (min-width: 48em) {
  h1.ncdotElement-heading--alpha {
    margin: 0 auto 3.75rem;
  }

  h1.ncdotElement-heading--alpha:after {
    width: 50%;
  }
}

@media (min-width: 64em) {
  h1.ncdotElement-heading--alpha:after {
    width: 260px;
  }
}

/* OLD HEADING STYLE - LEAVING IN CSS SO WE DON'T LOSE ANY FORMATTING FOR WORK DONE BEFORE 1/09/17 */

p.ms-rteElement-caption {
  -ms-name: "Caption";
  font: italic normal normal 100%/1.5 "Georgia", serif;
  font-size: 0.8rem;
  margin: 0.5rem 0 0;
}

h2.ms-rteElement-heading--beta {
  -ms-name: "h2 Heading--beta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.5rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h2.ms-rteElement-heading--beta {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  h2.ms-rteElement-heading--beta {
    font-size: 2.25rem;
  }
}

h3.ms-rteElement-heading--gamma {
  -ms-name: "h3 Heading--gamma";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h3.ms-rteElement-heading--gamma {
    font-size: 1.40625rem;
  }
}

@media (min-width: 64em) {
  h3.ms-rteElement-heading--gamma {
    font-size: 1.5em;
  }
}

h4.ms-rteElement-heading--delta {
  -ms-name: "h4 Heading--delta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.125rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h4.ms-rteElement-heading--delta {
    font-size: 1.21875rem;
  }
}

@media (min-width: 64em) {
  h4.ms-rteElement-heading--delta {
    font-size: 1.3125rem;
  }
}

h5.ms-rteElement-heading--epsilon {
  -ms-name: "h5 Heading--epsilon";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h5.ms-rteElement-heading--epsilon {
    font-size: 1.0625rem;
  }
}

@media (min-width: 64em) {
  h5.ms-rteElement-heading--epsilon {
    font-size: 1.125rem;
  }
}

h6.ms-rteElement-heading--zeta {
  -ms-name: "h6 Heading--zeta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 0.8rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h6.ms-rteElement-heading--zeta {
    font-size: 0.9rem;
  }
}

@media (min-width: 64em) {
  h6.ms-rteElement-heading--zeta {
    font-size: 1rem;
  }
}

h2.ms-rteElement-DOTSectionTitle {
  -ms-name: "Section Title";
  font-size: 1.3125rem;
  margin: 0 auto 1.875rem;
  max-width: 72rem;
  /* NOTE: value should be in variable -- mimics ".page-layout__section--inner" */
}

h2.ms-rteElement-DOTSectionTitle:after {
  content: "";
  display: block;
  height: 0;
  border-bottom: 0.25rem solid;
  margin-top: 0.625rem;
}

h2.ms-rteElement-DOTSectionTitle:after {
  content: "";
  display: block;
  background-color: #00376d;
  margin-top: 1.3125rem;
  height: 0.25rem;
}

h2.ms-rteElement-DOTHeading {
  -ms-name: "Heading";
  font-size: 2.25rem;
  color: #092940;
  margin: 0.83em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

h3.ms-rteElement-DOTSubheading {
  -ms-name: "SubHeading";
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  h3.ms-rteElement-DOTSubheading {
    font-size: 1.5em;
  }

  h2.ms-rteElement-DOTSectionTitle {
    font-size: 1.5rem;
  }
}

@media (min-width: 64em) {
  h2.ms-rteElement-DOTSectionTitle {
    font-size: 2.25rem;
  }
}

h1.ms-rteElement-heading--alpha {
  -ms-name: "h1 Heading--alpha";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 2.25rem;
  color: #092940;
  line-height: 1.25;
  margin: 0 auto 1.875rem;
  width: 100%;
  max-width: 75rem;
  padding: 0 1.5rem;
  margin: 0 auto 1.875rem;
}

@media (min-width: 48em) {
  h1.ms-rteElement-heading--alpha {
    font-size: 2.625rem;
  }
}

@media (min-width: 64em) {
  h1.ms-rteElement-heading--alpha {
    font-size: 3rem;
  }
}

h1.ms-rteElement-heading--alpha:after {
  content: "";
  display: block;
  background-color: #397aac;
  margin-top: 1.3125rem;
  height: 0.625rem;
}

h1.ms-rteElement-heading--alpha--no-padding {
  padding: 0;
  /* NOTE: useful when the page title is included within a "page-content__item" wrapper (i.e., the Be Rail Safe pages) */
}

@media (min-width: 48em) {
  h1.ms-rteElement-heading--alpha {
    margin: 0 auto 3.75rem;
  }

  h1.ms-rteElement-heading--alpha:after {
    width: 50%;
  }
}

@media (min-width: 64em) {
  h1.ms-rteElement-heading--alpha:after {
    width: 260px;
  }
}

/* Heading styles - used for second rich text editor on a page, in Press Release Page Layout - Right Page Content Top  */

p.ncdot2Element-DOTParagraph {
  -ms-name: "Paragraph";
  margin: 1rem 0;
}

h2.ncdot2Element-heading--beta {
  -ms-name: "h2 Heading--beta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.5rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h2.ncdot2Element-heading--beta {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  h2.ncdot2Element-heading--beta {
    font-size: 2.25rem;
  }
}

h3.ncdot2Element-heading--gamma {
  -ms-name: "h3 Heading--gamma";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h3.ncdot2Element-heading--gamma {
    font-size: 1.40625rem;
  }
}

@media (min-width: 64em) {
  h3.ncdot2Element-heading--gamma {
    font-size: 1.5em;
  }
}

h4.ncdot2Element-heading--delta {
  -ms-name: "h4 Heading--delta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.125rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h4.ncdot2Element-heading--delta {
    font-size: 1.21875rem;
  }
}

@media (min-width: 64em) {
  h4.ncdot2Element-heading--delta {
    font-size: 1.3125rem;
  }
}

h5.ncdot2Element-heading--epsilon {
  -ms-name: "h5 Heading--epsilon";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h5.ncdot2Element-heading--epsilon {
    font-size: 1.0625rem;
  }
}

@media (min-width: 64em) {
  h5.ncdot2Element-heading--epsilon {
    font-size: 1.125rem;
  }
}

h6.ncdot2Element-heading--zeta {
  -ms-name: "h6 Heading--zeta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 0.8rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h6.ncdot2Element-heading--zeta {
    font-size: 0.9rem;
  }
}

@media (min-width: 64em) {
  h6.ncdot2Element-heading--zeta {
    font-size: 1rem;
  }
}

p.ncdot2Element-caption {
  -ms-name: "Caption";
  font: italic normal normal 100%/1.5 "Georgia", serif;
  font-size: 0.8rem;
  margin: 0.5rem 0 0;
}

h2.ncdot2Element-DOTSectionTitle {
  -ms-name: "Section Title";
  font-size: 1.3125rem;
  margin: 0 auto 1.875rem;
  max-width: 72rem;
  /* NOTE: value should be in variable -- mimics ".page-layout__section--inner" */
}

h2.ncdot2Element-DOTSectionTitle:after {
  content: "";
  display: block;
  height: 0;
  border-bottom: 0.25rem solid;
  margin-top: 0.625rem;
}

h2.ncdot2Element-DOTHeading {
  -ms-name: "Heading";
  font-size: 2.25rem;
  color: #092940;
  margin: 0.83em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

h3.ncdot2Element-DOTSubheading {
  -ms-name: "SubHeading";
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  h3.ncdot2Element-DOTSubheading {
    font-size: 1.5em;
  }
}

h1.ncdot2Element-heading--alpha {
  -ms-name: "h1 Heading--alpha";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 2.25rem;
  color: #092940;
  line-height: 1.25;
  margin: 0 auto 1.875rem;
  width: 100%;
  max-width: 75rem;
  padding: 0 1.5rem;
  margin: 0 auto 1.875rem;
}

@media (min-width: 48em) {
  h1.ncdot2Element-heading--alpha {
    font-size: 2.625rem;
  }
}

@media (min-width: 64em) {
  h1.ncdot2Element-heading--alpha {
    font-size: 3rem;
  }
}

h1.ncdot2Element-heading--alpha:after {
  content: "";
  display: block;
  background-color: #397aac;
  margin-top: 1.3125rem;
  height: 0.625rem;
}

h1.ncdot2Element-heading--alpha--no-padding {
  padding: 0;
  /* NOTE: useful when the page title is included within a "page-content__item" wrapper (i.e., the Be Rail Safe pages) */
}

@media (min-width: 48em) {
  h1.ncdot2Element-heading--alpha {
    margin: 0 auto 3.75rem;
  }

  h1.ncdot2Element-heading--alpha:after {
    width: 50%;
  }
}

@media (min-width: 64em) {
  h1.ncdot2Element-heading--alpha:after {
    width: 260px;
  }
}

/* Heading styles - used for third rich text editor on a page, in Press Release Page Layout - Right Page Content Bottom  */

p.ncdot3Element-DOTParagraph {
  -ms-name: "Paragraph";
  margin: 1rem 0;
}

h2.ncdot3Element-heading--beta {
  -ms-name: "h2 Heading--beta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.5rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h2.ncdot3Element-heading--beta {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  h2.ncdot3Element-heading--beta {
    font-size: 2.25rem;
  }
}

h3.ncdot3Element-heading--gamma {
  -ms-name: "h3 Heading--gamma";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
}

@media (min-width: 48em) {
  h3.ncdot3Element-heading--gamma {
    font-size: 1.40625rem;
  }
}

@media (min-width: 64em) {
  h3.ncdot3Element-heading--gamma {
    font-size: 1.5em;
  }
}

h4.ncdot3Element-heading--delta {
  -ms-name: "h4 Heading--delta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1.125rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h4.ncdot3Element-heading--delta {
    font-size: 1.21875rem;
  }
}

@media (min-width: 64em) {
  h4.ncdot3Element-heading--delta {
    font-size: 1.3125rem;
  }
}

h5.ncdot3Element-heading--epsilon {
  -ms-name: "h5 Heading--epsilon";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 1rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h5.ncdot3Element-heading--epsilon {
    font-size: 1.0625rem;
  }
}

@media (min-width: 64em) {
  h5.ncdot3Element-heading--epsilon {
    font-size: 1.125rem;
  }
}

h6.ncdot3Element-heading--zeta {
  -ms-name: "h6 Heading--zeta";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 0.8rem;
  margin: 1em 0;
  color: #0b0c0c;
}

@media (min-width: 48em) {
  h6.ncdot3Element-heading--zeta {
    font-size: 0.9rem;
  }
}

@media (min-width: 64em) {
  h6.ncdot3Element-heading--zeta {
    font-size: 1rem;
  }
}

p.ncdot3Element-caption {
  -ms-name: "Caption";
  font: italic normal normal 100%/1.5 "Georgia", serif;
  font-size: 0.8rem;
  margin: 0.5rem 0 0;
}

h2.ncdot3Element-DOTSectionTitle {
  -ms-name: "Section Title";
  font-size: 1.3125rem;
  margin: 0 auto 1.875rem;
  max-width: 72rem;
  /* NOTE: value should be in variable -- mimics ".page-layout__section--inner" */
}

h2.ncdot3Element-DOTSectionTitle:after {
  content: "";
  display: block;
  height: 0;
  border-bottom: 0.25rem solid;
  margin-top: 0.625rem;
}

h2.ncdot3Element-DOTSectionTitle:after {
  content: "";
  display: block;
  background-color: #00376d;
  margin-top: 1.3125rem;
  height: 0.25rem;
}

h2.ncdot3Element-DOTHeading {
  -ms-name: "Heading";
  font-size: 2.25rem;
  color: #092940;
  margin: 0.83em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

h3.ncdot3Element-DOTSubheading {
  -ms-name: "SubHeading";
  font-size: 1.3125rem;
  color: #092940;
  margin: 1em 0;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  h3.ncdot3Element-DOTSubheading {
    font-size: 1.5em;
  }

  h2.ncdot3Element-DOTSectionTitle {
    font-size: 1.5rem;
  }
}

@media (min-width: 64em) {
  h2.ncdot3Element-DOTSectionTitle {
    font-size: 2.25rem;
  }
}

h1.ncdot3Element-heading--alpha {
  -ms-name: "h1 Heading--alpha";
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  margin: 1rem 0;
  font-size: 2.25rem;
  color: #092940;
  line-height: 1.25;
  margin: 0 auto 1.875rem;
  width: 100%;
  max-width: 75rem;
  padding: 0 1.5rem;
  margin: 0 auto 1.875rem;
}

@media (min-width: 48em) {
  h1.ncdot3Element-heading--alpha {
    font-size: 2.625rem;
  }
}

@media (min-width: 64em) {
  h1.ncdot3Element-heading--alpha {
    font-size: 3rem;
  }
}

h1.ncdot3Element-heading--alpha:after {
  content: "";
  display: block;
  background-color: #397aac;
  margin-top: 1.3125rem;
  height: 0.625rem;
}

h1.ncdot3Element-heading--alpha--no-padding {
  padding: 0;
  /* NOTE: useful when the page title is included within a "page-content__item" wrapper (i.e., the Be Rail Safe pages) */
}

@media (min-width: 48em) {
  h1.ncdot3Element-heading--alpha {
    margin: 0 auto 3.75rem;
  }

  h1.ncdot3Element-heading--alpha:after {
    width: 50%;
  }
}

@media (min-width: 64em) {
  h1.ncdot3Element-heading--alpha:after {
    width: 260px;
  }
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  cursor: pointer;
}

.ui-menu-item {
  font-size: 14px;
  margin: 10px;
  line-height: 18px;
}

.ui-state-highlight {
  font-weight: bold;
}

.ui-state-hover,
.ui-state-active {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #0088cc;
  background-image: none;
}

/* hides Sharepoint's no js warning under the search box in the header */

div#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_noscript {
  display: none;
}

/* hides the ribbon on mobile */

@media (max-width: 36em) {
  .location-box-list__item {
    text-align: right;
  }

  .location-box {
    text-align: left;
  }

  .pinnedLabel + .newofficeLabel {
    right: 0;
    top: unset;
    margin-top: 0;
  }

  .pinnedLabel:after {
    content: "";
    display: block;
    font-weight: normal;
    font-size: 12px;
  }

  h3.location-box__heading {
    width: 100%;
  }

  .pinnedLabel,
  .newofficeLabel {
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-left: 2em;
    font-size: 14px;
  }

  .sp-authenticated #ms-designer-ribbon {
    display: none;
  }

  .sp-authenticated .mobile-header {
    top: 0 !important;
  }

  .sp-authenticated {
    padding-top: 60px !important;
  }

  #ctl00_Ribbon {
    display: none;
  }
}

.news-release-stamp {
  text-align: center;
  padding: 0.75rem 1rem 3.75rem;
  margin: 0 auto;
}

.amtrak-page .cds_find-a-station {
  position: absolute !important;
  top: 0 !important;
  height: 99% !important;
  overflow-y: scroll;
}

.ui-dialog-titlebar {
  margin-top: 10px !important;
}

.icon--circled.is-checked {
  background: #092940;
  border-color: #397aac;
  color: #fff;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

g.county > g.active {
  fill: #ff0000 !important;
}

.ncsvgmap-hover:hover {
  cursor: pointer;
}

.ui-autocomplete {
  z-index: 1000 !important;
}

.breadcrumbs__item:after {
  padding: 0 0.25em !important;
  /* display: inline-block !important; */
}

@media (min-width: 64em) {
  .hero__text-block--amtrak-wrapper {
    max-width: 621px;
  }
}

.location-selector__error {
  font-size: 12px;
  color: red;
  margin: 0 5px;
  font-style: italic;
  display: none;
}

.edit-mode-panel {
  color: #bf0000;
}

.video-wrapper--fluid-width a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper__video-play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  /* background: url("/i.imgur.com/TxzC70f.png") no-repeat; */
  cursor: pointer;
}

.video-wrapper__video {
  opacity: 1;
}

.video-wrapper__video:hover {
  /* opacity: 0.8; */
  cursor: pointer;
}

.YouTubeDialog {
  position: absolute !important;
  height: auto !important;
  width: auto !important;
  border: 2px solid #000 !important;
  background-color: #fff !important;
}

.YouTubeDialog .ui-dialog-title {
  font-size: 13px;
  margin-left: 10px;
}

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

.form-step__text {
  display: block;
  font-weight: normal;
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
  padding-bottom: 3px;
  /* NOTE: mimics other NC sites; using margin might be more appropriate */
  margin: 0 0 0.75rem;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 1.5s 1.5s ease;
  opacity: 0;
}

.search-box__clear-btn,
.search-box .clear_input {
  top: 50% !important;
}

.video-list__play-btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 68px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.video-wrapper--fluid-width a {
  outline-width: 0;
}

.view-feature-video {
  outline: 0;
}

.social-box-youtube {
  outline: 0 !important;
  border-bottom: 1px solid #757575 !important;
}

.icon-spinning {
  display: inline-block !important;
}

@media print {
  .sp-authenticated #ms-designer-ribbon,
  .mobile-header,
  #alert-count-wrapper,
  #alertBlock,
  .sp-authenticated #ms-designer-ribbon,
  #SearchBox,
  a.search-box__button,
  .nav-list--header,
  .wide-nav,
  .side-nav,
  .back-up,
  footer {
    display: none;
  }

  body,
  html,
  #wrapper {
    overflow: visible;
  }
}

/*# sourceMappingURL=sharepoint-overrides.css.map */

/* temporary fix for styles.css 
- the following changes for search results and logo--nc-by-train are
in style.css but we want to deploy the change without a full deploy */

.search-results__link .search-results__text,
.search-results__date,
.search-results__STIP {
  font-family: "TransportNewMedium_gdi", Helvetica, Arial, sans-serif;
}

.search-results__text,
.search-results__date,
.search-results__STIP {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #6a7681;
  margin: 0;
}

.search-results__date,
.search-results__STIP {
  display: inline;
}

.logo--nc-by-train {
  width: 408px;
  height: 87px;
  background-size: contain;
  background-image: url(../../PublishingImages/nc-by-train-logo-full.svg);
}

/* 21325 - iOS momentum scrolling breaks without this */

body {
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 64em) {
  /* prevent "jump" on page load as nav loads */
  .wide-nav {
    min-height: 80px;
  }
}

.btn-group.btn-group--spaced.btnsCentered {
  display: flex;
  justify-content: center;
}

.btn-group.btn-group--spaced.btnsCentered .btn:not(.btn--disabled) {
  background: #397aac;
  border-color: #397aac;
}

.dashboard__item-group .heading.heading--gamma {
  margin-top: 1.5em;
}

/* Dashboard changes at end of 2018 */

/* this fixes the "stacked" issue - comms wants these to take up full width, not display side by side. */

#ID1101 .gauge-box > div,
#ID2040 {
  flex: none;
  display: block;
  width: 100%;
}

@media (min-width: 63em) {
  #ID1460,
  #ID1461 {
    flex: 0 0 33%;
  }
}

@media (max-width: 63em) {
  #ID1460,
  #ID1461 {
    max-width: 280px;
  }
}

div#ecoYTDSubheading {
  padding-bottom: 4rem;
  flex: 0 0 100%;
}

#ID1351 .infrastructureTable,
#ID1350 .infrastructureTable,
#ID1350 #infraBridgeSubheading,
#ID1351 #infraBridgeSubheading {
  flex: none;
  font-style: italic;
  max-width: 100%;
}

#ID1615,
#ID1370 {
  flex: none;
  display: block;
  width: 100%;
}

#ID1600 div#ID1615 > p {
  padding: 0px 1ch;
  text-align: left;
}

#ID1600 div#ID1615 > p:before {
  padding: 0px;
}

.dashboard-component__heading-inner--subtitle {
  padding-bottom: 1rem;
  display: block;
}

/* SP2016 Ribbon adjustments */

#suiteBarDelta {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 300px;
  z-index: 99999;
  height: 25px;
}

div#ms-designer-ribbon {
  height: 35px;
}

#RibbonContainer-TabRowRight a {
  display: none !important;
}

/* Hides Waffle button */

#suiteBarDelta .o365cs-nav-leftAlign {
  display: none;
}

/* Hides About Me in dropdown */

#suiteBarDelta #O365_SubLink_ShellAboutMe {
  display: none;
}

/* Hide help button */

#suiteBarDelta #O365_MainLink_Help {
  display: none;
}

/* Hide personalize button */

#suiteBarDelta #O365_SubLink_SuiteMenu_zz4_ID_PersonalizePage {
  display: none;
}

/* Gear button height fix */

#suiteBarDelta .o365cs-me-tile-nophoto-username-container,
#suiteBarDelta .o365cs-me-tile-nophoto-username,
#suiteBarDelta .o365cs-nav-button {
  height: 35px;
}

/* Text color change for name/gear icon */

#suiteBarDelta .o365cs-topnavText,
#suiteBarDelta .o365cs-base,
#suiteBarDelta .o365cs-base .ms-fcl-w {
  color: #555555;
}

/* Dropdown menu - match height to ribbon bar */

#suiteBarDelta .o365cs-nav-contextMenu {
  top: 35px !important;
}

/* Background color eliminate! */

#suiteBarDelta #O365_NavHeader {
  background: none;
}

#suiteBarDelta #O365_TopMenu {
  background-color: transparent;
}

/* Swap gear and people picker */

#suiteBarDelta .o365cs-nav-header16 .o365cs-nav-topItem {
  float: right;
}

#suiteBarDelta .o365cs-nav-rightMenus div:last-child {
  float: none;
  right: 50px;
}

#suiteBarDelta,
#O365_MainLink_Settings,
#O365_NavHeader {
  max-height: 25px;
}

/* fix hover color */

#suiteBarDelta .o365cs-base.o365spo .ms-bgc-tdr-h:hover {
  background-color: #e6eaec;
}

/* fix height of nav/padding issues */

body.sp-authenticated.ms-backgroundImage {
  padding-top: 61px;
}

.sp-authenticated .page-wrapper {
  margin-top: -31px;
}

#suiteBarDelta .o365cs-nav-topItem.o365cs-rsp-tn-hideIfAffordanceOff {
  padding-top: 5px;
}

/* End SP 2016 ribbon adjustments */

/*global nav adjustment - added "News & Events" section, needs space at 1024 resolutions*/

@media (max-width: 67em) {
  a.wide-nav__link.wide-nav__link--with-menu {
    margin-right: -2px;
  }

  a.wide-nav__link.wide-nav__link--with-menu,
  .wide-nav__link {
    font-size: 15px;
  }
}

.regionalSearchLabel {
  font-size: 1.15rem;
}

#pageStatusBar img {
  max-height: 12px;
  max-width: 12px;
  display: inline;
}

.socialOverlayPlay {
  font-size: 4rem;
  color: black;
  text-decoration: none;
  top: 38%;
  left: 41%;
  position: absolute;
  z-index: 9999;
}

.rem2 {
  font-size: 2rem;
}

.hero__text-block.fw-hero-white-background {
  background: rgba(255, 255, 255, 0.9);
  padding: 1.875rem 1.25rem;
}

.simple-list-block.calloutBox {
  float: right;
  max-width: 372px;
  margin: 0 0 1rem 1.3rem;
  padding: 1.5rem;
  display: block;
  flex-direction: inherit;
  flex: none;
}

.simple-list-block.calloutBox.fullWidthCalloutBox {
  max-width: none;
}

.simple-list-block.calloutBox h2 {
  font-size: 1.5rem;
  color: #092940;
  border-bottom: 5px solid #092940;
  padding-bottom: 0.4rem;
  margin-bottom: 0px;
}

.simple-list-block.calloutBox,
.simple-list-block.calloutBox a {
  color: #092940;
  font-size: 0.8rem;
}

@media (max-width: 63.99em) {
  .simple-list-block.calloutBox {
    margin-bottom: 1rem;
  }
}

#calloutBox img {
  /*SP adds inline style if we insert an image from the ribbon */
  margin: 1rem 0 !important;
}

.hero--standard-width {
  max-width: 72rem;
  margin: auto;
  margin-bottom: 2rem;
}

.rrHidden {
  display: none;
}

#social-block-title {
  margin-right: 1rem;
}

#social-block-title-section {
  justify-content: flex-start;
}

#social-block-view-all {
  margin-left: auto;
  margin-top: 1rem;
}

@media (min-width: 1072px) {
  div.hero__mobile-buttons {
    display: none;
  }
}

@media (max-width: 1072px) {
  div.hero__mobile-buttons {
    position: absolute;
    bottom: 10%;
    right: 10%;
    z-index: 2;
  }

  div.hero__mobile-buttons a {
    width: 126%;
    text-align: center;
    font-size: 1.3rem;
  }

  #amtrak-iframe-full {
    /* override inline style */
    z-index: 0 !important;
  }
}

@media (max-width: 585px) {
  div.hero__mobile-buttons {
    top: 5%;
    right: 2%;
    transform: scale(0.8);
  }

  div.hero__mobile-buttons a {
    width: 100%;
    font-size: 1rem;
    min-width: 136px;
  }
}

div#modalContainer.modal {
  padding: 0;
}

div.blocker {
  z-index: 15;
}

#modalContainer h3 {
  margin: 0;
  padding: 10px;
  color: #fff;
  background: #092940;
  font-size: 1.6rem;
}

div#modalContainer.modal p,
div#modalContainer.modal a {
  margin: 1rem;
}

div#modalContainer.modal a {
  float: right;
}

#modalContainer.modal a.close-modal {
  top: -29.5px;
  right: -32.5px;
}

@media (max-width: 31em) {
  div#modalContainer {
    margin-top: 5rem;
  }
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

#modalContainer.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 2px #000;
  -moz-box-shadow: 0 0 2px #000;
  -o-box-shadow: 0 0 2px #000;
  -ms-box-shadow: 0 0 2px #000;
  box-shadow: 0 0 2px #000;
  text-align: left;
}

#modalContainer.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/Style Library/Images/close_x_modal.png");
  /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=="); */
}

@media (min-width: 64em) {
  .wide-nav--stuck {
    position: relative;
    top: auto;
    width: auto;
    z-index: auto;
  }
}

p.social-box__text {
  font-size: 0.2rem;
}

div#emergencyBanner {
  display: none;
  /* background-color: #397aac; */
  background-color: #a83338;
  text-align: center;
  padding: 1rem;
}

div#emergencyBanner a {
  color: #fff;
}

div#emergencyResources {
  margin: 2rem 0;
}

div#emergencyResources h2.heading.heading--alpha.section-title {
  font-size: 2.25rem;
}

p.text-hero__p.emergency-tutorial-link {
  margin: 1.875rem;
  text-align: center;
}

@media (max-width: 75rem) {
  .emergency-tutorial-link {
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 1072px) {
  .amtrak-hero .hero__img-wrapper {
    height: 550px;
  }

  #iframe-parent.amtrak-hero {
    min-height: 520px;
  }

  form.cds_form,
  #farefinder form.cds_form,
  #farefinder .cds_ff_outer {
    height: 450px;
  }

  #amtrak-iframe-simple {
    min-height: 480px !important;
  }

  .amtrak-page #farefinder form.cds_form {
    min-height: 480px;
    height: auto;
  }
}

form.cds_form {
  min-height: 470px;
}

@media (max-width: 620px) {
  form.cds_form {
    min-height: 600px;
  }
}

@media (max-width: 400px) {
  form.cds_form {
    min-height: 800px;
  }
}

@media (min-width: 48em) {
  .card--basic .card__text-wrapper {
    min-height: 150px;
  }
}

.card.card--basic.card--basic-big-text {
  min-height: 150px;
  overflow: hidden;
}

#farefinder .cds_ff_book_type label {
  display: inline-block;
  margin-right: 5px;
}

.cds_ff_pass_type_wrapper {
  display: block;
}

.cds_ff_pc_submit_wrapper {
  float: right;
}

input.cds_ff_submit {
  position: static;
}

@media (min-width: 48em) {
  div.cds_ff_submit {
    position: absolute;
    right: 1rem;
    /* bottom: 1rem; */
    margin-bottom: -1.75rem;
  }
}

@media (max-width: 447px) {
  #farefinder .cds_ff_pwd_feature_2p0 div.cds_ff_submit input[type="Submit"],
  #farefinder div.cds_ff_submit input[type="Submit"] {
    /* override style.min.css */
    position: relative;
    right: 0;
    bottom: 0;
  }

  div.cds_ff_pc_submit_wrapper {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    margin-bottom: 0.25rem;
  }

  .cds_ff_pass_type_wrapper {
    margin-bottom: 10rem;
  }
}

@media (min-width: 1072px) {
  .amtrak-hero .hero__img-wrapper {
    height: 510px;
  }

  form.cds_form,
  #farefinder form.cds_form,
  #farefinder .cds_ff_outer {
    min-height: 430px;
    padding-bottom: 3rem;
  }

  #amtrak-iframe-simple {
    min-height: 480px !important;
  }

  .amtrak-page #farefinder form.cds_form {
    min-height: 430px;
  }
}

#amtrak-iframe-simple form.cds_form {
  min-height: 500px;
}

@media (max-width: 620px) {
  form.cds_form {
    min-height: 600px;
  }
}

@media (max-width: 400px) {
  form.cds_form {
    min-height: 800px;
  }
}

#farefinder .cds_ff_book_type label {
  display: inline-block;
  margin-right: 5px;
}

iframe#amtrak-iframe-full {
  min-height: 520px;
}

#farefinder .cds_ff_youth_passenger_count {
  /* height: 33px; */
  width: 50px;
  margin: 0;
}

@media (min-width: 36em) {
  #farefinder .cds_ff_youth_passenger_count {
    width: 25%;
    padding: 0 0.25rem;
    margin: 0;
  }
}

@media (min-width: 20em) {
  #farefinder .cds_ff_youth_passenger_count {
    float: left;
    width: 50%;
    padding: 0 0.25rem;
  }
}

#farefinder select#cds_ff_youth_passenger_count {
  height: 33px;
  width: 50px;
  margin: 0;
}

#farefinder .cds_ff_youth_passenger_count br {
  display: none;
}

select#cds_ff_youth_passenger_count {
  height: 33px;
  width: 50px;
  margin: 0;
}

/* @media (min-width: 36em) { */

.amtrak-page #farefinder div.cds_ff_adult_passenger_count,
.amtrak-page #farefinder div.cds_ff_senior_passenger_count,
.amtrak-page #farefinder div.cds_ff_youth_passenger_count,
.amtrak-page #farefinder div.cds_ff_child_passenger_count,
.amtrak-page #farefinder div.cds_ff_infant_passenger_count {
  width: 20%;
}

/* } */

.cds_ff_children_travel_info {
  max-height: 3rem;
}

.cds_ff_pass_type_wrapper {
  margin-bottom: 4rem;
}

@media (min-width: 24em) {
  #farefinder .cds_ff_pwd_feature_2p0 div.cds_ff_submit input[type="Submit"],
  #farefinder div.cds_ff_submit input[type="Submit"] {
    bottom: -4.8rem;
  }
}

.amtrak-page {
  min-height: 520px;
}

/* @media (min-width: 24em) { */

.hero-simple-container input.cds_ff_submit {
  bottom: 0rem !important;
  position: relative !important;
  float: right;
}

/* } */

@media (min-width: 744px) and (max-width: 975px) {
  /* this is the width of the iframe, not the page */
  .hero-simple-container input.cds_ff_submit {
    bottom: -2rem !important;
  }
}

@media (max-width: 411px) {
  /* this is the width of the iframe, not the page */
  .hero-simple-container .cds_ff_pass_type_wrapper {
    margin-bottom: 10rem;
  }

  #farefinder .cds_ff_youth_passenger_count {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  #amtrakHeroFull {
    margin-bottom: -3rem;
  }
}

.ms-backgroundImage {
  background-image: inherit;
}

main.page-content {
  z-index: 1;
}

@media (min-height: 1024px) and (min-width: 75rem) {
  #modal-carousel.modal--tall .modal__dialog--full-width {
    width: auto;
    max-width: 60%;
  }
}

@media (min-height: 1024px) and (min-width: 85rem) {
  #modal-carousel.modal--tall .modal__dialog--full-width {
    width: auto;
    max-width: 45%;
  }
}

img.contact-warning-stop {
  width: 4rem;
  margin: 0 auto;
  float: left;
  margin-right: 1rem;
}

img.contact-street-sign {
  width: 20%;
  float: left;
}

a.unslider-arrow.next.photo-block__carousel-arrow.social-arrow {
  display: none;
}

@media (max-width: 48em) {
  #socialBlock .u-display.u-display--small-only {
    display: block;
  }

  #socialBlock p.social-box__text {
    display: none;
  }

  a.unslider-arrow.next.photo-block__carousel-arrow.social-arrow {
    display: block;
    margin-top: 2rem;
    margin-right: -2.5rem;
    text-shadow: 2px 0px 0px black;
  }
  i.icon-twitter.icon--circled {
    min-width: 32.8px;
  }
}

@media (min-width: 64em) {
  /* fix stutter on page load as bread crumb items are loading */
  .breadcrumbs-wrapper {
    margin: 1rem auto 1.875rem;
    max-width: 75rem;
  }
}

.image-block__overlay a:visited {
  color: #fff;
}

#cardSetDropDown div.page-layout__section-inner h2.heading.u-text-white span.section-title__text {
  color: #092940;
}

.carsResults {
  line-height: 2rem;
}

.carsResults p {
  font-style: italic;
}

.carsResults label,
.carsResults p {
  display: inline-block;
  margin: 0;
  margin-right: 0.5rem;
}

.custom-select.error,
select.custom-select.error:focus,
select.custom-select.error:focus-within {
  background-color: #f7e3e4;
  border: 2px solid #a83338;
}

.contactError {
  border: red 2px solid;
  padding: 2rem 1rem;
}

.impactLegend .shape {
  display: inline-block;
  margin: 1.5rem 0.5rem 0rem 1rem;
}

.u-display--small-only.impactLegend {
  margin-top: -1rem;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .cameraBlockTabs {
    float: right;
  }
  i.icon-twitter.icon--circled {
    min-width: 36px;
  }
}

select#twitterFeedSource {
  margin-bottom: 1rem;
  width: 100%;
}

.twitter-timeline {
  height: 530px;
}

@media (min-width: 1024px) and (max-width: 1180px) {
  a.wide-nav__link.wide-nav__link--with-menu {
    padding-left: 3px;
  }
}

@media (min-width: 48em) {
  .icon-threads:before {
    content: url('data:image/svg+xml; utf8, <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg>');
  }

  .icon-twitter:before {
    content: url('data:image/svg+xml; utf8,  <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16" role="img" aria-label="X"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path></svg>');
  }
}

.icon-threads:before {
  content: url('data:image/svg+xml; utf8, <svg width="12.8px" height="12.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg>');
}

.icon-twitter:before {
  content: url('data:image/svg+xml; utf8,  <svg width="12.8px" height="12.8px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16" role="img" aria-label="X"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path></svg>');
}

.socialFourIconContainer {
  color: #092940;
}
.social-icon.socialFourIconContainer {
  background-color: #ffffffa6;
  /* transform: scale(0.75);
  top: -7px; */
  left: 24px;
}

#socialFourBlock a.simple-list__link {
  text-decoration: none;
}

.social-icon:visited {
  color: #397aac;
}

.social-four-img-container {
  max-width: 270px;
  max-height: 186px;
}

.card--basic .social-four-img-container.card__img-wrapper {
  overflow: hidden;
}

#socialFourBlock li {
  list-style-type: none;
}

#socialFourBlock .section-title--alt .section-title__text {
  margin: 0;
}

#socialFourBlock .section-title--alt ul {
  padding: 0;
}

@media (max-width: 37.5em) {
  ul.circle-icons {
    display: inline-block;
    margin: 1rem;
    padding: 1rem;
  }

  .section-title--alt .circle-icons .simple-list__item--inline {
    margin-top: 1rem;
  }
}

.site-footer .icon-twitter:before {
  content: "𝕏";
  font-size: 20px;
}

img#translationIcon {
  max-height: 44px;
  padding-top: 1rem;
  min-width: 30px;
}

@media (max-width: 1201px) {
  .site-header .alert-toggle {
    margin-left: 0;
  }
}

#modalContainer a.btn.btn--w-icon.btn--w-icon-right.hero__btn {
  min-width: 11rem;
}

div#modalContainer {
  max-height: 21rem;
}

.borderLeftGradient {
  margin: 2rem 0;
  border-left: 0.3rem solid;
  border-image: linear-gradient(to bottom, #2497d2, #2497d259) 1;
  padding-left: 1rem;
}

.page-layout__section-inner.page-layout__section-inner ul > li > ul {
  margin-top: 1rem;
}

.jumpLinkTarget {
  scroll-margin-top: 70px;
}

.btn--w-icon-jump-link:after {
  font-family: "Material Icons";
  content: "\ead0";
  margin-left: 0.8rem;
  vertical-align: bottom;
}

.btn--w-icon-download:after {
  right: 10px;
  font-family: custom-icomoon !important;
  content: "\e94d" !important;
}

@font-face {
  font-family: "Material Icons";
  font-display: swap;
  font-style: normal;
  font-weight: normal;

  /* url("../../assets/fonts/MaterialIcons-Regular.woff") format("woff"), */
  /* url("../../assets/fonts/MaterialIcons-Regular.svg#svgMaterialIcons-Regular") format("svg"); */
  src: url("../../assets/fonts/MaterialIcons-Regular.ttf") format("truetype");
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url(../../Style%20Library/css/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}