/*

light green 70be44 70be44
dark green 29674a
purple 481156
blue 49c8f5

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*/

* { font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings:
    "wdth" 100; }

body { padding-bottom: 0; margin-bottom: 0; }




.border-dashed { --bs-border-style: dashed; }



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

.custom-shape-divider-bottom-1721076047 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 66px;
}

.custom-shape-divider-bottom-1721076047 .shape-fill {
    fill: #29674a;
}


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

.custom-shape-divider-bottom-1741629590 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
}

.custom-shape-divider-bottom-1741629590 .shape-fill {
    fill: #70be44;
}




li { font-size: 1.4rem; line-height: 2.3rem; }

input { border-radius: 0; }


.hero { background: #481156 url(/_img/big-bus-dark.png) 70% 50px no-repeat;  background-size: 800px; position: relative; margin: 0; height: 80vh; min-height: 700px; }

#connects { width: 100px; }

.hero h1 { font-weight: 800!important; color: #fff; font-size: 6rem; }

.hero p { color: #fff; font-weight: 600; font-size: 1.7rem; line-height: 2.3rem; }
.hero li { color: #fff;font-weight: 600; }



#lft { position: fixed; right: 0; top: 100px; z-index: 999; }

.st1 {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}


.hero h2 { font-weight: 800!important; color: #fff; font-size: 3rem; margin-bottom: 3rem; }

.hero h2 span { color: #70be44; }

.intro { padding: 5rem 0; }
.intro span { color: #49c8f5; }



select { width: 100%; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); font-size: 1rem; border-radius: 0!important; }


#thirtymins { background: #70be44; margin: 0; padding: 1rem 0 5rem 0; }

.colform, .colpetition { margin-top: 2rem;background: #29674a; overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
/* #thirtymins form { padding: 15px 2rem 2rem;margin-left: 350px; } */
#thirtymins form h5 { color: #fff; }
#thirtymins form h2 { font-size: 1.2rem; }
#thirtymins form p { font-size: 0.8rem; line-height: 1rem; }
#thirtymins .colpetition form { padding: 2rem;margin-left: 0px !important; }
/* #thirtymins form label { display: none; } */
#thirtymins form label.showme { display: block; padding-top: 10px; color: #fff; }
#thirtymins form label.shaw { font-size: 1.3rem!important; font-weight: 700; }
#thirtymins form input { padding: 0.5rem; margin: 0 0 1.2rem 0; width: 100%; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
.colpetition textarea { width: 100%; height: 500px; padding: 0.5rem; }
#thirtymins form input.again { box-shadow: none; width: auto; float: left; margin: 15px 10px 0 0 ;}

#petition { background: #49c8f5; border: 0; color: #481156; font-weight: 800; width: 100%; }
#petition:active, #petition:hover { box-shadow: none; }

#clock { width: 150px; }
#woman { float: left; width: 380px; }

#thirtymins h2 { font-weight: 800; color: #29674a; font-size: 3rem; margin-bottom: 2rem; }

#thirtymins p { font-size: 1.5rem; line-height: 2rem; color: #29674a; font-weight: 500; }
#thirtymins p.yell { font-weight: 800; }
#thirtymins p.error { color: #49c8f5; font-size: 1rem; line-height: 1.3rem; margin-top: 10px; }



#tshirts { background: #70be44; margin: 0; padding: 1rem 0 5rem 0; }

.coltshirtForm { margin-top: 2rem; background: #29674a url(/_img/wannabe.jpg) 50% 50% no-repeat; background-size: cover; overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
#tshirts form { padding: 0 2rem 2rem; }
#tshirts .tshirtForm form { padding: 2rem;margin-left: 0px !important; }
#tshirts form label { display: none; }
#tshirts form input { padding: 0.5rem; margin: 0 0 1.5rem 0; width: 100%; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
.tshirtForm textarea { width: 100%; height: 500px; padding: 0.5rem; }
#tshirts form input#firstName { width: 46%; }
#tshirts form input#lastName { width: 47%; margin-left: 5%; }
#tshirts form input#city { width: 63%; }
#tshirts form input#zip { width: 30%; margin-left: 5%; }
#tshirts h2 { font-weight: 800; color: #29674a; font-size: 3rem; margin-bottom: 2rem; }
#tshirts p { font-size: 1.5rem; line-height: 2rem; color: #29674a; font-weight: 500; }



#wannabe { background: url(/_img/wannabe.jpg) 50% 50% no-repeat; background-size: cover;  height: 65vh; background-attachment: fixed; }

#greenville { background: url(/_img/greenville.jpg) 50% 50% no-repeat; background-size: cover;  height: 65vh; background-attachment: fixed; }

#busstops { background: #29674a; margin: 0; padding: 2rem 0 5rem 0; color: #fff; position: relative; }
#busstops h2 { font-weight: 800; color: #fff; font-size: 3rem; margin-bottom: 2rem; }
#busstops h2 span { color: #70be44; }
#busstops form { padding: 2rem; background: #70be44; color:#29674a;}
#busstops form label { display: none; }
#busstops form input { padding: 0.5rem; margin: 0 0 1.5rem 0; width: 100%; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
#busstops form input#lat, #busstops form input#firstNameB { width: 46%; }
#busstops form input#long, #busstops form input#lastNameB { width: 47%; margin-left: 5%; }
#busstops form input#city { width: 63%; }
#busstops form input#zipB { width: 30%; margin-left: 5%; }
#mapit { color: #49c8f5; border: 0; background: #481156; font-weight: 800; width: 100%; }
#mapit:active, #mapit:hover { box-shadow: none; }
#busstops p { font-size: 1.5rem; line-height: 2rem; }
#busstops p.homelink a { color: #70be44; font-size: 1.5rem; line-height: 2rem; }
#busstops form p { font-size: 1rem; line-height: 1.4rem; }



#why { background: #c6ecfa; margin: 0; padding: 2rem 0 5rem 0; color: #481156; }
#why h2 { font-weight: 800; color: #481156; font-size: 3rem; margin-bottom: 2rem; }
#why .whynot h3 { font-weight: 800; font-size: 2.3rem; }
.whynot h5 { font-weight: 300; font-size: 1rem; }
#why p, #why p em { font-size: 1.3rem; line-height: 1.7rem; }
#why h3 { font-weight: 600; }
.faq { position: relative; margin: 10px; padding: 1rem 1rem 1rem 4rem; border: 1px solid #481156; border-radius: 10px; background: rgba(255,255,255,0.2); 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }
.faq:hover { background: rgba(255,255,255,0.8); }
#why blockquote { font-size: 1.6rem; width: 50%; float: right; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #29674a; font-weight: 500; padding: 1rem; margin: 0 0 0 1rem; }
.checkmark { position: absolute; top: 3rem; width: 50px; left: -1rem; }

#whywhy { background: #cce7bc; margin: 0; padding: 2rem 0 5rem 0; color: #481156; }

#themap { height: 600px; }

#who { background: #29674a url(/_img/buses-footer.jpg) 50% 50% no-repeat; background-size: cover; margin: 0; padding: 5rem 0; color: #70be44; }
#who h2 { font-weight: 800; color: #fff; font-size: 3rem; margin-bottom: 2rem; }
#who a { color: #fff; font-size: 1.5rem; line-height: 2rem; }
#who p { font-size: 1.5rem; line-height: 2rem; }
#connectsfoot { width: 200px; margin: 3rem 0; }




@media screen and (max-width: 768px) {

* { font-size: 14px; }
#lft { position: absolute; right: 0; top: 200px; z-index: 999; width: 45%; }
.second #lft { position: absolute; right: 0; top: 120px; z-index: 999; width: 45%; }
.hero h1 { font-size: 3rem; }
.hero { background-size: 300px; background-position: 130% -30px; height: auto; min-height: auto; }
.hero p, .hero p span { font-size: 1.3rem; line-height: 1.5rem; }
#busstops h2 { font-size: 2rem; margin-bottom: 3rem; }
#busstops h2 span {font-size: 2rem; }
.hero li { font-size: 1rem; line-height: 1.3rem; }

#wannabe { height: 50vh; background-attachment: scroll;}
#greenville { height: 50vh; background-attachment: scroll;}
#care { height: 50vh; background-attachment: scroll;}
#busstops { padding-top: 2rem; }
#busstops p strong { font-size: 1.5rem; line-height: 2rem; }
.homelink { color: #70be44; font-size: 1.5rem; line-height: 2rem; }
#themap { height: 60vh; }
#why blockquote { width: 100%; float: none; margin: 2rem 0; }

#clock { width: 100%; margin: 0; }
/* #thirtymins form { padding: 15px 1rem 1rem;margin-left: 120px; z-index: 500; } */
.colform { background: #29674a url(/_img/woman.png) -70px 0 no-repeat; background-size: 360px; }
#woman { display: none; }
#thirtymins h2 { font-size: 2.5rem; line-height: 2.7rem; }

.coltshirtForm { padding-top: 430px; margin-top: 2rem; background: #29674a url(/_img/wannabe.jpg) 50% 0% no-repeat; background-size: 600px; overflow: hidden; }

}

#privacy { background: #70be44; margin: 0; padding: 1rem 0 5rem 0; }
#privacy p, #privacy ul li { color: #000; font-size: 14px!important; line-height: 18px; }
#privacy h2 { font-weight: 800; color: #fff; font-size: 3rem; margin-bottom: 2rem; }

.thanks li { font-size: 1rem; font-weight: bold; }

.pp { font-size: 0.8rem!important; color: #70be44!important;  }

.osano-cm-widget {
        background-image: url(../img/cookie.svg);
        background-size: contain;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        right: 1rem;
        bottom: 1rem;
        opacity: 0.9;
        transition-property: opacity, visibility, transform;
                        }
      .osano-cm-widget svg {
        display: none;
                        }
      .osano-cm-widget:focus,
      .osano-cm-widget:hover {
        opacity: 1;
        transform: none;
                        }
      .osano-cm-widget:active {
        transform: translateY(1px);
                        }