/* Add here all your css styles (customizations) */
@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  src: url(/assets/fonts/RobotoCondensed-Light.ttf);
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  src: url(/assets/fonts/RobotoCondensed-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 700;
  src: url(/assets/fonts/RobotoCondensed-Bold.ttf);
  font-display: swap;
}

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-display: swap;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {	
  font-family: 'Roboto Condensed', sans-serif;
  font-display: swap;
}

.headerlogo {
	max-width: 60px;
}

.footerlogo {
	max-width: 60px;
}

#projecthero h1 {
	letter-spacing: .07143rem;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 44px;
}

.projnos {
	font-size: 26px;
	line-height:1.2 !important;
}

.scrollednavbar .headerlogo {
	max-width: 30px;
}

.herologo {
	max-width: unset;
	width: 100%;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.timelinepx {
	width: 100%;
	background-image: url(/assets/img/passenger.jpg);
}

.stntlsplit {
	position: relative;
	top: -180px;
	width: 100%;
	height: 180px;
}

.cursor-pointer {
	cursor: pointer;
}

.hamburger {
  padding: 10px;
}

.hamburger-box {
    width: 37px;
    height: 25px;
}

.hamburger-inner {
  margin-top: 1px;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  width: 100%;
  height: 1px;
  border-radius: 0;
}

.search-results .row {
	width: 300px;
}

.search-result p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-result {
	border-bottom: 1px solid #f0f0f0;
	margin: 10px 20px;
	width: 100%;
	top: 30px;
}

.search-result:last-child {	
	border-bottom: none;
}

.search-result:last-child p {	
	margin-bottom: 0;
}

.g-color-green {
 color:#b3ca38 !important
}

.g-color-green--hover:hover {
 color:#b3ca38 !important
}

.g-bg-green {
 background-color:#b3ca38 !important
}
.g-bg-green--before::before,
.g-bg-green--after::after {
 background-color:#b3ca38 !important
}
.g-bg-green-opacity-0_1 {
    background-color: rgba(179,202,56,0.1) !important;
}

.parsley-success {
  border: 1px solid #75ff00;
}

.parsley-error {
  border: 1px solid #ff5353;
}

.parsley-errors-list {
  margin: 5px 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  text-align: left;
  color: #ff5353;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.cnnvid {
	min-height: 70vw;
}

.col-md-2pt5 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.grmnewsthumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Timeline override */
.u-info-v9-1::before {
	top: 148px;
	left: 9%;
	width: 81%;
	border-top: 1px dotted #111;
}

.u-btn-outline-gray {
	color: #333;
	border-color: #ccc;
	background-color: transparent;
}

#grievance span.type-topright {
    border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#grievance span.type-bottomright {
    border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#grievance span.type-bottomleft {
    border-top-right-radius: 0;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
}

#grievance span.type-topleft {
    border-top-right-radius: 0;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
}

#news .thumb {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Map Layer Controls */
.stationlist {
    padding: 15px;
	font-family: 'Roboto Condensed', sans-serif;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

#n2scmap {
  height: 90vh;
  position: relative;
  z-index:10;
}
#n2scmap.swiping::after {
    content: 'Use two fingers to move the map';
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 300;
    justify-content:center;
    display: flex;
    align-items: center;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    pointer-events:none;
}



@media (max-width: 576px){
	.displayblock--sm{
		display: block !important;
	}

	.displaynone--sm{
		display: none !important;
	}

	.navbar .navbar-expand-lg {
		height:60px;
	}

	.headerlogo {
		max-width: 40px;
	}
	
	.search-results {
		top: 0px;
	}
	
}

@media (max-width: 767px) {	
	.displayblock--sm{
		display: block !important;
	}

	.displaynone--sm{
		display: none !important;
	}

	.herologo {
		max-width: 120px;
	}
}


@media (min-width: 577px){
	.displayblock--sm{
		display: block; !important;
	}

	.displaynone--sm{
		display: none !important;
	}

	.cnnvid {
		min-height: 380px;
	}

	.projnos {
		font-size: 40px;
	}
	
	.search-results {
		top: 30px;
	}
}


@media (min-width: 768px){
	.displayflex--md{
		display: flex !important;
	}

	.displaynone--md{
		display: none !important;
	}

	.navbar .navbar-expand-lg {
		height:80px;
	}

	.cnnvid {
		min-height: 520px;
	}

	.projnos {
		font-size: 48px;
	}
	
	.projnoslong  {		
		font-size: 36px !important;
	}
	
	.col-md-2pt5 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}


@media (min-width: 992px){

	.displayflex--lg{
		display: flex !important;
	}

	.displaynone--lg{
		display: none !important;
	}

	.navbar .navbar-expand-lg {
		height:120px;
	}

	.cnnvid {
		min-height: 283px;
	}

	.projnos {
		font-size: 56px;
	}
	
	.projnoslong  {		
		font-size: 46px !important;
	}	

	#news .thumb {
		object-fit: cover;
		width: 290px;
		height: 290px;
	}
	
	#news .headline {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#news .snippet {
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (min-width: 1200px){	
	.displayflex--lg{
		display: flex !important;
	}

	.displaynone--lg{
		display: none !important;
	}

	.cnnvid {
		min-height: 343px;
	}

	.projnos {
		font-size: 76px;
	}
	
	.projnoslong  {		
		font-size: 60px !important;
	}

	#news .thumb {
		object-fit: cover;
		width: 350px;
		height: 350px;
	}
}

@media (min-width: 1365px) {
	.displayflex--xl{
		display: flex !important;
	}

	.displaynone--xl{
		display: none;
	}

	#projecthero h1 {
		font-size: 72px;
	}
	
	.projnoslong  {		
		font-size: 64px !important;
	}
}