header {
  font-size: max(16px);
}
header .btn {
  font-size: max(16px);
}
header .navbar:not(.navbar-secondary) .nav-link {
  color: #FFC108 !important;
}
header .navbar:not(.navbar-secondary) .nav-link:hover {
  color: #FFC108 !important;
}
header .navbar:not(.navbar-secondary) .nav-item:not(.button) {
  border-bottom: 2px solid #182954;
}
header .navbar:not(.navbar-secondary) .nav-item:not(.button):hover {
  border-bottom: 2px solid #FFC108;
}

.scrollable { overflow-y: auto; overflow-x: hidden; }
.errors li { display: none; }
.errors li.has-error { display: list-item; color: red; }

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

/* dropdown-menu */
.dropdown-menu:not(.light-menu) { background-color: #182954; border-color: #182954; }
.dropdown-menu li { position: relative; }
.dropdown-menu:not(.light-menu) .dropdown-item { background-color: #182954; color: white; }
.dropdown-menu:not(.light-menu) .dropdown-item:hover { color: #FFC108; }
.nav-item .submenu { 
	display: none;
	position: absolute;
	left:100%; top:-7px;
}
.nav-item .submenu-left { 
	right:100%; left:auto;
}
.dropdown-menu > li:hover { color: #FFC108; }
.dropdown-menu > li:hover > .submenu { display: block; }
/* end dropdown-menu */

.bg-light .container.bg-light h1 { font-size: 2.8rem; background-color: #FED00A; color: #10375d; }

.footer { color: white; }
.footer a {
  color: #182954;
}
.footer .nav-link {
  color: #FFC108;
}
.footer .nav-item {
  border-bottom: 2px solid #182954;
}
.footer .nav-item:hover {
  border-bottom: 2px solid #FFC108;
}

.card a:not(.btn) {
  color: inherit;
  text-decoration: inherit;
}

.callout { max-width: 409px; margin-left: -28px; }

.gradient {
  color: #fff;
  background-image: linear-gradient(to right,#223F7F,#54AECE);
  font-size: 1.1rem;
  padding: 5px 5px 7px 10px;
  border-radius: 5px;
}
.gradient a, .gradient a:hover { font-weight: normal; font-size: 0.9rem; color: white; }

/* Member Styling */
.avatar-20 {
  background-image: url('/img/members/avatar-default.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 3px;
}

.avatar-30 {
  background-image: url('/img/members/avatar-default.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: -10px;
  margin-right: 5px;
}

.has-error .form-control { border-color: red; }
.has-error .form-check { border-color: red; }
.help-block { display: none; }
.has-error .help-block { display: block; color: red; }
.hidden { display:none; }
.invisible { visibility:hidden; }

#appleid-signin > div > div > svg {
  height: 50px;
  width: 100%;
}

a:not([href]):not([tabindex]):not(#snipcart-cartitems-continue-top) {
    color: #007bff
}

#admin-comments {
    list-style-type: none;
    padding: 0!important;
    margin: 10px 10px 10px 0
}

#admin-comments li {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eef1f3;
    border: 1px solid #cedfea;
    border-radius: 10px
}

.take-us-aboard a:not(.btn) { color: #182954; text-decoration: none; }
.take-us-aboard a:not(.btn):hover { color: #182954; }

.planning-tools a:not(.btn) { color: #182954; text-decoration: none; }
.planning-tools a:not(.btn):hover { color: #182954; }

.destination a:not(.btn) { color: #E11F30; text-decoration: none; }
.destination a:not(.btn):hover { color: #E11F30; }
.destination-icon {
  background-image: url('/img/iguide/destination.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 30px;
  display: inline-block;
}

.goin-ashore a:not(.btn) { color: #E11F30; text-decoration: none; }
.goin-ashore a:not(.btn):hover { color: #E11F30; }
.goin-ashore-icon {
  background-image: url('/img/iguide/goin-ashore.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.waterway a:not(.btn) { color: #E11F30; text-decoration: none; }
.waterway a:not(.btn):hover { color: #E11F30; }
.waterway-icon {
  background-image: url('/img/iguide/waterway.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.land-area a:not(.btn) { color: #E11F30; text-decoration: none; }
.land-area a:not(.btn):hover { color: #E11F30; }
.land-area-icon {
  background-image: url('/img/iguide/land-area.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.marinas-and-dockage a:not(.btn) { color: #E11F30; text-decoration: none; }
.marinas-and-dockage a:not(.btn):hover { color: #E11F30; }
.marinas-and-dockage .card a:not(.btn) { color: #182954; text-decoration: none; }
.marinas-and-dockage .card a:not(.btn):hover { color: #182954; }

.navigation-alerts a:not(.btn) { color: #E11F30; text-decoration: none; }
.navigation-alerts a:not(.btn):hover { color: #E11F30; }

.anchorages a:not(.btn) { color: #E11F30; text-decoration: none; }
.anchorages a:not(.btn):hover { color: #E11F30; }
.anchorages .card a:not(.btn) { color: #182954; text-decoration: none; }
.anchorages .card a:not(.btn):hover { color: #182954; }

.whats-nearby a:not(.btn) { color: #E11F30; text-decoration: none; }
.whats-nearby a:not(.btn):hover { color: #E11F30; }

.community a:not(.btn) { color: white; text-decoration: none; }
.community a:not(.btn):hover { color: white; }

.guides a:not(.btn) { color: inherit; text-decoration: none; }
.guides a:not(.btn):hover { color: inherit; }

.news a { color: #e11f30; }
.news a:hover { color: #e11f30; }
.news-post img { border: 4px solid transparent; }
.news-post img:hover { border: 4px solid #E11F30; }

.destinations a:not(.btn) { color: white; text-decoration: none; }
.destinations a:not(.btn):hover { color: white; }
.destinations .destination img:first-child { border: 7px solid transparent; }
.destinations .destination img:first-child:hover { border: 7px solid #E11F30; }
.destinations .destination.selected img:first-child { border: 7px solid white; }

#navaid-details img.icon { position: absolute; max-width: 3%; }
#navaid-details img.icon.centered { top: 28%; left: 48%; }
.knowledge-center img.icon { position: absolute; max-width: 3%; }
.knowledge-center img.icon.centered { top: 28%; left: 48%; }
.marinas-and-dockage img.icon { position: absolute; top: 15px; left: 3%; max-width: 8%; }
.marinas-and-dockage img.icon.centered,.navigation-alerts img.icon.centered,.anchorages img.icon.centered { position: absolute; top: 21%; left: 45%; max-width: 8%; }

.guide-map #map { height: 750px; }
.guide-map a:not(.btn) { color: #182954; text-decoration: none; }
.guide-map a:not(.btn):hover { color: #182954; }
.guide-map .btn.btn-mode.selected { background-color: #182954; border-color: #0d6efd; box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%) }
.guide-map .popup a { color: blue; }
.guide-map .popup a:hover { text-decoration: underline; color: blue; }
.guide-map .popup a:focus-visible { outline: none; }
.guide-map .chapter-link { cursor: pointer; }
.guide-map .chapter-link.hover, .guide-map a.chapter-link:hover { color: #c00000; }
.guide-map .guide-link { cursor: pointer; }
.guide-map .marker .fuelPrice {
  position: absolute;
  bottom: 4px;
  right: 0px;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 0.9rem;
}
.guide-map .boating-destination.hover a { color: #c00000; }
.guide-map .marker.hover[type=destination] { width: 90px !important; height: 54px !important; }
.guide-map .marker.hover:not([type=destination]) { width: 45px !important; height: 45px !important; }

.knowledge-center a:not(.list-group-item):not(.btn) { color: #E11F30; text-decoration: none; }
.news-region-menu-item { color: white; background-color: #E11F30; }
.news-region-menu-item:hover, .news-region-menu-item.active { color: white; background-color: #182954; }

.box-shadow { box-shadow: 0 3px 10px rgb(0 0 0 / 0.4); }

.news-item img { max-width: 100%; height: auto; }
.news-item p img {
  margin: 20px auto;
  display: block;
  padding: 0px 20px;
}
.news-item figure.image { text-align: center; }
.news-item figure figcaption { margin: auto; max-width: 650px; font-style: italic; font-size: 0.9rem; }

.print-only:hover, .digital-only:hover, .print-and-digital:hover {
  cursor: pointer;
}

.video .btn:hover {
  background-color: #182954;
  border-color: #182954;
}

.custom-tooltip {
  --bs-tooltip-bg: #182954;
  --bs-tooltip-color: white;
  margin-bottom: 20px;
}

.magnifying-glass:hover { cursor: pointer; }
#reviews-thanks { display: none; }
.explorer-link { cursor: pointer; }

.highlight { background-color: yellow }

/*------------------------------------
- COLOR wg-primary
------------------------------------*/
.alert-wg-primary {
    color: #000000;
    background-color: #6584d3;
    border-color: #5577ce;
}

.alert-wg-primary hr {
    border-top-color: #4167c8;
}

.alert-wg-primary .alert-link {
    color: #000000;
}

.badge-wg-primary {
    color: #fff;
    background-color: #182954;
}

.badge-wg-primary[href]:hover, .badge-wg-primary[href]:focus {
    color: #fff;
    background-color: #0c152c;
}

.bg-wg-primary {
    background-color: #182954 !important;
}

a.bg-wg-primary:hover, a.bg-wg-primary:focus,
button.bg-wg-primary:hover,
button.bg-wg-primary:focus {
    background-color: #0c152c !important;
}

.border-wg-primary {
    border-color: #182954 !important;
}

.btn-wg-primary {
    color: #fff;
    background-color: #182954;
    border-color: #182954;
}

.btn-wg-primary:hover {
    color: #fff;
    background-color: #101b38;
    border-color: #0c152c;
}

.btn-wg-primary:focus, .btn-wg-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(24, 41, 84, 0.5);
}

.btn-wg-primary.disabled, .btn-wg-primary:disabled {
    color: #fff;
    background-color: #182954;
    border-color: #182954;
}

.btn-wg-primary:not(:disabled):not(.disabled):active, .btn-wg-primary:not(:disabled):not(.disabled).active, .show > .btn-wg-primary.dropdown-toggle {
    color: #fff;
    background-color: #0c152c;
    border-color: #090f20;
}

.btn-wg-primary:not(:disabled):not(.disabled):active:focus, .btn-wg-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-wg-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(24, 41, 84, 0.5);
}

.btn-outline-wg-primary {
    color: #182954;
    background-color: transparent;
    border-color: #182954;
}

.btn-outline-wg-primary:hover {
    color: #fff;
    background-color: #182954;
    border-color: #182954;
}

.btn-outline-wg-primary:focus, .btn-outline-wg-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(24, 41, 84, 0.5);
}

.btn-outline-wg-primary.disabled, .btn-outline-wg-primary:disabled {
    color: #182954;
    background-color: transparent;
}

.btn-outline-wg-primary:not(:disabled):not(.disabled):active, .btn-outline-wg-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-wg-primary.dropdown-toggle {
    color: #fff;
    background-color: #182954;
    border-color: #182954;
}

.btn-outline-wg-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-wg-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wg-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(24, 41, 84, 0.5);
}

.list-group-item-wg-primary {
    color: #000000;
    background-color: #5577ce;
}

.list-group-item-wg-primary.list-group-item-action:hover, .list-group-item-wg-primary.list-group-item-action:focus {
    color: #000000;
    background-color: #4167c8;
}

.list-group-item-wg-primary.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-wg-primary,
.table-wg-primary > th,
.table-wg-primary > td {
    background-color: #5577ce;
}

.table-hover .table-wg-primary:hover {
    background-color: #4167c8;
}

.table-hover .table-wg-primary:hover > td,
.table-hover .table-wg-primary:hover > th {
    background-color: #4167c8;
}

.text-wg-primary {
    color: #182954 !important;
}

a.text-wg-primary:hover, a.text-wg-primary:focus {
    color: #0c152c !important;
}

.dropdown-item:active { background-color: #182954; }
/*------------------------------------
- END COLOR wg-primary
------------------------------------*/

.btn-diesel:not(:disabled):not(.disabled).active, .btn-diesel:not(:disabled):not(.disabled):active, .show>.btn-diesel.dropdown-toggle,
.btn-diesel, .page-item.active .page-link, .bootstrap-tagsinput .badge, .badge-primary:active { color: white; background-color: #153275; border-color: #153275; }
.btn-diesel:hover { color: white; background-color: #1145c6; border-color: #1145c6; }
.btn-diesel.focus, .btn-diesel:focus { background-color: #1145c6; box-shadow: 0 0 0 0.2rem rgba(132,135,173,1); }
.btn-diesel:disabled { background-color: #1145c6; border-color: #1145c6; }
.btn-diesel:not(:disabled):not(.disabled).active:focus, .btn-diesel:not(:disabled):not(.disabled):active:focus, .show>.btn-diesel.dropdown-toggle:focus {
    background-color: #1145c6; box-shadow: 0 0 0 0.2rem rgba(132,135,173,1);
}

.btn-gas:not(:disabled):not(.disabled).active, .btn-gas:not(:disabled):not(.disabled):active, .show>.btn-gas.dropdown-toggle,
.btn-gas, .page-item.active .page-link, .bootstrap-tagsinput .badge, .badge-primary:active { color: white; background-color: #ff7b03; border-color: #ff7b03; }
.btn-gas:hover { color: white; background-color: #d36f17; border-color: #d36f17; }
.btn-gas.focus, .btn-gas:focus { background-color: #d36f17; box-shadow: 0 0 0 0.2rem rgba(132,135,173,1); }
.btn-gas:disabled { background-color: #d36f17; border-color: #d36f17; }
.btn-gas:not(:disabled):not(.disabled).active:focus, .btn-gas:not(:disabled):not(.disabled):active:focus, .show>.btn-gas.dropdown-toggle:focus {
    background-color: #d36f17; box-shadow: 0 0 0 0.2rem rgba(132,135,173,1);
}


/* Hamburger Menu */
@media only screen and (max-width: 991px) { /* lg */
  .box-shadow { box-shadow: unset; }
  .news-item.box-shadow { box-shadow: unset; }
  .guide-map #map { height: 500px; }
  .bg-light .container.bg-light h1 { border-radius: initial !important; }
  .callout { width: 100%; max-width: auto; margin-left: auto; border-radius: initial !important; }

  .dropdown-menu .dropdown-menu{
    margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
	.nav-item .submenu { 
		position: relative;
		left: 0%;
		top: 0px;
	}
}