/*	WHALES.COM 2024
	
	font-family: 'Oswald', sans-serif;
	font-family: 'Muli', sans-serif;
	font-family: "Red Hat Text", sans-serif;
	font-family: "mojito", sans-serif;


Fonts Added:
Mojito Regular
	font-family: "mojito", sans-serif;
	font-weight: 400;
	font-style: normal;
Mojito Rough
	font-family: "mojito", sans-serif;
	font-weight: 700;
	font-style: normal;

	
	color:#f69220 (orange)
	color:#002654; (navy blue)
*/

html #wpadminbar {
	Xdisplay:none;
}
html, body {
	padding:0;
	margin:0;
}
body {
	font-family: 'Muli', sans-serif;
	font-family: "Red Hat Text", sans-serif;
	font-size:18px;
	color:#767676;
	color:#44565d;
	background-color:#FFF;
	overflow-x:hidden;
}

.pad {
	position:relative;
	max-width:90vw;
	margin:0 auto;
}

.holidayBanner {
	height:180px;
	background:url('images/bgHolidayBanner.jpg') left center no-repeat;
	background-size:cover;
	border-top:solid 5px #f70708;
	border-bottom:solid 5px #f70708;
	padding:15px 15px 10px 15px;
}
.holidayBanner.home {
	margin:-32px 0 30px 0;
}
body.home .holidayBanner.footer {
	display:none;
}
.holidayBanner.footer {
	height:220px;
	border:none;
}
.holidayBanner img {
	display: block;
	max-height:100%;
	width:auto;
	margin-left:250px;
}


.site-header {
	position: relative;
	position:fixed;
	width:100%;
	display:block;
	max-width:100%;
	height:120px;
	background: rgb(255,255,255);
	background: linear-gradient(to top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.5) 100%);
	padding:0;
	z-index: 99;
	transition:0.2s all;
}
.site-header.sticky {
	height:90px;
	background: rgba(255,255,255, 0.9);
	box-shadow:0px 5px 5px rgba(0,0,0, 0.4);
}

#hdrLogo {
	display: flex;
	position:relative;
	top:10px;
	width:301px;
	max-width:45%;
	height:99px;
	z-index:10;
	transition:0.2s all;
}
#hdrLogo img {
	width:100%;
}

.site-header.sticky #hdrLogo {
	width:220px;
	height:74px;
}


/* NAVIGATION */
#menu-toggle,
.primary-navigation > div > .menu-wrapper.mobileMenu {
	display:none;
}
#navBar {
	display: flex;
	position: relative;
	left:calc(50% - 240px);
	bottom:37px;	
	display: block;
	position:absolute;
	bottom:-14px;
	left:0;
	width:100%;
	z-index:2;
}
.primary-navigation {
	margin:0;
}



/* HEADER TOP RIGHT LINKS */
.hdrBookNow {
	position:absolute;
	top:32px;
	right:0;
	width:fit-content;
	max-width:45%;
	background:#002654;
	border:solid 3px #f69220;
	border-radius:30px;
	box-shadow: none;
	transition:0.2s all;
}
.hdrBookNow:hover {
	box-shadow:2px 2px 5px rgba(0,0,0, 0.4);
	transition:0.2s all;
}
.hdrBookNow a {
	display:block;
	height:43px;
	font-family:'mojito', sans-serif;
	font-size:34px;
	font-weight: 100;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:43px;
	padding:5px 17px 5px 10px;
	transition:0.2s all;
}
.hdrBookNow a img {
	display:inline-block;
	position:relative;
	top:-10px;
	width:auto;
	height:35px;
	transition:0.2s all;
}
.hdrBookNow a span {
	display:inline-block;
	position: relative;
	top:-5px;
}
.site-header.sticky .hdrBookNow {
	top:12px;
}
.site-header.sticky .hdrBookNow a {
	font-size:24px;
	height:30px;
	line-height:30px;
}
.site-header.sticky .hdrBookNow a img {
	height:24px;
}


.moreInfoPagesBelowHeader {
	height:70px;
	background:url('images/topoOverlayFull_faded.svg') center bottom no-repeat rgba(0,38,84, 0.9) ;
	background-size:cover;
	margin-bottom:40px;
}
.site {
	position: relative;
	top:44vh;
	background:none;
	margin:0;
}
.site.moreInfoPages {
	top:0 !important;
	top:120px !important;
}




/* HOME PAGE 2024 */
.site.home {
	position:relative;
	top:calc(80vh - 60px);
}
.site.home .entry-content {
	margin:0;
}
.site.home .entry-content h1 {
	font-size:80px;
	text-shadow:3px 3px 0px #FFF;
}
.theBestCruisingExperience {
	position:relative;
	text-align:center;
}
.theBestCruisingExperience.moreInfoPages {
	margin:70px 0;
}
.theBestCruisingExperience::before {
    content: "";
    position: absolute;
    bottom:20%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 50.6%;
    background-image: url('images/bgTextureSlate.svg');
    pointer-events: none;
	opacity:0.2;
}
.theBestCruisingExperience h4 {
	font-size:50px;
}
.theBestCruisingExperience iframe {
	border-radius:20px;
	margin:20px 0;
	box-shadow:5px 5px 10px rgba(0,0,0,0.4);
}

.IGfeed {
	text-align:center;
	margin:50px 0;
}



/* COMMON */
h1, h2, h3, h4, h5, h6,
.entry-title a {
	font-family: 'mojito', sans-serif;
	font-weight:100;
	color:#002654;
	text-transform:none;
	border:none;
}
.entry .entry-title:before,
h1:not(.site-title):before, h2:before {
	display:none;
}
p, .entry-content, .entry-summary {
	font-family: 'Muli', sans-serif;
	font-family: "Red Hat Text", sans-serif;
	font-weight: 600;
}
.entry .entry-header {
	margin:30px auto;
}
h1.page-title,
h1.entry-title {
	font-size:50px;
	margin:30px 0;
}
a {
	color:#549ac9;
	transition:0.1s all;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	outline: 0;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline:none;
	text-decoration:none;
	background:none;
}
article {
	padding-bottom:30px;
}
.alignwide,
article,
.post-thumbnail, .entry-content .wp-audio-shortcode, *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
	max-width:1100px;
	margin:0 auto;
}
.alignwide, 
article,
.entry-footer {
	width:95%;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
	max-width:1100px;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
	border-bottom:none;
	box-shadow:none;
}
p, .entry-content p {
	margin:0 0 1rem 0;
}
strong {
	font-weight:700;
}
form p {
	margin:1rem 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"],
input[type=checkbox], input[type=radio], textarea, .site textarea {
	font-family: 'Muli', sans-serif;
	font-family: "Red Hat Text", sans-serif;
	color:#767676;
	border:solid 1px #ccc;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-family: 'Oswald', sans-serif;
	font-size:19px;
	font-weight:400;
	color:#FFF;
	line-height:1.5em;
	text-transform:none;
	background:#6b6b6b;
	border-radius:0;
	padding:0 50px 5px;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background:#249fb8;
	text-shadow:1px 1px 2px rgba(0,0,0, 0.8);
}
.error-404 {
	padding-bottom:40px;
}


/* COMMMON -- 2024 updates*/
.entry-header {
	display:none;
}
body.moreInfoPages .entry-header {
	display:block;
	margin:60px 0;
}
.entry-content h1 {
	font-size:50px;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	font-family:'Oswald', sans-serif;
	font-size:28px;
	font-weight:400;
}
/* end COMMON -- 2024 updates */


/* MEET THE WHALES*/
table.whaleSpecies {
	position:relative;
	border:none;
    border-radius:20px;
	background:#FFF;
    margin: 20px 0 90px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}
table.whaleSpecies::before {
    content: "";
    position: absolute;
    bottom:15%;
    left:-50%;
    z-index: -1;
    width:200%;
    height:70%;
    background-image: url(images/bgTextureSlate.svg);
    pointer-events: none;
    opacity: 0.2;
}
table.whaleSpecies td {
	vertical-align: top;
	border:none;
	font-size:18px;
	padding:20px;
}
table.whaleSpecies td.graphic {
	width:50%;
	max-width:420px;
}
table.whaleSpecies td.divider {
	height:5px;
	padding:0;
}
.whaleSpecies h3 {
	margin:0 0 20px 0;
}
/* J, K, L PODS */
#PodsTable td {
	margin:1px;
	vertical-align: top;
	border:solid 1px #FFF;
}



/* RATES & SCHEDULES */
table.RatesSchedules {
	position:relative;
	border:none;
    border-radius:20px;
	background:#FFF;
    margin: 20px 0 90px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}
table.RatesSchedules::before {
    content: "";
    position: absolute;
    bottom:15%;
    left:-50%;
    z-index: -1;
    width:200%;
    height:70%;
    background-image: url(images/bgTextureSlate.svg);
    pointer-events: none;
    opacity: 0.2;
}
table.RatesSchedules td {
	vertical-align: top;
	border:none;
	font-size:16px;
}
table.RatesSchedules td.photo,
table.RatesSchedules td.schedule,
table.RatesSchedules td.rates {
	padding:20px;
}
table.RatesSchedules td img {
	border-radius:10px;
}
table.RatesSchedules td h3 {
	font-family: 'mojito', sans-serif;
	font-size:40px;
	margin:0 0 20px 0;
}
table.RatesSchedules td p {
	font-size:16px;
	line-height: 1.3em;
	margin:1em 0;
}

table.RatesSchedules td.schedule table {
}
table.RatesSchedules td.schedule table td,
table.RatesSchedules td.rates table td {
	padding:0;
}
table.RatesSchedules a.bookNow {
	display:block;
	width:fit-content;	
    height: 43px;
    font-family: 'mojito', sans-serif;
    font-size: 34px;
    font-weight: 100;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height:37px;
	background:#002654;
    border: solid 3px #f69220;
    border-radius: 30px;
	padding:0 30px;
	margin:30px auto;
}
table.RatesSchedules a.bookNow:hover,
table.RatesSchedules a.bookNow:active,
table.RatesSchedules a.bookNow:focus {
	background:#002654 !important;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.promoCodeBox { /* (guaranteed sightings) */
	width:80%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color:#FFF;
	letter-spacing:0.5px;
	text-align: center;
	text-shadow:3px 3px 0px #000;
	background:#002654;
	padding:7px 30px;
	margin:30px auto 0 auto;
}

/* 2024 GALLERIES */
.gallery-item img {
	width:100% !important;
	height:15vw !important;
	object-fit:cover;
}
.gallery-caption {
	display:none;
}


/* CRUISES PAGE */
table.cruises {
	position:relative;
	border:none;
    border-radius:20px;
	background:#FFF;
    margin: 20px 0 90px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}
table.cruises::before {
    content: "";
    position: absolute;
    top:15%;
    left:-50%;
    z-index: -1;
    width:200%;
    height:70%;
	max-height:400px;
    background-image: url(images/bgTextureSlate.svg);
    pointer-events: none;
    opacity: 0.2;
}
table.cruises td {
	vertical-align: top;
	border:none;
	font-size:16px;
}
table.cruises td.photo,
table.cruises td.schedule,
table.cruises td.rates {
	padding:20px;
}
table.cruises td img {
	border-radius:10px;
	width:300px;
	height:150px;
	object-fit: cover;
	transition:0.2s;
}
table.cruises td img:hover {
	box-shadow:5px 5px 8px rgba(0,0,0, 0.3);
}
table.cruises td h3 {
	font-family: 'mojito', sans-serif;
	font-size:50px;
	margin:0 0 20px 0;
}

table.cruises td h4 {
	width:fit-content;
}
table.cruises td p {
	font-size:16px;
	line-height: 1.3em;
	margin:1em 0;
}
table.cruises td a:hover {
	color:#0064de;
}
table.cruises .BookNowButton {
	display:block;
	float:right;
	width:fit-content;
    font-weight: 100;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height:2em;
    background: #002654;
    border: solid 2px #f69220;
    border-radius:30px;
    padding: 0 30px;
	margin:-7px 30px 0 0;
	transition:0.2s all;
}
table.cruises .cruiseDetailsLink {
}
table.cruises .BookNowButton:hover,
table.cruises .BookNowButton:active,
table.cruises .BookNowButton:focus {
	color:#FFF;
    background: #002654;
	box-shadow:5px 5px 8px rgba(0,0,0, 0.3);
}


/* TESTIMONIALS */
/* 2024 TESTIMONIALS changes */
.testimonialsHeader {
	position:relative;
    padding: 40px 0;
	margin:0;
}
.testimonialsHeader::before {
    content: "";
    position: absolute;
    bottom:15%;
    left:-50%;
    z-index: -1;
    width:200%;
    height:70%;
    background-image: url(images/bgTextureSlate.svg);
    pointer-events: none;
    opacity:1;
}
.testimonialsHeader p {
    font-family: 'mojito', sans-serif;
    font-size: 60px;
    font-weight: 100;
    color: #FFF;
    text-shadow: 3px 3px 0px #000;
    text-align: center;		
}
.testimonialsText {
	position: relative;
	top:-1.5em;
	border-radius:0 0 20px 20px;
	background:#f6f6f6;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
	padding:60px;
	margin:0 auto;
}
.testimonialsText p {
	font-size:17px;
	color:#002654;
}
/* end 2024 TESTIMONIALS changes */



/* PRIVATE PARTIES */
table.PrivateParties {
	position:relative;
	border:none;
    border-radius:20px;
	background:#FFF;
    margin: 20px 0 30px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}
table.PrivateParties::before {
    content: "";
    position: absolute;
    bottom:15%;
    left:-50%;
    z-index: -1;
    width:200%;
    height:70%;
    background-image: url(images/bgTextureSlate.svg);
    pointer-events: none;
    opacity: 0.2;
}
table.PrivateParties td {
	vertical-align: top;
	border:none;
	font-size:18px;
	padding:20px;
}
table.PrivateParties td.details {
	width:40%;
}
table.PrivateParties td.mainPhoto {
	width:60%;
}
table.PrivateParties td.mainPhoto img {
	border-radius:10px;
}
table.PrivateParties td.smallPhotos img {
	width:23%;
	margin:1%;
}
table.PrivateParties td h2 {
	font-size:36px;
	text-align: center;
	margin:0 0 20px 0;
}
table.PrivateParties td p,
table.PrivateParties ul {
    font-family: 'Muli', sans-serif;
	font-size:17px;
	line-height: 1.5em;
	margin:1em 0;
}


/* BREWERS CRUISE */
table.brewerySchedule {
    border-radius: 20px;
    background: #FFF;
    margin: 0 0 20px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}
table.brewerySchedule td {
	border:none;
	vertical-align: top;
	padding:20px 20px 0 20px;
	min-width:130px;
}

/* BLOG PAGES */
body.blogPages h1.entry-title,
body.blogPages h2.entry-title {
	font-size:36px;
}
.post-navigation .post-title {
	font-size:18px;
}


/* CHART YOUR OWN SECTION*/
.ChartYourOwn {
	background:#eaeff5;
	text-align: center;
	margin:0 0 40px 0;
	background:url('images/topoOverlayFull_faded.svg') center bottom no-repeat #002654;
	background-size:cover;
}
.ChartYourOwn h3 {
	font-size:70px;
	color:#FFF;
	text-shadow:3px 3px 0px #000;
	padding:20px 0;
}
.ChartYourOwn p {
	text-align: center;
	font-weight: 600;
	color:#FFF;
	max-width:95%;
	margin:2em auto 1em auto;
}
.ChartYourOwnTiles a.tile {
	display:inline-block;
	color:#FFF;
	font-size:22px;
	font-weight:600;
	text-shadow:2px 2px 2px #000;
	text-align:center;
	vertical-align:top;
	width:calc(20vw - 14px);
	height:20vw;
	border:solid 2px #000;
	border-radius:15px;
	margin:2px;
	background-size:cover !important;
	transition:0.2s;
}
.ChartYourOwnTiles a.tile:hover,
.ChartYourOwnTiles a.tile:active,
.ChartYourOwnTiles a.tile:focus {
	text-shadow:4px 4px 4px #000;
	border:solid 2px #f69220;
	box-shadow:0px 0px 20px #000;
}
.ChartYourOwnTiles a.tile span {
	display:block;
	line-height:1.3em;
	margin:15px 5px;
}
.tileWhaleWatching {
	background:url('images/ftrTile3Orcas.jpg') center center no-repeat !important;
}
.tileCrabDinner {
	background:url('images/ftrTileVictoriaStar.jpg') center center no-repeat !important;
}
.tileSanJuanIslands {
	background:url('images/ftrTileFridayHarbor.jpg?v=1') center center no-repeat !important;
}
.tileBeerWine {
	background:url('images/ftrTileWine.jpg') center center no-repeat !important;
}
.tileDeceptionPass {
	background:url('images/ftrTileDeceptionPass.jpg') center center no-repeat !important;
}
.tilePrivateParties {
	background:url('images/ftrTileVictoriaStar.jpg') center center no-repeat !important;
}
.tileWildlife {
	background:url('images/ftrTilePuffins.jpg') center center no-repeat !important;
}
.ChartYourOwn h4{
	font-size:54px;
	color:#FFF;
	text-shadow:3px 3px 0px #000;
	padding:0 0 30px 0;
}
/* end CHART YOUR OWN */


/* Sharing a Legacy of Exploration */
.sharingALegacyOfExploration {
	position: relative;
    background-image: url('images/bgTextureSlate.svg');
	opacity:1;
	text-align: center;
	padding:40px 0;
}
.sharingALegacyOfExploration::before {
    content: "";
    position: absolute;
	top:0;
    left: 0;
    z-index: -1;
    width: 100%;
    height:100%;
	background:#44565d;
    pointer-events: none;
	opacity:0.6;
}
.sharingALegacyOfExploration h4 {
	font-size:60px;
	font-weight:100;
	color:#FFF;
	text-shadow: 3px 3px 0px #000;
	margin:0 0 30px 0;
}

.sharingALegacyOfExploration p {
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	font-style:italic;
	font-weight:400;
	color:#FFF;
	text-shadow: 3px 3px 0px #000;
	text-align:center;
	margin:0;
}


/* FOOTER */

#Footer {
	position: relative;
	color:#FFF;
	background:#002654;	
	background:url('images/topoOverlayFull_faded.svg') center bottom no-repeat rgba(0,38,84, 0.9) ;
	background-size:cover;
	border-top:solid 6px #f69220;
	padding:10px 0;
}
#Footer .ftrContactInfo {
	float:left;
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	font-weight:400;
	line-height: 1.6em;	
    Xbackground: rgba(0, 38, 84, 0.6);
    width: fit-content;
    border-radius: 13px;
    padding:15px 0;
}
#Footer .ftrContactInfo strong {
	font-size:18px;
}
#Footer .ftrContactInfo a {
	color:#93c4ff;
}
#Footer .rightCol {
	float:right;
	width:310px;
}
#Footer .social {
	text-align:right;
}
#Footer .social a {
	display:inline-block;
	margin:10px 5px 0 10px;
}
#Footer .social img {
	max-width:35px;
	box-shadow: 2px 2px 0 #000;
	border-radius:6px;
	transition:0.2s all;
}
#Footer .social img:hover {
	box-shadow: 2px 2px 0 #0064de;
	transition:0.2s all;
}
#Footer .col {
	display:inline-block;
	width:40%;
	vertical-align:top;
}


#siteCredits {
	font-size:13px;
	color:#FFF;
	margin-top:20px;
}
#siteCredits a {
	display:inline-block;
	padding:0 5px;
	color:#FFF;
}
#siteCredits a.nwwebdev {
	display:inline-block;
	float:right;
	text-decoration: none;
	text-align: right;
}
#siteCredits a:hover {
	text-decoration:underline;
}

.ftrCredits .right {
	float:right;
	text-align:right;
}




.Clear {
	clear:both;
}

.YONDER_APP__display-button {
    bottom:40px !important;
}


/* reCaptcha badge */
.grecaptcha-badge{
	visibility: collapse !important;  
}
/*	WHALES.COM 2024
	
	font-family: 'Lobster', sans-serif;
	font-family: 'Voltaire', sans-serif;
	font-family: 'Muli', sans-serif;
	font-family: "Red Hat Text", sans-serif;
	
	color:#f69220 (orange)
	color:#002654; (navy blue)

*/