/* 
	This is where our own custom CSS will live 
	in case we need to overwrite Bootstrap

	colors to use 
	
	Permanent Geranium Lake: #D82E26
	Egyptian Blue: #1034A6
	Very Dark Blue: #003152 
	
*/


/* Google Font Pathway Gothic One to override Bootstrap Default */
@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One');



body {
	font-family: 'Pathway Gothic One', normal !important;
	background: #1034a6	!important;
	
}




.jumbotron {
	/* Override jumbotron background color */
	background-color: #D82E26 !important;
	border-bottom-width:3px;
	border-bottom-color: white;
	border-style: dotted;
	
}
.header {
	color:white	;
	text-align: center;
	
}


/* Train Schedule */
.schedule-header {
	background-color: #003152 !important;
	border-width:3px;
	border-color: white;
	border-style: dotted;
}


/* Form Field */
.form-header {
	background-color: #003152 !important;
	color: white;
	border-width:3px;
	border-color: white;
	border-style: dotted;
	
}

.card-body {
		border-width:3px;
		border-color: white;
		border-style: dotted;
	}



.button-add {
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	background-color: #1034A6;
	color: white;
	border-width: 2px;
	border-style: dotted;
	border-color: white;
	
	
}

.button-add:hover {
	background-color:#D82E26; 
	color: white;
	border-width: 2px;
	border-style: dotted;
	border-color: white;
  }

  /* .button-delete {
	width:  25px;
	height: 25px;
  } */