/* Livesite styles */

select {    
    margin: 0 0 0rem;
}

figcaption {
font-size:0.75rem;
padding-bottom:25px;
color: #666;
}

.media-assets-library .media-assets-library-top p {
  width:100%;
}

a:hover{
  text-decoration:underline;
  color:#f85d13;
}

/* BEGIN - Homepage Styles- Larry Gray 7/20/2018 */
.home-hero .left:before {
  background-color: transparent;   
}

/* News and Media Video Play Arrow */
.media-assets-grid .media-asset .media-asset-hero .fa {
    color: #eee!important;
}

/* BEGIN - Styles for Rail Talk Blog DCT - Carolyn Liles 3/26/2018 */
.one-featured-articles .one-featured-article-hero {
  height:600px; 
  position:relative;
}

.one-featured-articles .one-featured-article {
  margin-bottom:100px;
}

.flex-block-feature {
  padding: 2em 2em 0 5em;
}

.flex-block-feature img {
  max-width:100%;
  height: auto;
}

h2.one-feature-heading { 
  font-size: 2.25rem;
}

h2.one-feature-heading > a { 
  color: #318a92;
}

/* Customer Notifications Formatting Fixes */

font {
  line-height:1.5;
}

div > img {
  padding-top:20px;
}

/* END - Styles for Rail Talk Blog DCT */

/*Table Styles*/
table td.phonenum, table td.nowrap {white-space:nowrap;}
.offwhite {
  color: #eeecdf;
}

/*HoneyPot form styles */
input[type="text"]#website { display: none; }

/* Mail Chimp Form styles - Carolyn Liles 3/22/2019*/
.mc-field-group input.required, .asterisk {
color: #f85d13;
}

.indicates-required {
color: #f85d13;
font-weight: bold!important;
}

.mc-field-group label {
    font-size: 12px;
    font-size: 0.85rem;
    display: block;
    text-transform: uppercase;
    color: #878787;
    font-weight: 500;
    margin: 40px 0 0 0;
	}
	
.mc-field-group input[type=checkbox] {
    margin: 0;
}

select#mce-ADDRESS-country {
    background-color: #f6f6f6; 
    position: relative;	
	}
	
	
.mc-field-group input[type=email], .mc-field-group input[type=password], .mc-field-group input[type=number], .mc-field-group input[type=text], .mc-field-group select, .mc-field-group textarea {
    font-size: 12px;
    font-size: 0.85rem;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 10px;
    color: #000;
}

.mc-field-group input[type=button], .mc-field-group input[type=email], .mc-field-group input[type=password], .mc-field-group input[type=number], .mc-field-group input[type=submit], .mc-field-group input[type=text], .mc-field-group select, .mc-field-group textarea {
    border: none;
    border: solid 1px #878787;
    background: none;
    background-color: #fff;
}

.mc-field-group ul {
   list-style-type:none;
   }
   
.mc-field-group ul li > label {
   display:inline-block!important;
   margin: 0 5px!important;
   }
   
input#mc-embedded-subscribe.button {
    color: #fff;
    border-color: #f85d13;
    background-color: #f85d13;
	}
	
input#mc-embedded-subscribe.button:hover {
    color: #f85d13;
    border-color: #f85d13;
    background-color: #fff;
	}
    
.mc-field-group.input-group {
  padding-top:15px;
}

/* END Mail Chimp Form styles */




/*Page-landing spacing under hero image to prevent overlap when there is no right column */
.primary-top .primary-left {
  margin-bottom: 150px;
}

/*Bulleted List style */

ul.bullet-list li {list-style:disc;margin-left:20px;padding:0;border-bottom:0;}
           
/* Mega Menu Styles */

ul.top-level-nav > li.has-mega-menu.active > .mega-menu { opacity: .90; }
nav.secondary ul.top-level-nav > li.has-mega-menu.active > .mega-menu { opacity: .95; }
         
/*ShortLine Directory Hide Map Link on smaller devices Quick Fix added by Reggie Thomas 4-5-2017 */
@media all and (max-width: 959px) {

    /*.sldirectory{display:block;}*/ /* Hiding Displying Class for Directory Link Not Needed at This Time */
    .slmap{display:block;}           
}

@media all and (max-width: 768px) {

/*.sldirectory{display:block;}*/ /* Hiding Displying Class for Directory Link Not Needed at This Time */
.slmap{display:none;}  
}

@media all and (max-width: 479px) {

    /*.sldirectory{display:block;}*/ /* Hiding Displying Class for Directory Link Not Needed at This Time */
    .slmap{display:none;}
}

/* Begin Media Queries to address home page background position issue added by Reggie 4-6-2016 */
/* Reposition Home Pge Hero for screens larger than 1024 */
@media all and (max-width: 1024px) {.home-hero {background-position: top center!important;}        
}

/* Reposition Home Pge Hero for screens smaller than 768 */
@media all and (max-width: 768px) {.home-hero {background-position: right center!important;}  
}

/* Reposition Home Pge Hero for screens smaller than 480 */
@media all and (max-width: 480px) {.home-hero {background-position: right center!important;}  
}
/* End Media Queries to address home page background position */

/* Outage Messages */
.outage_message { border-width: 2px 0px; border-style: solid; border-color:#ffffff;padding:5px;margin:3px 0px 0px 0px;font-size:.875rem; }
.notice { 
  color: #ffffff;
  font-weight: bold;
  display: block;
  padding-bottom: 0px;
  text-transform: uppercase; 
}

/* Custom Coming Soon Alert for Customer Portal added by Reggie at the LAST MINUTE */
.comingsoon_alert_sep {
  border-width: 2px 0px; 
  border-style: solid; 
  /*border-color: #ffffff;*/
  border-color:#fff;
  padding: 5px;
  width:100%;
}
           
.comingsoon_alert p {
  display: inline-block;
  margin-right: 71px;  /*Note: This line may have to vary based on responsive break point - will need to test */
  vertical-align: top;
  padding-bottom: 50px;
}
           
@media all and (max-width: 768px) {
  comingsoon_alert p {width:50%;}
}
                                
@media all and (max-width: 480px) {
  comingsoon_alert p {width:50%;}
}

/* Recolor to Orange Link for Mobil View of Coming Soon Alert */
@media all and (max-width: 885px) {.comingsoon_alert a {color: #f85d13!important; padding: 5px!important;}  
}
                                   
@media all and (max-width: 885px) {.comingsoon_alert a:hover {text-decoration: underline !important;}  
}
                                   
@media all and (max-width: 480px) {.comingsoon_alert a {color: #f85d13!important; padding: 5px!important;}  
}
                                   
@media all and (max-width: 480px) {.comingsoon_alert a:hover {text-decoration: underline !important;}  
}
                                   
.comingsoon_alert {
  /*border: 2px solid #303030;*/
  border: 2px solid #fff;
  padding: 11px;
  margin: 3px 0px 0px 0px;
  font-size: .875rem;
  color: #000000;
  /*background: #F7B512;*/
  background: #fff;
  /*border-radius: 10px;*/
  /*height: 100px;*/
  position:relative;
  padding-bottom:10px;
}
           
.comingsoon_img {
  position: absolute;
  top:5px;
  right:5px;
  width:70px;
  height:58px;
}

.comingsoon_notice {
  color: #000000;
  font-weight: bold;
  display: block;
  padding-bottom: 0px;
  text-transform: uppercase;
  width:80%;
}
/* End Custom Coming Soon Alert for Customer Portal */      

/* Fix Weber Flex 3 col and 4 col inside custom div content at 1024  added 1-10-2018 */

@media only screen and (max-width: 1024px) {.weberflex_3_col_fix, .weberflex_4_col_fix {width: 100% !important;}        
}

/* For BNSF NO FLEX DIV GRID - RESPONSIVE added 1-10-2018 */
.div_grid_bnsf {
  padding:8px;
  /*margin:5px;*/ /*UNCOMMENT if you need spacing */
  border:solid 1px #000; /*Turned on for Demo - COMMENT OUT THIS LINE TO REMOVE GRID BORDER */
  /*background-color:#ccc;*/
}

/* Testing Date Not Needed for News Library - This targets removes date 1-11-2018 */
/* .media-assets-grid .media-asset .media-asset-copy p.date { */
/*    display: none !important; */
/*} */

/* Reduce Spacing at Top of areas of flexgrid    */
.reduce_weberflextop {
  padding: 0 0 !important;
}

/* Fix areas where copy does not carry over style copy above GIS Maps iframe include - Example Certified Sites */
.include_copy_fix p  {
  font-size: 1.125rem;
  color: #666;
  padding-right: 50px;
}


/* For BNSF NO FLEX DIV GRID - RESPONSIVE added 1-10-2018 */
.div_grid_bnsf_railpass {
  padding:8px;
  /*margin:5px;*/ /*UNCOMMENT if you need spacing */
  /*border:solid 1px #000;*/ /*Turned on for Demo - COMMENT OUT THIS LINE TO REMOVE GRID BORDER */
  /*background-color:#ccc;*/
}

/*Dark Site (Response) Styles*/

.article-block p.response-date {
  font-size: 0.875rem;
  color:#666;
  padding-top: 15px;
  margin-bottom: -20px;
}

h3.response-title a {
    font-size: 1.125rem;
    padding: 0 0 10px 0;
    line-height: 1.25;
    text-transform: uppercase;
    color: #000;
}

.rp_head {
  padding-top:0px;
}

h2.title-flow {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 26px;
  color: #0069aa;
}

h3.response-intro {
  color: #f85d13;
  font-size: 2.25rem;
  font-weight: 200;
  padding-bottom: 0;
}
p.response-intro {
  width: 100% !important;
}

/* For BNSF RailSafety - styles added 5-7-2018 */

/* List with big circle and number inside it */

ul.mc_big_no {
  margin-left: 40px;
}

ul.mc_big_no li {
  margin-bottom: 30px;
  position: relative;
}

ul.mc_big_no li:before {
  width: 52px;
  height: 52px;
  background: #ed6e00;
  border-radius: 50%;
  display: inline-block;
  left: -21px;
  float: left;
  top: 2px;
}

ul.mc {
  margin: 25px 0 25px 25px;
}

ul.mc li {
  margin-bottom: 20px;
}

ul.mc_big_no li div.mc_no {
  color: white;
  font-size: 28px;
  position: absolute;
  top: 15px;
  left: -2px;
}

ul.mc_big_no li div.mc_no.two {
  left: -11px !important;
}

ul.mc_big_no li div.mc_title {
  color: #ed6e00;
  height: auto;
  font-weight: bold;
  font-size: 22px;
  font-family: 'UniversLTW01-67BoldCn';
}

ul.mc_big_no li div.mc_text {
  margin-top: 8px;
  padding-left: 51px;
  height: auto;
}

.divider {
  height: 1px;
  border: 0;
  background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.5),transparent);
  background-image: linear-gradient(to right,transparent,rgba(0,0,0,.5),transparent);
}

.plain {
  list-style-type: none;
}

.railS-heading {
  font-size: 30px;
  color: #f85d13;
  font-family: nimbus-sans-condensed, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.railS-headline {
  font-size: 50px;
  color: #f85d13;
}

.railS-hlite {
  font-size: 40px;
  color:#f85d13;
  font-family: nimbus-sans-condensed, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.tile {
  background-image: url(/in-the-community/safety-and-security/railway-safety/images/tile.png);
  background-repeat: repeat;
  background-size: auto;
}
    
.Gtrain {
  background-image: url(/in-the-community/safety-and-security/railway-safety/images/Gtrain.png);
  background-repeat: repeat;
  background-size: auto;
}

.construct {
  background-image: url(/in-the-community/safety-and-security/railway-safety/images/our-approach-response-by-numbers2.jpg);
  background-repeat: repeat;
  background-size: auto;
}
    
.count {
  line-height: 40px;
  font-size: 40px;
  color: #f85d13;
  font-family: nimbus-sans-condensed, sans-serif;
  font-style: normal;
  font-weight: 900;
}

/* For Access 2 Assets - styles added 5-14-2018 - Tony Williams */

.ipdf {
  background: url(/ship-with-bnsf/intermodal/resources/services/A2A-images/Adobe_PDF_icon.svg) no-repeat 0 0;
  padding: 2px 0 0 27px;
}

/* Circle list items (steppers) - styles added 5-23-2018 - Tony Williams */
ol.circles-list {
  list-style-type: none;
  list-style-type: decimal !ie; /*IE 7- hack*/
  margin: 0;
  margin-left: 4em;
  padding: 0;
  counter-reset: li-counter 0;
}

ol.circles-list > li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 0.5em;
  min-height: 3em;
}
ol.circles-list > li:before {
  position: absolute;
  top: 0;
  left: -1.33em;
  width: 1.2em;
  height: 1.2em;     
  font-size: 1.3em;
  line-height: 1.2;
  text-align: center;
  color: #fff; 
  border-radius: 50%;
  background-color: #f85d13;
  content: counter(li-counter);
  counter-increment: li-counter;
}
ol.circles-list2 {
  list-style-type: none;
  list-style-type: decimal !ie; /*IE 7- hack*/     
  margin: 0;
  margin-left: 4em;
  padding: 0;
  counter-reset: li-counter 5;
}

ol.circles-list2 > li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 0.5em;
  min-height: 3em;
}
ol.circles-list2 > li:before {
  position: absolute;
  top: 0;
  left: -1.33em;
  width: 1.2em;
  height: 1.2em;     
  font-size: 1.3em;
  line-height: 1.2;
  text-align: center;
  color: #fff; 
  border-radius: 50%;
  background-color: #f85d13;
  content: counter(li-counter);
  counter-increment: li-counter;
}

/* For Railway Safety - styles added 8-20-2018 - Tony Williams (updated) */

.borderLeft {
  border-left: 1px dotted #e0e0e0;
  padding-left: 1em;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* For Timed Outage - Added By Reggie 10-26-2018 */
.hidden {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   display:none !important;
}
.error {color:red}

/* For Timed Outage - Supplier Class - Added by Reggie 10-29-2018 */

.hidden_supplier {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   display:none !important;
}
.error_supplier {color:red}

/* For Timed Outage - Employee on BNSFcom Class - Added by Reggie 10-29-2018 */

.hidden_employee {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   display:none !important;
}
.error_employee {color:red}

/* Kill the extra padding spacing for when Outage has expired - Added By Reggie 10-26-2018 */
#container > header > nav.secondary > div > ul > li.login-button.active > div > div > div:nth-child(3) > p:nth-child(5) {padding: 8px;}

#container > header > nav.secondary > div > ul > li.login-button.active > div > div > div:nth-child(2) > p:nth-child(5) {padding: 8px;}

#container > header > nav.secondary > div > ul > li.login-button.active > div > div > div:nth-child(1) > p:nth-child(5) {padding: 0px;}