/* edit only version in mapcommon/css-v4 or it will be overriden on next sync */
@charset 'UTF-8';
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700');
@import url('font-awesome.min.css');

/*
	Beyond by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #191d23;
		color: #979797;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	a
	{
		color: #fff;
		text-decoration: underline;
	}
	
	strong
	{
		font-weight: 700;
	}
	
	small { /* NEW */
		font-size:80%;
	}
	
	h1 a, h2 a, h5 a, h6 a
	{
		text-decoration: none;
		color: #fff;
	}
	
	h3 a { /* NEW */
		font-size:1.2em;
		color: #fff;
	}
	h3 a span { /* NEW */
		font-size:1.0em;
	}
	h3 span a { /* NEW */
		font-weight:400;
		font-size:1.0em; 
	}
	
	h4 a { /* NEW */
		text-decoration:underline;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		font-weight: 700;
		color: #fff;
		/*text-transform: uppercase;*/
	}
	
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
	{
		font-weight: 400;
	}
	
	h2
	{
		font-size: 1.5em;
		margin: 0 0 1.5em 0;
	}
	
	h3
	{
		font-size: 1.5em; /* was 1.0 */
		margin: 0 0 1em 0;
	}
	
	h4 /* new */
	{
		font-size: 1.5em;
		margin: 1.5em 0 1.5em 0;
		clear:right;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	table tr td { /* new */
		vertical-align:top; 
	}
	
/*	form
	{
	}
	
		{
			 -webkit-appearance: none; 20160831 removed as radio buttons were no longer showing up on news page subscribe form; but no idea why this was suddenly happening. 
		}
*/			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1.5em; /* was 2em */
	}
	
	section,
	article
	{
		margin-bottom: 2em;
	}
	
	article .reply { /* NEW */
		margin-left:10em;
	} 

	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}
	
	.artshort {          /* bullet points suddenly appearing on home page news... */
		list-style: none;
		margin-bottom: 10px;
		color:#FFFFFF !important; /* 20200111 */
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 6px;
		}

		.image.full
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image.left
		{
			float: left;
			margin: 0em 2.5em 2.5em 0;
		}

		.image.right
		{
			float: right;
			margin: 0em 2.5em 2.5em 0;
		}

	ul.style1
	{
		list-style: disc;
		padding-left: 1em;
	}
	
	ul.style1a  /* new 20171217, matches p formatting */
	{
		list-style: disc;
		padding-left: 1em;
		font-weight: normal;
		font-size: 1.4em;
		color: #C9C9C9;
	}

	ul.style2
	{
	}

		ul.style2 p
		{
			margin-bottom: 0;
		}

		ul.style2 li
		{
			border-top: solid 1px rgba(255,255,255,0.1);
			padding-top: 0.725em;
			margin-top: 0.725em;
		}

		ul.style2 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.style3
	{
	}

		ul.style3 p
		{
			margin-bottom: 0;
		}

		ul.style3 li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.5em 0 0 0;
			margin-top: 1.5em;
		}

		ul.style3 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.style4 /* new */
	{
		text-align:center;
	}

		ul.style4 p
		{
			margin-bottom: 0;
		}

		ul.style4 li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.5em 0 0 0;
			margin-top: 1.5em;
		}

		ul.style4 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.premiumad li /* new, 20161127 added li as was left justifying again */
	{
		text-align:center !important; /* 20161004 added important as was left justifying for some reason */
	}

		ul.premiumad p
		{
			margin-bottom: 0;
		}

		ul.premiumad li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.5em 0 0 0;
			margin-top: 1.5em; 
			line-height:120%;
			text-align:center !important; /* 20161004 added as was still left justifying on mobile for some reason */
		}

		ul.premiumad li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

		ul.premiumad li a
		{
			text-decoration:none;
		}

	ul.contact
	{
	}

		ul.contact p
		{
			margin-bottom: 0;
		}

		ul.contact li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.25em 0 0 2.75em;
			margin-top: 1.25em;
		}

			ul.contact li:before
			{
				position: absolute;
				left: 0;
				top: 1.2em;
				color: #fff;
			}

		ul.contact li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

			ul.contact li:first-child:before
			{
				top: 0.1em;
			}
	
	ol.style1 /* new, wasn't defined before */
	{
		list-style: decimal;
		padding-left: 1em;
	}


	.toppickfeature
	{
		font-size: 1.0em;
/*display: block;*/
		opacity: 0.8;
		margin: 0.25em 0 0 0;
	}
	
	.toppickicon 
	{
		float:right;
		clear:right;
		max-height:75px;  /* was 70 */
		max-width:90px;  /* was 80 */
	}

	.toppickicon-lrg  /* use large version when fewer top picks */
	{
		float:right;
		clear:right;
		max-height:90px;  
		max-width:110px;  
	}

.thumbnail
{
float:right;
max-height:80px;
max-width:100px;
}

.bigthumbnail
{
float:right;
max-height:140px;
max-width:180px;
}

.largeboxphoto
{
	/* defined in desktop */
}

/* 20200311 photoframelarge and photoframelargewbigcaption modififed in mobile */
.photoframelarge /* new */
{
	float:right;
	margin-left:1em;
	margin-right:.5em;
	padding-right:1em;
	max-width:55%;
}

/* 20230202 slightly smaller photo frame though still full width in mobile */
.photoframemed /* new */
{
	float:right;
	margin-left:1em;
	margin-right:.5em;
	padding-right:1em;
	max-width:40%;
}


.photoframelargewbigcaption /* new */
{
	float:right;
	margin-left:1em;
	margin-right:.5em;
	margin-bottom:2em;
	max-width:55%;
}

.photoframelarge img {/* new */
	max-height:35em;
	max-width:35em; 
	max-width:100% !important; /* new 20190222 as photos were getting cut off on mobile */
}

.photoframelargewbigcaption img {/* new */
	max-height:35em;
	max-width:35em; 
	max-width:100% !important; /* new 20190222 as photos were getting cut off on mobile */
}

.photocaption {
	text-align:center;
	font-size:.9em !important;
}


	.timestamp
	{
		font-size: 0.8em;
		display: block;
		opacity: 0.5;
		margin: 0.25em 0 0 0;
	}
	
	.button
	{
		position: relative;
		display: inline-block;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15);
		padding: 1em 2em 1em 1.5em;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.05em;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: rgba(255,255,255,0.05);
		}
	
		.button:before
		{
			margin-right: 1em;
		}

	.bigbutton
	{
		position: relative;
		display: inline-block;
		background: #32353a;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
		padding: 0.85em 1.75em 0.85em 1em;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.5em; 
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.bigbutton:hover
		{
			background: #2d3238;
		}
		
		.bigbutton:before
		{
			position: relative;
			top: 0.1em;
			margin-right: 0.65em;
		}
	
		.bigbutton.style1
		{
			background: #32AECF;
		}
		
			.bigbutton.style1:hover
			{
				background: #32BADB;
			}

		.bigbutton.stylefloatindiv {
			top: 35%;
			width:auto;
			padding-left:.5em;
			padding-right:.5em;
		}

		.bigbutton.style2
		{
			background: #7B915B;
		}
		
			.bigbutton.style2:hover
			{
				background: #8BA16B;
			}

	.box
	{
		background: #2c2f34;
		background: rgba(44,47,52,0.95);
		border-radius: 6px;
		padding: 3em 2em 3em 2em;
		overflow: hidden;
	}
	
		.box header
		{
			margin-bottom: 1em; /* was 2em */
		}
		
			.box header h2
			{
				margin-bottom: 0.5em;
			}

		.box footer
		{
			clear: both;
		}

		.box section,
		.box article
		{
			border-bottom: solid 1px rgba(255,255,255,0.1);
			padding-bottom: 2em;
			margin-bottom: 2em;
		}

		.box section:last-of-type,
		.box article:last-of-type
		{
			border-bottom: 0 !important;
			margin-bottom: 0!important;
			padding-bottom: 0!important;
		}

		.box.style1
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #32AECF;
			padding-top: 10px; /* added */
			padding:5px; /* added */
		}

		.box.style2
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #7B915B;
		}

		.box.style2 blue /* added 20100111 */.
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #4a5a8a;
		}

		.box.style3 /* new */
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #3A7D31;
		}

		.box.main
		{
		}

			.box.main h2
			{
			}

		.box.cta
		{
		}
		
			.box.cta p
			{
				color: #c9c9c9;
			}
			
		.box.features
		{
		}

		.box.features.blue /* added */
		{
			background: #004dff; /* 4a5a8a */
		}
		.box.features.blue p /* added */
		{
			color:#FFF; 
		}
		.box.features.green /* 20200110 added */
		{
			background: #008026; /* 3A7D31 */
		}
		.box.features.violet /* 20200111 added */
		{
			background: #750787; /* d3bddd */
		}
		.box.features.green p /* 20200110 added */
		{
			color:#FFF;
		}
		.box.features.first /* 2020011 added */
		{
			padding-top:1.5em;
		}
		

			.box.features .button
			{
				margin-top: 2em;
			}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		background-color: #3F6093;
		background-image: url('../albums/mpinto_green_sprawl_playa_cocles.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		background: #20242a;
	}
	
	#footer-wrapper
	{
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

		#banner .caption
		{
		}
	
			#banner .caption h2
			{
				font-weight: 700;
				text-transform: none; /* uppercase */
				color: #fff;
			}
			
			#banner .caption p
			{
				color: #ddd;
				color: rgba(255,255,255,0.65);
			}
			

#banner .nextphoto 
{
	min-width:33%;
}

#banner .nextphoto .photocredit /* new */
{
	color:#fff;
	font-weight: 500;
	font-size:.9em;
}

.phototitle /* new */
{
	font-style: italic;
}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		text-align: center;
		border-top: solid 1px rgba(255,255,255,0.1);
		color: #555;
		color: rgba(255,255,255,0.25);
	}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon
	{
		text-decoration: none;
	}

		.icon:before
		{
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		
/*********************************************************************************/
/* Map (NEW)                                                                        */
/*********************************************************************************/

#map_canvas a {
	color: #000;
	font-weight: 500;
}

/*********************************************************************************/
/* Misc (NEW)                                                                        */
/*********************************************************************************/

.listingspecial {
	max-width:95%; 
	background-color: #FFF; 
	padding: 5px; 
	margin-left: 10px; 
	margin-right:10px; 
	margin-top:5px; 
	border:1px solid #FFF; 
	outline-style:dotted; 
	outline-color:#FFF;
}

.listingspecial p {
	color:#000 !important;
}

.listingspecial p a {
	color:#000;
}

.authorgravatar {
	float:left;
	margin-right:1em;
}

.commentreplybutton {
	float:right;
}

.scheduletable {
	table-layout: fixed;
	margin-left:5px;
	margin-right:5px;
	width: 100%;
}

.ratetable { /* 20230919 new, used in tour description pages */
	table-layout: fixed;
	margin-left:5px;
	margin-right:5px;
	width: 100%;
}

.routeoptionstable { /* 20240112 new, used for shuttle choices */
}

.scheduletable th {
	background-color:#313119;
	border: 0;
	padding-left:1.2em;
	padding-right:1.2em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
}

.ratetable th {
	border: 0;
	padding-left:1.2em;
	padding-right:1.2em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
}

.routeoptionstable th {
	font-size: 80%;
	text-align: center;
}

.scheduletable td {
	background-color:#363659;
	border: 0;
	padding-left:1.2em;
	padding-right:1.2em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
}

.ratetable td { 
	border: 0;
	padding-left:1.2em;
	padding-right:1.2em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	text-align:center;
}

.routeoptionstable td {
	font-size: 90%;
	text-align: center;
}

.scheduletableparent { /* 20191031 for div enclosing to/from schedules with notes below */
}

.scheduletableparentwithnotes { 
	margin-bottom:0;
	clear:right;
}

.scheduletableleft {  
	width: 49.5%;
	float:left;
}

.scheduletableright { 
	width: 49.5%;
	float:right;
}

.scheduletablenotes { /* 20191031 */
	margin-top:0;
	clear:both;
	font-size:100% !important;
}

.noteslist {
	list-style-type:decimal;
	margin-left:5em;
}

.itembox {
	background-color:#383838;
	padding:3em;
	margin-top::1em;
	margin-bottom:1em;
	margin-left:0.5em;
	margin-right:0.5em;
}

.tourinfotable {
	margin-left:5px;
	margin-right:5px;
	border-style:solid;
	border-width:thin;
}

.itin {
	margin-left:5px;
	margin-right:5px;
	border-style:solid;
	border-width:thin;
    border-collapse: collapse;	
}

.itin td, .tourinfotable td {
	border-style:solid;
	border-width:thin;
	padding:.6em;
}
.gta_itinkey, .itinkey, .tourinfokey, .gta_tourinfokey {
	background-color:#CCCCFF;
	color:#000000;
}
.gta_itinvalue, .itinvalue, .tourinfovalue, .gta_tourinfovalue {
	background-color:#FFFFFF;
	color:#000000;
}

.itin td {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	font-size:75%; 
	background-color:#FFFFFF;
	border-top-style:none !important;
	border-bottom-style:none !important;
}

.itinkey2 {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	background-color:#CCCCFF;
	border-top-style:none !important;
	border-bottom-style:none !important;
	padding:.6em;
}

.itinvalue {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	background-color:#FFFFFF;
	border-top-style:none !important;
	border-bottom-style:none !important;
	padding:.6em;
}
.itinvalue2 {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	background-color:#FFFFFF;
	border-right:none;
	border-top:none;
	border-bottom:none;
	padding:.6em;
}
.itinvalue3 {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	padding:.6em;
}
.itinvalue4 {
	min-width:5em;
	vertical-align: top;
	color:#000000 !important;
	background-color:#FFFFFF;
	border-left:none;
	border-top:none;
	border-bottom:none;
	padding:.6em;
}

.itinvalue a {
	color:#000000 !important;
}

.itin td p {
	color:#000000 !important;
	font-size:75%; 
}

.itin td p a {
	color:#000000 !important;
}

.highlightbox {
	color:#000000;
}
	
.gta_tourtable {
	margin-top:1em;
	margin-bottom:0;
	background-color:#383838;
	width:100%;
}

.gta_tourtable tr td {
	padding-left:1em;
	padding-right:1em;
}

.gta_tourtable tr td table {
	margin-top:1em;
	background-color:#383838;
}

.gta_tourtable_photos {
	vertical-align: middle;
	padding:0;
}

	.gta_booklink /* copied from .button */
	{
		position: relative;
		display: inline-block;
		color: #fff;
		background-color: #32AECF; /* added 20210403 */
		border-radius: 5px; /* button is 6px */
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15);
		padding: 1em 1em 1em 1em; /* button was 1em 2em 1em 1.5em */
		text-decoration: none;
		font-weight: 700;
		font-size: 1.05em;
		/*text-transform: uppercase; */
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}

.gaymex_tourtable {
	margin-top:1em;
	margin-bottom:0;
	width:100%;
}

.gaymex_tourtable tr td {
	/*padding-left:1em;
	padding-right:1em;*/
}
	
.gaymex_tourtable tr td table {
	margin-top:1em;
	/* background-color:#383838;*/
}
	
.gaymex_tourtable_photos {
	vertical-align: middle;
	padding-left:1em;
}
	
.commenttable {
	border-collapse:separate; 
	border-spacing:0.5em;
}

.commenttable tr td {
	text-align:left;
}

.commentimage {
	float:right;
	margin-right:1em;
	max-width: 55%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 20171112 added as rezdy modal is blanking out page behind too much */
.rezdy-bootstrap-styles .modal {
    background-color: rgba(255,255,255,.7) !important;
}

.insertformtable {
	max-width: 100%;
}

.insertformtable td
{
	padding:0.1em;
	max-width: 95%;
	white-space: normal;
}

.ui-datepicker-unselectable.ui-state-disabled.soldoutdate {
	text-decoration: line-through;
	text-decoration-color: crimson;
	background-color: crimson;
}

p .submenu {
	font-size: 30%;
}