@charset "UTF-8";

/* ----- COLOR PALETTE 

#3d5c99 	: dk/med blue - a tags, h3
#003d7f		: darker/med blue - table cells, hmpg card buttons
#6c757d		: medium gray - color secondary

 */

/* ----- BODY STYLES 
---------------------------------------- */
body {
  font-family: 'Roboto', sans-serif;
	color: #333; /*color*/
}

/* ----- NAVBAR 
---------------------------------------- */
nav.navbar {
	border-top: 10px solid #6c757d; 
	padding-top: 10px;
}
a.navbar-brand {
	font-size: 1.5rem;
	font-weight: 600;
}
/* ----- TYPOGRAPHY & GENERAL CLASSES  
---------------------------------------- */
/* ----- headings ----- */
h1 {
	font-size: 1.8rem;
	font-weight: 600;
}
h2 {
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
	font-weight: 600;
}
h2.underline {
	font-size: 1rem;
	color: #3d5c99;
	padding-bottom: 10px;
	border-bottom: 1px solid #3d5c99;
	margin-bottom: 20px;
}
h3 {
  font-size: 1rem;
	font-weight: 600;
}
h3.underline {
	color: #3d5c99;
	padding-bottom: 10px;
	border-bottom: 1px solid #3d5c99;
	margin-bottom: 20px;
}
h4 {}
h5 {}
/*links*/
a {
	color: #3d5c99;
}
/* ----- paragraph ----- */
p {
  font-size: 1rem;
}
/* ----- general styles ----- */
ul {
  list-style: none;
  padding-left: 0px;
}
/*removes default spacing for tables*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.uppercase {
  text-transform: uppercase;
}
.imgFrame {
  padding: 5px;
  background: #fff;
  border: 1px solid #330;
  -webkit-box-shadow: 3px 3px 6px #666;
  -moz-box-shadow: 3px 3px 6px #666;
  -o-box-shadow: 3px 3px 6px #666;
  box-shadow: 3px 3px 6px #666;
}
p.subtitle {
margin-top: -10px;
}
/*puts line between cards*/
.card {
	border-top: white;
	border-right: white;
	border-bottom: white;
	margin-bottom: 20px;
}
.card:first-of-type {
	border: white;
}
/*moves p closer to h3*/
p.card-text {
	margin-top: -8px;
}
/*styles for hr*/
hr.style-one {
   border-top: 1px solid #8c8b8b;
}

/* ----- HERO 
---------------------------------------- */
#hero {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
}
#hero p {
	font-size: 1.2rem;
  letter-spacing: 0.05rem;
	font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 4px 0 3px 0;
  margin-top: 10px;
}

/* ----- MAIN CONTENT & INTRO
---------------------------------------- */
#mainContent {
  margin-bottom: 50px;
}
#intro {
  padding-bottom: 10px;
}

/* ----- ASIDE 
---------------------------------------- */
#aside {
  text-align: center;
  background-color: #F1F1F1;
	border: 5px solid #E8E8E8;
}
 #aside h2 {
  padding-top: 20px;
}
.aside h3 {
	padding-top: 20px;
}
.aside table.tripRates {
	margin-top: 20px;
	margin-bottom: 10px;
}
.asideImg img {
		margin-top: 60px;
}

/* ----- FOOTER 
---------------------------------------- */
footer #footerColumns {
  padding: 30px 0px 30px;
  background-color: #6c757d; /*color secondary*/
  color: #fff;
  font-size: medium;
}
footer li.emphasize {
	text-transform: uppercase;
  font-size: 1rem;
	margin-bottom: 5px;
}
footer ul li {
  font-size: 0.9rem;
}
/* email / call  */
footer .emailLink a {
	color: #fff;
}
/* fix for blue tel numbers in ios devices */
footer a[href^=tel] {
  color: #fff;
  text-decoration: none;
}
footer .emailLink a:hover {
	color: #fff;
}
/* social media & financial icons */
footer ul li.icon {
  display: inline-block;
  margin: 5px 0;
}
footer .icon a {
	color: white;
	text-decoration: none;
}
footer .icon a:hover, footer .icon a:visited {
	color: white;
	text-decoration: none;
}
footer .icon a {
	padding-right: 10px;
}
footer .icon a:last-child {
	padding-right: 0;
}
/*make logo responsive*/
footer img.responsive  {
	max-width: 100%;
	height: auto;
}

/* ----- SPECIFIC PAGES 
---------------------------------------- */
/* ----- HOME PAGE 
---------------------------------------- */
p.announcement {
	font-weight: 600;
}
.imgBlog {
  float: left;
  margin-right: 3%;
  margin-bottom: 10px;
  padding: 5px;
  background: #fff;
  border: 1px solid #330;
  -webkit-box-shadow: 3px 3px 6px #666;
  -moz-box-shadow: 3px 3px 6px #666;
  -o-box-shadow: 3px 3px 6px #666;
  box-shadow: 3px 3px 6px #666;
}
div.hmPgIntro {
	margin-bottom: 80px;
}
#introTrips h2 {
	text-align: center;
/*	margin-top: 40px;*/
}
#introTrips {
	padding-top: 40px;
	padding-bottom: 40px;
}
#hmPgTrips .btn-primary {
	background-color: #3d5c99;
/*	display: block;
	margin-left: auto;
	margin-right: auto;*/
}
#hmPgTrips .card-body h3 {
	color: #3d5c99;
	text-align: center;
}

/* ----- ABOUT 
---------------------------------------- */
#about h2 {
	padding-top: 20px;
}
.asideProfile {
  padding-top: 20px;
}
.asideImg {
  padding-top: 30px;
}

/* ----- GOOGLE CALENDAR 
---------------------------------------- */
#googleCalendar h2 {
	text-align: center;
	margin-bottom: 40px;
}
/* iframe workaround provided by Anders M. Andersen @ andmag.se */
.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio = 9/1 6= 56.25% */
	padding-top: 30px; /* IE workaround */
	height: 0;
	overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ----- RATES PAGE 
---------------------------------------- */
/*tables*/
section.tableRates {
 margin: 0px 0 30px 0;
}
section.tableRates img {
	margin-top: 10px;
	margin-bottom: 5px;
}
table.tripRates {
	width: 100%;
}
.tripRates th, tr, td {
  border: 1px solid #666;
}
.tripRates th {
	padding: .5rem;
	color: #fff;
	text-transform: uppercase;
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
  background-color: #003d7f;
/* background-image: -webkit-linear-gradient(180deg,rgba(84,124,152,1.00) 0%,rgba(153,168,179) 100%);*/
   /* background-image: -moz-linear-gradient(180deg,rgba(70,151,171,1.00) 0%,rgba(49,111,127,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(70,151,171,1.00) 0%,rgba(49,111,127,1.00) 100%);*/
/*    background-image: linear-gradient(180deg,rgba(153,168,179,1.00) 0%,rgba(84,124,152) 100%);*/
}
.tripRates td {
  padding: .5rem;
}
.tripRates td.tripHdg {
	background-color: #003d7f; /*dk/bright blue*/
  color: #fff;
  text-transform: uppercase;
	border-top: 3px solid #666;
  border-bottom: 3px solid #666;
}
.tripRates td.tripInfo {
	background-color: #F1F1F1;
	color: #000;
}
.tripRates td.bgWhite {
	background-color: white;
}
.tripRates .tableRowCenter {
  text-align: center;
}

/* ----- TRIPS PAGES 
---------------------------------------- */
.tripsIntro {
	margin-bottom: 40px;
	
}
.tripDescription {
	margin-bottom: 40px;
}

/* ----- BOATS PAGE 
---------------------------------------- */
.boats2 {
	margin-bottom: 30px;
	background-color: #F5F5F5;
}


/* ----- @ MEDIA MIN-WIDTH 576PX 
-------------------------------------------------------------------------------------------- */
@media screen and (max-width: 992px) {
	
	/* ----- GENERAL STYLES 
---------------------------------------- */
	h1, p.subtitle, h2 {
		text-align: center;
	}
	/*center image*/
		.centerImg {
		display: block;
		margin: 0 auto;
	}
/*aside*/
	#aside {
		margin-top: 30px;
	}
	.aside h3 {
		padding-top: 20px;
	}
	.asideImg img {
margin-top: 20px;
		margin-bottom: 20px;
	}
 /*footer*/ 
	footer #footerColumns { 
	text-align: center;
	}
	
	/* ----- SPECIFIC PAGES 
---------------------------------------- */
	/* ----- RATES PAGE 
---------------------------------------- */
	.tableRates img.imgRatesPage {
		margin-top: 40px;
	}
		
	table.tripRates {
	width: 93%;
}
	
}

@media screen and (max-width: 768px) {
	
		/* ----- SPECIFIC PAGES 
---------------------------------------- */
	
	table.tripRates {
	width: 100%;
}
	
	/* ----- RESOURCES PAGE 
---------------------------------------- */
	#resourcesList {
		text-align: center;
	}
	#resourcesList h3 {
		margin-top: 20px;
	}
	
	
}