/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

/* Core */

body {
    font-family: 'Open Sans', sans-serif;
    background: #eff4f9;
}

a {}

a:hover {
    opacity: 0.8;
}

.cursor:hover {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

@media only screen and (max-width: 600px) {
    .hideMobile {
        display: none;
    }
}

.btn-lobsterweb {
    background: #900;
    color: #fff;
}

.btn-lobsterweb:hover {
    background: #e00;
    color: #fff;
}

.lobsterwebGradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eff4f9+0,94b8dc+50,eff4f9+100 */
    background: #eff4f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eff4f9 0%, #A5C9ED 50%, #eff4f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eff4f9 0%, #A5C9ED 50%, #eff4f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eff4f9 0%, #A5C9ED 50%, #eff4f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eff4f9', endColorstr='#eff4f9', GradientType=0);
    /* IE6-9 */
}

.lobsterwebCard {
    background-color: #eff4f9;
    border: 2px solid #94b8dc;
    margin-bottom: 25px;
}

.lobsterwebCard .card-img-top {
    border-bottom: 2px solid #94b8dc;
}

.lobsterwebCard a.card-header {
    color: #003094;
}

.lobsterwebCard .card-header {
    background-color: #94b8dc;
    color: #003094;
    font-size: 24px;
    border: 0;
}

.lobsterwebCard .card-header h2 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.lobsterwebCard .card-body {
    background: #fff;
    text-align: left;
}

.lobsterwebListGroup .list-group-item {
    background: #abd4fb;
    border: 2px solid #003094;
    color: #000;
    font-weight: 600;
}

.lobsterwebListGroup .text-muted {
    color: #000 !important;
}

.lobsterwebListGroup .list-group-item:hover {
    background: #003094;
    color: #fff;
}


/* Flash Message */

.alert {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
}


/* Header */

#header {
    background: url("../img/header/headerGradient.jpg") top left repeat-x;
}

#header .navbar-brand img {
    max-height: 200px;
}

#header .row {
    margin: 0;
}

#header .logosRight {
    margin-top: 30px;
}

#header .logosRight img {
    max-height: 150px;
}

#header .siteDescription {
    text-align: left;
    margin-top: 55px;
    color: #003094;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 34px;
    letter-spacing: 2px;
}


/* Nav */

#mainNav {
    background: none !important;
    text-transform: uppercase;
}

@media only screen and (max-width: 1155px) {
    #mainNav {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 920px) {
    #mainNav {
        font-size: 10px !important;
    }
}

@media only screen and (max-width: 800px) {
    #mainNav {
        font-size: 9px !important;
    }
}

@media only screen and (max-width: 600px) {
    #mainNav {
        font-size: 12px !important;
    }
}

#mainNav .nav-link {
    color: #003094 !important;
    font-weight: 900;
    -webkit-transform: scale(1, 2);
}

#mainNav .nav-item .active {
    color: #cc2c18 !important;
}

#mainNav .nav-link:hover {
    color: #cc2c18 !important;
}

#mainNav .nav-item:not(:last-child) {
    border-right: 2px solid #000;
}

#mainNav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#mainNav .navbar-toggler {
    border: 2px solid #000;
    width: 100%;
    float: none;
    margin: 0 auto;
    border-radius: 0;
}

#headerSearchForm {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-top: -20px;
    z-index: 9999;
    border: 1px solid #000;
}


/* Content */

#content {
    padding: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content .pageHeader {
    text-align: center;
    color: #003094;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 20px 0;
    font-size: 44px;
    line-height: 62px;
}

#content .justify {
    text-align: justify;
    font-size: 18px;
}


/* Home */
.homeContainer {
    margin-top: 20px;
}
.cardHome .pageHeader {
    font-size: 24px !important;
}
.cardHome p {font-weight: bold;}
.homeCarousel img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#homeSelector {
    max-width: 500px;
    display: block;
}

/* Map */

#map,
#maps_listings,
#mapFleet,
#mapRestaurant,
#mapDealer {
    color: #282828;
    width: 100%;
    height: 400px;
    border-radius: 5px;
    border: 2px solid #003094;
    margin-bottom: 20px;
}

.infowindow {
    color: #000;
    min-height: 60px;
}

#mapsSearch {
    margin-bottom: 20px;
}


/* Calendar */

#mainCalendar {
    background: #fff;
}

#mainCalendar a {
    color: #000;
}

#mainCalendar td {
    height: 150px;
}

#mainCalendar td:hover {
    background: #ccc;
}


/* Search */

#searchTabs {
    margin-top: 20px;
}

#searchTabsContent {
    background: #fff;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 10px;
}


/* Fleets */

.fleetCard .card-body {
    text-align: center;
}

.fleetCard .card-title {
    font-size: 24px;
}

.fleetCard a {
    display: block;
}


/* Footer */

#footer {
    background: #000;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../img/footer/footerBG.jpg") left bottom repeat-x;
}

#footer .socialIcons a {
    color: #000;
}

#footer .appIcons img {
    max-height: 50px;
}

#footer #copyright {
    font-size: 10px;
    margin: 0;
}

#footer .smallIcons {
    font-size: 8px;
}

#footer #advertisements {
    margin: 20px 0;
}

#footer #advertisements img {
    border: 3px solid #94b8dc;
    margin: 0 10px;
    max-width: 156px;
    max-height: 156px;
}

#footer #advertisements a:hover {
    border: 0;
    text-decoration: none;
}

#footer .shareModalText,
#footer .newsletterModalText {
    font-weight: 900;
    font-size: 18px;
    margin-top: 60px;
}

#footer .shareModalText:hover,
#footer .newsletterModalText:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 600px) {
    #footer .shareModalText,
    #footer .newsletterModalText {
        margin-top: 0;
    }
}

#shareModal .shareIcons a {
    color: #900;
}

#shareModal .shareIcons a:hover {
    color: #900;
}

#shareModal .shareIcons a:hover {
    text-decoration: none;
    color: #e00;
}