/*
Theme Name: Porthaven
Description: Porthaven custom theme
Author: Iconic Brand Agency
Version: 1.0
Tags: Porthaven
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; line-height:1.3
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




.lato-thin {
  font-family: "century-gothic", serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "century-gothic", serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "century-gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "century-gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "century-gothic", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "century-gothic", serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "century-gothic", serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "century-gothic", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "century-gothic", serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "century-gothic", serif;
  font-weight: 900;
  font-style: italic;
}


.playfair-display {
  font-family: "century-gothic", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;gap: 40px;
}
.nomalsection .row {align-items: center;}
.column {
	 
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.columnthree {flex-wrap: wrap; --cols: 3;
  --gap: 30px;
  display: flex;
  gap: var(--gap);}
.columnthree .column {flex-basis:calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));; max-width:calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1))}

.columntwo {flex-wrap: wrap; --cols: 2;
  --gap: 30px;
  display: flex;
  gap: var(--gap);}
.columntwo .column {flex-basis:calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));}

.columntwo .column:last-child {    box-sizing: border-box;
    padding-right: 100px;}
	.columntwo .column:last-child .box {padding-top:100px}
.columntwo .column:nth-last-child(2){    box-sizing: border-box;
    padding-left: 100px;
    padding-left: 100px;}

.column .box {display:block}
.column .box img{display:block; width:100%; height:auto}

video {    width: 100%;
    min-height: 100vh;
    object-fit: cover;
    height: auto;}
.inner,section {position:relative}
#hero .logo {position:absolute;top:30px; left:30px; z-index:2; width:300px;}
#hero .logo img {width:100%; height:auto;}
#hero {
    display: flex
;
    min-height: 100vh; height:auto;
    align-items: center;
}
#hero:before {content:'';background:rgba(0,0,0,.4); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:1}
#login  { max-width: 548px;
    z-index: 2;
    position: absolute;
    top: auto;
    left: 0;
    bottom: auto;
    right: 0;
    display: block;
    margin: auto;
    width: 90%;
    padding: 30px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;}
	#login img {width:100%; height:auto;}
#welcome  {    z-index: 2;position:absolute;top:35%; left:10%; width:80%; padding:20px; box-sizing:border-box;}

#hero h1 { font-family: "century-gothic", serif; font-size:50px;color:white;  font-weight:400; text-align:center; margin-bottom:10px}
#hero p {font-family:"century-gothic"; font-weight: 300; font-size:27px; color:white; margin-bottom:40px}
#hero p:last-child {margin:0}
.wpsl-input label, #wpsl-radius label, #wpsl-category label {
    width: 116px !important;
}
.wpsl-input {display:none  !important}

#wpsl-category {
  position: relative;
  z-index: 1;
 clear: none  !important;
}

a.btn, #welcome a,.nomalsection a{cursor:pointer;font-family:"century-gothic"; font-weight: 200;     margin-right: 5px;
    margin-bottom: 5px;    display: inline-block; font-size:15px;border-radius:20px; padding:8px 20px; background:#f8991d; color:white; text-transform:uppercase; text-decoration:none}
a.btn.blue {background:#1e5079}
a.btn:hover , #welcome a:hover,.nomalsection a:hover {background:black; transition:all ease-in-out .5s}
.favourite{}
.favourite:hover,.favourite.active{}

#hero #login  h1 {font-family: "century-gothic", serif; font-size:32px;color:#76796d;  font-weight:400; text-align:center; margin-bottom:30px}
#login p {font-family:"century-gothic"; font-weight: 300; font-size:19px; color:#76796d; text-align:center; margin-bottom:20px}
#login form p {font-family:"century-gothic"; font-weight: 300; font-size:27px; color:white; margin-bottom:5px}
#login form input {background-color:transparent;font-family:"century-gothic"; font-weight: 300; font-size:16px; color:#76796d; margin-bottom:0px; border:1px solid #76796d; padding:13px; box-sizing:border-box; width:100%; display:block}
#login form p.login-password {margin-bottom:10px}
.forgot-password {float:right; color:#76796d}
#login form input#wp-submit {font-family:"century-gothic"; font-weight: 200; font-size:16px;border-radius:20px; padding:10px 30px; 
background:#1e5079; color:white; text-transform:uppercase; text-decoration:none; width:100%; display:block; box-sizing:border-box; color:white; cursor:pointer}
#login form p label {font-size:16px; color:#76796d;}
#login form p label input {float: left;
    margin-right: 10px;
    display: inline-block;
    width: auto;
    margin-top: 17px; background:transparent}
#login form p.login-submit {margin-top:20px}

#login form p.login-remember{
    text-align: left;
}
#login .forgot-password {
	font-family:"century-gothic"; font-weight: 300;
    float: right;
    color: #76796d;
    margin-top: -87px;
    text-decoration: none;
}

#porthavenlife .inner, #activites .inner, .nomalsection.inner, .nobuttons.inner {
    padding: 60px;
    max-width: 1400px;
    box-sizing: border-box;
    margin: auto;
}
#intro .inner,#calendar .inner {max-width: 1320px;}
#intro .inner {max-width:none}

#wpsl-wrap .wpsl-info-window p {font-size:14px}
 #calendar .inner:nth-child(1) {   padding-bottom: 0;}
#intro .inner {padding:60px;     margin: auto; }
#intro h1 {font-family: "century-gothic", serif; font-size:32px;color:#76796d;  font-weight:400; text-align:center; margin-bottom:10px}
#intro p {font-family:"century-gothic"; font-weight: 300; font-size:19px; color:#76796d; text-align:center; margin-bottom:40px}
#intro p:last-child {margin-bottom:0}
.em-event-categories {display:none !important;}
#porthavenlife, #activites, #documents, #places{background:#ededed}
.tabs {margin-top:20px}
.tabshow  h3 {
    font-family: "century-gothic", serif;
    font-size: 32px;
    color: #76796d;
    font-weight: 400;
    text-align: left;
    margin-bottom: 20px; margin-top:20px; margin-left:20px
}
 #documents a,#local a	{color:#1e5079}
  #documents .tabshow  a {width:32%; margin-right:1%; margin-bottom:1%; display:inline-block; color:#f8991d;     vertical-align: text-top;}
   #documents .tabshow   a.dl img {width:100%; height:auto}
 #documents a:hover,#local a:hover	{color:#000}
#porthavenlife .inner, #activites .inner, .nomalsection.inner {padding:60px;     overflow: hidden;}
.nomalsection h2{font-family: "century-gothic", serif; font-size:32px;color:#76796d;  
font-weight:400; text-align:left; margin-bottom:0px}
.nomalsection p {font-family:"century-gothic"; font-weight: 300; font-size:17px; color:#76796d;
 text-align:left; margin-top:20px}
.nomalsection p:first-child{margin-top:0px}
.nomalsection p:last-child {margin-top:30px}
#listview {display:none !important}
#photogallery .nomalsection h2 {text-align:center}
#places  h2 {text-align:center}
#local h2 {margin-bottom:30px}
#wpsl-wrap * {    font-family: "century-gothic";}
#facebookfeed .cff-share-container *,#facebookfeed .cff-post-text *,#facebookfeed .cff-author * {    font-family: "century-gothic"; color:var(--meta-color)!important}
.wpsl-street{ display:inline-block; margin-right:3px;}
#cff.cff-light .cff-album-item, #cff.cff-light .cff-item, #cff.cff-light .cff-item.cff-box, #cff.cff-light .cff-item.cff-box:first-child {
background-color: transparent !important;}

.nobuttons h2{font-family: "century-gothic", serif; font-size:32px;color:#76796d;  
font-weight:400; text-align:left; margin-bottom:20px}
.nobuttons p {font-family:"century-gothic"; font-weight: 300; font-size:17px; color:#76796d;
 text-align:left; margin-top:20px}

.nomalsection img{
    width: 100%; height:auto
}
/*

wp_get_attachment_image(get_field('favourite','option'),'full')
wp_get_attachment_image(get_field('favourite_selected','option'),'full')
*/
.logged-in.page-id-93 {padding-top:80px}
header {position:relative;    width: 96%;
    margin: 2%; margin-top:0;  position:fixed; top:0; left:0; box-sizing:border-box; overflow:hidden; z-index: 99999999999;}
	.popupshowing header {    opacity: 0;
	}
header .inner{
    overflow: hidden;
    border-radius: 20px;
    background: white;
    padding: 10px; 
}
header .logo {width:16%; margin-left:2%}
header .logo img {width:100%; height:auto; max-width: 240px;}
header nav {margin-top:23px}
.logo {float:left; margin-left:60px;  margin-top:10px;margin-right:5%; width:20%}
nav {    float: left; 
   width: 66%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    text-align: center;}
.signout {float:right; margin-right:60px; margin-top:20px}
nav a {text-decoration:none;font-family:"century-gothic"; font-weight: 200; font-size:17px; color:#b6b6ab; margin:0px; padding:10px 20px; width:auto; display:inline-block;box-sizing:border-box; text-transform:uppercase; cursor:pointer}
nav a:hover, nav a.active {color:#76796d}
.hidecolours {float:right; display:none !important}
.nomalsection nav  {
       float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    min-width: 800px;
    clear: both;
    margin-top: 20px;
}
.wpsl-search {
   
    display: none;
}
.nomalsection nav.calendarnav  { min-width:354px; display:none}
.nomalsection nav.calendarnav  a{ width:48%}




/*
.nomalsection nav a {background-color:white; padding:20px; color:#b6b6ab;     box-sizing: border-box;}
.nomalsection nav a:hover, .nomalsection nav  a.active {background-color:white; padding:20px; color:#76796d;}
*/
.nomalsection nav a:hover, .nomalsection nav  a.active {color:white;}

.em.em-calendar .em-cal-nav .month input, .em.em-calendar .em-cal-nav .month span.marker {    color: #76796d;}
#porthavenlifeembed {max-width:90vw; max-height:90vh;width:90vw; height:90vh}
#menu .page {background:url(/wp-content/uploads/2025/02/grey-menu-cover.jpg); background-size:cover;box-sizing: border-box;
    width: 640px;
    margin: 0;    min-height: 800px;
text-align:center;padding:0px;    vertical-align: text-top;  margin:0; margin-bottom:0; display:inline-block; -webkit-box-shadow: 5px 5px 5px 0px rgba(232,227,232,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(232,227,232,1);
box-shadow: 5px 5px 5px 0px rgba(232,227,232,1); }
#menu .page.covers {display:block; margin:auto}
#menu .border.cover {background:url(/wp-content/uploads/2025/02/grey.jpg); background-size:cover; text-align:center;padding:20px 80px; border:1px solid white;     border: 1px solid white;
    margin: 20px;}
#menu .cover .border { text-align:center;padding:200px 80px; border:1px solid white}
#menu img {width:480px; height:auto; display:block; margin:auto}
#menu .cover img {width:263px; height:auto; display:block; margin:auto}
#menu .flipper * {color:white}
.flipperouter {position:relative}
#flippersouter2 {display:none;}
#flippers {}
#menu   h1 {font-family: "century-gothic", serif; font-size:38px;color:white;  font-weight:400; text-align:center; margin-bottom:20px; margin-top:20px}
#menu .flipper   h2 {font-family: "century-gothic", serif; font-size:26px;color:white;  font-weight:400; text-align:center; margin-bottom:20px}
#menu   h3 {font-family: "century-gothic", serif; font-size:22px;color:white;  font-weight:400; text-align:center; margin-bottom:20px; margin-top:20px}
#menu   h1 {font-family: "century-gothic", serif; font-size:28px;color:white;  font-weight:400; text-align:center; margin-bottom:20px; margin-top:20px}
#menu p {font-family:"century-gothic", serif; font-size:17px;color:white;  color:white; text-align:center; margin-bottom:10px}

#menu .nomalsection p:first-child {
    margin-top: 0;
}
.innermenu {min-height:720px}
#menu .cover p {margin:0}
#menu .cover h1 {margin-top:20px; margin-bottom:20px}
#menu .cover  .innermenu {min-height:0; margin-bottom:0px}
#menu .cover h3 {margin-top:50px}
#menu .page{}
#menu .page .newinner{position:relative; padding-top:30px; padding-bottom:50px}
.page .menubottom {position:absolute; bottom:0; left:0; right:0; display:block; margin:auto}
.page .menutop {position:absolute; top:0; left:0; right:0; display:block; margin:auto}
#flipper {
  display: flex;   flex-wrap: wrap;    
    justify-content: center;    display: none;

}
div.flip-control {
    width: 100%;
    text-align: center; padding:20px;     box-sizing: border-box; position:absolute; top:40%
}

#menu div.flip-control a {
    margin-left: 10px;     color: #fff;
    float: left;
    margin: 0;
    padding: 10px;
    width: 20px;
    height: 20px;
}
#menu div.flip-control a:nth-child(2){float:right}
#flipper .page {
  flex:  50%; /* additionally, equal width */
  

}
.em.em-list .em-item {
    width: 100%;
    display: grid !important
;}
.em.pixelbones blockquote, .em.pixelbones dl, .em.pixelbones figure, .em.pixelbones ol, .em.pixelbones pre, .em.pixelbones table,body .em.pixelbones ul {
    margin-bottom: 5px !important;
}
#gallery {overflow:hidden; margin-bottom:60px}
#gallery .galleryitem img, #gallery .galleryitem video {width:100%; height:100%; object-fit:cover}
#gallery .galleryitem {position:relative; overflow:hidden}
#gallery .galleryitem:nth-child(1) {float:left; width:49%; height:300px; margin-right:1%}
#gallery .galleryitem:nth-child(2) {float:right; width:50%; height:618px; margin-left:0}
#gallery .galleryitem:nth-child(3) {float:left; width:24%; height:300px; margin-top:1%}
#gallery .galleryitem:nth-child(4) {float:left; width:24%; height:300px; margin-left:1%; margin-top:1%}

.wpsl-store-location strong {font-weight:bold; font-size:18px; cursor:pointer}

#photogallery .slide {position:relative}
#photogallery .slide  .galleryitem {width:24.5%; height:18.5vw; display:block; float:left; margin: 0;
    box-sizing: border-box;
    position: relative;
    padding: 10px; position:relative; overflow:hidden}
#photogallery .slide  .galleryitem:nth-child(1) {margin-left:0}
#photogallery .slide  .galleryitem:nth-child(5) {margin-left:0}
#photogallery .slide  .galleryitem:nth-child(4) {margin-right:0}
#photogallery .slide  .galleryitem:nth-child(8) {margin-right:0}
#photogallery .galleryitem img, #photogallery .galleryitem video {width:100%; height:100%; object-fit:cover}
#photogallery .inner {padding:60px 0;     padding-bottom: 20px;}
#photogallery .inner:nth-child(2) {padding:60px; padding-top:0}
#hiddengallery {display:none ;}
.hidden {display:none !important;}
.favourite {z-index:999;background-image:url(/wp-content/uploads/2025/01/favourite-heart.svg); background-size:contain; width:45px; height:45px; display:block; position:absolute; top:10px; right:10px; cursor:pointer}
.favourite:hover, .favourite.active {background-image:url(/wp-content/uploads/2025/01/favourite-heart-chosen.svg);}
.em * { font-family:"century-gothic"}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a, .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date span {
   font-family: "century-gothic";
    font-weight: 200;
    font-size: 23px !important;
    margin: 0 !important;
    padding: 0px !important;
}
.em.em-calendar .em-cal-body .em-cal-day.eventless-pre .em-cal-day-date,.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date {
    opacity: 50%;
        float: none;
    text-align: left !important;
    width: 100%;
}
body .em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a, .em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date a, .em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a {
    border: none !important;
}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date {
  
    margin: 0 !important;
}
.dayofweek {margin-top:49px}
.month {margin-bottom:19px}
.em.em-calendar section>div, .em.em-modal .em-modal-popup .em-modal-content.has-image>div.image img {
  
    min-width: 15%;
}
.em.em-event .em-item-image .em-item-image-placeholder div.date span, .em.em-events-list .em-item-image .em-item-image-placeholder div.date span, .em.em-events-widget .em-item-image .em-item-image-placeholder div.date span {
    text-align: center;
    display: block !important;
    font-size: 20px !important;
    line-height: 23px !important;
}
.em.em-event .em-item-image .em-item-image-placeholder div.date span.day, .em.em-events-list .em-item-image .em-item-image-placeholder div.date span.day, .em.em-events-widget .em-item-image .em-item-image-placeholder div.date span.day {
    font-size: 32px !important;
    line-height: 25px !important;
    align-self: center !important;
}
.em.em-list .em-item .em-item-info h3.em-item-title {font-family: "century-gothic", serif; font-size:36px;color:#76796d;  font-weight:400; text-align:left; }
.em.em-list .em-item .em-item-info .em-item-meta, .em.em-list-widget .em-item {
    margin-bottom: 0;
}
.em-item-read-more {display:none !important}

.em.em-calendar.hidecolours .em-cal-body.event-style-pill .em-cal-event>div {
	text-align: left;
	    background-color: white !important;
	    border: white !important;
	    color: #76796d !important;
		
}
/*.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
	text-align: left;
	  
	    position: static !important;
	    width: 100% !important;
	    height: auto !important;
	    margin: 0;
	    padding: 5px 8px;
	    left: -5px;
	    border-radius: 0;
	    white-space: pre-wrap !important;
	    overflow: hidden !important;
	    text-overflow: unset !important;
	    margin-bottom: 5px !important;
}
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
    text-align: left;
    position: relative;
    height: auto !important;
    padding: 0 !important;
    margin: 5px 0;
    cursor: pointer;
    font-size: 12px !important;
}
*/
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {max-width:95%;}
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event.multiday {max-width:none;}
.em.em-calendar.size-large .event-style-pill .eventful-today .em-cal-day-date, .em.em-calendar.size-large .event-style-pill .eventless-today .em-cal-day-date {
    margin-bottom: 5px;
    margin-top: 10px;
}
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div a {
margin-bottom: 0;}
.em.em-calendar.size-medium .em-cal-body .em-cal-day .em-cal-event, .em.em-calendar.size-small .em-cal-body .em-cal-day .em-cal-event {
    display: block !important;
}
body .em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a, .em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date a, .em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a {
    border: none !important;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
  
    margin: 0px 0 !important;
}
.body em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a,body  .em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date a,body  .em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a{
    border: none !important;
}

.em.em-calendar section.em-cal-body div {
    text-align: left;
    display: block;
}
.nomalsection  .em-cal-event, .em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {font-size:11px;font-weight:300; text-transform:none}
.nomalsection  .em-cal-event a {
	width: 100%;
	    display: block;
		    width: auto;
    display: inline;
	    text-wrap: auto;
    cursor: pointer;
    font-family: "century-gothic";
    font-weight: 200;
    font-size: 11px !important;
    border-radius: 0 !important;
    padding: 0 !important; text-transform:none}
	.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div,.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {padding: 2px 2px !important;position:static !important;height:auto !important;}
	.em.em-calendar .em-cal-body .em-cal-day {
  
    padding: 3px !important;
}
	body .em.em-calendar .em-cal-body .em-cal-day.eventful-today .em-cal-day-date a,body  .em.em-calendar .em-cal-body .em-cal-day.eventless-today .em-cal-day-date a {
    color: var(--date-today-background) !important;
    border: none !important;
    background: #fff !important;
    border-radius: none !important;
}
.em-cal-day * {pointer-events:none}

#menu {text-align:center}
.flippers {    margin: auto; margin-bottom:100px; width:1360px; display: inline-block;
    left: 0;
    right: 0;}
	
	
	
	body .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a,
	body  .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date span {
    color: black !important;}
	
	#cboxContent img {max-height:90vh; width:auto !important}
	.menuslider  {
    width: 100%;
    max-width: 100%  !important;
    display: block;
    text-align: center; position:relative; display:block
}
.menuslider  p {text-align:center
}
.menuslider  .slick-next, .menuslider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute; 
top: 68%;}

   .menuslider .slick-prev { left: 0; z-index:9999}
   .menuslider .slick-next { right: 0; z-index:9999}
   

.slick-next:before, .slick-prev:before {
   
font-size: 30px;}
#cboxSlideshow {

    color: #76796d;
}
#places iframe {display:none}
.month-nav {display:none !important}
.eventful-post .em-cal-event, .eventful-pre .em-cal-event {display:none !important}
#uploaddocs a {width:auto !important}
#uploaddocs .acf-label , [data-name="folder"],.-duplicate,#menu-item-browse{display:none !important}
.acf-icon {border-radius:none !important}
.acf-repeater .acf-row-handle .acf-icon {
   
    width: auto !important;
}
.media-modal-content {
   
    top: 120px !important;
    
}
.acf-button.button-large,#documents .tabshow a.acf-repeater-add-row {
    cursor: pointer;    border: none;
    font-family: "century-gothic";
    font-weight: 200;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 16px;
    border-radius: 20px;
    padding: 13px 30px;
    background: #f8991d;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}
.acf-button.button-large {float:right}
.acf-button.button-large:hover,#documents .tabshow a.acf-repeater-add-row:hover {
  
    background: #000;
   
}
#acf-form {margin-bottom:20px}

#wpsl-result-list a {
   
    color: #f8991d;
}


.menuslide img {display:none !important}

.imagemenuslide,.imagemenus  {max-width:none !important; height:auto; width:100%; display:block;}
	.imagemenuslide img {max-width:100% !important; height:auto; width:100%; display:block;}
	.imagemenuslide p:nth-child(2){display:none;}
	
	#weeklymenu .row {    flex-wrap: wrap;
    --cols: 2;
    --gap: 0px;
    display: flex
;
    flex-direction: row;}
	#weeklymenu .row .column  {flex: 0 0 48%;
    --gap: 0px; overflow:hidden}
	.key {position:static;  z-index:99999999;color:black;  font-family: "Lato";
    font-weight: 300; font-size:14px}
	.key span {display:inline-block; padding:4px; color:black;  font-family: "Lato";
    font-weight: 300; font-size:14px; border:1px solid black}
	
	#documents a.tab {    padding: 13px 30px;    font-family: "Lato";
    font-weight: 300;
    background: #f8991d; margin-top:15px;
    color: white; border:1px solid #f8991d;
    text-transform: uppercase; cursor:pointer;
    text-decoration: none; border-radius:20px 20px 0 0 ; display:inline-block; margin-right:10px}
	#documents a.tab.active,#documents a.tab:hover{color:#f8991d; background:white}
	.tabshow {display:none; border: 1px solid #f8991d; overflow:hidden; padding:10px;    font-family: "Lato";
    font-weight: 300}
	.tabshow.active {display:block; min-height:517px}
	

.-plus {display:none !important}
.filterfood,.filterleisure {cursor:pointer}
@media only screen and (max-width: 1240px) {	
header nav {
    margin-top: 18px;
}
nav a {
  
font-size: 15px; padding:10px}
}
@media only screen and (max-width: 1024px) {	
#weeklymenu .row {    flex-wrap: wrap;
    --cols: 1;
    --gap: 0px;
    display: flex
;
    flex-direction: row;}
	#weeklymenu .row .column  {flex: 0 0 100%;
    --gap: 0px; overflow:hidden}
nav {
   
    width: 60%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 20px;
    text-align: center;
}
.inner {padding:20px !important}
nav.mainnav a:nth-child(1) {display:none}
.nomalsection p:first-child {
    margin-top: 0;
}
	nav a {
  
           margin: 0;
        padding: 5px;
 
}
.menuslider {
    width: 100%;
    max-width: 40vw;
}
#photogallery .nomalsection nav {
    float: none;
   
    margin-top: 4px;
    text-align: center;
}
.nomalsection nav a {
   
    padding: 10px;
   
}
.nomalsection nav {
           min-width: 0;
    margin-top: -42px;
    
}
body #documents a.tab {
padding: 6px 10px;}
}
#calendar h3  {
    font-family: "century-gothic";
    font-weight: 200;
    font-size: 17px;
    color: #76796d;
    text-align: left;
    margin-top: 20px;
}
#wpsl-wrap {border:10px solid white; background:white;     box-sizing: border-box;}
@media only screen and (max-width: 767px) {
	#hero h1 {
	    font-size: 29px;}
		#hero .logo {
		    position: absolute;
		    top: 50px;
		    left: 0;
		    z-index: 2;
		    width: 240px;
		}
		#hero p {
		    font-size: 22px;}
	.em.em-list {
  
    padding: 10px;
}
	#calendar h3,.tabshow h3 {
font-size: 21px !important;
	}
	.tabshow h3 {margin-left:0}
		body .slick-next {
    right: -15px;
}
body .slick-prev {
    left: -15px;
}
	#intro p, section p {
  font-size: 17px;

	}
	.menuslider {
    width: 100%;
    max-width: 92vw;
	}
	#intro h1 {
    
    font-size: 28px;
	}
	#places iframe {display:block; width:100%; height:auto}
.weatherwidget-io {display:none !important}
	header {position:static}
  #login img {
    width:100%; height:auto
  }
  #hero #login h1 {
    font-size: 24px;
   
}
#login form p label {
    font-size: 14px;
   
}
#login .forgot-password {
   
    margin-top: 20px;
    font-size: 14px; float:none;
   
}
header nav {
   
    display: none;
}
header .logo {
    width: 58%;
    margin-left: 0; margin-right:0
}
a.btn, #welcome a, .nomalsection a {
  
    font-weight: 200;
    font-size: 13px;

    padding: 9px 15px;
  
}
.signout {
    float: right;
    margin-right: 0;
    margin-top: 8px;
}
#intro .inner {
    padding: 20px;
    margin: auto;
}
#gallery .galleryitem {
    position: relative;
    overflow: hidden;
    float: none !important;
    width: 100% !important;
    height: 320px !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
}
#porthavenlife .inner, #activites .inner, .nomalsection.inner {
    padding: 20px;
}
.nomalsection p:first-child {
    margin-top: 20px;
}
#gallery {
    overflow: hidden;
    margin-bottom: 0px;
}
.row {
   
    flex-direction: row;
    flex-wrap: wrap;
    
    gap: 0;
}
.column {
   
    flex-direction: column;
    flex-basis: 100%;
    padding-bottom: 30px; flex: 0 0 100%;
}
.first{order:1}
.second{order:2}
.logged-in.page-id-93 {
    padding-top: 0px;
}
.logo {
   
    margin-top: -10px;
}
.flip-control {display:none;}
#photogallery .slide .galleryitem {
	
height: 320px;}
.slick-dots {
    position: absolute;
bottom: -48px !important;}
#listview {
    display: block !important;
}
.outer{
    display: block !important; width:100% !important
}
body #documents .tabshow a {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
    display: block;
    color: #f8991d;
}
.em-item-image,.tabs {display:none !important}
.tabshow {display:block !important}
.outer div:nth-child(2) .em-item-image {display:inline-block !important}

#photogallery .inner {
    padding: 20px;
}
#gridview {display:none !important}
#photogallery .inner:nth-child(2) {
    padding: 20px;
    padding-top: 0;
}
.nomalsection nav {
display: none;}
.flippers {
    margin: auto;
    margin: 2%;
width: 96%;}
#menu .page {
 
    width: 100%;
 
min-height: 0px;}
#menu .cover .border {
    text-align: center;
    padding: 100px 40px;
    border: 1px solid white;
}
.innermenu {
    min-height: 0px;
    padding: 20px;
}
#menu img {
width: 96%;}
#login {padding:0;}
}