@charset "UTF-8";
/*
 * GO-461 F2c: port of the Joomla template stylesheet
 * templates/protostar/css/itineraries.css, kept as its own file because
 * production only loads it on the ContentBuilder itinerary detail views
 * (verified on the origin: the list, boat and site-card pages never
 * reference it). Loading it site-wide in F2 gave the list pages the
 * detail page's 16px/justified metrics, which is why they did not match
 * production.
 *
 * The origin's rule `h1.contentheading, footer, .cbPrintButton{display:none
 * !important}` is ported verbatim. The first and third selectors cover the
 * embedded cards, which still ship ContentBuilder's print button
 * (rg_b2b_card_print_prelude()); .contentheading stays as a guard even though
 * the port emits no such heading — production's itineraries.js
 * (`$(".contentheading, header").remove()`) deletes them before the visitor
 * sees one (see inc/print.php). The bare `footer` selector hides protostar's
 * own footer, which single-itinerary.php does render as the origin does (the
 * JS removes `header`, not `footer`); without this rule it would paint below
 * the contacts band.
 *
 * Enqueued by functions.php only when is_singular( 'itinerary' ).
 */

body{
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff !important;
}
body, body .container{
	border: 0 !important;
	box-shadow: none !important;
	font-size: 16px !important;
	line-height: 1.5em !important;
}
h1{
	margin-bottom: 5px !important;
	margin-top: 0 !important;
	font-size: 30px !important;
	float: left;
}
h1.title{
	font-weight: 100 !important;
	margin-top: -24px !important;
	margin-left: 7px;
	clear: right;
}
h1.contentheading, footer, .cbPrintButton{
	display:none !important;
}
h2{
	font-size: 32px !important;
	font-weight: 100 !important;
	text-align: center;
	margin-top: 30px !important;
	clear: both;
	page-break-inside: avoid !important;
}
h2 i{
	font-style: normal !important;
}
h2 span{
	text-align: center;
	border-bottom: 1px solid #ccc !important;
	padding-bottom: 10px;
	font-size: 18px !important;
	line-height: 1.3em !important;
	display: block;
	clear: both;
	text-transform:uppercase;
	font-weight: 700 !important;
	margin-top: 15px !important;
}
h4{
	font-size: 16px !important;
	float: left !important;
	font-weight: normal !important;
}
img.logo{
	position: absolute;
	right: 0;
	top: 0;
}
img.rg{
	margin-top: 40px;
	float: left;
	display: block;
}
p{
	text-align: justify !important;
}
p.islands{
	clear: both;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 4px solid #880000;
	font-size: 14px !important;
}
table.details{
	width: 70% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-right: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	line-height: 1.3em !important;
	margin-top: 20px !important;
	page-break-inside: avoid !important;
}
table.details td, table.details th {
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	page-break-inside: avoid !important;
}
table.details td div, table.details th div{
	page-break-inside: avoid !important;
}
table.details td {
	vertical-align: top !important;
	font-size: 14px !important;
	padding: 4px !important;
}
table.details td strong{
	font-style: italic !important;
	white-space: nowrap !important;
}
table.details th{
	text-align: center !important;
	padding: 8px !important;
	color: #fff !important;
}
table.details th div{
	color: #fff !important;
}
.body .container{
	background-color: transparent !important;
}
.foot{
	background-color: #e7e9ea;
	height: 200px;
	page-break-inside: avoid !important;
}
.foot table{
	margin-top: 20px;
	margin-bottom: 20px;
	page-break-inside: avoid !important;
}
.foot p{
	color:#7F1417;
}
.foot table div{
	padding-left: 35px;
	margin-top: 4px;
	min-height: 22px;
}
.foot table th{
	background-color: #e7e9ea !important;
	text-align: left !important;
	border-bottom: 1px solid #7F1417;
	color:#7F1417 !important;
	font-size: 20px;
}
.foot span{
	display: block;
	float: right;
	font-size: 12px;
	margin-top: -32px;
}
.head{
	height: 130px;
	background: rgb(231,233,234);
    background: linear-gradient(0deg, rgba(231,233,234,1) 0%, rgba(255,255,255,1) 100%);
	box-shadow: 0 0 10px 10px #ccc;
	margin-bottom: 20px;
}
.head .container div{
	color: #7F1417;
	float: right;
	text-align: right;
	font-size: 14px;
	margin-top: 40px;
}
.separator{
	border-bottom: 1px solid #880000;
	font-size: 2px;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 50px;
}