/* custom.css */
:root {
	/*--bodyblue: rgba(22, 77, 157, .7); */
	--bodyblue: rgba(0,20,58, .7); 
	--navblue: rgb(0,20,58);
	--footerblue: rgba(0,20,58,.7);
	--border: rgba(255,255,255,.1);
	--orangehighlight: #F37D3F;
}


body {
	 /* padding-top: 85px; */
	 min-height: 100%;
	 background-image: url('/img/bluewater.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Ubuntu', 'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	color: white;
   /* This is a hack so that position: sticky works */
   display: inline-table;
}

.tileTitleColor {
   color: #f37d3f;
}

.img-center{margin: 0 auto;}
.img-responsive{display: block; max-width: 100%; height: auto;max-height: 270px; width: auto;}

p {
	font-family: 'Lato', sans-serif;
	color: #dcdfe4;
}

hr {
	border-top: 1px solid rgba(255,255,255,.1);
	margin: .5rem;
}

a {
	color: #428bca;
}


a:hover, a:focus {
	color: white;
	text-decoration: none;
}

.op-9 {
	opacity: .9;
}

.mt-8 {
	margin-top: 3rem;
}

.mt-10 {
	margin-top: 5rem;
}

.mb-10 {
	margin-top: 5rem;
}


.btn-circle {

  border-radius: 15px;
}

.justify-content-evenly {
	 -webkit-box-pack: space-evenly!important;
    -webkit-justify-content: space-evenly!important;
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important;
}

.blue-callout {
	background-color: #08418a;
}

/*
.btn-link {
	background-color: transparent;
	border: none;
	font-family: 'Ubuntu', sans-serif;
	color: #46B3FC;
	line-height: normal;
	padding: 0;
	cursor: pointer;
}

.btn-link:hover {
	color: white;
}
*/

.btn-fhs {
	background-color: #1592E6;
	color: white;
	cursor: pointer;
	padding: .2rem .6rem .2rem .6rem;
	font-family: 'Ubuntu', sans-serif;
}

.btn-fhs:hover {
	background-color: #042c79;
}

.btn-map {
	background-color: #1592E6;
	color: white;
	cursor: pointer;
	padding: .2rem .6rem .2rem .6rem;
	font-family: 'Ubuntu', sans-serif;
}

.btn-map:hover {
	background-color: #47b5ff;
}


.btn-white {
	margin: 0;
	margin-bottom: .2rem;
	cursor: pointer;
	background-color: white;
	font-size: inherit;
	color: #001A46;
	font-family: inherit;
	border-color: #023a84;
}

.btn-white:hover {
	color: white;
	background-color: #013579;
	border-color: #1d5bab;
}


#contentWrapper {
	min-height: calc(100vh - 355px);
}

#content {
	background-color: rgba(0,20,58, .7);
	border-radius: 4px;
	border-style: solid;
	border-color: rgba(255,255,255,.1);
	border-width: 1px;
	box-shadow: 3px 3px 10px rgba(0,24,55,.5) ;
}

/*****************SHOPPING CART STYLE*************************/
	#shoppingCart {
	    z-index: 1050;
	    position: fixed;
	    top: 0;
	    right: 0;
	    background: rgb(1, 48, 106);
	    border-radius: 6px;
	    border-style: solid;
		border-color: #001b4c;
		border-width: 1px;
		box-shadow: -4px 4px 10px rgba(0,24,55,.5);
	    width: 400px;
	    overflow-y: auto;
	    max-height: calc(90vh);
	}

	#cartContent {
		background-color: rgb(0,20,58);
		border-radius: 6px;
	}

	#openCart {
		display: flex;
	}

	#openCart .fa-shopping-cart {
		align-self: center;
	}

	.cart-notification {
	    position: relative;
	    left: -4px;
	    top: -8px;
	    font-size: .8rem;
	    margin-right: -4px;
	}

	.font-9 {
		font-size: .9rem;
	}

	.cart-product-description {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.cart-product-description p {
	/*	font-family: 'Lato', sans-serif;*/
		font-size: .95rem;
	}

	@media(max-width: 768px) {
		.form-control-sm {
			font-size: 1rem;
		}
	}

	@media (max-width: 992px) {
		/* body {
			padding-top: 130px;
		} */

		#contentWrapper {
			min-height: calc(100vh - 225px);
		}
	}

	@media (max-width: 430px) {
		#shoppingCart {
		    width: 100%;
		}
	}

/*****************NAVIGATION STYLING*************************/

	/*color*/
	.main-nav {
		background-color: rgb(0,20,58);
	}

	.dropshadow {
		box-shadow: 0 0px 5px 0px #0a1a29;
	}

	.white-link {
		color: white;
		opacity: .8;
	}

	.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
	    color: rgb(255, 255, 255);
	}

	/*Search bar & icon formatting*/
	.inner-addon { 
	    position: relative; 
	} 

	.inner-addon .fa-search{
	  position: absolute;
	  padding: .25rem .5rem .25rem .5rem;
	  color: white;
	  opacity: .5;
	}

	.left-addon input  { padding-left:  30px; }

	.right-addon input  { padding-right:  26px; }

	#inputBox {
		color: white;
		background-color: rgb(0, 41, 100);
		width: 95%;
		font-family: 'Ubuntu', sans-serif;
	}

	#inputBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: white;
	  opacity: .7;
	}
	#inputBox::-moz-placeholder { /* Firefox 19+ */
	  color: white;
	  opacity: .7;
	}
	#inputBox:-ms-input-placeholder { /* IE 10+ */
	  color: white;
	  opacity: .7;
	}

	#inputBox:-moz-placeholder { /* Firefox 18- */
	  color: white;
	  opacity: .7;
	}

	#openCart {
		cursor: pointer;
	}

	/*keep main nav in a horizontal direction*/
	.navbar .navbar-nav#mainTopNav {
		flex-direction: row;
	}
	.navbar-toggleable-md .navbar-collapse {
		width: auto;
	}

	/*Spacing between options in menu*/
	#mainTopNav .nav-link {
		margin-left: .5em;
		margin-right: .5em;
	}

	/*underline for active link*/
	.navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link {
		border-bottom-style: solid;
		border-bottom-width: 2px;
	}
	.nav-link {
		padding-bottom: 1px;
	}

	/*size of menu button*/
	.navbar-toggler-right {
	  	top: 1rem;
	  	padding: 0px 6px;
	  }

	/*ooverride bootstrap dropdown menu positioning*/
	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		position: absolute;
		margin-top: 20px;
		top: 14px;
	}

	#mainNavDropdown {
		background-color: rgb(0,20,58);
	}

	#mainNavDropdown .dropdown-item {
		color: white;
		opacity: .5;
	}

	#mainNavDropdown .dropdown-item:hover {
	/*	background-color: var(--fhsblue);*/
		background-color: #F37D3F;
		opacity: 1;
		color: white;
	}

	/*xs devices & below*/
	@media (max-width: 390px) {

		/*resize brand logo*/
		#brandlogo {
			width: 90%;
		}

		/*customize menu button*/
		.navbar-toggler-right {
			padding: .2rem .4rem .2rem .4rem;
			right: .5rem;
		}
		.navbar-toggler-icon {
			width: 1.2em;
			height: 1.2em;
		}
	}

	/*large & above devices*/
	@media (min-width: 992px) {
		/*hover products dropdown*/
		li.dropdown:hover > .dropdown-menu {
	    display: block;
	  }

	}

	@media (min-width: 992px) and (max-width: 1071px) {
		#mainTopNav .nav-link {
		    margin-left: .2em;
		    margin-right: .2em;
		    padding-left: .2em;
		    padding-right: .2em;
		}
	}

	#paper {
		cursor: pointer;
	}

	#subNavDropdown {
      left: 100%;
      margin: 0;
      background-color: #00143a;
      top: -18%;
    }

    div.dropdown:hover > .dropdown-menu {
      display: block;
    }

    .dropdown-menu {
      min-width: 0;
    }

    .dropdown-item {
    	padding: 3px 1rem;
    }

    @media (max-width: 359px) {
    	#subNavDropdown .dropdown-item {
    		white-space: normal;
    	}
    }

/*****************MAIN CONTENT*************************/

	.list-group-item {
		background-color: inherit;
		border: none;
	}

/*****************HOME PAGE*************************/
	.home-row {
		background-color: rgba(0,20,58, .7);
		box-shadow: 1px 1px 20px 0px rgba(1, 17, 41, 0.81);
	    border-radius: 4px;
	    border-style: solid;
	    border-color: rgba(255,255,255,.1);
	    border-width: 1px;
	}

	.carousel-item-next, .carousel-item-prev, .carousel-item.active {
		display: block;
	}

	.carousel-control-next, .carousel-control-prev {
		width: auto;
		align-items: flex-end;
		margin-top: 5px;
		position: static;
	}

	.carousel-indicators {
		bottom: -7px;
	}

	#newCharts{background:url("../img/homepageBanners/FSH-2020-Charts-XL.jpg"); background-size:cover; background-position:0% 50%; min-height:350px; position: relative;}
	@media (max-width: 1024px){#newCharts{background:url(../img/homepageBanners/FSH-2020-Charts-L.jpg); background-size:cover; background-position:0% 50%; min-height:320px; position: relative;}}
	@media (max-width: 768px){#newCharts{background:url(../img/homepageBanners/FSH-2020-Charts-M.jpg); background-size:cover; background-position:0% 50%; min-height:385px; position: relative;}}
	@media (max-width: 667px){#newCharts{background:url(../img/homepageBanners/FSH-2020-Charts-SM.jpg); background-size:cover; background-position:50% 0%; min-height:250px; position: relative;}}
	#newChartsContent{position: absolute; bottom: 20px; left: 20px;}
	@media (max-width:1024px){#newChartsContent{bottom: 20px;}}
	@media (max-width:768px){#newChartsContent{width: 50%; bottom: 75px;}}
	@media (max-width:667px){#newChartsContent{width: 50%; bottom: 20px;}}
	@media (max-width:414px){#newChartsContent{width: 80%; bottom: 20px;}}

	#printedCharts{background:url(../img/homepageBanners/FSH-PrintedMaps-XL.jpg); background-size:cover; background-position:50% 50%; min-height:350px; position: relative; background-position: initial;}
	@media (max-width: 1024px){#printedCharts{background:url(../img/homepageBanners/FSH-PrintedMaps-L.jpg); background-size:cover; background-position:0% 50%; min-height:320px; position: relative; background-position: initial;}}
	@media (max-width: 768px){#printedCharts{background:url(../img/homepageBanners/FSH-PrintedMaps-M.jpg); background-size:cover; background-position:0% 50%; min-height:385px; position: relative; background-position: initial;}}
	@media (max-width: 667px){#printedCharts{background:url(../img/homepageBanners/FSH-PrintedMaps-SM.jpg); background-size:cover; background-position:50% 0%; min-height:250px; position: relative; background-position: initial;}}
	#printedChartsContent{position: absolute; bottom: 20px; right: 20px;}
	@media (max-width:1024px){#printedChartsContent{bottom: 20px;}}
	@media (max-width:768px){#printedChartsContent{width: 50%; bottom: 75px;}}
	@media (max-width:667px){#printedChartsContent{width: 50%; bottom: 20px;}}
	@media (max-width:414px){#printedChartsContent{width: 80%; bottom: 20px;}}

	#mobileCharts{background:url(../img/homepageBanners/FSH-MobileMaps-XL.jpg); background-size:cover; background-position:50% 50%; min-height:350px; position: relative;}
	@media (max-width: 1024px){#mobileCharts{background:url(../img/homepageBanners/FSH-MobileMaps-L.jpg); background-size:cover; background-position:0% 50%; min-height:320px; position: relative;}}
	@media (max-width: 768px){#mobileCharts{background:url(../img/homepageBanners/FSH-MobileMaps-M.jpg); background-size:cover; background-position:0% 50%; min-height:385px; position: relative;}}
	@media (max-width: 667px){#mobileCharts{background:url(../img/homepageBanners/FSH-MobileMaps-SM.jpg); background-size:cover; background-position:50% 0%; min-height:250px; position: relative;}}
	#mobileChartsContent{position: absolute; bottom: 20px; left: 20px;}
	@media (max-width:1024px){#mobileChartsContent{bottom: 20px;}}
	@media (max-width:768px){#mobileChartsContent{width: 50%; bottom: 75px;}}
	@media (max-width:667px){#mobileChartsContent{width: 50%; bottom: 20px;}}
	@media (max-width:414px){#mobileChartsContent{width: 80%; bottom: 20px;}}


	#halloween{background:url(../img/2018-HalloweenBanner.png) no-repeat; background-position: center center; background-color: #000; height: 500px;}
	#blackfriday{background:url(../img/FSH-BlackFriday-Large-Banner.jpg) no-repeat; background-position: center center; background-color: #000; height: 500px;}
	@media(max-width: 767px) {
		#blackfriday {
			background: url(../img/FSH-BlackFriday-Small-Banner.jpg) no-repeat;background-position: center center;
		}
	}
	#cybermonday{background:url(../img/FSH-CyberMonday-Large-Banner.jpg) no-repeat; background-position: center center; background-color: #001439; height: 500px;}
	@media(max-width: 767px) {
		#cybermonday {
			background: url(../img/FSH-CyberMonday-Small-Banner.jpg) no-repeat;background-position: center center; background-color: #001439;
		}
	}
	#thanksgiving{background:url(../img/FSH-ThanksGiving-Large-Banner.jpg) no-repeat; background-position: center center; background-color: #000; height: 500px;}
	@media(max-width: 767px) {
		#thanksgiving {
			background: url(../img/FSH-ThanksGiving-Small-Banner.jpg) no-repeat;background-position: center center;
		}
	}

	#christmas{background:url(../img/FSH-Christmas-Large-Banner.jpg) no-repeat; background-position: center center; background-color: #000; height: 500px;}
	@media(max-width: 767px) {
		#christmas {
			background: url(../img/FSH-Christmas-Small-Banner.jpg) no-repeat;background-position: center center;
		}
	}
@media (max-width:667px){#christmas{background: url(../img/FSH-Christmas-XSmall-Banner.jpg) no-repeat; background-position: center center;}}
	#tumbler {
		
		background-position: center center;
		height: 500px;
	}

	#tumbler > .row {
		width: inherit;
		margin:0;
	}

	@media(min-width: 991px) {
		#tumbler {
			background-image: url(/img/fhs-tumbler-lg.png);
		}
	}

	@media(max-width: 990px) and (min-width: 768px) {
		#tumbler {
			background-image: url(/img/fhs-tumbler-md.png);
		}
	}

	@media(max-width: 767px) {
		#tumbler > .row {
			height: inherit;
		} 

		#tumbler {
			background-image: url(/img/fhs-tumbler-sm.png);
		}

		#smCold {
			margin-bottom: 290px;
		}
	}

	#pro2018 {
		background-position: center left;
		height: 500px;
		color: white;
	}

	@media(min-width: 1301px) {
		#pro2018 {		
			background-image: url(/img/2018-pro-cases-lg.png);
		}
	}


	@media(max-width: 1300px) {
		#pro2018 {		
			background-image: url(/img/2018-pro-cases-md.png);
		}
	}

	#tn {
		background-image: url(/img/tn-home.png);
		background-position: center center;
		height: 500px;	
	}

	#tnTitle {
		font-size: 3.4rem;
		color: #505148;
		margin-top: 3rem;
		margin-left: 10%;
	}

	@media(max-width: 1130px) {
		#tn {
			background-image: url(/img/tn-home-800.png);
		}
	}

	@media(max-width: 700px) {
		#tn {
			background-position: top left;
		}

		#tnTitle {
			font-size: 2.6rem;
			text-align: center;
			margin-left: 0;
			margin-bottom: 3rem;
		}
	}

	#menuMap {
		background-image: url(/img/menu-map.png);
		height: auto;
	}

	@media(max-width: 767px) {
		#menuMap {
			height: auto;
		}
	}

	@media(max-width: 574px) {
		#menuMap {
			height: auto;
		}
	}

	#menuMap > .row {
		width: inherit;
		margin: 0;
	}

	.menu-option {
		background-color: rgba(229, 242, 255, 0.55);
	    border-radius: 4px;
	    border-style: solid;
	    border-color: #858548;
	    border-width: 1px;
	    color: #1A2836;
	}

	.menu-option:hover {
		background-color: rgba(229, 242, 255, 0.8);
		box-shadow: 1px 1px 4px 2px rgba(0, 33, 90, 0.24);
	}

	.menu-option p {
		margin: 0 7px 12px 7px;
	    font-size: .8rem;
	    color: #616161;
	}

	.times {
		font-family: 'Times', 'Times New Roman', serif;
	    font-style: italic;
	    font-size: 2.6rem;
	}

	.times sup {
	    font-family: 'Times', 'Times New Roman', serif;
	    font-style: italic;
	    font-size: .8rem;
	    top: -1.2em;
	}

/*****************DIGITAL PAGE*************************/
	#digitalLandingImage{background:url(../img/homepageBanners/FSH-DigitalMaps-XL.jpg); background-size:cover; background-position:50% 50%; min-height:500px; position: relative;}
	@media (max-width: 1024px){#digitalLandingImage{background:url(../img/homepageBanners/FSH-DigitalMaps-L.jpg); background-size:cover; background-position:0% 50%; min-height:320px; position: relative;}}
	@media (max-width: 728px){#digitalLandingImage{background:url(../img/homepageBanners/FSH-DigitalMaps-M.jpg); background-size:cover; background-position:0% 50%; min-height:385px; position: relative;}}
	@media (max-width: 414px){#digitalLandingImage{background:url(../img/homepageBanners/FSH-DigitalMaps-SM.jpg); background-size:cover; background-position:50% 0%; min-height:250px; position: relative;}}
	#digitalLandingImageContent{position: absolute; bottom: 20px; left: 20px;}
	@media (max-width:1024px){#digitalLandingImageContent{bottom: 20px;}}
	@media (max-width:768px){#digitalLandingImageContent{width: 50%; bottom: 75px;}}
	@media (max-width:667px){#digitalLandingImageContent{width: 50%; bottom: 20px;}}
	@media (max-width:414px){#digitalLandingImageContent{width: 80%; bottom: 20px;}}

	#digitalLandingImage > .row {
		width: inherit;
		height: inherit;
	}

	#digitalTitle {
		font-size: 3.5rem;
	}

		#digitalTitle {
			font-size: 2.5rem;
			margin-top: 5rem;
		}
	}

	.btn-fhs-no {
	    color: white;
	    cursor: pointer;
	    padding: .2rem .6rem .2rem .6rem;
	    font-family: 'Ubuntu', sans-serif;
	}

	.btn-fhs-no:hover {
	    background-color: #00539e;
	}

	.digital-partner {
		margin-top: 13px;
		margin-bottom: 4px;
	}


/*****************PRINT PAGE*************************/
	#printLandingImage {
		background-image: url(/img/print_landing.png);
		height: 450px;
	}

	#printLandingImage > .row {
		width: inherit;
	}

	#printLandingImage h1 {
		font-size: 3.5rem;
	}

	#printLandingImage p {
		font-family: 'Times', 'Times New Roman', serif;
		font-style: italic;
		font-size: 1.3rem;
	}

	#printLandingImage sup {
		font-family: 'Times', 'Times New Roman', serif;
		font-style: italic;
		font-size: .6rem;
	}

	.tip-text {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	#loader {
	    height: 100%;
	    z-index: 9999999;
	    background-color: black;
	    position: absolute;
	    width: 100%;
	    top: 0;
	    left: 0;
	    opacity: .5;
	}

	#mapWrapper {
	    background-color: #08418a;
	}

	.map-btn {
		margin: 0;
		margin-bottom: .2rem;
		cursor: pointer;
		background-color: rgba(45, 111, 195, 0.58);
		font-size: inherit;
		color: #d7e1ef;
		font-family: inherit;
		border-color: #023a84;
	}

	.map-btn:hover {
		color: white;
    	background-color: #013579;
    	border-color: #1d5bab;
	}

	#locatorMap {
		height: 80vh;
        border: 1px solid rgba(0, 26, 71, 0.89);
	}

	@media(max-width: 700px) {
		#locatorMap {
			height: 65vh;
		    border-radius: 4px;
	        border: 1px solid rgba(0, 26, 71, 0.89);
		}
	}

	.store-cluster {
		height: 26px!important;
	    width: 26px!important;
	    background-color: rgb(247, 245, 222);
	    border-radius: 30px;
	    text-align: center;
	    padding-top: 4px;
	    border-width: 1px;
	    box-shadow: 1px 1px 6px 1px rgba(80, 95, 6, 0.28);
	    color: #1060B1;
	}

	.store-cluster:hover {
	    border-color: #169aff;
	    border-style: solid;
	    color: #169aff;
	}

	.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
	    font-size: 10px;
	}

	.leaflet-touch .leaflet-bar a {
	    width: 26px;
	    height: 26px;
	    line-height: 26px;
	}

	/********Map locate me styling********/
		.map-locator-btn {
			width: 26px;
			height: 26px;
			border: none;
			background-color: white;
			cursor: pointer;
			border-radius: 4px;
			padding: 0;
		}

		.map-locator-btn:hover {
			background-color: #f4f4f4;
		}

		@keyframes fade { 
		  from { stroke-width: 4; } 
		}

		.location-marker {
  			animation: fade 1s ease-in-out infinite alternate;
		}

	/********Map search styling********/
		.map-search-box {


		}

		#autocomplete {
		    width: 227px;
		    line-height: 16px;
		    font-family: 'Lato', sans-serif;
		    border: none;
		    height: 27px;
		}

		.autocomplete-suggestions {
			background-color: #08418a;
			border-radius: 3px;
			padding: 0 3px;
		}

		.autocomplete-suggestion, .autocomplete-no-suggestion {
		    overflow: hidden;
		    text-overflow: ellipsis;
		    cursor: pointer;
		    white-space: nowrap;
		    font-size: 14px;
		    line-height: 32px;
		    padding: 4px;
		    border-top: solid 1px #4D89D6;
		    font-family: 'Lato', sans-serif;
		}


		.autocomplete-suggestion:hover {
			background-color: #4D89D6;
		}

		.autocomplete-reset {
		   /* display: none;*/
		    position: absolute;
		    right: 0;
		    width: 26px;
		    height: 100%;
		    padding-right: 2px;
		    text-align: center;
		    vertical-align: middle;
		    background-color: transparent;
		    cursor: pointer;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    color: #8d8d8d;
		    font: normal 17px/28px 'Lucida Console', Monaco, monospace;
		}

		.leaflet-container .leaflet-control-attribution.esri-attribution {
		    margin-left: 11px;
		    border-radius: 2px;
		    background-color: #ffffff54;
		}

	/********Pop up styling********/
		.leaflet-popup-content-wrapper {
			background-color: #08418a;
			color: inherit;
		}

		.leaflet-popup-content {
			margin-top: 10px;
			padding-right: 10px;
		}

		.leaflet-popup-tip {
			background-color: #08418a;
		}

		.leaflet-container a.leaflet-popup-close-button {
			font-family: 'Ubuntu', sans-serif;
			font-size: 26px;
			font-weight: normal;
			color: rgba(255, 255, 255, .7);
			margin: 5px 5px 0px 0px;
		}

		.leaflet-container a.leaflet-popup-close-button:hover {
			color: rgba(255, 255, 255, 1);
		}

		.popup-title {
			font-family: 'Ubuntu', sans-serif;
			margin-right: .5rem;
			text-align: left;
		}

		.price {
			font-family: 'Ubuntu', sans-serif;
		}

		/* .open-modal {
			background-color: transparent;
		    color: #46B3FC;
		    cursor: pointer;
		    padding: 0px 16px 0px 0px;
		    margin-right: auto;
		    font-size: .9rem;
		    font-family: 'Lato', sans-serif;
		} */

		.open-modal {
			padding: 8px 20px;
			background-color: #1592e6;
			color: white;
			margin-top: 20px;
		    cursor: pointer;
		    font-size: .9rem;
		    font-family: 'Lato', sans-serif;
			border-radius: 3px;
		}

		.modalWrapper {
			text-align: center;
		}
		
		.leaflet-popup-content-wrapper {
			border-radius: 5px !important;
		}

		.open-modal:hover {
		    /* color: #F1F0EB; */
			background-color: #1383cf;
		}


		#popup-addtocart {
			display: inline-block;
		}

		.store-title {
			margin-bottom: 2px;
			font-family: 'Ubuntu', sans-serif;
		}

		.store-address {
			font-size: 14px;
			font-family: 'Lato', sans-serif;
			margin-bottom: 5px;
		}

		.store-address a {
			color: #68aaff;
		}

	/********Tooltip styling********/
		.leaflet-tooltip {
			background-color: #08418a;
			border: none;
			color: white;
			font-family: 'Ubuntu', sans-serif;
		}

		.cluster-tooltip {
	    	background-color: rgb(247, 245, 222);
		    color: #1060B1;
    	    border-color: #169aff;
		    border-style: solid;
	    	color: #1060B1;
		    border-width: 1px;
		}

		.cluster-tooltip.leaflet-tooltip-top:before {
			border-top-color: #169aff;
		}

		.leaflet-tooltip-left:before {
			border-left-color: #08418a;
		}

		.leaflet-tooltip-right:before{
			border-right-color: #08418a;
		}

		.leaflet-tooltip-top:before{
			border-top-color: #08418a;
		}


	/********Modal styling********/
		.modal {
			position: absolute;
		}

		.modal-backdrop.show {
			opacity: 0;
		}

		.modal.fade .modal-dialog {
		  -webkit-transition: -webkit-transform .2s ease-in;
		       -o-transition:      -o-transform .2s ease-in;
		          transition:         transform .2s ease-in;
		}

		#mapDetailModal {
			padding-right: 0!important;
		}

		#mapDetailModal h5 {
			font-family: 'Ubuntu', sans-serif;
			padding-left: 15px;
		}

		@media (min-width: 667px) {
			.modal-dialog {
			    max-width: 600px;
			    margin: auto;
			}
		}

		@media (min-width: 760px) {
			.modal-dialog {
			    max-width: 670px;
			    margin: auto;
			}
		}

		@media (min-width: 914px) {
			.modal-dialog {
			    max-width: 800px;
			    margin: auto;
			}
		}

		.modal-content {
			margin-top: 13%;
			box-shadow: 0 3px 14px rgba(0,0,0,0.4);
			background-color: #08418a;
			font-family: 'Lato', sans-serif;
		}

		.modal-content p {
			color: white;
		}

		.modal-content span {
			font-weight: normal!important;
		}

		.modal-header > button.close {
			color: white;
			opacity: 1;
		}

		.modal-header > button.close:hover {
			opacity: .75;
		}

		.max-height-1 {
			max-height: 250px;
		}

		.sp-lightbox {
			z-index: 1060;
		    background-color: rgba(27, 27, 27, 0.93);
		}

		@media(max-width: 500px) {
			.sp-lightbox img {
				max-height: 70%;
			}
		}

		.sp-large {
			text-align: center;
		}

		.sp-large a img {
			max-height: 144px;
		}

		.sp-wrap {
			margin: 0 0 15px 0;
			width: 236px;
		    text-align: center;
		}

		@media(min-width: 760px) and (max-width: 914px) {
			.sp-wrap {
				width: 200px;
			}
		}

		.sp-thumbs {
			margin-top: 5px;
		}

		#sp-prev, #sp-next {
		    background-color: transparent;
    		width: 30px;
    		height: 30px;
		}

		#sp-next:before {
		    border: 5px solid transparent;
		    border-left: 11px solid white;
		    top: 9px;
		    left: 10px;
		}

		#sp-prev:before {
		    border: 5px solid transparent;
		    border-right: 11px solid #fff;
		    top: 9px;
		    left: 2px;
		}

		#sp-prev:hover, #sp-next:hover {
			background-color: #366ab1;
		}

		#sp-close {
		    position: absolute;
		    top: 10%;
		    margin-top: -25px;
		    z-index: 501;
		    color: #fff;
		    padding: 14px;
		    text-decoration: none;
		    border-radius: 25px;
		    border: 2px solid #fff;
		    width: 30px;
		    height: 30px;
		    box-sizing: border-box;
		    transition: .2s;
		}

/*****************ACCESSORIES PAGE*************************CAN DELTE*/
	#accessoriesLandingImage {
		background-image: url(/img/accessories_landing.png);
		background-position: center top;
		height: 505px;
	}

	#accessoriesLandingImage > .row {
		width: inherit;
	}

	#accessoriesLandingImage h1 {
		font-size: 3.5rem;
	    text-shadow: 0px 0px 9px rgba(81, 110, 121, 0.41);
    	padding-bottom: 13rem;
	}

	.accessory-link:hover > .white-link {
		opacity: 1;
	}

/*****************SUPPORT PAGE*************************/
	.breadcrumb {
		background-color: #001945;
	}

	.breadcrumb-item.active {
	    color: white;
	}

	.breadcrumb-item+.breadcrumb-item::before {
	    color: #bbbbbb;
	}

	.card {
		background-color: transparent;
	}

	.card-header {
		background-color: transparent;
	}

	#landingImageSupport {
		background-image: url(/img/support_landing.png);
		height: 340px;
		background-position: center center;
		background-repeat: no-repeat;
	    border-radius: 4px;
	}

	@media(max-width: 767px) {
		#landingImageSupport {
			background-position: left center;
		}
	}

	#landingImageSupport > .row {
		width: inherit;
	}

	#landingImageSupport h1 {
		text-shadow: 
				2px 2px 0 #000,
				-1px -1px 0 #000,  
				1px -1px 0 #000,
				-1px 1px 0 #000,
				1px 1px 0 #000;
	}

	#landingImageSupport p {
		text-shadow:
				3px 3px 0 #000,
				-1px -1px 0 #000,  
				1px -1px 0 #000,
				-1px 1px 0 #000,
				1px 1px 0 #000;
	}

	.h-underline {
	    border-bottom: solid;
	    border-width: 1px;
	    /*display: inline;*/
	    padding-right: .5rem;
	    padding-bottom: .2rem;
	    border-color: #3a74da;
	}

	.Ubuntu {
		font-family: 'Ubuntu', serif;
	}

	.white {
		font-family: 'Lato', sans-serif;
		color: white;
	}

	.padded-list li {
		padding-bottom: .2rem;
	}

	#supportOptions h5 {
		color: #e6e8ed;
	}

	/*A bunch of stuff to align the support option headers just right*/
		@media(min-width: 592px) and (max-width: 900px) {
			#contactSupportOptions {
				margin-top: 1.5rem;
			}
		}

		@media(min-width: 992px) and (max-width: 1425px) {
			#contactSupportOptions {
				margin-top: 1.5rem;
			}
		}

		@media(min-width: 713px) and (max-width: 900px) {
			#legendSupportOptions {
				margin-top: 1.5rem;
			}
		}

		@media(min-width: 1028px) and (max-width: 1425px) {
			#legendSupportOptions {
				margin-top: 1.5rem;
			}
		}

	#supportOptions h6 {
		padding-top: .75rem;
		color: #e6e8ed;
	}

	#supportOptions a {
		color: #c9cfd8;
		font-family: 'Lato', sans-serif;
	}

	#supportOptions a:hover {
		color: white;
	}

	.faq-accordion .card {
		background-color: rgba(0, 20, 58, 0.8);
		border-color: rgba(0, 35, 92, 0.59);
		box-shadow: none;
		margin-top: 0;
	}

	.faq-accordion .card-header {
		padding: .32rem .96rem;
		background-color: rgba(0, 20, 58, 0.8);

	}

	.faq-accordion .card-block {
		padding-left: 2.5rem;
	    border-top: 1px solid #003894;
        color: #dadce8;
	}

	@media(max-width: 576px) {
		.faq-accordion .card-block {
			padding-left: 2rem;
		}
	}

	.faq-question a {
		color: #c8d9f1;
	}

	.faq-question a:hover {
		color: #428bca;
	}

	.faq-question a:focus {
		color: white;
		text-decoration: none;
	}

	.compatibilityDropdown {
	    color: #f0f6ff;
	    background-color: #003177;
	    border-color: #023d88;
	    padding: .32rem .96rem;
	}


	#compatibilityDropdown {
	    color: #f0f6ff;
	    background-color: #003177;
	    border-color: #023d88;
	    padding: .32rem .96rem;
	}

	#seriesSelect {
	    background-color: #003177;
	}

	#seriesSelect a {
	    color: #f0f6ff;
	    padding-left: .6rem;
	}

	#seriesSelect a:hover {
	    color: #428bca;
	}

	.series-select {
	    background-color: #003177;
	}

	.series-select a {
	    color: #f0f6ff;
	    padding-left: .6rem;
	}

	.series-select a:hover {
	    color: #428bca;
	}

	#lowranceCompatibilityAccordions .card-block {
		padding: .32rem .96rem;
		font-size: .9rem;
	}

	#lowranceCompatibilityAccordions {
		margin-bottom: 20px;
	}

	.no-list-style {
		list-style: none;
		margin: 0;
	}

	/************lowrance Support*************/
		.lowranceLanding {
			background-image: url(/img/lowrancesupport.png);
			height: 340px;
			background-position: right center;
			background-repeat: no-repeat;
		}

		.lowranceLanding > .row {
			width: inherit;
		}

		#lowranceLegacyCompatibilityAccordion .faq-question a {
			color: #428bca;
		}

		#lowranceLegacyCompatibilityAccordion .faq-question a:hover, #lowranceLegacyCompatibilityAccordion .faq-question a:focus {
			color: white;
		}

	/************Raymarine Support*************/
		#raymarineLanding {
			background-image: url(/img/raymarine-support.png);
			background-position: bottom center;
			height: 340px;
			background-repeat: no-repeat;
		}

		#raymarineLanding > .row {
			width: inherit;
		}

		#raymarineCompatibilityAccordion .card-block {
			padding: .32rem .96rem;
			font-size: .9rem;
		}

	/************Garmin Support*************/
		#garminLanding {
			background-image: url(/img/garmin-support.png);
			background-position: center center;
			height: 340px;
			background-repeat: no-repeat;
		}

		#garminLanding > .row {
			width: inherit;
		}

	/************Print Support*************/
		#printSupport {
			background-image: url(/img/paper-support.png);
			background-position: bottom center;
			height: 320px;
			background-repeat: no-repeat;
		}

/********************ABOUT PAGE*************************/
	#aboutLanding {
		background-image: url(/img/lake-of-the-woods.png);
		height: 415px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	.figure-caption {
		font-size: .8rem;
	}

	.figure-caption p {
		font-family: 'Ubuntu', sans-serif;
	}

	.figure {
		max-width: 100%;
	}

/*****************PRIVACY & TERMS*************************/
	.inline-header .h-underline {
		display: inline;
	}

	.paragraph-block {
		margin: .3rem 0 1.5rem .6rem;
	}

	.paragraph-block p {
		margin-bottom: .7rem;
	}

/*****************DIGITAL LEGENDS*************************/
	.legendWrapper {
		background-color: rgba(0,20,58, .7);
	}

	.legendWrapper h3 {
		opacity: 1;
	}

	.section {
		display: flex;
	    flex-wrap: wrap;	
	}

	.symbol_lLato {
		font-family: 'Lato', serif;
		color: #d8dce4;
		font-size: .9rem;
	}

	.symbols img {
	    background-color: white;
	    border-radius: 5px;
	    background-color: #f2f4f7;
	}

	.rows {
		width: 33%;
	    text-align: center;
	    padding: 1rem;
	}

	.section_title {
		padding-top: 2rem;
		text-align: center;
		font-size: 1.3rem;
	}

	@media(max-width: 710px) {
		.rows {
			width: 50%;
		}
	}

/*****************FOOTER STYLING*************************/
	.footer {
	    background-color: rgba(0,20,58,.7);
	    box-shadow: 0 0px 5px 0px #0a1a29;
	    margin-top: 15px;
	    color: rgba(255,255,255, .6);
	    font-size: .9rem;
	}

	.footer h6 {
		color: rgba(255,255,255, .9);
	}

	.footer .nav-item  a {
		color: #99A4B5;
	}

	.footer .nav-item a:hover {
		color: white;
	}

	.footer .nav-link {
		padding: .5em 0;
	}

	.footer address a {
		color: #99A4B5;
	}

	.footer address a:hover {
		color: white;
	}

	#copyright {
		font-size: .8rem;
		opacity: .4;
	}

	#mailBtn {
	    border-radius: 16px;
	    padding: 6px 8px;
	    background-color: #f37d3f;
   		color: white;
	}

	#fbBtn {
	    border-radius: 16px;
	    padding: 6px 8px;
	    margin-left: 3px;
	    background-color: #00539e;
	    color: white;
	}

	#fbIns{
	    border-radius: 16px;
	    padding: 6px 8px;
	    margin-left: 3px;
	    background-color: #cb3595;
	    color: white;
	}

	.social-btn:hover {
		background-color: #4e98ff !important;
		border-color: #4e98ff !important;

	}

	.fa-facebook {
		width: 16px;
	}

	.footer address {
		margin-bottom: .4rem;
		padding-top: .5em;
		white-space: nowrap;
	}

/* Osano cookie plugin, customizations */
   .osano-cm-info-dialog-header {
      margin-bottom: 20px;
   }
   .osano-cm-header, .osano-cm-info-dialog-header {
       background: rgb(0 20 58);
       background-image: none !important;
    } 
   .osano-cm-info {
      background: rgb(126 153 177) !important;
      color: #ffffff !important;
  }