/*
 Theme Name:   Bayway Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       BowStern
 Author URI:   https://bowstern.com
 Template:     understrap
  Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/


/*

blue 0c3a5c
gold ecb32e
emerald 00a09b

*/

.sunday { background: #ecb32e; padding: 10px 10%; }
.sunday h2 { color: #0c3a5c; text-transform: uppercase; font-size: 1.5rem; font-weight: bold; padding-top: 10px; }

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

body { background: #fafafa; }
header { background: #fff; }
header.entry-header { background: transparent; }


#bwlogo { width: 300px; }
@media (max-width: 768px) {
	#bwlogo { width: 250px; }
}

#top-nav a { color: #0c3a5c; font-weight: 700; margin: 0 0 0 1rem; }
#top-nav a { background: #ecb32e; color: #0c3a5c; }
#top-nav a:hover { color: #ecb32e; color: #fff; }
@media (max-width: 768px) { 
	#top-nav a { margin: 0 0 0 5px; font-size: 12px; }
}

#lownav { background: #00a09b; margin-top: 2rem; }
#bottom-nav a { color: #fff; font-weight: 700; padding-left: 0; text-shadow: 0 0 3px rgba(0,0,0,0.5); }
#bottom-nav a:hover { color: #0c3a5c; text-shadow: none; }

.contrast { text-shadow: 0 0 3px rgba(0,0,0,0.5); }
.contrast a { color: #fff!important; font-weight: bold; }

#wrapper-footer, #wrapper-footer-full { background: #0c3a5c; color: #fff; }
#wrapper-footer-full #block-7 img { width: 150px; margin-bottom: 2rem; }
#wrapper-footer-full #block-7 #icon { width: 100px; }

.dropdown-item.active, .dropdown-item:active {
color: #0c3a5c;
text-decoration: none;
background-color: #ecb32e;
}
.dropdown-menu { border-radius: 0; }
li a.dropdown-toggle:focus {  outline: 0!important; }

#block-7 a { color: #ecb32e !important; text-decoration: none; }

#block-8 { text-align: right; }
.btn-circle svg {
fill: #fff;
margin: 0 0 10px 10px;
}
.btn-circle svg:hover {
fill: #ecb32e;
}
@media (max-width: 768px) { 
#block-8 { text-align: left; }
.btn-circle svg { margin: 10px 10px 10px 0px; }
}

.wp-block-button__link {
color: #fff;
background-color: #0c3a5c;
border-radius: 0 !important;
}

.wp-block-button__link:hover {
color: #ecb32e;
}

#interiorbanner { height: 250px; margin-top: 0rem; background-repeat: none; background-position: 0% 50%; background-size: cover; }
@media (max-width: 768px) { 
	#interiorbanner { height: 130px; background-size: 100%; }
}
@media (min-width: 1200px) { 
	#interiorbanner { height: 375px; }
}


#byline { background: #ddddde; padding: 0.5rem 0 0.25rem; margin-top: 1rem;  }
#byline h2 { font-size: 1.2rem; font-weight: 700; color: #0c3a5c; }


.entry-content a { color: #007A76; }

.entry-content a.wp-block-button__link { color: #ecb32e; }

.entry-footer .cat-links a { color: #0c3a5c!important; }


#tripplanner { background: #d6e6e5; padding: 10px; }
#tripplanner h3 { color: #0c3a5c; font-size: 1.3rem; font-weight: bold; text-transform: uppercase; }
#tripplanner span { font-style: italic; font-color: #222; font-size: 90%; margin: 0 0 10px 0; display: inline-block; }
#tripplanner #search { background: #ecb32e; color: #0c3a5c; border: none; padding: 0.5rem; margin: 1rem 0; font-weight: bold; }

.page-id-4820 #tripplanner { border-radius: 15px;  }

.homecard { background: #fff; border-radius: 15px; box-shadow: 0 0 5px rgba(200,200,200,07); overflow: hidden; }
.homecard p { clear: both; padding: 10px 15px 5px; border-top: 1px solid #999999; margin-top: 10px; }
.homecard .wp-block-button	{ width: 100%; 
margin: 0px;  }

.homecard .wp-block-button__link {
color: #0c3a5c!important;
border: 1px solid #ecb32e !important;
background: #ecb32e;
border-radius: 0 !important;
font-weight: 700;
width: 100% !important;
font-size: 1.5rem !important;
padding: 5px 0;
}

.homecard .wp-block-button__link:hover {
color: #ecb32e!important; background: #0c3a5c;
border: 1px solid #0c3a5c !important;
}
.homecard figure { margin: 0; padding: 0; }
.homecardlogo img { height: 40px; width: auto; margin: 25px 0 35px 15px; }
.logostop { background: url(/wp-content/themes/bayway/img/icon-stop.png) 100% 50% no-repeat; }
.logoondemand { background: url(/wp-content/themes/bayway/img/icon-qualified.png) 100% 50% no-repeat; }
.logoflex { background: url(/wp-content/themes/bayway/img/icon-app.png) 100% 50% no-repeat; }

.busbus img, .busbus a { width: 100%!important; }



.kioken-accordion-item-label { color: #007A76; }
.kioken-tabs-buttons-item { color: #007A76!important; background-color: #fff!important; border: 1px solid #007A76!important; opacity: 1 !important; }
.kioken-tabs-buttons-item-active { background-color: #efefef!important; }


.translate { border-top: 1px solid #d6e6e5; padding: 1rem 0; margin: 1rem 0; }
.translate h5 { color: #00a09b; font-weight: bold; }

h1 { margin-bottom: 3rem; color: #0c3a5c;  }
.page-id-17 h1 { font-size: 2rem; margin-bottom: 3rem; }
.page-id-3318 h1 { display: none; }
.page-id-4686 h1 { display: none; }
.page-id-3318 ul.alerts li { margin: 5px 10px 5px 40px; font-size: 120%; font-weight: bold; }
.page-id-4341 ul.alerts li { margin: 5px 10px 5px 40px; font-size: 120%; font-weight: bold; }
.page-id-4686 ul.alerts li { margin: 5px 10px 5px 40px; font-size: 120%; font-weight: bold; }

.action { border: 1px solid #ecb32e; padding: 15px; background: #fcf5e3; }
.action h4 { margin-bottom: 1rem; }

#apps { margin-top: 2rem; border: 1px solid #00a09b; padding: 10px; }
#apps h4 a { color: #007A76; font-size: 1.1rem; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#apps .alignleft { margin-right: 5px; }

.home #apps { background: #fff; }

.page-id-3740 #route-nav { display: none; }
#routes a { background-color: #0c3a5c; color: #fff; font-weight: bold; }
#routes .dropdown-menu { border: none; background: transparent; padding: 0 !important; }
#routes .rt1 a { background-color: #9e2477;  }
#routes .rt2 a { background-color: #00aeef;  }
#routes .rt3 a { background-color: #8bc641;  }
#routes .rt4 a { background-color: #f48a1e;  }
#routes .rt5 a { background-color: #0068a2;  }
#routes .rt6 a { background-color: #097f3d;  }
#routes .rt7 a { background-color: #dc2028;  }
#routes .rt1 a:hover { background-color: #0c3a5c;  }
#routes .rt2 a:hover { background-color: #0c3a5c;  }
#routes .rt3 a:hover { background-color: #0c3a5c;  }
#routes .rt4 a:hover { background-color: #0c3a5c;  }
#routes .rt5 a:hover { background-color: #0c3a5c;  }
#routes .rt6 a:hover { background-color: #0c3a5c;  }
#routes .rt7 a:hover { background-color: #0c3a5c;  }
.system {   }
#routes .system a { color: #ecb32e; font-weight: bold; }
.iframer { width: 100%; }

@media (max-width: 768px) {
	#routes a { font-size: 12px; }
	#routes li { margin-left: 5px; }
	.iframer { width: 90% !important; }
}


.alerts { border: 1px solid #ecb32e; padding: 15px; background: #fffbf0;  }
.alertbox { min-height: 150px; overflow-y: scroll; max-height: 350px; }
.alerts h4 { margin-bottom: 1rem; text-transform: uppercase; font-weight: bold; color: #0c3a5c; font-size: 1.3rem; }
.alert { border-top: 1px solid #ecb32e; border-radius: 0; }

.ticket { background: #ecb32e; height: 150px; vertical-align: middle; }
.ticket img { float: left; margin: 1rem 10px 0 10px; }
.ticket h2 { font-weight: bold; font-size: 1.5rem; padding-top: 2rem; }
.ticket h2 a { color: #fff;  text-decoration: none; }

#welcome h5 { font-weight: bold; }
#welcome .intro { font-size: 130%; }
#welcome h3 { font-size: 2rem; color: #00a09b; margin-bottom: 2rem; }

@media (max-width: 768px) {
	.right-col { border-top: 1px solid #ecb32e; padding-top: 1rem; margin-top: 2rem; }
}

.kioken-accordion-item-content table { width: 80%; }
.kioken-accordion-item-content td { padding: 5px; }
.kioken-accordion-item-content th { padding: 5px; background: #00a09b; color: #fff; font-weight: bold; }
.kioken-accordion-item-content tr.odd td { background: #f3f3f3; }
.kioken-accordion-item-content th.align-right { text-align: right; }

.wp-block-kioken-accordion .kioken-accordion-item-heading { opacity: 1!important; }


#archive-wrapper .entry-title a { color: #00a09b; text-decoration: none; font-size: 1.4rem; line-height: 1.2rem; font-weight: bold; }
#archive-wrapper .entry-meta { font-style: italic; margin-bottom: 10px; }
#archive-wrapper .entry-footer { font-style: italic; margin-bottom: 10px; font-size: 80%; }
#archive-wrapper .entry-footer a { color: #ecb32e; }
#archive-wrapper .understrap-read-more-link { border-radius:0; background: #0c3a5c; color: #ecb32e; }
#archive-wrapper article { border-bottom: 1px solid #ecb32e; margin-bottom: 2rem; padding-bottom: 1rem; }
.page-item .page-link { color: #0c3a5c;}
.page-item.active .page-link { background: #0c3a5c; color: #ecb32e; border-color: #0c3a5c; }

.single .entry-meta { font-style: italic; margin-bottom: 10px; }
.single .entry-footer { font-style: italic; margin-bottom: 10px; font-size: 80%; }
.single .entry-footer a { color: #ecb32e; }

#post-11 > div > div > div.wp-block-kioken-accordion-item.kioken-accordion-item.kioken-accordion-item-active > div > p {color:#000 !important;}

@media (max-width: 768px) {
#navbarNavDropdown { margin-top: 1rem; background: #fcf5e3; margin-left: -10px; padding-left: 10px; margin-right: -10px; padding-right: 10px; }
#navbarNavDropdown li { border-bottom: 1px solid #0c3a5c; }
#navbarNavDropdown li ul { border: none; }
#navbarNavDropdown li li { border-bottom: 1px solid #fcf5e3; }
}

#primary { margin-bottom: 2rem; }

@media screen and (max-width: 1400px) and (min-width: 780px) {
	.ticket h2 { font-size: 1.23rem;  }
}
@media screen and (max-width: 1200px) and (min-width: 780px) {
	 img.front-page-icons {
		width:70px;
		height:70px;
	}
}

@media screen and (max-width: 992px) and (min-width: 780px) {
	.ticket h2 { font-size: 1.15rem;  }
	 img.front-page-icons img {
		width:50px;
		height:50px;
	}
}

.thankscol { padding: 2rem; margin: 2rem; border: 2px solid #ecb32e; }

/*
.buswrap { background: url(/wp-content/themes/bayway/img/bus-background.jpg) 50% 50% no-repeat; background-size: cover; height: 600px; }
*/

.uber-eligible { background: url('/wp-content/uploads/2023/02/stop100.jpg') 50% 50% no-repeat; background-size: cover; padding: 5%; }
.uber-apply { padding: 5%; }
.uber-header { margin-top: -1.5rem !important; padding: 15% 5%;  background: url('/wp-content/uploads/2023/03/bayway-uber.jpg') 50% 50% no-repeat; background-size: cover; }


@media screen and (min-width: 780px) {
.uberphone img { position: absolute; margin-top: -200px; }
}

.wp-block-table.is-style-stripes { border-bottom: none; }

.page-id-4200 .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: #d6e6e5;
}

.page-id-4200 .uber-apply .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #aacfcd;
}

.page-id-4200 .uber-apply .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: #d6e6e5;
}

.bulletin { background: #ecb32e; padding: 10px; font-size: 120%; }

.flex-zones { padding: 5%; }
.flex-header { margin-top: -1.5rem !important; padding: 5% 5% 0;  
background: url('/wp-content/uploads/2023/09/flex-van.jpg') 0% 50% no-repeat; background-size: cover;
 }
 #flexintro { font-size: 1.6rem; }
 @media screen and (min-width: 780px) and (max-width:991px) {
  #flexintro { font-size: 1.2rem; }
  }
@media screen and (min-width: 780px) {
#flexintro { margin-top: 150px; }
}

.flexstep { margin: 1rem; border: 1px solid #ccc; padding: 1rem; min-height: 130px;  }
.flexstep .wp-block-image figure img { margin-bottom: 0; }

@media screen and (max-width: 767px) {
.flexvid { height: 600px;  }
}


.page-template-riders h3 { color: #00a09b; font-weight: 700; font-size: 1.3rem; }

.ride-header { margin-top: -1.5rem !important; padding: 5% 5% 5rem;  
background: url('/wp-content/uploads/2024/05/bus-ride.jpg') 0% 50% no-repeat; background-size: cover;
 }
 #ridehead { color: #ecb32e; font-size: 3rem; text-shadow: 0 0 5px #000; }
 #ridehead, #ridesub { padding-left: 10rem; }
 #ridesub { text-shadow: 0 0 5px #000; }
 
 .busfares { border: 1px solid #00a09b; padding: 2rem 0; }
 
 @media screen and (max-width: 767px) {
  #ridehead, #ridesub { padding-left: 1rem; }
  .busfares { padding: 2rem; }
 }
 
.studentdiscount { background: #d6e6e5; margin-bottom: 2rem!important; padding: 3rem 0; } 
 @media screen and (max-width: 767px) { 
 	.studentdiscount { padding: 2rem !important; }
 }
 
 
 
.sendapass { padding: 15px; margin-top: 20px; border: 1px solid #fff; border-radius: 5px; }


#signup { padding-top: 2rem; font-size: 12px!important; color: #ccc; background: #333; }
#signup .nf-form-content input.ninja-forms-field { height: auto; padding: 7px; font-size: 12px; }
#signup .nf-field, #signup .field-wrap { float: left; width: 200px; clear: none; padding-right: 20px; }
#signup .nf-field-container { float: left; }
#signup #ninja_forms_required_items, #signup .nf-field-container { clear: none !important; }
#nf-field-107 { background: #ecb32e; color: #0c3a5c; }
#signup h4 { font-size: 16px; font-weight: bold; color: #fff; }
#signup h4 span { font-weight: normal; }

 @media screen and (max-width: 767px) { 
#signup .nf-field, #signup .field-wrap { float: none; width: 350px!important; clear: left; padding-right: 0px; }
#signup #ninja_forms_required_items, #signup .nf-field-container { clear: both !important; }
#signup h4 span { display: block; clear: left; }
}

.easteregg #nf-form-9-cont { background: #ecb32e; padding: 1rem; }
.easteregg figure { margin: 0; }
.easteregg img { margin: 0!important; padding: 0; width: 100%; }
.post-5723 h1.entry-title { display: none; }



.osano-cm-widget {
        background-image: url(/wp-content/themes/bayway/img/privacy.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);
                        }