@charset "UTF-8";
/* CSS Document */

.outer {
	width: 100%;
	height: auto;
}

.outerflexrow {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
}

.outerflexcentered {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}

.inner {
	width: 80%;
	height: auto;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.innerflexrow {
	width: 80%;
	height: auto;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
}

.parallaxshowthrough {
	width: 100%;
	height: 30vh;
}

.parallaxshowthroughsmall {
	width: 100%;
	height: 10vh;
}

.innermargin {
	padding-top: 5%;
	padding-bottom: 5%;
}

#navwrapper {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2.5vh;
	padding-bottom: 2.5vh;
	max-width: 1000px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	background-color: #FFF;
	position: relative;
}

#logo {
	width: auto;
	height: auto;
	margin-right: 5%;
}

#logo img {
	max-height: 12.5vh;
}

#nav {
	width: auto;
	height: auto;
	margin-left: auto;
}

#footer {
	display: flex;
	flex-direction: row;
	font-size: 80%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}

#footer > .footerinner:not(:first-child) {
	padding-left: 5%;
	border-left: solid;
	border-left-width: 2px;
	border-left-color: #9FC63B;
}

.footerinner:not(:last-child) {
	flex-grow: 1;
	padding-right: 5%;
	flex-basis: 20%;
}

#address { 
	flex-basis: 30%;
}
	
#social {
	flex-basis: 15%;
}

#social a {
	width: 35px;
	height: auto;
	float: left;
}

#social > a:not(:first-child) {
	margin-left: 5%;
}

#social a:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.headericons {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 2.5vh;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
}

.headericons a img {
	height: 35px;
	width: auto;
}

.headericons > a:not(:first-child) {
	margin-left: 5px;
}

.headericons a img:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

#homeintro {
	height: 82.5vh;
	width: 100%;
	padding-top: 5vh;
}

.halftopleft {
	width: 50%;
	display: flex;
}

.halftopright {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.halfbottomright {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.halfbottomleft {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.abouthalftopright {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.abouthalftopleft {
	width: 50%;
	display: flex;
	margin-left: auto;
}

.whitetextbox {
	width: 80%;
	padding: 10%;
	background-color: #FFF;
}

.whitetextboxtop {
	max-width: 500px;
	flex-grow: 1;
}

.whitetextboxbottom {
	max-width: 500px;
	flex-grow: 1;
}

.whitetextboxright {
	width: 500px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-left: auto;
}

#imageone {
	width: 100%;
	height: auto;
	background-image: url(../images/gourmet-cheese-tower.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%;
	flex-grow: 1;
}

#imagetwo {
	width: 100%;
	height: auto;
	background-image: url(../images/event-management-large.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top centre;
	flex-grow: 1;
}

#imagethree {
	width: 100%;
	height: auto;
}

#imagefour {
	width: 85%;
	height: auto;
}

#imagefive {
	width: 85%;
	max-width: 500px;
	height: auto;
	background-image: url(../images/Canape-Shots-Large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	flex-grow: 1;
	margin-left: auto;
}

#slideshow {
	width: 100%;
	height: 100vh;
	background-color: #FFF;
}

.slideshowinner {
	width: 80%;
	height: auto;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.slideshow1 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/weddings-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow2 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/canapes-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow3 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/sharing-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow4 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/event-management-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow5 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/garden-parties-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow6 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/buffets-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow7 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/dinner-parties-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow8 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/street-food-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.slideshow9 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/slideshow/food-consultancy-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
}

.testimonial {
	width: 100%;
	height: auto;
	padding-top: 5%;
	padding-bottom: 5%;
	color: #FFF;
	text-align: center;
	background-image: url(../images/eight-percent-plate.png);
	background-size: auto 120%;
	background-position: center left;
	background-repeat: no-repeat;
}

#aboutone {
	width: 85%;
	height: auto;
	background-image: url(../images/delicious-seasonal-salad.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	flex-grow: 1;
}

#abouttwo {
	width: 85%;
	height: auto;
	background-image: url(../images/buffet-food.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	flex-grow: 1;
	margin-left: auto;
}

#services {
	height: 82.5vh;
}

#servicesinner {
	margin-bottom: 5%;
}

.servicesiconwrapper {
	width: 100%;
	height: auto;
	margin-top: 2.5%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.servicesicon {
	width: 15%;
	height: auto;
	margin-bottom: 2.5%;
	background-image: url(../images/outer-plate-green.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	text-align: center;
}

.servicesicon:before {
    content:'';
    float:left;
    padding-top:100%;
}

.servicesicon:not(:last-child) {
	margin-right: 5%;
}

#weddingimage {
	background-image: url(../images/wedding-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#canapeimage {
	background-image: url(../images/canapes-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#sharingimage {
	background-image: url(../images/sharing-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#eventsimage {
	background-image: url(../images/event-management-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

#gardenpartiesimage {
	background-image: url(../images/garden-parties-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#buffetsimage {
	background-image: url(../images/buffets-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#dinnerpartiesimage {
	background-image: url(../images/dinner-parties-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#streetfoodimage {
	background-image: url(../images/street-food-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#foodconsultancyimage {
	background-image: url(../images/food-consultancy-large.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#venues {
	background-image: url(../images/venues-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.span_3_of_12_split img+img {
	margin-top: 10%;
}

.back_to_top {
	height: 25px;
	width: auto;
	margin-top: 5%;
}

.back_to_top:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
	cursor: pointer;
}

#awards {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	border-top: 1px solid #BDBDBD;
	flex-wrap: nowrap;
}

#awards img {
	flex-shrink: 1;
}

#awards > a:not(:first-child) {
	margin-left: 5%;
}

.halfwidth {
	width: 50%;
	height: auto;
}

 
/* S I D E B A R */

.sidebar-outer {
	float: right;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	-webkit-box-shadow: -3px 0px 17px 0px rgba(50, 50, 50, 0.39);
	-moz-box-shadow: -3px 0px 17px 0px rgba(50, 50, 50, 0.39);
	box-shadow: -3px 0px 17px 0px rgba(50, 50, 50, 0.39);
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	position: fixed;
	top: 85%;
	right: 0;
	z-index: 4000;
}

.sidebar-button {
	border: 0px none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
	user-select: none;
	font-family: ITC Galliard, 'Libre Baskerville', Georgia, serif;
	font-weight: normal;
	font-size: 20px;
}

.sidebar-outer > .sidebar-button {
	font-size: 0;
}

.sidebar-button img {
	height: 70px;
	width: auto;
}

.sidebar-container {
	background-color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

.sidebar-container p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.sidebar-disabled, .sidebar-btn:disabled, .sidebar-button:disabled {
	cursor: not-allowed;
	opacity: 0.3;
	padding: 0;
	margin: 0;
}

.sidebar-dropdown-hover:hover > .sidebar-button:first-child, .sidebar-dropdown-click:hover > .sidebar-button:first-child {
	background-color: #DDD;
	color: #000;
}

.sidebar-reveal {
	width: 40%;
	height: 90%;
	background-color: #FFF;
	z-index: 5000;
	overflow: auto;
	position: fixed !important;
	padding: 5%;
	top: 0;
}

.sidebar-bar-block .sidebar-dropdown-hover, .sidebar-bar-block .sidebar-dropdown-click {
	width: 100%;
}

.sidebar-bar-block .sidebar-dropdown-hover .sidebar-dropdown-content, .sidebar-bar-block .sidebar-dropdown-click .sidebar-dropdown-content {
	min-width: 100%;
}

.sidebar-bar-block .sidebar-dropdown-hover .sidebar-button, .sidebar-bar-block .sidebar-dropdown-click .sidebar-button {
	width: 100%;
	text-align: left;
}

.sidebar-bar .sidebar-bar-item {
	float: left;
	width: auto;
	border: none;
	outline: none;
	display: block;
	color: #000;
}

.sidebar-bar .sidebar-button {
	white-space: normal;
}

.sidebar-bar-block .sidebar-bar-item {
	width: 100%;
	display: block;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #9FC63B;
	border-top: none;
	outline: none;
	white-space: normal;
	float: none;
	padding-bottom: 5%;
	margin-bottom: 5%;
}

.sidebar-bar-block.sidebar-center .sidebar-bar-item {
	text-align: center;
}

.sidebar-card, .sidebar-card-2 {
	-webkit-box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.25);
	box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.25); 
}

.sidebar-animate-right {
	position: relative;
	animation: animateright 0.4s
}
@keyframes animateright{from{right: -50%;opacity:0} to{right:0;opacity:1}}

.sidebar-large {
	font-size: 150%;
}


/* T E X T */

p {
	font-size: 90%;
	line-height: 150%;
}

#homeintro h1 {
	font-family: ITC Galliard, 'Libre Baskerville', Georgia, serif;
	font-weight: normal;
	font-size: 400%;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	text-shadow: 2px 2px 10px #000;
	line-height: 135%;
}

#services h1 {
	font-family: Atmosphere;
	font-weight: normal;
	font-size: 400%;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	line-height: 135%;
	text-align: center;
}

h1 {
	font-size: 300%;
}

h2 {
	font-size: 225%;
	line-height: 120%;
}

h3 {
	font-size: 1200%;
	line-height: 90%;
}

h4 {
	font-size: 300%;
	line-height: 90%;
}

h1+p {
	margin-top: 5%;
}

.testimonial p {
	font-family: ITC Galliard, 'Libre Baskerville', Georgia, serif;
	font-size: 250%;
	line-height: 130%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
}

.testimonial p+p {
	margin-top: 2.5%;
}

.smaller {
	font-size: 50%;
	line-height: 100%;
}

.servicesicon h4 {
	font-family: Atmosphere;
	font-weight: normal;
	font-size: 200%;
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 135%;
	text-align: center;
	padding: 7.5%;
	width: 85%;
}

.serviceswrapper h3 {
	font-family: Atmosphere;
	font-weight: normal;
	font-size: 250%;
	margin-top: 0;
	margin-bottom: 0;
	color: #9FC63B;
	line-height: 135%;
}