/*
Theme Name: Clipper Fresh
Theme URI: http://underscores.me/
Author: Tony Johnston
Author URI: http://www.clippervacations.com/
Description: Clipper custom theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clipper-fresh
Tags: one-column

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Clipper Fresh is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/**
 * Wordpress required
 */

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**
 * Clipper Custom
 */
i.fa-phone {
    padding-right: 6px;
}

/** Page edit links and stuff **/
footer.entry-footer {
    background: none;
    max-width: 1140px;
    margin: 0 auto;
}

/**
 * ACF Maps
 */
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}



/* Quick facts  */
.quick-facts-info div.info {
    text-transform: none !important;
}

/* Ratings half-star */
ul.rating {
    font-size: 1.3em;
    opacity: .75
}

/* Package detail hero text clarify */
/* TEXT STYLES*/








div.passenger-dropdown-content {
    background-color: white;
}

.booking-alt div.booking-cta {
    background-color: #fff;
}

.booking-alt h4 {
    width: 8em;
    text-align: center;
    letter-spacing: 2px;
}

h4.bowed::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 40px;
    width: inherit;
    height: 25px;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    background-color: rgb(0, 138, 171);
}

.booking-alt div.tab-content {
    padding: 15px;
}

.booking-alt .booking-cta ul {
    margin-top: 5px;
    letter-spacing: 2.5px;
}

.booking-alt a.nav-link.active {
    border-bottom: 3px solid !important;
    padding-bottom: 2px;
}

.booking-alt .book-field .btn {
    background-color: #cd681a;
    color: white;
    margin-top: 20px;
}

.booking-alt input.promo-box {
    width: 100%;
}

/* One way and round trip images in booking bar
.booking-alt img.two-way {
    width: 11px;
    margin: 0 5px 0 0;
}
.booking-alt img.one-way {
    width: 9px;
    margin: 0 5px 0 0;
}
*/



/**
 * Booking bar styling
 */
.booking-alt div.booking-cta {
    background-color: #fff;
}

.booking-alt h4 {
    width: 8em;
    text-align: center;
    letter-spacing: 2px;
}

h4.bowed::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 40px;
    width: inherit;
    height: 25px;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    background-color: rgb(0, 138, 171);
}

h4.bowed.schedules::after {
	background-color: #d86018;
}

.booking-alt div.tab-content {
    padding: 15px;
}

.booking-alt .booking-cta ul {
    margin-top: 5px;
    letter-spacing: 2.5px;
}

.booking-alt a.nav-link.active {
    border-bottom: 3px solid !important;
    padding-bottom: 2px;
}

.booking-alt .book-field .btn {
    background-color: #cd681a;
    color: white;
    margin-top: 20px;
}

.booking-alt input.promo-box {
    width: 100%;
}

.booking-alt img.two-way {
    width: 11px;
    margin: 0 5px 0 0;
}

.booking-alt img.one-way {
    width: 9px;
    margin: 0 5px 0 0;
}

.radio-item {
    /* display: inline-block;*/
    position: relative;
    padding: 0 6px;
    /* margin: 10px 0 0; */
}

.radio-item input[type='radio'] {
    display: none;
}

.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 11px;
    border: 1px solid #666;
    background-color: #ffffff;
}

.radio-item input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 9px;
    content: " ";
    display: block;
    background: #004c97;
}
/** Deal text **/

div.deal-text {
    background-size: 300%;
    margin: 0;
    background: url(images/svg-circle-orange.svg) no-repeat 90% 50%;
    /* background-color: rgba(205, 104, 26, 0.87);
    border-top-right-radius: 15%50%;
    border-bottom-right-radius: 15%50%; */
}

/* Removed to tighten up space on vessel info page.
div.intro-text {
    padding-bottom: 2em;
}

/* Book package form */
#package-child-age {
    display: none;
}

div#package-child-age.kids {
    display: block;
}


form {
    width: 100%;
}

#package-child-age-inputs select {
    margin-bottom: 3px;
}


.news-item p {
    text-transform: none;
}


.accordion h2 {
    margin-top: 35px;
}


div.copy.left ul.teal-bullets li::before {
    margin-left:0;
}

.clipper-refresh {
    width:100%;
    height:inherit;
    position: absolute;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}

.clipper-refresh h4::before {
    content:"\f021";
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-family: FontAwesome;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:10px;
}



/* Fix for content and Gravity Forms */
.gform_wrapper .gform_body, div.card-block ul.teal-bullets li, td {
    font-weight: 300;
    line-height: 22px;
    color: #222222;
}

/* Children's ages in booking bar/widgets */
.children-ages {
    display: none;
    padding-top:20px;
}

.children-ages p.legal {
    font-size: 1rem;
    line-height: 1.5em;
    margin: 25px 0 0 0;
}
/** Child age inputs in booking bar **/
#childAgeSelect-ferry div.child, #childAgeSelect-package div.child {
    margin:0 5px;
}
.help-block {
    display:none;
    color:red;
}



/* Booking bar city select */
.book-field .from-city, .book-field .to-city {
    min-width: 129px;
}

/* Widget input styling */
select[name=returns] {
    width:100%;
}
ul.options li.disabled {
    color:#666;
}

/* Travel fares table */
div.travel-fares-table {
    margin-bottom:25px;
}

.mobile-only {
    display: none;
}

.navbar-collapse.in .mobile-only {
        display: block;
}

.swap .copy ul {
    direction:ltr;
    text-align:left;
}

.schedule-table .schedule-item {
    font-weight: 400;
}
.side-links.down-cta-arrows .side-link:after {
	position:absolute;
	top:14px;
}

/* Currency Switch */
.switch {
	position: absolute;
	right:20px;
	display: inline-block;
	width: 52px;
	height: 26px;
	z-index:10;
}

.switch input {display:none;}

.navbar .switch {
	right:auto;
	left:0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/usd.svg) right no-repeat;
	background-size: contain;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	content: "USD";
	position: absolute;
	height: 26px;
	width: 26px;
	-webkit-transition: .4s;
	text-align: center;
	opacity:.25;
}

input:checked + .slider {
	background: url(images/cad.svg) left no-repeat;
	background-size: contain;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	content: "CAD";
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/**
 * Sub-page listings (hotels and activities)
 */
.sub-page.img-container {
	transition: all 2s;
}
.sub-page.img-container {
	border: 1px solid #fff;
	background-color: white;
	padding: 20px;
}
.package:hover .sub-page.img-container {
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12);
}
.package .sub-page p {
	margin-bottom:10px !important;
}

/**
 * A normal font for ULs
 */
.copy ul {
	font-weight: 300;
}

a.fare-table {
	padding: .5em .3em;
}



.continue-button {
	opacity:0;
}




div .class-callout {
	background-size:cover;
	height:300px;
	margin-bottom:10px;
}

.package-detail-upsell label.form-check-label {
	font-weight: 400;
	margin-left: 10px;
	letter-spacing: normal;
}

/* begin - fix for IE11 */
_:-ms-fullscreen, :root .deal-text {
	background-position: -120px;
}
/* end - fix for IE11 */

/* begin new promo blade styling */
/* Personalization */

/* Lazy loaded images fade in */
.lazy-load {
	transition: opacity .15s;
	opacity: 0;
}

.lazy-load.is-loaded {
	opacity: 1;
}

/* Move icon images to sprite sheet */
/* QuickSprites - BEGIN - DO NOT REMOVE THIS LINE */
.icon-group:hover,
.social-fb:hover,
.icon-contact,
.social-fb,
.social-tw,
.social-tw:hover,
.social-yt,
.icon-ship,
.icon-agent,
.social-insta,
.icon-group,
.icon-gc:hover,
.icon-ship:hover,
.icon-agent:hover,
.social-insta:hover,
.social-yt:hover,
.icon-contact:hover,
.icon-gc
{
	display:	inline-block;
	background-repeat:	no-repeat;
	background-image:	url( 'images/footer-spritesheet.png' );
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
{
	.icon-group:hover,
	.social-fb:hover,
	.icon-contact,
	.icon-ship,
	.social-tw:hover,
	.icon-agent,
	.icon-group,
	.icon-gc:hover,
	.icon-ship:hover,
	.icon-agent:hover,
	.social-insta:hover,
	.social-yt:hover,
	.icon-contact:hover,
	.icon-gc
	{
		-webkit-background-size:	283px 26px;
		-moz-background-size:	283px 26px;
		-o-background-size:	283px 26px;
		background-size:	283px 26px;
	}
}

.social-fb
{
	background-position:	-244px -28px;
	width:	27px;
	height:	25px;
}

.social-fb:hover
{
	background-position:	-271px -28px;
	width:	27px;
	height:	25px;
}

.social-tw
{
	background-position:	-488px 0;
	width:	32px;
	height:	26px;
}

.social-tw:hover
{
	background-position:	-488px -26px;
	width:	32px;
	height:	26px;
}

.social-insta
{
	background-position:	-298px -28px;
	width:	26px;
	height:	25px;
}

.social-insta:hover
{
	background-position:	-324px -28px;
	width:	26px;
	height:	25px;
}

.social-yt:hover
{
	background-position:	-350px -28px;
	width:	37px;
	height:	25px;
}

.social-yt
{
	background-position:	-387px -28px;
	width:	37px;
	height:	25px;
}

.icon-contact
{
	background-position:	-520px 0;
	width:	15px;
	height:	14px;
}

.icon-contact:hover
{
	background-position:	-520px -14px;
	width:	15px;
	height:	14px;
}

.icon-gc
{
	background-position:	-551px -28px;
	width:	15px;
	height:	12px;
}

.icon-gc:hover
{
	background-position:	-551px -40px;
	width:	15px;
	height:	12px;
}

.icon-group
{
	background-position:	-520px -28px;
	width:	15px;
	height:	14px;
}

.icon-group:hover
{
	background-position:	-535px 0;
	width:	15px;
	height:	14px;
}

.icon-ship
{
	background-position:	-535px -14px;
	width:	16px;
	height:	14px;
}

.icon-ship:hover
{
	background-position:	-535px -28px;
	width:	16px;
	height:	14px;
}

.icon-agent
{
	background-position:	-550px 0;
	width:	15px;
	height:	14px;
}

.icon-agent:hover
{
	background-position:	-551px -14px;
	width:	15px;
	height:	14px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
{
	.social-fb:hover
	{
		background-position:	-32px 0;
	}

	.social-tw:hover
	{
		background-position:	0 0;
	}

	.social-insta:hover
	{
		background-position:	-59px 0;
	}

	.social-yt:hover
	{
		background-position:	-85px 0;
	}

	.icon-contact
	{
		background-position:	-122px 0;
	}

	.icon-contact:hover
	{
		background-position:	-137px 0;
	}

	.icon-gc
	{
		background-position:	-212px -14px;
	}

	.icon-gc:hover
	{
		background-position:	-227px -14px;
	}

	.icon-group
	{
		background-position:	-152px 0;
	}

	.icon-group:hover
	{
		background-position:	-167px 0;
	}

	.icon-ship
	{
		background-position:	-182px 0;
	}

	.icon-ship:hover
	{
		background-position:	-198px 0;
	}

	.icon-agent
	{
		background-position:	-214px 0;
	}

	.icon-agent:hover
	{
		background-position:	-229px 0;
	}

}
/* QuickSprites - END - DO NOT REMOVE THIS LINE */

.lazy-hidden {
	background-image: none !important;
}

.li-sep {
	padding: 0 5px;
	font-weight:400;
}

@media (min-width: 768px) {
	.li-sep {
		padding: 0 10px;
	}
}



@media screen and (min-width: 767px) {
	.narrow-results {
		display: block
	}
}

@media screen and (max-width: 766px) {
	.narrow-results {
		display: none
	}
}




span.clipper-commitment {
	background: url(images/conservation/shield.svg) center no-repeat;
	background-size: cover;
	width:26px;
	height: 32px;
}

.swap h2 {
	direction:ltr;
}
.page-template-template-story p {
	font-weight:400;
}
.page-template-template-story img {
	max-width:100%;
}

#content .page-template-template-story a:not(.card-btn) {
	color: #008aab;
}
#content .page-template-template-story a:not(.card-btn):hover {
	color: #00567d;
}

.conservation-safe::after {
	content:" ";
	width:90px;
	position:absolute;
	height:15px;
	top:60px;
	left:41%;
	background:url(images/conservation/safe-wave.svg) center no-repeat;
	background-size:contain;
}
.conservation-risk::after {
	content:" ";
	width:90px;
	position:absolute;
	height:15px;
	top:60px;
	left:41%;
	background:url(images/conservation/risk-wave.svg) center no-repeat;
	background-size:contain;
}

@media (min-width: 768px) {
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible;
	}
}
a:not([href]):hover {
	cursor:default;
}
a.nav-link:hover {
	cursor: pointer;
}

.no-padding-p p {
	padding: 0 !important;
}
.csr-captions figcaption {
	color: #00567d;
	text-transform: uppercase;
	font-size:small;
}
.csr-captions img {
	height:100%;
	max-width:100%;
}
@media (max-width: 768px) {
	.conservation-cards.photos {
		min-height:265px;
	}
}
.clipper-card a.card-btn {
	padding:10px;
	margin:0;
}
@media (min-width: 768px) {
	.clipper-card a.card-btn {
		padding:10px 75px;
		margin-left: 25px;
	}
}



.tribe-events .tribe-events-calendar-series-archive__link {
	display: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.tribe-events-series-relationship-single-marker.tribe-common {
	display: none !important;
}

.tec-events-pro-series-meta-detail--label,
.tec-events-pro-series-meta-detail--link,
.tribe-events-event-categories-label,
.tribe-events-event-categories,
.tribe-events-sub-nav,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-view-selector,
a.tribe-events-calendar-series-archive__link {
	display: none !important;
}

.tribe-events-event-meta {
	width: 100% !important;
}

@media (min-width: 768px) {
    .tribe-events-venue-map {
				width: 100% !important;
		}
}