@import url("https://fonts.googleapis.com/css?family=Cabin|Open+Sans");

/*Subscribe */
#p2a-regional-newsletter .newsletter-wrapper {
      background-color: #f85d13;
      max-width: 600px; 
      margin: 20px auto;
      border-radius: 10px;
    }
#p2a-regional-newsletter .newsletter-header {
      padding: 2rem 2rem 0 2rem;
      color: #fff;
      text-align: center;
    }
#p2a-regional-newsletter .newsletter-header h2 {
      font-size: 28px;
    }
#p2a-regional-newsletter .advocacy-actionwidget {
      box-shadow: none !important;
      border: none !important;
    }
#p2a-regional-newsletter iframe {
      margin: 0px !important;
    }
    
iframe {    
margin: 0px 0px;  
}
    

/* Railtalk Logo  */

.rt-logo {
  margin-left:150px;
  width:150px
}

.rt-title {
  margin-top: 20px;
  width:300px;
  margin-left:15px;
}

.title-talk {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  max-width: 500px; /* Fixed - by The Reggie - Resolve Mobile View Issue 10-3-2018 */
  padding:0px 0 0 20px;
}




/*Feature section */

.primary-top {
  margin:0px;
}

@media screen and (min-width: 900px) {
    .primary-top .primary-left .primary-left-inner {        
        margin:auto;
        /*padding:auto;*/
    }
}

.primary-top .primary-left .primary-left-inner {

background: rgba(0,0,0,.5);
  border-radius: 10px;
  padding-top:20px;
}

.primary-top .primary-left {
  margin-bottom:0px;
  width:100%;
  padding-top:40px;
}

.primary-top .primary-left .primary-left-inner h1 {
  color:#fff;
  font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.primary-top .primary-left .primary-left-inner p {
  color:#fff;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:1.5em;
}

.primary-top .primary-left .primary-left-inner a.read {
  text-align:center;
  display:block;
  font-size:16px;
  margin-top:20px;
}

.primary-top .primary-left .primary-left-inner a.read:hover {
  text-decoration:none;
}

.primary-top .primary-left .primary-left-inner .fa {
    font-size:16px;
    color:#f85d13;
    display:inline;
    margin-left:8px;
    position:relative;
    top:0;
    left:0;
}

.media-assets-grid .flex-block.media-asset {
  padding:0em;
}

.background-cover {
  background-position: top center;
  padding-bottom:5em;
}

/* Media Assets - Category News */


  .media-assets-grid .media-asset {
    padding-bottom:0px!important;
  }

  .media-assets-grid .flex-block.media-asset {
    margin-bottom:0em;
}

.media-assets-grid .flex-block.media-asset.visible { 
  left:0;
}

.media-assets-bottom .constrained, .media-assets-top .constrained {
  margin-left:0;
  margin-right:0px;
  
}

.media-assets-bottom .constrained {
  margin-left:-25px;
}


.media-assets-grid .media-asset .media-asset-copy p.date {
  padding:15px;
}

.media-assets-grid {
  margin-left:-1.53em;
}

.media-assets-grid .flex-block.media-asset {
  height:800px;
}

.media-assets-grid .media-asset .media-asset-hero {
	height:100%;
}

.media-assets-grid .media-asset .media-asset-copy h3 p {
    padding: 0 3em; 
    margin-bottom: 10px; 
    font-size: 21px; 
    font-weight: normal; 
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    text-transform: none; 
    color:#fff;
}

.media-assets-grid .media-asset .media-asset-copy a.read {
    padding:0 5.1em;
    font-size:12px;
    font-weight:bold;
}

.media-assets-grid .media-asset .media-asset-copy a.read:hover {
	text-decoration:none;
}

.media-assets-grid .media-asset .media-asset-copy {
    text-align:left;
    margin-top:30px;
    margin-left:20px;
}

.media-assets-grid .media-asset .media-asset-copy h3 {
	padding: 0px 0px;
}



.media-assets-grid .media-asset .media-asset-hero .fa {
    font-size:12px;
    color:#f85d13;
    display:inline;
    margin-left:8px;
    position:relative;
    top:0;
    left:0;
}

/* IE 10 and greater CSS Fix for Readmore arrows - Fix by The Reggie 10-3-2018 */
_:-ms-input-placeholder, :root .media-assets-grid .media-asset .media-asset-hero .fa {
    top: 6px !important;
}

.media-assets-grid .bordered, .media-assets-grid .flex-block.media-asset-2, .media-assets-grid .flex-block.media-asset-5, .media-assets-grid .flex-block.media-asset-8 {
    border-left: solid 0px #fff;
    border-right:solid 0px #fff;
}
  

/* Feature button */

.button {
  color:#f85d13;
  background-color:black;
}

.button.transparent {
   border-color: transparent!important;
}

/* Rail Talk article */

/* push down date in sidebar */
.single-article .single-content .single-sidebar {
padding:15px 25px 25px 25px;
}

/* Updated and added by Reggie 10-21-2018  */
.single-article .single-content figure figcaption {
    padding-top: 7px;
  	line-height: 1.5;
}

/* Updated and added by Reggie 10-21-2018  */
.single-article .single-content figure {
 /* padding: 0px 0px; */
 padding-bottom: 15px;
 padding-top:15px;
}

.single-article .single-content h1 {
  font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:2rem;
  text-transform:uppercase;
  padding-bottom:35px;
}

.single-article .single-content p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:18px;
}

.single-article .single-content h3 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#f85d13;
  font-size: 21px;
}

/* Reggie Fix for when XSL set to No Caption Displayed 10-21-2018 @ 2:50AM */
.no-caption-spacing {
  padding-bottom: 0px;
}

/* category buttons */

.btn {
  font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  border-radius: 0;
}

.btn-default {
  color: #42DCA3;
  border: 1px solid #42DCA3;
  background-color: transparent;
}

.btn-default:focus, .btn-default:hover {
  color: black;
  border: 1px solid #42DCA3;
  outline: none;
  background-color: #42DCA3;
}

.btn-primary { background: #000; border: none; border-radius: 5px; padding: .375rem .75rem; line-height: 15px; font-size: 12px; color:#fff; }
.btn-primary:hover { background: #fff; color: #000 !important; border: none; text-decoration: none; }
.btn-secondary { background: #999; border: none; border-radius: 10px; }
.btn-secondary:hover { background: #fff; color: #000 !important; border:none; }

.bc { font-size: 10px; margin-bottom: 20px; }
.bc a.btn-primary { background: #f85d13; padding:.375rem .75rem; line-height:40px; color:#fff; }
.bc a.btn-primary:hover { background: #fff; color: #f85d13 !important;border:none; text-decoration:none; }

.bc a.btn-primary-article { background: #f85d13; padding:.375rem .75rem; line-height:40px; color:#fff; }
.bc a.btn-primary-article:hover { background: #f85d13; color: #000 !important;border:none; text-decoration:none; }

.bc a.btn-secondary { background: none; }
.bc a.btn-secondary:hover { color: #f85d13 !important; text-decoration: underline;}
.bc a { font-size: 12px; margin-right: 10px; border-radius: 5px;color:#fff; }
.bc a:last-child { margin-right: 0; }
       
/* Videos */
       
.responsive-video-wrapper {
  
  padding-top:0px;
}
       
/* Fix Bullet List Bug - Reggie 10-18-2018 */
ol li, ul li {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
 
/*Sidebar */
.primary-promo {
  padding: 0px 45px 20px 45px;
}  
       
       
/* Footer */
       
footer.main-footer {
  margin-top: 100px;
}

/* Issue with TOO MUCH SPACING on News Articles. This should fix the issue */
.single-article .single-content .constrained.single-content-top {
    padding-top: 0px!important;
}

/* Fixed Landing Pge Content Nav Links Added by The Reggie 10-2-2018 */
.txt-black {
    color: #000 !important;
}

.mannavsec a:hover {
    color: #ff7700 !important;
    cursor: pointer;   
  	text-decoration: underline;
}
/* End Landing Pge Nav Links */

                     
/* FIXED by The Reggie 10-3-2018 - Begin Media Queries to address Rail Talk Landing home page background position issue added */
/* Large desktop  and Up to Gi-gantor size Screens and up */
/* Extra small devices (phones, 600px and down) */
       
/*       
@media only screen and (max-width: 600px) {
    .primary-top .primary-left { background-position: -1005px -82px!important;} 
	.media-assets-bottom .constrained {top: -84px!important;}
    .primary-top .primary-left .primary-left-inner {top: -90px!important;}
}
*/

/* Small devices (portrait tablets and large phones, 600px and up) 
@media only screen and (min-width: 600px) {
    .primary-top .primary-left { background-position: -934px -166px!important;} 
	.media-assets-bottom .constrained {top: -170px!important;}
	.primary-top .primary-left .primary-left-inner {top: -76px!important;}
}
*/     

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .primary-top .primary-left { background-position: -690px -78px!important;}
	.media-assets-bottom .constrained {top: -140px!important;}
	.primary-top .primary-left .primary-left-inner {top: -76px!important;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .primary-top .primary-left { background-position: 0px -138px!important;} 
    .media-assets-bottom .constrained {top: -140px!important;}
	.primary-top .primary-left .primary-left-inner {top: -76px!important;}
} 

/* Extra large devices (large laptops and desktops, 1300px and up) */
@media only screen and (min-width: 1300px) {
   	.primary-top .primary-left { background-position: 0px -138px!important;} 
    .media-assets-bottom .constrained {top: -140px!important; margin-left: -26px!important;}
	.primary-top .primary-left .primary-left-inner {top: -76px!important;}
}

/* Extra large devices (large laptops and desktops, 1900px and up) */
@media only screen and (min-width: 1900px) {
   	.primary-top .primary-left { background-position: 0px -240px!important;}
    .media-assets-bottom .constrained {margin-left: -26px!important;}
}
       
/* End Media Queries background position */

/* Fix Isssue with bottom categories on article pge - Reggie 10-8-2018 */
.single-article .single-content .constrained.single-content-bottom {
    padding-bottom: 200px!important;

}
/* End bottom categories fix article */