/*  DEFAULTS  */
.full-width {
  width:100%;
  margin:0;
  padding:0;
}

a,
button {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

img {
  max-width:100%;
  height:auto;
}

.left {
  text-align:left;
}

.center {
  text-align:center
}

.right {
  text-align:right;
}

.lead {
  color:#333;
  font-size:20px;
}

h1 {
  color:#3c64af;
  font-size:38px;
  font-weight:700;
}

h1 a {
  color:#3c64af;
}

h2 {
  font-size:32px;
  color:#3c64af;
}

h3 {
  font-size:26px;
  color:#3c64af;
}

h4 {
  font-size:23px;
}

h5,
h6 {
  font-size:21px;
}

.uppercase {
  text-transform:uppercase;
}

.btn {
  white-space:normal;
}

.no-border {
  border:none;
  border-top:none;
  border-right:none;
  border-bottom:none;
  border-left:none;
  border-collapse:collapse;
  border-width:0px;
}

address {
  margin-bottom: 15px;
  margin-top: 15px;
}

.call2action-well {
  margin-bottom: 60px;
  margin-top: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.call2action-well h5 {
  text-align:center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  line-height:1.4;
}

blockquote {
  font-size:18px;
}

.cap {
  display:none;
}









/*
COLOURS
Orange = #f47632
Blue = #3c64af
*/

.blueBG {
  background-color:#3c64af;
}

.LblueBG {
  background-color:#d8e0ef;
}

.blue {
  color:#3c64af;
}

.orangeBG {
  background-color:#f47632;
}

.orange {
  color:#f47632;
}

.white {
  color:#fff;
}







body {
  text-align:center;
}



/*  TOP HEADER BANNERS  */
.header-wrapper {
  position: relative;
}

.header-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
  height: 150px;
}








/*  HOME PAGE VIDEO  */
.home-video {
  margin-top:35px;
  margin-bottom: 35px;
}





#home-content-banner {
  background:url('../img/marshalls-coaches-buckingham-palace.jpg');
  background-position: 50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
}






/*  HOME PAGE TABS  */
#home-tab-banner {
  background:rgba(60,100,175,0.8);
}

.home-tab {
  text-align:center;
  padding: 0px;
  text-transform:uppercase;
  border-top: solid 1px #3c64af;
  border-right: solid 1px #3c64af;
  border-bottom: solid 1px #3c64af;
  border-left: solid 1px #3c64af;
}

.home-tab .home-tab-inner {
  background-color:rgba(216,224,239,0.9);
  background-position: 50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
}

.home-tab a {
  background:rgba(244,118,50,0.75);
  color:#fff;
  display:block;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size:18px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.home-tab a:hover {
  text-decoration:none;
  background:rgba(244,118,50,0.5);
}


#home-content {
  background:rgba(216,224,239,0.9);
  padding-bottom:30px;
}





#meet-family {
  background-image:url('../cms/resources/meet-the-family.jpg');
  background-position: 50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  padding-top:160px;
  padding-bottom:15px;
}

#meet-family a {
  color:#fff;
  text-decoration:none;
}


#meet-family .greyBG a span {
  background:rgba(102,102,102,0.85);
  padding:5px 10px;
  display:inline-block;
  margin:5px 0;
  font-size:24px;
}

#home-bottom-bar {
  background:rgba(60,100,175,0.8);
  height:45px;
}





/*  OUR COACHES  */
.coaches-thumb  {
  margin-top:15px;
  margin-bottom:15px;
}
.coaches-thumb a img {
  margin-bottom:10px;
}

.coaches-thumb a .glyphicon-play {
  background:#f47632;
  line-height:30px;
  width:30px;
  margin-right:10px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  color:#fff;
  text-align:center;
}

.coaches-thumb a:hover .glyphicon-play {
  background:#ce4f0b;
}

.coaches-thumb a:hover {
  text-decoration:none;
}





/*  TIMETABLE PAGES  */
#timetable,
#timetable-bs1,
#timetable-700,
#timetable-701,
#timetable-702,
#timetable-lb2  {
  margin-top:30px;
  margin-bottom:30px;
  font-size: 16px;
}

#timetable a,
#timetable-bs1 a,
#timetable-700 a,
#timetable-701 a,
#timetable-702 a,
#timetable-lb2 a {
  outline:none;
}

#timetable .glyphicon,
#timetable-bs1 .glyphicon,
#timetable-700 .glyphicon,
#timetable-701 .glyphicon,
#timetable-702 .glyphicon,
#timetable-lb2 .glyphicon,
#timetable .time,
#timetable-bs1 .time,
#timetable-700 .time,
#timetable-701 .time,
#timetable-702 .time,
#timetable-lb2 .time {
  text-align:center;
  padding:0;
}





/*  COMMUTER TRAVEL  */
.commuter .list-group-item {
  margin-bottom: 5px;
  border: none;
}
.commuter .list-group-item .glyphicon {
  margin-right:10px;
}

#commuter-updates .panel-body img {
  width:80%;

}

.ticket-btn {
  background-image: url(../img/ticket-icon.png);
  background-position: 5px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 60px;
}


































/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


  body {
	text-align:left;
  }




  /*  TOP HEADER BANNERS  */
  .header-wrapper {
    position: relative;
  }

  .header-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    display: block;
    height: 350px;
  }

  .header-image {
    margin-bottom:40px;
    height: 325px;
    padding-top: 0px;
    background-size: cover;
    background-position: 50% 50%;
  }

  .header-text {
    position:absolute;
    bottom:45px;
  }

  .header-text .container {
    margin: auto;
  }

  .header-text h1,
  .header-text .lead {
	color:#fff;
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
  }

  .header-text .lead {
	font-size:24px;
  }




  /*  HOME PAGE TABS  */
  #home-tab-banner .container {
	  padding-left: 6px;
	  padding-right: 6px;
  }

  .home-tab a {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size:16px;
  }





  /*  SERVICES PAGES  */
  .services-signpost {
	min-height:460px;
	position:relative;
	margin-bottom:30px;
  }

  .services-signpost .btn {
	position:absolute;
	bottom:0;
  }





  /*  TIMETABLE PAGES  */
  #timetable  {
	font-size: 18px;
  }



  /* COMMUTER UPDATES PAGE  */
  #commuter-updates .panel {
	min-height:310px;
  }


}












































/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {



  /*  HOME PAGE TABS  */
  #home-tab-banner {
	  margin-top: -1px;
  }

  #home-tab-banner .container {
	  padding-left: 15px;
	  padding-right: 15px;
  }

  #home-tab-banner .container .row {
	  padding-left: 10px;
	  padding-right: 10px;
  }

  .home-tab {
	border-top: solid 0px #3c64af;
	border-right: solid 0px #3c64af;
	border-bottom: solid 0px #3c64af;
	border-left: solid 0px #3c64af;
	padding-right: 5px;
	padding-left: 5px;
  }

  .home-tab a {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size:22px;
  }




  /*  CONTENT PAGES HEADER IMAGES  */
  .header-wrapper {
    margin-top: -120px;
    height: 475px;
  }

  .header-image {
    height: 475px;
  }





  /*  SERVICES PAGES  */
  .services-signpost {
	min-height:490px;
  }



  /* COMMUTER UPDATES PAGE  */
  #commuter-updates .panel {
	min-height:330px;
  }


}










































/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {



  .header-wrapper {
    height: 600px;
  }

  .header-image {
    height: 600px;
  }

  .home-tab a {
	padding-top: 50px;
	padding-bottom: 50px;
  }





  /*  SERVICES PAGES  */
  .services-signpost {
	min-height:470px;
  }



  /* COMMUTER UPDATES PAGE  */
  #commuter-updates .panel {
	min-height:310px;
  }

}

.timetable-tabs {
  border-bottom: 0;
}
.timetable-tabs li {
  border-bottom: 1px solid #ddd;
  min-width: 120px;
}