/* CSS Document */
.pages_in_category_as_row_border{
	background-color:#CCC;
	margin:0% 0 1% 0;
	padding:0%;
}

	
	
	@media (max-width: 500px) {
		.pages_in_category_as_row_border {
			width:96%;
			float:none;
			margin:2% 2% 2% 2%;
			padding:0;
			
		}
	}
	
.pages_in_category_as_row{
	background-color:#fff;
	padding:1%;
	position:relative;
	overflow:hidden;
	border-bottom:solid 10px #666;
}
	@media (max-width: 500px) {
		.pages_in_category_as_row{
			padding:2%;
		} 		
	}

	
.pages_in_category_as_row #image{
	float:left;
	overflow:hidden;
	width:250px;
	max-width:30%;
}

	@media (max-width: 500px) {
		.pages_in_category_as_row #image{
			width:100%;
			max-width:100%;
			max-height:250px;
		}
	}

.pages_in_category_as_row #image img{
	width:100%;
	height:100%;
}

	

.pages_in_category_as_row #details{
	float:left;
	width:68%;
	padding:0 1%;
	min-height:80px;
	
}

@media (max-width: 500px) {
		.pages_in_category_as_row #details{
			float:none;
			width:100%;
			position:relative;
			min-height:auto;
			padding:0px;
			min-height:30px;
			background:none;
			text-align:center;
		}
		
		.pages_in_category_as_row #details #name{
			background-color:#FFF;
			padding:10px;
			text-align:center;

			
		}
		.pages_in_category_as_row #details #text{
			display:none;
		}
	}

.pages_in_category_as_row #details #name{
	font-size:1.4em;
	text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.pages_in_category_as_row #details #name a{
	color:#666;
}
.pages_in_category_as_row #details #text{
	padding:1% 0 0 0;
}

.pages_in_category_as_row_standout{
	position:absolute;
	top:0;
	right:0;	
}

@media (max-width: 500px) {
		.pages_in_category_as_row_standout{
			left:5px;
			top:5px;
		}
	}

.pages_in_category_as_row_extra{
	clear:both;
	display:block;
	padding:0;
	position:absolute;
	bottom:10px;
	background-color:#FFF;
}

@media (max-width: 500px) {
	.pages_in_category_as_row_extra{
	clear:both;
	display:block;
	position:relative;
	bottom:0px;
	background-color:#FFF;
	padding:10px;
	}
}
	

.pages_in_category_as_row_extra div{
	height:30px;
	line-height:30px;
	padding:0 0 0 28px;
	margin:0 30px 0 0px;
	float:left;
}



.pages_in_category_as_row_extra_adults{ background:url(/assets/capecoastal/images/small_price.png) no-repeat left top; }
.pages_in_category_as_row_extra_duration{ background:url(/assets/capecoastal/images/small_duration.png) no-repeat left top; }
.pages_in_category_as_row_extra_children{ background:url(/assets/capecoastal/images/small_children.png) no-repeat left top; }
.pages_in_category_as_row_extra_infants{ background:url(/assets/capecoastal/images/small_infants.png) no-repeat left top; }

@media (max-width: 800px) {
		.pages_in_category_as_row_extra_children {
			display:none;
		}
		
		.pages_in_category_as_row_extra_infants {
			display:none;
		}
		
	}

.pages_in_category_as_names{
	margin:1% 1% 1% 0;
	padding:1%;
	background-color:#f4f4f4;
	float:left;
}

.pages_in_category_as_blocks{
	background-color:#f4f4f4;
	margin:1% 1% 1% 0;
	padding:0%;
	float:left;
	overflow:hidden;
	width:24%;
	position:relative;
}

.pages_in_category_as_blocks a{
	color:#fff;
}

	@media (max-width: 1000px) {
		.pages_in_category_as_blocks{
			width:32.333%;
		}
	}

	@media (max-width: 500px) {
		.pages_in_category_as_blocks{
			width:49%;
		}
	}

.pages_in_category_as_blocks #image{
	text-align:center;
	overflow:hidden;

}

.pages_in_category_as_blocks #image img{
	min-width:100%;
	max-height:220px;
}

.pages_in_category_as_blocks #details{
	padding:5px 10px;
	text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  position:absolute;
  left:10px;
  bottom:10px;
  background-color:#009dd1;
  display:inline-block;
  font-weight:bold;
  font-size:1em;
  color:#fff;
  text-transform:uppercase;
}

.pages_in_category_as_blocks_parent{
	padding:5px 10px;
	text-overflow: ellipsis;
	  /* Required for text-overflow to do anything */
	  white-space: nowrap;
	  overflow: hidden;
	  position:absolute;
	  left:10px;
	  bottom:45px;
	  background-color:#fff;
	  display:inline-block;
}


/*-------------------- PAGES IN CATEGORY AS BLOG ------------------------------*/
.pages_in_category_as_blog{
	margin:1% 0;
	padding:1%;	
	border-bottom:double 3px #b6e9ff;
	background-color:#f4f4f4;
}

.pages_in_category_as_blog_name{
	font-size:1.4em;
	display:block;
  	vertical-align: middle;
  	height:50px;
	text-overflow: ellipsis;
  	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow:visible;
}

.pages_in_category_as_blog_name img{
	height:100%;
  	vertical-align: middle;
}
.pages_in_category_as_blog_name span{
	display: inline-block;
  	vertical-align: middle;
}


.pages_in_category_as_blog_text{
	padding:1% 0;	
}
.pages_in_category_as_blog_more a{
		background:#333;
		color:#FFF;
		padding:1%;
		margin:1% 0;
		display:inline-block;
}
.pages_in_category_as_blog_custom_field{
	float:left;
	background-color:#fff;
	margin:15px 15px 10px 0;	
	padding:5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

/*-------------------- PAGES IN CATEGORY AS BLOG END ------------------------------*/

/*-------------------- PAGES IN CATEGORY AS POST END ------------------------------*/

.pages_in_category_as_post{
	margin:1% 0;
	padding:1%;	
	border-bottom:double 3px #b6e9ff;
	background-color:#f4f4f4;
}

.pages_in_category_as_post_name{
	font-size:1.4em;
	display:block;
  	vertical-align: middle;
  	height:50px;
	text-overflow: ellipsis;
  	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow:visible;
}

.pages_in_category_as_post_name img{
	height:100%;
  	vertical-align: middle;
}
.pages_in_category_as_post_name span{
	display: inline-block;
  	vertical-align: middle;
}


.pages_in_category_as_post_text{
	padding:1% 0;	
}
.pages_in_category_as_post_more a{
		background:#333;
		color:#FFF;
		padding:1%;
		margin:1% 0;
		display:inline-block;
}
.pages_in_category_as_post_custom_field{
	float:left;
	background-color:#fff;
	margin:15px 15px 10px 0;	
	padding:5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
/*-------------------- PAGES IN CATEGORY AS POST END ------------------------------*/

/*-------------------- THE PAGE, ACTUAL PAGE LAYOUT ------------------------------*/

.pages_the_page{
	
}

.pages_the_page_text{
	color:#666;
}

.pages_the_page_text img{
	max-width:100%;
	height:auto;
}
.page_the_page_contact_form{
	padding:1% 1%;
	background-color:#f4f4f4;
	display:inline-block;
}

.page_the_page_contact_form_trigger{
	cursor: pointer;
  	display: inline-block;
  	background-color:#000;
	padding:1%;
	font-size:1.2em;
	color:#FFF;
	margin:1% 0 0 0;
}

.page_the_page_contact_form_trigger + input{
  display: none; /* hide the checkboxes */
}
.page_the_page_contact_form_trigger + input + div{
  display:block;
}
.page_the_page_contact_form_trigger + input:checked + div{
  display:block;
}

.pages_the_page_comment_row{
	padding:1%;
	margin:1% 0;
}

.pages_the_page_comment_row:nth-of-type(2n){
	background-color:#f4f4f4;
}


.pages_the_page_comment_row_message{
	padding:1% 0;
	color:#000;
}
.pages_the_page_comment_row_details{
	padding:1% 0;
	border-top:dotted 1px #666;	
	color:#666;
	display:inline-block;
}
.pages_the_page_comment_form{
	padding:1%;
	background-color:#f4f4f4;	
}

.page_the_page_comment_form_trigger{
	cursor: pointer;
  	display: inline-block;
  	background:#000;
	padding:1%;
	font-size:1.2em;
	color:#ffffff;
	margin:1% 0 0 0;
}

.page_the_page_comment_form_trigger + input{
  display: none; /* hide the checkboxes */
}
.page_the_page_comment_form_trigger + input + div{
  display:none;
}
.page_the_page_comment_form_trigger + input:checked + div{
  display:block;
}

.pages_the_page_gallery{
	background-color:#f4f4f4;
	padding:1%;
	margin:1% 0;
}

.pages_the_page_gallery_each_image{
	width:150px;
	height:100px;
	margin:1%;
}


.pages_the_page_custom_field{
	float:left;
	background-color:#f4f4f4;
	margin:15px 15px 10px 0;	
	padding:5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.pages_the_page_pagination div{
	background-color:#666;
	border-radius:0.2em;
	padding:1%;
	margin:1% 1% 1% 0;
	float:left;
	color:#fff;
}

.pages_the_page_pagination div a{
	color:#fff;
} 
/*-------------------- THE PAGE, ACTUAL PAGE LAYOUT END ------------------------------*/

.page_the_page_booking_form{
	position:relative;
	color:#333;
	background-color:#eaeaea;
	padding:3%;
	overflow:hidden;
}



.page_the_page_booking_form label{
}
.page_the_page_booking_form_one input{
	width:80%;
}

.page_the_page_booking_form_two input{
	width:80%;
}

.page_the_page_booking_form_two textarea{
	width:80%;
	min-height:100px;
}


.page_the_page_booking_form p{
	padding:1% 0;
}


.page_the_page_booking_form h4{
	font-size:1.3em;
	padding:1% 0;
	margin:0;
}

.page_the_page_booking_form_one{
	width:50%;
	float:left;
	padding:2% 0;
	position:relative;
}

@media (max-width: 1000px) {
  .page_the_page_booking_form_one { width:98%; float:none; }
}
.page_the_page_booking_form_title{
	color:#000;
	font-size:1.8em;
	width:96%;
	padding:10px 0;
	margin:0;
}

.page_the_page_booking_form_two{
	width:50%;
	float:left;
	padding:2% 0;
	position:relative;
}
@media (max-width: 1000px) {
  .page_the_page_booking_form_two { width:98%; float:none; }
}