/*
Copyright 28-Sep-2018 - Little Fire Digital Ltd
-----------------------------------------------------------------------
Reuse and modification by permission only
*/
/* 
	Created on : 28-Sep-2018, 18:10:49
	Author     : simon
	Compyright     : Little Fire Digital Ltd  28-Sep-2018
*/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

.jg_blue {
	color: #39f;
}

.jg_offer {
	color: #933;
}

.filled_jg_blue {
	background-color: #39f;
	transition: background-color .5s ease;
}

.filled_jg_blue:hover {
	background-color: #28e;
	cursor: pointer;
}

.filled_white {
	background: #fff;
}

.padded {
	padding: 10px;
}

.padded_wide {
	padding: 5px 10px;
}

.shadow {
	box-shadow: 0 3px 3px rgba( 0, 0, 0, .2 );
}

.rounded {
	border-radius: 6px;
}

.disabled {
	opacity: .4;
}

.hidden {
	display: none !important;
}

.booking_header_image {
	box-sizing: border-box;
	padding: 40% 0 0 0;
	background-size: cover;
	background-position: center center;
}

#main .booking_header h2 {
	font-size: 1.5em;
	font-family: museo-slab, serif;
	margin-top: 0;
}


.info_row > * {
	float: left;
}

.info_row > ul {
	width: calc( 100% - 150px );
}

.info_row > ul > * {
	float: left;
}

#main ul.info_row + ul.info_row {
	padding-top: .5em;
	border-top: 1px dotted #ccc;
}

.info_row ul > li  > * {
	text-decoration: none;
	display: inline-block;	
}

.info_row ul > li  > * > * {
	float: left;
}

.info_row_name {
	width: 150px;
}
/*
.flexbox {
	display: flex;
	align-items: flex-start;
}


.flexbox > * {
	flex-grow: 1;
}*/

.info_row span.i  {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAYAAABmdppWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODU1MkFERUYzNDVBMTFFOTg3NDlBQjI2QkYwMDczMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODU1MkFERjAzNDVBMTFFOTg3NDlBQjI2QkYwMDczMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NTUyQURFRDM0NUExMUU5ODc0OUFCMjZCRjAwNzMxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NTUyQURFRTM0NUExMUU5ODc0OUFCMjZCRjAwNzMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlG36UAAAAMESURBVHja7JdPTBNBFMZfy6ZALFZQIogGI2g8GDyAEo2eTLyCBE2MnntAif+QRg+ejImi0UOJyoGD0YNWsODNxCsJUWNC9GQ1MdpUbcSLxlLB+l77lswy0+7M9iLRl3zZZvv22+nMvPfr+NrDOVBEANXN2oVah8qiPqJeoh6hJvieIyyF2QHUFVSr4iVbWYdRCVQENS4m+YXPFajLnNAK7kE5Y/xMhWqEl1CDYB72MxFxhL0ezUTTXtuQ5ua6qUN1JT7oXIEb5EWGB1HrTcw24ZrHLwKMRhy3m1CH/Lw1jMxunQZYvRL3UFr6upsMd5ia1dUATL0CuDAqpXTQLDTomt1Gs1o2G7iJu3peSmv0L93t54/iCh0DCFYbmy1u7JR4Y9tGgL1tANETBVMTM/LyYS3H7D1E0VAHMHIGi3cNwJskQH0IYFVQy4xijEYYF+98mgUIX8NXfQXY3GRkRhEnwxh3EYdpH27TDM5uMq1tliQvixcFZwkeiN9++AKwp9+oeE6h5uxaplEOlVHLQ+zhaF/nUFEPZsP8rNQPF1D9vOIJDaME94Hj/Gw+fLnoTrl+ZqYDnEzdu50L3574F4yA2PO2Ti0EACbS5ZdQRTn+nOFrttiwVSMsxhTVT/5bmNIzUriOh12ZYmkxpXG7DlOeoR56ZooivDOlSHhjikuYMUUjOvyuTAkEBRjXuhnKTJFiYQ5gPsM/aNjVVGKKbIgVeAenefYd8rPFzTRFhjOuM/PzGzb3PqepValsAxJTtExDGwCqQkqmUHOgjf1Wey8GVhQW6vtnFVNa/AJT9CL7Q2X2TzPlbtVaKfPI1WaRKV1CmyPc0wROok7eG3ivxxRMXMoUmyu/2TRTqlJUTHmNus/nEfulPu6dzbyilNNTynAZn1P2P53IS+ecYukwpX53py5TJv8zpezQYIphWMyUmlJJ6alprBOfjl/KYqZsKZX1ZF+X7gANmKIX6nOKh0pZPKfoM8V9DvNMERss/Q0+WwZTBpcHU1QIoKb5WOecoiqKPwIMAGa4BhOBIzUKAAAAAElFTkSuQmCC');
	background-size: cover;
	float: left;
	width: 1em;
	height: 1em;
	margin-right: .4em;
}

.info_row_5 {
	width: 20%;
}
.info_row_4 {
	width: 25%;
}
.info_row_3 {
	width: 33%;
}

.info_row .status_0 .i {
	background-position: left bottom;
}
.info_row .status_1 .i {
	background-position: left center;
}
.info_row .status_2 .i {
	background-position: left top;
}

.info_row span.t {
	width: calc( 100% - 1.4em );
}


#main .shadow.filled_white > h2 {
	margin-top: 0;
}

.shadow.filled_white + .shadow.filled_white {
	margin-top: 1px;
}

@media screen and (max-width: 600px) {
	.info_row ul li {
		min-width: 100%;
	}
}