/*!
 * 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 {
  background: #ffffff;
  font-style: normal;
  font-weight: 400;
}

* { font-family: 'Montserrat', sans-serif; }

#topnav { position: relative; padding: 0; }


.custom-shape-divider-bottom-1692984413 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1692984413 svg {
    position: relative;
    display: block;
    width: calc(170% + 1.3px);
    height: 52px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1692984413 .shape-fill {
    fill: #FFFFFF;
}


.custom-shape-divider-top-1692984411 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1692984411 svg {
    position: relative;
    display: block;
    width: calc(129% + 1.3px);
    height: 87px;
}

.custom-shape-divider-top-1692984411 .shape-fill {
    fill: #FFFFFF;
}

#sectiontwo { position: relative; background: #0080c7; }

.custom-shape-divider-top-1692984412 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1692984412 svg {
    position: relative;
    display: block;
    width: calc(170% + 1.3px);
    height: 158px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1692984412 .shape-fill {
    fill: #053e6b;
}

#sectionthree { position: relative; background: #25aadb; }

.custom-shape-divider-top-1692984414 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1692984414 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 52px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1692984414 .shape-fill {
    fill: #25aadb;
}

#sectionfour { position: relative; background: #fff; }

.custom-shape-divider-top-1692984415 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1692984415 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 52px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1692984415 .shape-fill {
    fill: #0080c7;
}

#sectionfive { position: relative; background: #053e6b; color: #fff; }


#river { background: url(/_img/river.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
#intro h2 { color: #faf084; text-shadow: 0px 0px 5px #000; }
#intro h3 { color: #97c3e2; text-shadow: 0px 0px 5px #000; }
#intro { position: relative; background-color: rgba(0,0,0,0.5); }
#intro .container { padding: 5rem 0; }

#white { position: relative; height: 100px; background-color: rgba(0,0,0,0.5); }

.custom-shape-divider-top-1692984416 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1692984416 svg {
    position: relative;
    display: block;
    width: calc(170% + 1.3px);
    height: 52px;
}

.custom-shape-divider-top-1692984416 .shape-fill {
    fill: #FFFFFF;
}

.custom-shape-divider-bottom-1692984417 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1692984417 svg {
    position: relative;
    display: block;
    width: calc(170% + 1.3px);
    height: 52px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1692984417 .shape-fill {
    fill: #FFFFFF;
}


#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; }




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

#logo { background: #fff; padding: 20px 20px 40px; }
#logo img { width: 300px; }
.date { color: #57b5d0; font-weight: normal; text-align: center; margin: 20px 0 0 0; font-size: 20px; }
.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: #faf084; border-radius: 0; border: 1px solid #faf084; color: #32004b; }
.btn-primary:hover  { background: #32004b; border-radius: 0; border: 1px solid #32004b; color: #fff; }

#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; }
footer { background: rgba(24,64,98,.95); }

#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 100px; margin-left: -20px; }
	#logo img { width: 150px; }
	#busfinder { margin-bottom: 20px; }
	.nav-item { text-align: right; }
	.navbar-toggler  { margin-top: -50px; }
	.navbar-nav { margin-top: -50px; margin-bottom: 50px; }
}



@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}


ul.flyer { margin: 0; padding: 0; }
.flyer li { width: 30%; text-align: center; min-height: 100px;display: block; float: left; background: #006fb0; border-radius: 10px; padding: 10px 30px; color: #fff; font-size: 110%; font-weight: bold; margin: 0 10px 10px 0; }
@media (max-width: 768px) {
	.flyer li { width: 80%; margin-left: 10%; }
}

form { padding: 10px 0; margin: 20px 0; }
form div { background: #f9f9f9; padding: 10px; margin: 0 0 10px 0; }
label { display: block; color: #888;  }
input { width: 100%; padding: 10px; border: 1px solid #999; }
.req input { border: 1px solid #c00; }
.req span { color: #c00; }

tr.on { background: #0f67a2; }
tr.break { background: #0c4e80; }

.carousel-control-prev {
    left: -110px;
}
.carousel-control-next {
    right: -110px;
}

#sponsors { background: #faf084; padding: 2rem 0; }