/***************  templates/moduleThemes/default/pukkaVenues/style.viewList.css  ***************/

	.sub-content{
		width: 100%;
	}
	#mod_pukkaVenues{
		margin-top: 65px;
		background: #f7f4ef;
		position: relative;
	}
	#mod_pukkaVenues .categoryNavigationWrapper h3.categoryTitle.active{
		height: auto;
		background-color:#f7f4ef;
		color:#001e3a;
		cursor: initial;
		position: relative;
		border: 1px solid #1d487d;
		border-bottom:  1px solid #f7f4ef;
	}
	#mod_pukkaVenues .categoryNavigationWrapper h3.categoryTitle {
		width:334px;
		border: none;
		height: auto;
		cursor: pointer;
		font: 500 1.667em/70px "Lato", sans-serif;
		text-align: center;
		margin: 0 0% 0 0;
		background-color: #fff;
		display: inline-block;
		text-transform: uppercase;
		color:#000;
		padding:0;
		transition:all .3s ease-out;
	}
	#mod_pukkaVenues .categoriesWrapper {
		width: 95%;
		margin: -40px auto 0;
	}
	#mod_pukkaVenues .categoryContent {
		display:block;
	}
	.itemImage{
		border: 1px solid #1c5086;
	}
	#mod_pukkaVenues .categoryContent{
		opacity: 1;
		height: auto;
		overflow: hidden;
	}
	#mod_pukkaVenues .categoryTitle:first-child + .categoryContent{
		display:block;
	}
	#mod_pukkaVenues .categoryNavigationWrapper {
		position: relative;
		bottom: 72px;
	}
	#mod_pukkaVenues .categoryNavigation {
		width:100%;
		margin: 0 auto;
		position: relative;
		top: 0;
		height: auto;
		left: 20px;
	}
	#mod_pukkaVenues .accordion-content {
		margin: 0px auto 0;
		width:100%;
	}
	.itemPreviewContentSection{
		width:68%;
		padding:0 79px 0 27px ;
	}
	.itemPreviewContentSection h3{
		padding:10px 0 5px 0;
	}
	#mod_pukkaVenues .itemPreviewImageSection{
		max-width: 264px;
	}
	#mod_pukkaVenues .itemPreviewImageSection span.featuredItem {
		display: block;
		position: absolute;
		width: 100%;
		height: 39px;
		top: 0;
		left: 0;
		z-index: 110;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		line-height: 39px;
		padding-left: 40px;
		box-sizing: border-box;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	span.featuredItem:after {
		display: block;
		content: "\e619";
		font-family: "icon-font"; \
		float: left;
		width: 40px;
		height: 39px;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 32px;
		text-indent: 4px;
	}
	#mod_pukkaVenues .itemPreviewContentSection .itemPreviewTitle {
		color:#000;
		border:none;
		height:auto;
		cursor:auto;
		padding: 0;
		text-transform: capitalize;
		font-size:1.875em;
		font-weight: 400;
	}
	#mod_pukkaVenues .itemPreviewContentSection .itemPreviewTitle:before{
		display: none;
	}
	#mod_pukkaVenues .itemPreviewContentSection .itemPreviewTitle:after{
		display: none;
	}
	#mod_pukkaVenues .categoriesWrapper .categoryTitle {
		display:none;
		font-family: 'Lato',
		sans-serif; font-weight: 400;
		font-size:24px;
	}
	#mod_pukkaVenues .viewphotos {
		position:relative;
		left:0;
		text-decoration: none;
		padding-left: 4px;
	}
	#mod_pukkaVenues .linkToEdit{
		position: relative;
		top:-85px;
		display: block;
		width: 100%;
	}
	.button_bg{
		width: 47px;
		height: 80px;
		background: rgba(115,142,163,0.9);
		display: block;
		position: absolute;
		z-index:99;
		cursor: pointer;
		top: 215px;
	}
	.cycle-prev{
		float: left;
		left: -47px;
		background: url(http://www.elbowbeachbermuda.com/templates/moduleThemes/main/images/left-right-arrow.png) no-repeat scroll -19px -42px rgba(0, 0, 0, 0);
		display: inline-block;
		height: 28px
	}
	.cycle-next{
		float: right;
		right: -47px;
		background: url(http://www.elbowbeachbermuda.com/templates/moduleThemes/main/images/left-right-arrow.png) no-repeat scroll -19px -9px rgba(0, 0, 0, 0);
		display: inline-block;
		height: 28px;
	}

	#mod_pukkaVenues ul,#mod_pukkaVenues ol{
		list-style: disc outside none;
		font:300  1.083em/25px  "Open Sans", sans-serif;
		color: #000;
		margin: 0 0 20px 4px;
		padding:0;
	}
	#mod_pukkaVenues ol li{
		list-style: decimal;
		list-style-position: inside;
		padding-left: 5px;
	}
	#mod_pukkaVenues ul li{
		background: url(../../../templates/jw/_common/images/bullet-styling.png) no-repeat scroll 3px 10px rgba(0, 0, 0, 0);
		padding-left: 20px;
		list-style-type: none;
	}

/*For Medium Screen Only*/
@media only screen and (min-width: 48em) and (max-width: 63.938em) {
		#mod_pukkaVenues .itemPreviewImageSection:before, #mod_pukkaVenues .itemPreviewImageSection:after{
			display: none;
		}
		#mod_pukkaVenues .categoryNavigationWrapper h3.categoryTitle{
			width:199px;
		}
		.itemImage,.itemPreviewTitle {
			display: none;
		}
		#mod_pukkaVenues{
			width: 642px;
			margin: 104px auto 20px;
		}
		#mod_pukkaVenues .categoryContent.closed{
			opacity:0;
			height: 0!important;
		}
		#mod_pukkaVenues .moduleBody{
			border: 1px solid #1d487d;
			min-height: 500px;
		}
		#mod_pukkaVenues .categoryNavigationWrapper h3.categoryTitle{
			font-size: 1.3em;
		}
		#mod_pukkaVenues .categoryContent{
			overflow: visible;
		}
		.itemPreviewContentSection{
			width: 100%;
		}
		#mod_pukkaVenues .categoryContent{
			opacity: 1;
		}
		#mod_pukkaVenues .itemPreview{
			position: relative !important;
		}
		.itemPreview.cycle-slide.cycle-sentinel {
    		display: none !important;
		}
}
/*For Large Screen Only*/
@media only screen and (min-width: 64.000em){
	section .sub-content{
		width: 86.9%;
		margin: 0 auto;
	}
	#mod_pukkaVenues .categoriesWrapper{
		max-width: 1010px;
		overflow: hidden;
	}
	#mod_pukkaVenues .categoryContent.closed{
		opacity:0;
		height: 0!important;
	}
	#mod_pukkaVenues .categoryContent{
		opacity: 1;
	}
	#mod_pukkaVenues .itemPreviewContentSection .itemPreviewTitle,.itemPreviewTitle{
		display: none;
	}
	#mod_pukkaVenues .moduleBody{
		border: 1px solid #1d487d;
		min-height: 500px;
	}
	#mod_pukkaVenues{
		margin-left: 45px;
		position: relative;
		width: 100%;
	}
	#mod_pukkaVenues .itemPreview{
		width: 100%;
	}
	#mod_pukkaVenues .itemPreview{
		position: relative !important;
	}
	.itemPreview.cycle-slide.cycle-sentinel {
    display: none !important;
}

}
@media only screen and (min-width: 64.000em) and (max-width: 75.750em) {
	#mod_pukkaVenues .categoryNavigationWrapper h3.categoryTitle{
		width: 271px;
	}
	.itemPreviewContentSection{
		width: 518px;
	}
	#mod_pukkaVenues .itemPreview{
		position: relative !important;
	}
	.itemPreview.cycle-slide.cycle-sentinel {
    display: none !important;
}

}
/* Define mobile styles */
@media only screen and  (min-width: 20.000em) and (max-width:47.9em){
	#mod_pukkaVenues .categoryNavigationWrapper,.itemImage{
		display: none;
	}
	.itemPreview {
		position: relative !important;
	}
	.categoryContent .cycle-sentinel{
		display: none !important;
	}
	.cycle-slide{
		display: block !important;
	}
	#mod_pukkaVenues .itemPreviewContentSection .itemPreviewTitle,.accordion-content{
		display: none;
	}
	#mod_pukkaVenues .itemPreview .itemPreviewTitle{
		margin: 0 0 0 0;
		padding: 0 0 0 9px;
		font: 300 1.417em/72px "Lato", sans-serif;
		text-transform: uppercase;
		color:#000;
		background: #fff;
		border-top: 1px solid #fbfaf8;
		border-bottom:1px solid #ede9e6;
		cursor: pointer;
	}
	#mod_pukkaVenues .categoriesWrapper{
		width: 100%;
	}
	#mod_pukkaVenues .itemPreviewContentSection,#mod_pukkaVenues .itemPreview.selected h3{
		background:#f7f4f0;
	}
	#mod_pukkaVenues .itemPreviewContentSection{
		padding: 33px 11px 27px;
		width: auto;
	}

}