/* Restaurant CSS */
.page-header {z-index: 4;}
.page-header .panel.wrapper .explore{margin-top: 18px;}
.siteTabs{height: 44px;}
.siteTabs li.currentSite a{background-color:#f3a3b0; color:#FFF}
.page-header .panel.wrapper{border-bottom: 2px solid #f3a3b0;}
.siteTabs li a{border-bottom: 2px solid #f3a3b0 !important;}
.header.panel > .header.links{margin-top:14px}
.cms-potting-shed .code-block{display: none}
.cms-potting-shed #nav-toggle{display: none}
.cms-potting-shed .pdlogo .sticky{display:none}
.cms-potting-shed .pdlogo .normal{padding: 10px 0 0 10px; box-sizing: border-box; max-width: 180px}
.cms-potting-shed .main .header-row.stuck .pdlogo .sticky{display:block; max-width: 85px; padding: 10px 0;}
.cms-potting-shed .main .header-row.stuck .pdlogo .normal{display:none}
.cms-potting-shed .ps-header .info{color:#FFF}
.cms-potting-shed .ps-header .info p{margin-bottom: 0}
.cms-potting-shed .ps-header .info .contacts{display: flex;  margin-top: 5px;  align-items: center;}
.cms-potting-shed .ps-header .info .call{background-image: url(../images/ps-phone.svg); background-repeat: no-repeat; background-position: center left; background-size: 20px 20px; padding-left: 30px; color:#FFF; min-height: 20px;  display: inline-block; transition:0.3s all ease-out}
.cms-potting-shed .ps-header .info .call:hover{color:#f3a3b0}
.cms-potting-shed .ps-header .info .facebook{background-image: url(../images/header-fb.svg); background-repeat: no-repeat; background-position: center left 15px; background-size: 30px 30px; width:45px; height:30px; display: inline-block; margin-left: 15px; border-left: 1px solid rgba(255,255,255,0.4);}
.cms-potting-shed .ps-header .info .facebook:hover{background-image: url(../images/header-fb-pink.svg); }
.cms-potting-shed .main .header-row.stuck .info{display:none}

.cms-potting-shed footer.page-footer{background-color: #f3a3b0; background-image: none; padding-top: 50px; margin-top: 100px;}
.cms-potting-shed footer.page-footer .footer .links li a:hover{color: #fff; opacity: 0.6;}
.cms-potting-shed footer.page-footer .footer .socialicons a:hover{border:1px solid #FFF}
.socialicons a.facebook:hover {background-image: url(../images/facebook.png);}
.socialicons a.twitter:hover  {background-image: url(../images/twitter.png);}
.socialicons a.instagram:hover  {background-image: url(../images/instagram.png);}
.cms-potting-shed footer .footer-top-icons{text-align: center; position: absolute;  top: -75px; left: calc(50% - 237px);}
.cms-potting-shed footer .footer-top-icons img{max-height: 150px; margin: 0 10px;}
.cms-potting-shed footer .socialicons a{transition: 0.3s all ease-out}
.cms-potting-shed footer .socialicons a:hover{opacity: 0.6}
.cms-potting-shed .main style + [data-content-type="row"][data-appearance="contained"]{position: sticky; top:0; max-width: 100%; z-index: 5; }
.cms-potting-shed .header-row{width:100%; max-width: 100%; transition: 0.6s all ease-out;  }
.cms-potting-shed .main .header-row.stuck{background-color:#FFF; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); position: static; }
.cms-potting-shed #maincontent{margin-top: -5px}
.cms-potting-shed .ps-header{display: grid; grid-template-columns: 220px auto 220px;  width:100%; max-width: 1260px; margin: 19px auto 0px auto;}
.cms-potting-shed .stuck .ps-header{margin-top: 0}
.cms-potting-shed nav{display: flex;  align-items: center;  justify-content: center;}
.cms-potting-shed nav ul {padding:0; text-align: center; margin-bottom: 0}
.cms-potting-shed nav ul li{display: inline-block; list-style: none; margin-bottom: 0}
.cms-potting-shed nav ul li a{display: block; color:#FFF; font-weight:400; text-transform: uppercase; padding: 0px 20px;; font-size: 28px;  font-family: din-condensed, sans-serif; transition: 0.6s all ease-out }
.cms-potting-shed .stuck nav ul li a{color:#414141; }
.cms-potting-shed nav ul li a:hover, .cms-potting-shed .stuck nav ul li a:hover{text-decoration: none; color:#F69EAA}
.header.panel > .header.links > li{font-size: 14px; font-weight: 700;}
.cms-potting-shed .intro p{font-size:15px; line-height: 1.5}
.cms-potting-shed .intro .script.roto p{transform:rotate(-2deg); font-size:60px}
.cms-potting-shed .script{font-family: 'brown_penregular', sans-serif; font-size: 36px;}
.cms-potting-shed .bg-header{aspect-ratio:2000/750; margin-top: -100px; position: relative; padding-bottom: 50px; background-position: center bottom !important;}
.cms-potting-shed .bg-header:after{content:""; background-image: url(../images/bloat_sm.png); width:150px; height:150px; display: block; position: absolute; background-size: contain; left: calc(50% - 75px); bottom:-50px}
.cms-potting-shed .bg-header .ps-logo{max-width: 450px; margin: 15% auto 0 auto;}

.cms-potting-shed .header.content, .cms-potting-shed .nav-sections, .cms-potting-shed .breadcrumbs, .cms-potting-shed .page-wrapper .top-container{display: none}
.cms-potting-shed h2, .cms-potting-shed h3{text-transform: uppercase; font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal;}
.cms-potting-shed h2{font-size: 54px}
.cms-potting-shed h3{font-size: 30px; margin-bottom: 0}
.cms-potting-shed h2.whiteheader, .cms-potting-shed h3.whiteheader{color:#FFF}
.cms-potting-shed h2.pink, .cms-potting-shed h3.pink{color:#F69EAA}
.cms-potting-shed .whatson .slick-slide:before{background-image: url(../images/frame-top.png); content:""; width:100%; height:30px; position: absolute; top: -13px;  left: 0px;  background-size: contain;  background-repeat: no-repeat; background-position: top center}
.cms-potting-shed .whatson .slick-slide:after{background-image: url(../images/frame-bottom.png); content:""; width:100%; height:40px; position: absolute; bottom: -38px;  left: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center}
.cms-potting-shed .whatson .slick-slide{opacity: 0.7; transition: 0.3s all ease-out; background-color: #FFF;  margin: 30px 40px 40px 40px; transform: rotate(2deg) scale(0.8) translateY(-60px); padding: 20px 20px 0px 20px; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.5);  -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.5);  box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.5);}

.cms-potting-shed .whatson .slick-slider .slick-arrow{background-color: #c5d4df !important; width: 60px;  height: 60px;  border-radius: 30px; background-image: url(../images/caro-arrow.png) !important;  background-size: 10px !important;}
.cms-potting-shed .whatson .slick-slider .slick-arrow.slick-prev {left: 10px;}
.cms-potting-shed .whatson .slick-slide.slick-current{opacity: 1;  transform: rotate(2deg) scale(1)}
.cms-potting-shed .whatson .slick-slide div[data-content-type="text"]{transform: rotate(-2deg)}
.cms-potting-shed .whatson .slick-slide h3 em{font-family: 'brown_penregular', sans-serif; font-size: 36px; text-transform: none; font-style:normal}
.cms-potting-shed .whatson .slick-slide .roundel{background-color:#f3a3b0; position: absolute;  top: 15px;  right: 15px;  width: 80px;  height: 80px;  text-align: center;  border-radius: 40px; color:#FFF; box-sizing: border-box;  padding: 5px;text-transform: uppercase; font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal; line-height: 1; display: flex; align-items: center; font-size: 16px;}
.cms-potting-shed .whatson .slick-slide .roundel p{margin-bottom: 0}
.cms-potting-shed .whatson .slick-slide .roundel em{font-family: 'brown_penregular', sans-serif; font-size: 34px; text-transform: none; font-style:normal; line-height: 16px;}
.cms-potting-shed .whatson .slick-slide .roundel .price{font-size: 28px;}
.cms-potting-shed .whatson .icon-right, .cms-potting-shed .whatson .icon-left{position: relative}
.cms-potting-shed .whatson .icon-right:after, .cms-potting-shed .whatson .icon-left:after{content:""; width:100px; height:150px; background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -75px;}
.cms-potting-shed .whatson .icon-right:after{right: -48px;}
.cms-potting-shed .whatson .icon-left:after{left: -33px;}
.cms-potting-shed .whatson .leaf-one:after{background-image: url(../images/leaf1.svg)}
.cms-potting-shed .whatson .leaf-two:after{background-image: url(../images/leaf2.svg)}
.cms-potting-shed .whatson .flower:after{background-image: url(../images/flower1.svg)}

.cms-potting-shed .menus-row{margin-top: -150px; padding-top: 150px}
.cms-potting-shed .menu-block{padding: 0 6%; text-align: center;}
.cms-potting-shed .menu-block hr{border-color: #F69EAA !important; max-width: 80%}
.cms-potting-shed .menu-block hr:before{content:""; width: 8px;  height: 8px;  display: inline-block;  border-radius: 50%;  background-color: #f69eaa;  border: 10px solid whitesmoke;  position: absolute;  margin-top: -14px; margin-left:-14px}
.cms-potting-shed .pinkbutton .pagebuilder-button-primary{background-color: #F69EAA; text-transform: uppercase; font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal; margin: 0;  display: block;  max-width: 80%;  margin-left: 10%; margin-bottom: 10px; cursor:pointer; transition: 0.3s all ease-out}
.cms-potting-shed .pinkbutton .pagebuilder-button-primary:hover{background-color: #DB6877;}
.cms-potting-shed .menu-block .times{font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 24px; width: 80%; text-align: left;  margin-left: 10%;}
.cms-potting-shed .menu-block .times p{border-bottom:1px dotted #000; position: relative; margin-bottom: 20px; min-height: 15px;}
.cms-potting-shed .menu-block .times span.days, .cms-potting-shed .menu-block .times span.time{position: absolute; bottom:-10px; background-color: whitesmoke}
.cms-potting-shed .menu-block .times span.time{right:0; padding-left: 5px}
.cms-potting-shed .menu-block .times span.days{left:0; padding-right: 5px}
.cms-potting-shed .menu-block .times sub{bottom:0}
.cms-potting-shed .facilities{margin-top: 15px}
.cms-potting-shed .facilities p{padding-left:50px; position: relative; margin-bottom: 20px}
.cms-potting-shed .facilities p:before{content:""; width:40px; height:40px; border-radius: 5px; background-color: #f3a3b0; position: absolute; left:0px; background-repeat: no-repeat;
  background-size: 26px 26px;  background-position: center;}
.cms-potting-shed .facilities p.breast:before{background-image: url(../images/mum-baby.png)}
.cms-potting-shed .facilities p.firstaid:before{background-image: url(../images/first-aid.svg)}
.cms-potting-shed .facilities p.dogs:before{background-image: url(../images/assistance-dog.svg)}
.cms-potting-shed .facilities p.wheelchair:before{background-image: url(../images/Accessible.svg)}
.cms-potting-shed .facilities p.parking:before{background-image: url(../images/car.svg)}

.cms-potting-shed .contact-block p{ border-bottom: 1px dotted #f3a3b0; text-align: right; background-repeat: no-repeat; background-position: center left;  background-size: 30px 30px;  margin-bottom: 0px; display: flex;  align-items: center;  justify-content: end; padding: 15px 0 15px 40px}
.cms-potting-shed .contact-block p.address{background-image: url(../images/ps-location.svg)}
.cms-potting-shed .contact-block p.phone{background-image: url(../images/ps-phone.svg)}
.cms-potting-shed .contact-block p.email{background-image: url(../images/ps-email.svg)}
.cms-potting-shed .contact-block a{transition:0.3s all ease-out}
.cms-potting-shed .contact-block a:hover{color:#f3a3b0}
.cms-potting-shed .contact-hours p{border-bottom: 1px dotted #f3a3b0;padding: 15px 0; margin-bottom: 0;}
.cms-potting-shed .contact-hours p span{float:right}
.cms-potting-shed .contact-left{padding-right: 50px;}
.cms-potting-shed .contact-right{padding-left: 50px;}
.cms-potting-shed .suppliers{padding-left: 0; display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;  align-items: center;  grid-gap: 20px; max-width: 1000px;  margin: 20px auto 0px auto;}
.cms-potting-shed .suppliers li{list-style: none; display: inline-block; text-align: center;}
.cms-potting-shed .suppliers li img{mix-blend-mode: multiply; max-height: 65px;}
.cms-potting-shed .takeaway{position:relative; }
.cms-potting-shed .takeawaypic{margin-top: -100px;  margin-bottom: -70px;}
.cms-potting-shed .takeaway .new{position: absolute; top: -10px;  background-color: #4a4b4b;  color: pink;  padding: 0px 12px; font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal; border-radius: 10px; font-size:24px; transform: rotate(-3deg);}
.cms-potting-shed .takeaway .new p{margin-bottom: 0}
.cms-potting-shed .takeaway .pinkbutton .pagebuilder-button-primary{margin-left: 0}
.cms-potting-shed figure img{display: block;}
.modal-popup._inner-scroll .modal-inner-wrap{max-width: 800px}
.modal-popup.modal-slide .modal-footer{display: none}
.modals-overlay {background-color: rgba(0,0,0,0.8);}

.siteTabs li.visitFuel a {background-color: #0298CB;color:#FFF;}
.siteTabs li.visitGarden a {background-color: #01b100;color:#FFF;}
.siteTabs li.visitBuilders a {background-color: #293557; color: #FFF;}
.siteTabs li.currentSite a {background-color:#fff; color: #f3a3b0;border-top: 2px solid #f3a3b0;border-right: 2px solid #f3a3b0;border-left: 2px solid #f3a3b0;border-bottom: 0px solid #fff !important;}


@media (min-width: 1025px) {
	.cms-potting-shed .whatson .slick-slider .slick-arrow.slick-next {right: 30%;}
	.cms-potting-shed .whatson .slick-slider .slick-arrow.slick-prev {left: 30%;}
	/*.siteTabs li a:after{content:"|"; margin-left: 15px; color:#aeaeae}
	.siteTabs li a{padding-left: 0}
	.siteTabs li.currentSite a:after{display: none}
	.siteTabs li.currentSite a{padding-left: 10px}	*/
}

@media (max-width: 1300px) {
	.cms-potting-shed .bg-header .ps-logo{margin-top: 12%}
	.cms-potting-shed .whatson .slick-slide{margin: 30px 30px 40px 30px; }
	.cms-potting-shed nav ul li a{padding: 0px 10px;}
}


@media (max-width: 1024px) {
	.cms-potting-shed .bg-header{margin-top: -91px;}
	.page-header .panel.wrapper .explore, .header.panel > .header.links{display: none}
	.cms-potting-shed .bg-header .ps-logo{margin-top: 100px; max-width: 350px}
	.cms-potting-shed .ps-header {grid-template-columns: 220px auto 140px;}
	.cms-potting-shed nav ul li a{font-size: 22px; padding: 0px 5px;}
	.cms-potting-shed .ps-header .info{text-align: center; font-size: 12px;}
	.cms-potting-shed .ps-header .info .facebook{margin-left: 10px; background-position: center left 10px; width: 40px;}
	.cms-potting-shed .ps-header .info .contacts{justify-content: center}
	.cms-potting-shed .ps-header .info .book span{display:none}
	.cms-potting-shed .ps-header .info .call{ font-size:0; background-image: url(../images/ps-phone-pinkbg.svg); background-size: 30px 30px;  width: 30px; height: 30px; padding-left: 0;}
	.cms-potting-shed .ps-header{margin:5px}
}

@media (max-width: 767px) {
	.cms-potting-shed h2{font-size: 40px}
	.siteTabs li a span{display:none}
	/*.siteTabs li a{padding-left:10px; padding-right: 10px}
	.siteTabs li a span{display:none}
	.siteTabs li.visitFuel a {background-color: #1a98ca; color: #FFF;}*/
	.cms-potting-shed footer .footer-top-icons img{max-height: 100px;  margin: 0 5px;}
	.cms-potting-shed footer .footer-top-icons{top: -50px;  left: calc(50% - 153px);}
	.proud{padding-bottom: 70px !important}
	.cms-potting-shed .main style + [data-content-type="row"][data-appearance="contained"]{}
	.cms-potting-shed .main style + [data-content-type="row"][data-appearance="contained"]{top:47px; width:100%}
	.page-header{height:47px}
	.page-header .panel.wrapper .explore{margin-bottom: 0}
	.cms-potting-shed .bg-header{background-position: center; background-size: cover}
	.cms-potting-shed #nav-toggle{margin-top: 5px;display: block; height:40px; width:40px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; background-image: url(../images/menu-icon-white.svg); background-repeat: no-repeat; background-position: center; background-size: 25px 25px; cursor: pointer; z-index: 2}
	.cms-potting-shed .ps-header.nav-open::before{background-color: rgba(0,0,0,0.8); width: 100%; height: 100%;  content: "";  position: absolute;  z-index: 0;  margin: 0;  top: -10px;}
	.cms-potting-shed .stuck .ps-header.nav-open::before{display: none}
	.cms-potting-shed #nav-toggle.open{background-image: url(../images/menu-icon-white-close.svg); }
	.cms-potting-shed .stuck #nav-toggle{background-image: url(../images/menu-icon-dark.svg);}
	.cms-potting-shed .stuck #nav-toggle.open{background-image: url(../images/menu-icon-dark-close.svg); }
	.cms-potting-shed .bg-header{margin-top: -23px; aspect-ratio: 2000/1500; background-size: cover !important; background-position: center top !important;}
	.cms-potting-shed .bg-header .ps-logo{max-width: 300px}
	.cms-potting-shed .intro .script.roto p {font-size: 40px;}
	.cms-potting-shed .intro-text p{text-align: center}
	.cms-potting-shed .ps-header{grid-template-columns: 120px auto 130px; position: relative; margin-left: 0;}
	.cms-potting-shed .ps-header .pdlogo{margin-top:0; grid-column-start: 2; grid-column-end: 3; display: flex; justify-content: center;}
	.cms-potting-shed .pdlogo .normal{max-width: 100px; padding-left: 0}
	.cms-potting-shed .ps-header .info{grid-column-start: 3; grid-column-end: 4}
	.cms-potting-shed nav{grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; display: none; position: absolute; top:0; width: 100%;}
	.cms-potting-shed nav.open li{display:block}
	.cms-potting-shed nav.open{display: block; background-color: rgba(0,0,0,0.8);}
	.cms-potting-shed nav.open li a{color:#FFF; font-size: 22px; border-bottom: 1px dotted #FFF; padding: 5px 0;}
	.cms-potting-shed .stuck nav.open{background-color: rgba(255,255,255,0.9); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);}
	.cms-potting-shed .stuck nav.open li a{color:#414141; border-bottom: 1px dotted #414141; }
	.cms-potting-shed .col-flip .pagebuilder-column-group{flex-direction:column-reverse}
	.cms-potting-shed .col-flip .pagebuilder-column{width:100% !important}
	.cms-potting-shed .contact-left, .cms-potting-shed .contact-right, .cms-potting-shed .contact-map{padding: 0 25px;}
	.cms-potting-shed .contact-left, .cms-potting-shed .contact-map{margin-bottom:30px}
	.cms-potting-shed .bg-header::after {width:80px; height:80px; left: calc(50% - 40px);}
	.cms-potting-shed .intro-text{margin: 80px 25px 0 25px;}
	.cms-potting-shed .main .header-row.stuck .pdlogo .sticky{max-width: 60px;  padding: 5px 0;}
	.cms-potting-shed .suppliers{display: block; text-align: center;}
	.cms-potting-shed .suppliers li{width: 25%; padding: 5px 10px; box-sizing: border-box; vertical-align: middle;}
	.cms-potting-shed .takeawaypic {margin-top: 0px; margin-bottom: 0px;}
	.cms-potting-shed .takeaway .pinkbutton .pagebuilder-button-primary{max-width: 100%}
}

@media (max-width: 480px) {
	.cms-potting-shed .bg-header .ps-logo{max-width: 200px}
}

@media (max-width: 362px) {
	.page-header .header.panel{padding-left:1.5%;padding-right:1.5%;}
}
@media (max-width: 341px) {
	.siteTabs li a i {display:none;}
}