/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 70px;
  background: #fdfdfd;
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 400;
}

#ui-datepicker-div {font-size:60%;}
.obscure { 
position: absolute !important; 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
clip: rect(1px, 1px, 1px, 1px); 
}

.required { display: none; }

* { font-family: "Gotham A", "Gotham B" !important; }

section { padding: 100px 0; }
section#intro { padding-top: 0; padding-bottom: 0px; }
#introrow { margin-top: -100px; }

#logo { background: #fff; padding: 20px 50px; }
#logo img { width: 150px; }
.navbar { padding-top: 0 !important; padding-bottom: 0 !important; }

header { background: #57b5d0 url(../img/header-route.png) 0% 50% no-repeat; background-size: 500px; padding-bottom: 200px; height: 60vh; }
header.twenty2 { background: #57b5d0 url(../img/header-route-2022.png) 0% 50% no-repeat; background-size: 500px; padding-bottom: 200px; height: 60vh; }
header#summer { background: #57b5d0 url(../img/header-route-summer.png) 0% 50% no-repeat; background-size: 500px; padding-bottom: 200px; height: 60vh; }

h1 { background: #f15a29; padding: 10px; color: #faf084; font-weight: 800 !important; line-height: 100% !important; margin-bottom: 30px; }
h1 span { color: #fff; }
header h4 { font-weight: 200; font-style: italic; }

.bg-dark { background: #006fb0 !important; }

.text-pink { color: #ed145b; }
.text-purple { color: #32004b; }
.text-red { color: #f15a29; }
.biglist { color:#f15a29; font-size: 1.5rem; font-weight: 800; }
.biglist span { font-weight: 400; }

a { color: #f15a29; }

#notes { padding: 20px 0; background: #fefce6; font-size: 0.8rem; }
#notes h4 { font-weight: 400;  font-size: 1rem; text-transform: uppercase; }

.card { border: none; border-radius: 0; box-shadow: 0 0 5px #999; }
.card-footer { padding: 0; }
.card-footer img { width: 100%; }
.card-title { font-weight: 800; font-size: 1rem; line-height: 1.2rem; color: #f15a29; }
.card-title span {  display: block; }

.btn-primary { background: #ed145b; border-radius: 0; border: 1px solid #ed145b; }
.btn-primary:hover  { background: #32004b; border-radius: 0; border: 1px solid #32004b; }

#logos img { width: 100%; margin-bottom: 30px; }

#give h4 { margin-bottom: 50px; font-weight: 800; }
#give h4 span { color: #ed145b; }

#go { background: url(../img/beach.jpg) 50% 50% no-repeat; background-size: cover; padding-top: 200px; padding-bottom: 200px; }
#go p { font-size: 1.2rem; line-height: 2rem;}

.btn-secondary { background: #32004b; border-radius: 0; border: 1px solid #32004b; }
.btn-secondary:hover  { background: #ed145b; border-radius: 0; border: 1px solid #ed145b; }

footer a, footer a:hover { color: #faf084 !important; }

#routemap img { width: 100%; }

#route { background: #e0f4f7; padding-bottom: 0; }

#planner { background: #fefce6; }

button.bg-dark { background: #f15a29 !important; }
button.bg-dark a { color: #fff !important; font-weight: 800; }
button.bg-dark:hover { background: #006fb0 !important; }
button.bg-dark:hover a { color: #faf084 !important; font-weight: 800; text-decoration: none; }

.bg-orange { background: #f15a29 !important; color: #fff; font-weight: bold;  }
.bg-orange:hover { background: #006fb0 !important; color: #faf084 !important; }

#safety { background: #faf084 url(/img/covid.png) right bottom no-repeat; }
#safety2 { background: #faf084; }


input.btn-primary { padding: .5rem 1rem; font-size: 1.25rem; }

.note { font-size: 90%; font-style: italic; }

#form { background: #f3f3f3;}

#td { background: #d7eff4; }

.dropdown-menu { border: none; }

#busfinder { background: #fefce6 url(/img/finder-icon.png) 0 50% no-repeat; background-size: 150px; padding: 10px 10px 10px 170px; }


@media (min-width: 1400px) { #routemap img { width: 100%; } }


@media (max-width: 1200px) { #routemap img { width: 100%; }  }

@media (max-width: 991px) { #routemap img { width: 100%; } }

@media (max-width: 768px) { #routemap img { width: 300px; }  .card-title { font-size: 1.4rem; line-height: 1.5rem; } }

@media (max-width: 575px) {
    header {  height:auto; background-size: 250px; padding-top: 150px; padding-bottom: 0; }
    header#summer {  height:auto; background-size: 250px; padding-top: 150px; padding-bottom: 0; }
    h1 { font-size: 1.6rem !important; margin-bottom: 12px;}
    header h3 { font-size: 1rem !important; }
    .firstline { padding-top: 40px; }
    #go { padding-top: 50px; }
    #serve h2 { margin-bottom: 0!important; }
    section { padding: 50px 0; }
    #routemap {  background: #65c9d8; }
    #logo { background: #fff; padding: 20px 20px; margin-left: -20px; }
	#logo img { width: 100px; }
	#busfinder { margin-bottom: 20px; }
}