/*
Theme Name: Transport Board Twenty Twenty
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Omar Fitzpatrick & Caribbean Webmasters Inc.
Author URI: http://www.cwidesigns.com/
Description: Transport Board Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Transport Board
Text Domain: transportboard
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html {
    height: 100%;
}

body {
    background-color: #f4f4f4;
    font-family: Raleway, sans-serif;
    line-height:1.8em;
    min-height: 100%;
}

.strip-button {
    background:none;
    border:none;
    text-align:left;
}


/** Sublink */
.sub-links {
    padding-left: 0;
    margin-bottom: 40px;
}

.sub-links li {
    display: inline-block;
    list-style: none;
}

.sub-links li a {
    display: block;
    padding: 2px 30px;
    margin-right:10px;
    margin-bottom: 2px;
    background: #3498db;
    color: white;
}

.sub-links li a:hover {
    text-decoration: none;
    background: #16478D;
}

.navbar-toggler {
    border: solid 1px #333;
}

.navbar-toggler-icon {
    background:  url(https://cdn0.iconfinder.com/data/icons/ui-icons-pack/100/ui-icon-pack-01-512.png) center;
    background-size: contain;
}

/** FAQ */
.entry-content .arconix-faq-wrap {
    border: none;
    border-bottom: solid 1px #CCC;
    border-radius: 0;
    background: none;
    padding: 10px;
    margin-bottom: 20px;
}

.entry-content .arconix-faq-term-title code, .entry-content .arconix-faq-wrap code {
    color: #333;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
}

.entry-content .arconix-faq-term-title code {
    font-size: 0.8em;
    color: #16478D;
}

.entry-content .arconix-faq-content {
    background: rgb(238, 238, 238);
    padding: 20px;
    margin-top: 20px;
}

.entry-content .arconix-faq-title {
    font-weight: bold;
}

.hidden-form-field {
    visibility: hidden!important;
    position:absolute!important;
    left: -999999px!important;
}

.alignright {
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
}

.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.entry-content table {
    border-collapse: collapse;
    margin-bottom: 40px;
    width: 100%;
}

.entry-content table thead td, .entry-content table thead th {
    border-bottom-width: 2px;
}

.entry-content table thead {
    background-color: #EEE;
}

.entry-content table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}

.entry-content table td, .entry-content table th {
    border: 1px solid #dee2e6;
}

.entry-content table td, .entry-content table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

h1.entry-title {
    font-size:1.6em;
    border-bottom:solid 2px #FFCC00;
    padding-bottom:15px;
    margin-bottom:30px;
}

.entry-content h2 {
    font-size:1.4em;
    color: #16478D;
}

.entry-content p + h2, .entry-content ul + h2, .entry-content ol + h2 {
    margin-top: 50px;
}

@media (min-width: 1400px) {
    .container {
        width: 1325px;
        max-width: 1325px;
    }
}

.tb-bg-dark {
    background-color: #16478D;
}

.tb-text-dark {
    color: #16478D!important;
}

.tb-bg-secondary {
    background-color: #FFCC00;
}

.tb-bg-primary {
    background-color: #3498db;
}

.tb-mt-6 {
    margin-top: 4rem!important;
}

.logo {
    height: 160px;
    padding: 15px 0;
    transition: all 0.2s;
}

.logo img {
    height:100%;
    width: auto;
}

.relative {
    position:relative;
}

.tb-force-bottom {
    position: absolute;
    bottom:0;
}

.tb-force-right {
    position: absolute;
    right:0;
}

.form-control.big {
    border-radius: 0;
    border: solid 1px #2980b9;
    padding: 30px 20px;
}
/* HOME */
.home .home-bus-finder {
    padding-bottom: 60px!important;
}

/* SIDEBAR */
.bus-search-home-image  {
    text-align:center;
}


/* CAROUSEL */
.carousel-item {
    max-width:1400px;
    max-height: 450px;
}

.cool-grey-bg {
    padding:40px 0;
    background:url('images/cool-pinky-bg.jpg');
    background-size: cover;
}
/** PAGE */
#page {
    min-height: 100vh;
}

#page > .container {
    min-height: 100vh;
}

/** Footer */
#colophon h3 {
    font-size: 1.1em;
    text-transform: uppercase;
}

#colophon {
    font-size: 0.8em;
}

.links-white a {
    color: white;
}

.icon-box {
    padding:10px;
    font-size:60px;
}

.material-icons {
    vertical-align: middle;
}

a {
    color: #3498db;
    text-decoration: none;
    background-color: transparent;
}

/* NAV BAR */

.navbar {
    padding-top:0;
    padding-bottom:0;
}

.navbar .nav-link, .navbar a.navbar-brand {
    color: #333300;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 12px;
}

.navbar a.navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar .active > a {
    background: #FFEE00;
}

.navbar .active > a:hover {
    color:black;
}

.navbar a:active {
    background-color: inherit;
    color:inherit;
}

/**
    CATEGORIES
 */
.page-header {
    margin-bottom: 60px;
    background: #16478D;
    padding: 20px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    color: white;
}

.page-header h1 {
    font-size: 1.8em;
    font-weight: bold;
}

.page-header h1 span {
    font-weight:normal;
}


/**
 SIDEBAR
 */
#sidebar {
    padding:10px;
    background:white;
}

/*
 FLEET
 */
ul.fleet li {
    display:inline-block;
    width:30%;
    text-align:center;
    border:solid 1px #EEE;
    margin: 0 10px 10px 10px;
    padding: 10px;
}

/* POST */
.post-date {
    background: #16478D;
    display: inline-block;
    margin-bottom: 20px;
    padding-right: 20px;
    color: white;
    margin-left: -55px;
    margin-top: -55px;
}

.post-date .year {
    padding: 10px;
    display: inline-block;
    background: #3498db;
    color: white;
    margin-right: 10px;
}

ol li {
    margin-bottom:10px;
}

.news-line {
    padding: 20px;
    background: #FAFAFA;
    margin: 20px 0px;
    border-bottom: solid 1px #DDD;
}

.news-line .post-date .year {
    padding: 2px 10px;
}

.news-line .news-title a {
    font-size: 1.2em;
    margin-bottom:10px;
    display:block;
}

.news-line .excerpt {
    font-size:0.9em;
}

.news-line .excerpt a {
    display: block;
    padding: 2px 10px;
    background: #EEE;
    margin-top: 10px;
    width: 153px;
}

.news-line.warning, .news-line.info {
    border-right:solid 5px;
}

.news-line.warning {
    border-right-color: #FFCC00;
}

.news-line.info {
    border-right-color: #17a2b8;
}

/* TABS */
.nav-tabs .nav-link {
    font-weight: bold;
    text-transform: uppercase;
    background: #DEE2E6;
    color: #566062;
    margin-right: 4px;
    margin-top:4px;
}

.nav-tabs.social .nav-link {
    text-transform: none;
    font-size: 0.8em;
    padding: 0 7px;
}

/*
 * Bus Routes
 */

.route-finder-tabs .tab-content {
    border: solid 1px #dee2e6;
    border-top: none;
}

.filter-container label {
    font-size: 1.4em;
    color: #16478D;
    margin:40px 0 60px;
    display: block;
    font-weight:bold;
    text-align: center;
}

.bus-filter-form
{
    margin-bottom:20px;
}

input.bus-filter, input.bus-search
{
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #DDD;
    width:100%;
}

input.bus-search.has-button
{
    display:block;
    margin-bottom:5px;
}


.filter-count
{
    display: block;
    padding: 15px;
    background: #EEE;
    width: 130px;
    margin-top: 15px;
    font-size: 1.4em;
    font-weight: bold;
    text-align:center;
    display:none;
}

ul.bus-filter-list
{
    padding-left:0px;
    padding-bottom:20px;
    margin-bottom:20px;
}


.is-link
{
    cursor:pointer;
}


.view-button
{
    display: inline-block;
    background: #FFCC00;
    color: black;
    border: none;
    padding: 10px 20px;
}


.bus-filter-list > li {
    color:#FFF;
    list-style:none;
    background:#16478D;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bus-filter-list > li > button {
    padding: 15px;
    display: block;
    background: none;
    border:none;
    text-align:left;
    color: white;
    width: 100%;
}

.bus-filter-list > li .route-name {
    font-size: 1em;
    font-weight:normal;
}

.bus-filter-list > li .route-path {
    font-size: 0.9em;
    background:none;
    padding: 0;
}

.bus-filter-list > li .from {
    font-size: 0.9em;
    padding: 7px;
    background:#FFCC00;
    color:black;
    white-space: nowrap;
}

.bus-filter-list > li .route-path .to {
    font-size: 0.9em;
    padding: 7px;
    background:#3498db;
    color:white;
    white-space: nowrap;
}

.bus-filter-list > li .route-number {
    display:block;
    border-radius: 0;
    text-align:center;
    width:50px;
    padding: 0px;
    font-size: 0.8em;
    background: #999;
}

.bus-filter-list > li .view {
    color: white;
    background: none;
    padding: 0;
    float: right;
    cursor: pointer;
}

.bus-info-tag
{
    display:inline-block;
}



.bus-info-tag:hover .route-path
{
    background: rgba(255,255,255,0.4);
}

.bus-info-tag .route-name
{
    display:block;
    font-size:1.3em;
    font-weight:bold;
    padding:5px;
    margin-bottom:5px;
}

.bus-info-tag .route-path
{
    padding: 10px 10px 8px 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    margin-bottom:5px;
}

.bus-info-tag .route-path .to
{
    font-size:1.2em;
}

.bus-info-tag .route-path .from
{
}

.bus-info-tag .route-number
{
    padding:10px;
    background: #3498db;
    border-radius: 0px 5px 5px 0px;
    color:#FFF;
    display:inline-block;
    font-size:1.2em;
}

ul.bus-list
{
    padding: 0 20px;
    list-style:none;
}

.bus-list li
{
    padding-bottom:4px;
}

/*
 * NEW JOURNEY PLANNER
 */

.jp-menu
{
    padding-left:0px;
    list-style-type: none;
}

.jp-menu li
{
    float:left;
}

.jp-menu li a
{
    display:block;
    padding:10px 15px;
    background:#DDD;
    color:#555;
    margin-right:1px;
}

.jp-menu li a:hover, .jp-menu li.current-menu-item a
{
    background:#333;
    color:#EEE;
    text-decoration: none;
}

.timetables .chosen-container-single .chosen-single
{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: inherit;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background:none;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: inherit;
    padding:10px;
    border-radius:0px;
}

.timetables .chosen-container-single .chosen-search input[type=text]
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 10px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background:none;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.bus-schedule
{
    margin:20px 0px 40px;
}


.bus-header
{
    background: #16478D;
    color: #FFF;
    margin-bottom: 30px;
    border-radius: 5px;
    padding-bottom: 15px;
}

.bus-header .route-number
{
    padding: 10px 20px;
    background: #3498db;
    color: #FFF;
    text-align: center;
    display: block;
    width: auto;
    font-weight: bold;
    font-size: 1.6em;
    float: right;
    border-radius: 0px 5px 0 0px;
}

.bus-header .from
{
    color: #FFF;
    font-size: 1.2em;
    display: inline-block;
}

.bus-header .to
{
    color: #FFF;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
}

.bus-header .bus-path
{
    padding:15px 15px 0;
}

.bus-header .bus-name
{
    padding: 15px 0px 0px 15px;
    font-size: 1.6em;
    font-weight: bold;
}

.bus-schedule .bus-route-stops
{
    margin-top:20px;
}

.bus-schedule .stops-list
{
    background:#FFF;
    padding-left:0px;
    border-left:solid 3px #F33;
}


.bus-schedule .stops-list li:first-child a, .bus-schedule .stops-list li:last-child a
{
    padding:7px 7px;
    border:solid 3px #F33;
    display:block;
    border-left:none;
}


.bus-schedule .stops-list li:first-child, .bus-schedule .stops-list li:last-child
{
    list-style: none;
    margin-left: 0px;
}


.bus-schedule .stops-list li
{
    background:#FFF;
    margin-left:30px;
}

.bus-schedule .stops-list li a
{
    background:#FFF;
    padding-left:10px;
    display:inline-block;
}

.show-me .go a
{
    padding:18px;
    background:#F33;
    color:#FFF;
    display:block;
    font-size:1.8em;
    text-align:center;
    margin-bottom:15px;
    border:none;
    width:100%;
}




.show-me .chosen-container-single .chosen-single
{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: inherit;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background:none;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: inherit;
    padding:17px;
    border-radius:0px;
}

.show-me .chosen-container-single .chosen-search input[type=text]
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 10px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background:none;
    font-size: 1.8em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.show-me .chosen-container-single .chosen-single span
{
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.8em;
}

.show-me .chosen-container .chosen-results li
{
    line-height:inherit;
    font-size: 1.8em;
}

.show-me .chosen-search, .chosen-select
{
    display:none;
}

.filter-container
{
}

.route-finder-title
{
    margin-bottom:10px;
    background: rgba(255,255,255,0.9);
    color: #225599;
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    font-size: 1.4em;
    font-weight: bold;
}

.filter-container label
{
    color: #16478D;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    font-size: 1.8em;
    margin: 5px auto 40px;
    text-align: center;
    padding: 15px;
    border-radius: 5px;

}

.filter-container.keyword-search input[type="text"]
{
    padding:8px;
}

.filter-container.keyword-search a
{
    padding:8px;
    display:inline-block;
    border:solid 1px #EEE;
    border-radius:7px;
    color:#333;
    text-transform:uppercase;
}

.filter-container.keyword-search a:hover
{
    background:#EEE;
    border-color:#CCC;
}

.reset-map
{
    margin-top:5px;
}

.bus-route-search
{
}

.route-result.route-box
{

}

.results-box
{
    background:#EEE;
    padding:10px;
    margin: 20px auto;
}

#route-stop-map, #all-stops-map
{
    min-height:400px;
}

.alternative-routes
{
    margin-left:0px;
    padding-left:0px;
    max-height:400px;
    overflow-y:scroll;
}

.alternative-routes li
{
    list-style:none;
    background:#FFF;
    padding:10px;
    margin-bottom:5px;
    margin-right:10px;
}

.alternative-routes li .section
{
    padding:4px 0px;
    border-bottom:dotted 1px #EEE;
    margin-top:0px;
}


.active-buses a
{
    display:block;
}

.active-buses a:hover
{
    text-decoration:none;
}

.active-buses a span.result-route-number
{
    display:inline-block;
    text-align:center;
    padding:7px 2px;
    background:#F00;
    color:#FFF;
    margin-right:4px;
    vertical-align:top;
    width:30px;
}

.active-buses a span.result-route-name
{
    display:inline-block;
    width:165px;
    text-align:left;
}

.active-buses
{
    margin-left:0px;
    padding-left:0px;
    max-height:400px;
    overflow-y:scroll;
}

.active-buses a
{
    font-size:12px;
}

.active-buses li
{
    list-style:none;
    background:#FFF;
    padding:10px;
    margin-bottom:5px;
    margin-right:10px;
}

.stops-box
{
    margin-top:20px;
}

.stops-left
{

}

.stops-right .schedule
{
    text-align:center;
    margin-bottom: 20px;
}

.stops-right .schedule h3
{
    font-size:12px;
    font-weight:bold;
    display:block;
    width:100%;
    padding:10px;
    background-color:#555;
    color:#FFF;
    margin-bottom:10px;
}

.stops-right .schedule.MonToFri h3
{
    background-color:#999;
}

.stops-right .schedule.Sat h3
{
    background-color:#999;
}

.stops-right .schedule.Sun h3
{
    background-color:#999;
}



.route-info-box
{
    margin-bottom: 20px;
    clear:both;
}

.route-info-box .content
{
    background:#EEE;
    padding:20px;
}

.route-info-box h2
{
    font-size: 16px;
    font-weight: bold;
    background: #CCC;
    display: inline-block;
    padding: 10px;
    margin-bottom:1px;
    color: #333;
}

.special-routes li
{
    list-style:none;
    display:inline-block;
    margin-right:5px;
}

.special-routes li a
{
    display:inline-block;
    padding:10px;
    border:solid 1px #E2CF21;
    margin-bottom:5px;
    border-radius:7px;
}

.special-routes li a:hover
{
    border:solid 1px #AE9300;
    background:#E2CF21;
    color:#FFF;
    text-decoration: none;
}

.site-background {
    background-image:
        /* top, transparent red, faked with gradient */
            linear-gradient(
                    rgba(50, 50, 75, 0.75),
                    rgba(50, 50, 75, 0.75)
            ),
                /* bottom, image */
            url(images/background-image.jpg);

    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: 100px;
}

.tagline {
	font-size:0.9em;
}

@media only screen and (max-width: 420px) {
 .tagline {
	max-width: 160px;
	display: inline-block;
 }
}

/* TICKER TAPE */
.mtphr-dnt {
    background: #34495e;
    color: #ecf0f1;
    font-size: 0.8em;
    border-bottom:solid 4px #2c3e50;
}