
/***************  templates/moduleThemes/default/pukkaRestaurants/style.viewItem.css  ***************/
div#main-content .share-btns{
    right: 28px;
    top: -145px;
}
/* div#main-content .share-btns.show{
    width:100%;
}
 */

#mod_pukkaRestaurants .moduleBody:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
#mod_pukkaRestaurants {
	margin:0 0 65px;
}

#mod_pukkaRestaurants.viewItem .title-wrapper{
	margin-left:56px;
}
#mod_pukkaRestaurants.viewItem .content-wrapper{
	position:relative;
}
#mod_pukkaRestaurants.viewItem .right-content{
	width:47%;
	margin-top:0;
	margin-right:2%;
	min-height:600px;
}
		#mod_pukkaRestaurants.viewItem .right-content .main-intro{
			margin-top:-100px;
			position:relative;
			margin-right:30px;
			z-index:1;
		}
		
#mod_pukkaRestaurants.viewItem .left-content{
	width:60%;
}

#mod_pukkaRestaurants .module-image-rotator {
	width:847px;
	height:552px;
	position:absolute;
	overflow:hidden;
	top:45px;
	left:-634px;
	z-index:0;
}
	#mod_pukkaRestaurants .slideshow{
		position:relative;
		z-index:1;
	}
	#mod_pukkaRestaurants .module-image-rotator .cycle-nav{
		top:252px;
		/* height:80px; */
	}	
	/* #mod_pukkaRestaurants .module-image-rotator .cycle-nav:after{
		top:22px;
	} */	
	
#mod_pukkaRestaurants .sub-content{
	width:280px;
	float:right;
	padding:5px 25px 0;
	margin:35px 0 0;
	background:#f0f0f0;
}
#mod_pukkaRestaurants .sub-content h3{
	margin:17px 0;
}
#mod_pukkaRestaurants .sub-content h4{
	margin:0;
}
#mod_pukkaRestaurants .sub-content p{
	margin:5px 0 25px;
	line-height:1.4;
}	

#mod_pukkaRestaurants  .downloads {
	width:250px;
	padding:15px 25px;
	margin-right:30px;
}
#mod_pukkaRestaurants  .download-btn{
	position:relative;
	padding-left:30px;
	padding-bottom:30px;
}
#mod_pukkaRestaurants .pdf{
	padding-bottom:15px;
}
#mod_pukkaRestaurants .pdf a{
	display:block;
	padding-left:86px;
	position:relative;
}
#mod_pukkaRestaurants .pdf a h3{
	margin:10px 0 3px;
}
		
		#mod_pukkaRestaurants .bottom-links{
			width:330px;
			float:right;
			clear:both;
			margin:30px 0 0;
		}
			#mod_pukkaRestaurants .bottom-links a{
				float:left;
			}
			#mod_pukkaRestaurants .bottom-links .booking-link{
				padding:0 40px;
			}
		
	
/* Tablet Landscape and to Desktop */
@media (min-width: 1024px) and (max-width: 1279px) {	

div#main-content .share-btns {
    right: -8px;
    top: -92px;
}
div#main-content .share-btns.show{
   width:auto;
}

#mod_pukkaRestaurants.viewItem{
	padding:0 40px;
	margin:0 0 80px;
}
#mod_pukkaRestaurants.viewItem .content-wrapper{
	width:100%;
	margin:0;
}
#mod_pukkaRestaurants.viewItem .right-content{
	margin:30px 0 10px;
}

#mod_pukkaRestaurants.viewItem .title-wrapper {
    margin:0;
	padding:0;
}
#mod_pukkaRestaurants.viewItem .right-content .main-intro{
	margin:0;
	
}
#mod_pukkaRestaurants .module-image-rotator{
	width:645px;
	height:420px;
	position:relative;
	left:auto;
	top:auto;
	float:left;
	margin:30px 0;
}
	#mod_pukkaRestaurants .module-image-rotator .cycle-nav{
		top:180px;
	}
	
#mod_pukkaRestaurants .sub-content{
	width:200px;
	margin:20px 0 0;
	padding:5px 20px 0;
	clear:right;
	font-size:0.9em;
}
#mod_pukkaRestaurants .opening-details{
	margin-top:30px;
}
#mod_pukkaRestaurants .content-details{
	width:225px;
	padding:5px 0 0 15px;
}
#mod_pukkaRestaurants .content-details p{
	font-size:0.9em;
}
#mod_pukkaRestaurants .sub-content h3 {
    margin: 12px 0;
}
#mod_pukkaRestaurants .downloads{
	padding:20px;
}
#mod_pukkaRestaurants .pdf a{
	padding-left:70px;
}
#mod_pukkaRestaurants .pdf-btn:after{
	top:-10px;
	left:-8px;
	font-size:4.5em;
}

#mod_pukkaRestaurants .right-content .bottom-links{
	width:240px;
	margin:20px 0 0;
}
	#mod_pukkaRestaurants .right-content .bottom-links a{
		float:right;
	}	
	#mod_pukkaRestaurants .right-content .booking-link {
		padding: 0;
		width: 100%;
	}

	
	
}

/* Portrait Tablet to Landscape and Desktop */
@media (min-width: 768px) and (max-width: 1023px) {

div#main-content .share-btns {
    right: -8px;
    top: -47px;
}
div#main-content .share-btns.show{
   width:auto;
}

#mod_pukkaRestaurants.viewItem{
	margin:0 0 60px;
}
#mod_pukkaRestaurants.viewItem .content-wrapper{
	width:100%;
	margin:0;
}
#mod_pukkaRestaurants.viewItem .right-content{
	margin:50px 0 0;
}

#mod_pukkaRestaurants.viewItem .title-wrapper {
    margin:0;
	padding:0;
}
#mod_pukkaRestaurants.viewItem .right-content .main-intro{
	margin:0;
}

#mod_pukkaRestaurants .module-image-rotator{
	width:100%;
	height:455px;
	position:relative;
	left:auto;
	top:auto;
	float:left;
	margin:34px 0 0;
}
	#mod_pukkaRestaurants .module-image-rotator .cycle-nav{
		top:180px;
	}
	
#mod_pukkaRestaurants .sub-content{
	width:300px;
	float:left;
}
#mod_pukkaRestaurants .opening-detailst h3,
#mod_pukkaRestaurants .has-downloads h3{
	font-size:1.2em;
}

#mod_pukkaRestaurants .content-details,
#mod_pukkaRestaurants .right-content  .bottom-links{
	width:270px;
	clear:none;
	float:right;
}

#mod_pukkaRestaurants .sub-content p{
	font-size:0.9em;
}

#mod_pukkaRestaurants .has-downloads .sub-content{
	width:170px;
	min-height:185px;
	float:left;
}
#mod_pukkaRestaurants .has-downloads .content-details{
	width:240px;
	padding:5px 10px 0;
	float:left;
	margin-left:20px;
}
#mod_pukkaRestaurants .has-downloads .content-details p{
	white-space:nowrap;
}
	#mod_pukkaRestaurants .has-downloads .sub-content h3 {
		margin: 25px 0 20px;
	}
	#mod_pukkaRestaurants .has-downloads .downloads h3 {
		margin: 2px 0 8px;
		font-size:1.4em;
	}
	
#mod_pukkaRestaurants .has-downloads .downloads {
	width:130px;
	min-height:160px;
	margin-right:0;
	float:right;
}

#mod_pukkaRestaurants .pdf a{
	padding:80px 0 0;
	text-align:left;
}
#mod_pukkaRestaurants .pdf .pdf-btn:after{
	font-size:3.5em;
	left:-6px;
	top:6px;
}
#mod_pukkaRestaurants  .download-btn{
	padding:0 20px;
}
#mod_pukkaRestaurants  .download-btn:after{
	left:-12px;
}


#mod_pukkaRestaurants .right-content  .bottom-links{
	width:320px;
}
#mod_pukkaRestaurants .bottom-links .booking-link{
	margin:25px 0 0;
}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

div#main-content{	
	padding-bottom:15px;
}
div#main-content .share-btns {
    right: -5px;
    top: -32px;
}
div#main-content .share-btns.show{
   width:auto;
}

#mod_pukkaRestaurants.viewItem{
	margin:0;
}
#mod_pukkaRestaurants.viewItem .content-wrapper{
	width:100%;
	margin:0;
}
#mod_pukkaRestaurants.viewItem .right-content{
	margin:40px 0 0;
}

#mod_pukkaRestaurants.viewItem .title-wrapper {
    margin:0;
	padding:0;
}
#mod_pukkaRestaurants.viewItem .right-content .main-intro{
	margin:0;
}

#mod_pukkaRestaurants .module-image-rotator{
	width:100%;
	height:auto;
	position:relative;
	left:auto;
	top:auto;
	float:left;
	margin:15px 0 0;
}

	#mod_pukkaRestaurants .module-image-rotator .cycle-nav{
		top: 75px;
	}
	
	#mod_pukkaRestaurants .module-image-rotator .pager {
		position:absolute;
		bottom:5px;
		width:100%;
		left:0;
		z-index:2;
		text-align:center;
	}
	
#mod_pukkaRestaurants .sub-content{
	width:90%;
	padding:10px 5%;
	margin:20px 0 0;
}

#mod_pukkaRestaurants .sub-content h3 {
    margin: 5px 0 12px;
}
#mod_pukkaRestaurants .content-details  h3 {
	font-size:1.2em;
}

#mod_pukkaRestaurants .bottom-links{
	width:100%;
	margin:0;
}
#mod_pukkaRestaurants .bottom-links .booking-link{
	width:100%;
	margin:20px 0 0;
	padding:0;
	float:right;
	font-size:1.25em;
}

}

