#layoutAccordion{max-width:1139px;margin:0 auto;}
#layoutAccordion .accordion-content .item,
#layoutAccordion .accordion-content{overflow:hidden;}

#layoutAccordion .accordion-content{border:1px solid #7d8897;border-top:0;border-bottom:0;}

#layoutAccordion .accordion-content .item:last-child {border-top:1px solid #7d8897;}
#layoutAccordion .accordion-content .item:first-child {border-bottom:0;border-top:0;}


#comingsoon .wrappsoon h3.accordion-title,#layoutAccordion h3.accordion-title{text-align:center;line-height:79px;letter-spacing:5px;margin:0;padding:27px 0 0 0;background:#000;font-family: 'Lato', sans-serif;font-weight:300;font-size:32px;font-style:normal;color:#fff;text-transform:uppercase;}
#comingsoon .wrappsoon h3.accordion-title,#layoutAccordion h3.accordion-title{position:relative;width:100%;height:131px;z-index:3;display:none;}

#layoutAccordion h3.title{text-align:center;line-height:83px;letter-spacing:6px;margin:0;padding:26px 0 0 0;background:#000;font-family: 'Lato', sans-serif;font-weight:300;font-size:32px;font-style:normal;color:#fff;text-transform:uppercase;}
#layoutAccordion h3.title{position:relative;width:100%;height:131px;z-index:3;}
#mod_pukkaEvents #layoutAccordion h3.title { height: 132px; }

#layoutAccordion h3.accordion-title span.titlenoclick{position:absolute;width:100%;height:100%;top:0;left:0;}
#layoutAccordion .item .accordion-content .wrapperImage,#layoutAccordion .accordion-content .item .wrapperImage{float:left;width:57.06%;height:571px;overflow:hidden;text-align:center;}
#layoutAccordion .item .accordion-content .wrapperImage{width:57.26%;height:829px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperImage{height:523px;}
#layoutAccordion .item .accordion-content .wrapperImage img,#layoutAccordion .accordion-content .item .wrapperImage img{width:auto;height:571px;position: relative;}
#layoutAccordion .item .accordion-content .wrapperImage img{height:829px;}
#mod_pukkaEvents #layoutAccordion .accordion-content .item .wrapperImage img{height:829px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperImage img{height:523px;}
#layoutAccordion .item .accordion-content .wrapperImage span,#layoutAccordion .accordion-content .item .wrapperImage span{height:auto!important;}
.loggedIn #layoutAccordion  .item .accordion-content .wrapperImage,.loggedIn #layoutAccordion .accordion-content .item .wrapperImage{text-align:left;}
.loggedIn #layoutAccordion  .item .accordion-content .wrapperImage img,.loggedIn #layoutAccordion .accordion-content .item .wrapperImage img{margin-left:0;}

#layoutAccordion .accordion-content .item.alt .wrapperImage{float:right;}

#layoutAccordion  .item .accordion-content .wrapperContent,#layoutAccordion .accordion-content .item .wrapperContent{overflow:hidden;padding:0;}
#layoutAccordion .accordion-content .item .wrapperContent .mod-content{padding:53px 57px 0 53px;}
#layoutAccordion  .item .accordion-content .wrapperContent .mod-content{padding:59px 41px 0 40px;}

#layoutAccordion .accordion-content .item .wrapperContent h4{letter-spacing:5px;line-height:26px;margin:0 0 33px 0;padding:0;font-family: 'Lato', sans-serif;font-weight:700;font-size:22px;font-style:normal;color:#000;text-transform:uppercase;}

#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks,
#comingsoon .wrappsoon .content .contentbutton,
#layoutAccordion .item .accordion-content .wrapperContent .wrapperLinks,
#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks{margin-left:55px;margin-top:8px;float:left;height:67px;background:#8b8f94;text-align:center;-webkit-transition: background .25s ease-in-out;-moz-transition: background .25s ease;-ms-transition: background .25s ease;-o-transition: background .25s ease;transition: background .25s ease;}

#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks:hover,
#comingsoon .wrappsoon .content .contentbutton:hover,
#layoutAccordion .item .accordion-content .wrapperContent .wrapperLinks:hover,
#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks:hover {background: #000000;-webkit-transition: background .25s ease-in-out;-moz-transition: background .25s ease;-ms-transition: background .25s ease;-o-transition: background .25s ease;transition: background .25s ease;}



#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks a,
#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks{width:345px;}
#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks{margin-left:40px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a,
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks{width:225px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a,
#comingsoon .wrappsoon .content .contentbutton a,
#layoutAccordion .item .accordion-content .wrapperContent .wrapperLinks a,
#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a{display:inline-block;height:67px;letter-spacing:4px;line-height:67px;margin:0;padding:0 18px 0;font-family: 'Lato', sans-serif;font-weight:700;font-size:20px;font-style:normal;color:#fff;text-transform:uppercase;text-decoration:none;}

/*COMING-SOON*/
#comingsoon{max-width: 1139px;margin: 0 auto;}
#comingsoon .wrappsoon{overflow:hidden;}
#comingsoon .wrappsoon h3.accordion-title{display:block;}
#comingsoon .wrappsoon .content{overflow:hidden;border:1px solid #7d8897;border-top:0;border-bottom:0;padding:55px 64px 0 50px;}
#comingsoon .wrappsoon .content .contentfloats{overflow:hidden;}
#comingsoon .wrappsoon .content .contentleft{float:left;height:auto;width:55%;padding:0 68px 0 0;}
#comingsoon .wrappsoon .content .contentright{float:none;height:auto;}
#comingsoon .wrappsoon .content .contentbutton{margin-left:0;margin-bottom:66px;}
#comingsoon .wrappsoon .content .contentright .firstcolumn, #comingsoon .wrappsoon .content .contentright .secondcolumn {display: table-cell;}
#comingsoon .wrappsoon .content .contentright .firstcolumn {padding: 0 16px 0 0;}

#comingsoon .wrappsoon .content span.headtitle{width:100%;text-align:left;display:block;font-family: 'Lato', sans-serif;font-weight:700;font-size:22px;font-style:normal;color:#000;text-transform:uppercase;letter-spacing:4px;line-height:27px;margin:0 0 7px 0;}
/*END-COMING-SOON*/

/*OUR-LOCATION*/
#layoutAccordion #categoryLink{padding:0 100px;text-align:center;margin-top:6px;margin-bottom:27px;}
#layoutAccordion #categoryLink p{font-family: 'Lato', sans-serif;font-weight:700;font-size:13px;color:#8b8f94;text-transform:uppercase;line-height:15px;letter-spacing:2px;display:inline-block;margin:0 45px 12px 0;cursor:pointer;}
#layoutAccordion #categoryLink p:hover {color: #000000;-webkit-transition: color .25s ease;-moz-transition: color .25s ease;-ms-transition: color .25s ease;-o-transition: color .25s ease;transition: color .25s ease;}
#layoutAccordion #categoryLink p.locationtitle{color:#000;width:100%;margin:0 auto 12px;padding:0;}
/*END-OUR-LOCATION*/

#layoutAccordion .wrapperContent h4,#layoutAccordion .wrapperContent h3{font-family: 'Lato', sans-serif;font-weight:700;font-size:22px;color:#000;text-transform:uppercase;letter-spacing:4px;line-height:23px;margin-bottom:15px;}
#layoutAccordion .wrapperContent h4{font-size:13px;letter-spacing:2px;}



@media only screen and (max-width: 1140px){
#layoutAccordion .accordion-content .item .wrapperImage{width:57.06%;}
}

@media only screen and (max-width: 1109px){
#layoutAccordion .accordion-content .item .wrapperImage{width:53%;}
}

@media only screen and (max-width: 1077px){
#comingsoon .wrappsoon .content{padding-right:11px;}
#layoutAccordion .accordion-content{border:0;}
}

/*PORTRAIT*/
@media only screen and (max-width: 1023px){
#layoutAccordion .accordion-content .item .wrapperContent .mod-content{padding: 53px 22px 0 46px;}
#layoutAccordion .accordion-content .item .wrapperImage{width:50%;height:681px;}
#layoutAccordion .item .accordion-content .wrapperImage{width:50%;height:843px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperImage{width:50%;height:598px;}
#layoutAccordion .accordion-content .item .wrapperImage img{height:681px;}
#layoutAccordion .item .accordion-content .wrapperImage img{height:843px;}
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperImage img{height:598px;}

#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks{width:288px;height:87px;float:none;}

#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a{width:288px;height:87px;display:block;line-height:25px;padding:20px 23px 0;}

#comingsoon .wrappsoon .content .contentleft{float:none;width:100%;padding:0;}
#comingsoon .wrappsoon .content .contentleft{float:none;}

#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks a,
#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks{width:313px;}

#comingsoon .wrappsoon .content .contentbutton{margin-left:0;margin-bottom:52px;}

#layoutAccordion .item .accordion-content .wrapperImage img,#layoutAccordion .accordion-content .item .wrapperImage img{left: 100%;margin-left: -200%;}

#layoutAccordion #categoryLink{padding:0 110px;}
#layoutAccordion #categoryLink p{margin: 0 29px 12px 0;}
}

/*MOBILE*/
@media only screen and (max-width: 767px){
#layoutAccordion #categoryLink,#layoutAccordion h3.title{display:none;}
#layoutAccordion h3.accordion-title{ cursor: pointer; display:block;font-weight:700;font-size:17px;height:97px;line-height:18px;}
#layoutAccordion h3.accordion-title span.arrowmobacor,#layoutAccordion .category h3.accordion-title span.arrowmobacor{position:absolute;bottom:10px;left:0;right:0;background:url(../images/arrowacormob.png) no-repeat left top;display:block;width:30px;height:16px;margin:0 auto;}
#layoutAccordion .selected h3.accordion-title span.arrowmobacor,#layoutAccordion .category.selected h3.accordion-title span.arrowmobacor{background:url(../images/arrowacormob.png) no-repeat left bottom;}

#layoutAccordion .item .accordion-content .wrapperImage,#layoutAccordion .accordion-content .item.alt .wrapperImage,#layoutAccordion .accordion-content .item .wrapperImage{float:none;}


#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperImage,
#layoutAccordion .item .accordion-content .wrapperImage,
#layoutAccordion .accordion-content .item .wrapperImage{width:100%;height:324px;}

#layoutAccordion .item .accordion-content .wrapperImage img,
#layoutAccordion .accordion-content .item .wrapperImage img{width:auto;height:324px;}

#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks{margin:0 auto 44px;height:95px;}

#layoutAccordion .item .accordion-content .wrapperContent .wrapperLinks,
#mod_pukkaRestaurants #layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks{margin:0 auto 44px;float:none;}
#layoutAccordion .item .accordion-content .wrapperContent .wrapperLinks{margin-bottom:66px;}

#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a{height:95px;font-size:17px;}

#layoutAccordion .item .accordion-content .wrapperContent .mod-content,
#layoutAccordion .accordion-content .item .wrapperContent .mod-content{padding:35px 23px 0;}

#layoutAccordion .item h3.accordion-title,#layoutAccordion .category.accordion-item h3.accordion-title{background: #fff;color: #000;border-top:1px solid #7d8897;padding-top:18px;}
#layoutAccordion .item.selected h3.accordion-title,#layoutAccordion .category.accordion-item.selected h3.accordion-title{background: #000;color: #fff;border-top:none;}
#layoutAccordion .item.selected h3.accordion-title .arrowmobacor,#layoutAccordion .category.accordion-item.selected h3.accordion-title .arrowmobacor{bottom:14px;}

#layoutAccordion .item .accordion-content .wrapperContent .wrapperContent h3,
#layoutAccordion .accordion-content .item .wrapperContent h4{font-size:17px;line-height:20px;margin-bottom:18px;}
#layoutAccordion .item .accordion-content .wrapperContent .wrapperContent h4{font-size:13;}
#layoutAccordion .accordion-content .item .wrapperContent .wrapperLinks a{padding-top:22px;}

#comingsoon .wrappsoon .content{padding:30px 25px 0 25px;}
#comingsoon .wrappsoon .content .contentbutton{height:92px;}
#comingsoon .wrappsoon .content .contentbutton a{height:92px;padding-top:23px;line-height: 23px;}

#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks a,
#layoutAccordion  .item .accordion-content .wrapperContent .wrapperLinks{width:268px;}
#comingsoon .wrappsoon .content .contentright .firstcolumn, #comingsoon .wrappsoon .content .contentright .secondcolumn {display: block;}
#comingsoon .wrappsoon .content .contentright .firstcolumn > p {margin: 0;}

}
/*NON-MOBILE*/
@media only screen and (min-width: 768px){
.accordion-content{display:block!important;}
}

.editMode .contentbutton .showInEditMode.editableLinkIcon,
.editMode #layoutAccordion .wrapperLinks .showInEditMode.editableLinkIcon{position:absolute;}