/* Fonts are from Adobe. 

	Proxima Nova: font-style:normal;font-weight:300;
	Proxima Nova: font-style:normal;font-weight:400;
	Rockwell Nova: font-style:normal;font-weight:200;
	Rockwell Nova: font-style:normal;font-weight:400;

/* Defaults
------------------------------------------------------------------------------ */
:root
{
    --body-font: 'rockwell-nova', sans-serif;
    --body-fallback-font: 'Arial', sans-serif;
    --body-bg:#ffffff;
    --body-color: #697675;
    --body-ne-blue: #0b5b9c;
    --body-ne-lime: #dddb2f;
    --footer-ne-grey: #343434;
	--body-smaller-font-size: 20px;
	--body-smaller-line-height: 32px;
    --heading-font: 'proxima-nova', sans-serif;
    --heading-font-alt: 'rockwell-nova', sans-serif;
}
html
{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body 
{
    font-family: var(--body-font), var(--body-fallback-font);
    font-weight: 200;
    font-size: 18px;
    line-height: 30px;
    background-color: var(--body-bg);
	letter-spacing: normal;
	color: var(--body-color);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a
{
	color: var(--body-ne-lime); 
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}


/* Headings
------------------------------------------------------------------------------ */
h1, h2
{
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 45px;
	font-style: normal;
	line-height: 50px;
	letter-spacing: 2px;
	color: #ffffff;
	padding: 40px 0px 30px 0px;
}
h3
{
	font-family: var(--heading-font);
	font-weight: 300;
	font-size: 35px;
	font-style: normal;
	line-height: 45px;
	letter-spacing: normal;
	color: var(--body-ne-blue);
	padding: 80px 0px 30px 0px;
}
h4
{
	font-family: var(--heading-font-alt);
	font-weight: 400;
	font-size: 20px;
	font-style: normal;
	line-height: 32px;
	letter-spacing: normal;
	color: #ffffff;
	padding: 40px 0px 30px 0px;
}
/* Up to 550px */
@media only screen and (max-width: 550px) {
	h1.section_heading 
	{
		text-align: center;
	}
}


/* Default Buttons
------------------------------------------------------------------------------ */
a.btn,
button
{
	display: inline-block;
	padding: 20px 30px 20px 30px;
	margin: 10px 0px 10px 0px;;
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	background-color: var(--body-bg);
	color: var(--body-ne-blue);
	border-radius: 30px;
	white-space: nowrap;
	border: 1px solid transparent;
	width: auto;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: 0.3s;
}
a.btn:hover,
button:hover
{
	text-decoration: none;
	background-color: var(--body-ne-blue);
	color: var(--body-bg);
}
a.btn i
{
	padding-right: 10px;
}
a.btn.lime,
button.lime
{
	background-color: var(--body-ne-lime);
	color: var(--body-ne-blue);
}
a.btn.lime:hover,
button.lime:hover
{
	text-decoration: none;
	background-color: var(--body-ne-blue);
	color: var(--body-bg);
}
a.btn.limewhite
{
	background-color: var(--body-ne-lime);
	color: var(--body-ne-blue);
}
a.btn.limewhite:hover
{
	text-decoration: none;
	background-color: #ffffff;
	color: var(--body-ne-blue);
}


/* Sections
------------------------------------------------------------------------------ */
.section 
{
	padding: 95px 0px 95px 0px;
	text-align: left;
}


/* Section - Header
---------------------------------------------------------------- */
.section.header 
{
	position: fixed;
	background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
	top: 0px;
	z-index: 100;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	height: 181px; /* Fixed number so it doesn't vanish when the mobile sizes appear */
	transition: all .4s ease;
}
.section.header.scrolled
{
	/* top: 126px; */
	/* top: 168px; */
	height: 68px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.section.header .flex_container
{
	justify-content: space-between;
	align-items: center;
}
.section.header .navbar_logo
{
	top: 26px;
	width: 220px;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	transition: height .4s ease, width .4s ease, top .4s ease, padding .4s ease;
}
.section.header .navbar_logo.scrolled
{
	top: 0px;
	width: 90px;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
}
/* Reduce size of logo when screen is too narrow */
@media only screen and (max-width: 1100px) {
	.section.header 
	{
		height: 68px; /* Fixed number so it doesn't vanish when the mobile sizes appear */
	}
   .section.header .navbar_logo,
   .section.header .navbar_logo.scrolled
   {
	   top: 0px;
	   width: 90px;
	   background-color: transparent;
	   padding: 0px 0px 0px 0px;
   }
}
.section.header .navbar_logo img
{
	max-width: 100%;
	display: block;
}
.section.header .navbar_logo a,
.section.header .navbar_logo a:hover
{
	text-decoration: none;
}

/* Section - Header Bar :: Menu
------------------------------------------------------------------------------ */
.section.header .menu
{
	margin: 0px 0px 0px 0px;
}
.section.header .menu ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.header .menu ul li
{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.header .menu ul li:last-child
{
	margin-right: 0px;
}
.section.header .menu ul li a
{
	position: relative;
	font-size: 14px;
	font-family: var(--body-font);
	font-weight: 400;
	color: var(--body-color);
    transition: text-decoration .4s ease, color .4s ease, opacity .3s ease;
	text-decoration: none;
	text-transform: uppercase;
}
.section.header .menu ul li a:hover
{
	color: var(--body-ne-lime);
    text-decoration: none;
}
.section.header .menu ul li a.active
{
	color: var(--body-color);
	text-decoration: none;
}
.section.header .menu ul li a.active:before
{
	position: absolute;
	top: 24px;
	content: '';
	width: 100%;
	height: 5px;
	background-color: var(--body-ne-lime);
}

/* Screens not wide enough for nav ----------------------------------- */
@media only screen and (min-width: 950px) and (max-width: 1300px) {
	.section.header .menu ul li
	{
		margin-right: 14px;
	}
	.section.header .menu ul li a
	{
		font-size: 13px;
	}
}

/* Section - Header Padding (to push down content below the floating nav bar)
------------------------------------------------------------------------------ */
.section.header_padding 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* height: 129px; */
	height: 201px;
	/* background-color: var(--body-bg); */
	background-color: transparent;
}
.section.header_padding.scrolled 
{
	height: 98px;
}
/* Reduce size of logo when screen is too narrow */
@media only screen and (max-width: 1100px) {
	.section.header_padding 
	{
		height: 88px;
	}
}
/* Section - Parallax
------------------------------------------------------------------------------ */
.section.parallax
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: var(--body-bg);
	/* The image used */
	background-image: url("../images/banners/ne_plate.jpg");

	/* Set a specific height */
	min-height: 500px;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;

	text-align: center;

	/* Tint the background image */
	/* background-color: rgba(114, 122, 39, 0.3);
	background-blend-mode: multiply; */
}
.section.parallax.about
{
	background-image: url("../images/banners/ne_about.jpg");
}
.section.parallax.corporate_events
{
	background-image: url("../images/banners/ne_corporate.jpg");
}
.section.parallax.blue
{
	background-image: none;
	background-attachment: scroll;
	background-size: auto;
	background-color: var(--body-ne-blue);
	min-height: 300px;
	color: #ffffff;
}
.section.parallax.private_events
{
	background-image: url("../images/banners/ne_private.jpg");
}
.section.parallax.weddings
{
	background-image: url("../images/banners/ne_weddings.jpg");
}
.section.parallax.weddings_chairs
{
	background-image: url("../images/wedding_chairs_1440px.jpg");
}
.section.parallax .centre_vertically_and_horizontally_container div
{
	width: 60%;
}
.section.parallax.blue a
{
	color: #ffffff;
	text-decoration: none;
}
.section.parallax.blue a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.section.parallax .centre_vertically_container
{
	/* Set a specific height */
	height: 800px;
}
.section.parallax.blue .centre_vertically_and_horizontally_container
{
	/* Set a specific height */
	height: 600px;
}
@media only screen and (max-width: 1460px) {
	.section.parallax.weddings_chairs
	{
		/* Set a specific height */
		min-height: unset;
		height: auto;
		width: 100%;
		/* background-size: contain; */
	
		/* Remove parallax scrolling effect */
		background-attachment: scroll;
	}
	.section.parallax.weddings_chairs .centre_vertically_container
	{
		/* Set a specific height */
		/* height: 800px; */
		min-height: unset;
		height: 400px;
	}
}
@media only screen and (max-width: 1090px) {
	.section.parallax.weddings_chairs .centre_vertically_container
	{
		/* Set a specific height */
		height: 300px;
	}
}
@media only screen and (max-width: 550px) {
	.section.parallax
	{
		/* Set a specific height */
		min-height: 300px;
		background-image: url("../images/banners/ne_plate_mobile.jpg");
		/* background-position: center center; */
		background-size: contain;
	}
	.section.parallax.about
	{
		background-image: url("../images/banners/ne_about_mobile.jpg");
	}
	.section.parallax.corporate_events
	{
		background-image: url("../images/banners/ne_corporate_mobile.jpg");
	}
	.section.parallax.private_events
	{
		background-image: url("../images/banners/ne_private_mobile.jpg");
	}
	.section.parallax.weddings
	{
		background-image: url("../images/banners/ne_weddings_mobile.jpg");
	}
	.section.parallax.weddings_chairs
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: var(--body-bg);
		background-attachment: scroll;
		/* The image used */
	
		/* Set a specific height */
		height: 180px;
		min-height: 200px;
	
		/* Create the parallax scrolling effect */
		background-size: cover;
	}
	.section.parallax .centre_vertically_container
	{
		/* Set a specific height */
		height: 500px;
	
	}
	.section.parallax.weddings_chairsx .centre_vertically_container
	{
		/* Set a specific height */
		height: 364px;
	
	}
}
	
/* Section - Introduction
------------------------------------------------------------------------------ */
.section.introduction
{
	position: relative;
	top: -200px;
	text-align: center;
	padding: 20px 0px 20px 0px;
	margin-bottom: -200px;
}
.section.introduction .flex_container .flex_item
{
	background-color: #ffffff;
}
@media only screen and (max-width: 550px) {
	.section.introduction
	{
		top: -100px;
		text-align: center;
		padding: 20px 0px 20px 0px;
		margin-bottom: -100px;
	}
}


/* Section - General Content
------------------------------------------------------------------------------ */
.section.general_content
{
	padding: 40px 0px 40px 0px;
	text-align: center;
}
.section.general_content.pt0,
.section.general_content .pt0
{
	padding-top: 0px;
}
.section.general_content .mt80
{
	margin-top: 80px;
}
.section.general_content .gastro_photos_container
{
	position: relative;
	display: block;
	width: 100%;
	height: 500px;
	margin-bottom: 80px;
}
.section.general_content .gastro_photos_container .gastro_photo_1
{
	position: absolute;
	display: block;
	left: 0px;
	top: 80px;
	z-index: 3;
}
.section.general_content .gastro_photos_container .gastro_photo_2
{
	position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	z-index: 1;
	overflow: hidden;
}
.section.general_content .gastro_photos_container .gastro_photo_3
{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}

.section.general_content .truck_photos_container
{
	position: relative;
	display: block;
	width: 100%;
	height: 880px;
	margin-bottom: 80px;
}
.section.general_content .truck_photos_container .truck_photo_1
{
	position: relative;
	display: block;
	left: 0px;
	top: 40px;
	z-index: 2;
}
.section.general_content .truck_photos_container .truck_photo_2
{
	position: absolute;
    bottom: 0px;
	right: 0px;
	z-index: 3;
	overflow: hidden;
}

@media only screen and (max-width: 1300px) {
	.section.general_content .gastro_photos_container .gastro_photo_1
	{
		width: 276px;
		left: 0px;
		top: 80px;
	}
	.section.general_content .gastro_photos_container .gastro_photo_3
	{
		width: 276px;
		right: 0px;
		top: 0px;
	}
	.section.general_content .gastro_photos_container img
	{
		width: 100%;
	}	
	.section.general_content .truck_photos_container
	{
		height: auto;
		padding-bottom: 100px;
	}
	.section.general_content .truck_photos_container .truck_photo_1
	{
		width: 80%;
		/* left: 0px;
		top: 80px; */
	}
	.section.general_content .truck_photos_container .truck_photo_2
	{
		width: 40%;
		/* bottom: 0px;
		right: 0px; */
	}
	.section.general_content .truck_photos_container img
	{
		width: 100%;
	}	
}
@media only screen and (max-width: 960px) {
	.section.general_content
	{
		padding-bottom: 40px;
	}
	.section.general_content .gastro_photos_container
	{
		position: relative;
		width: 100%;
		height: auto;
	}
	.section.general_content .gastro_photos_container .animatedParent
	{
		display: flex;
		justify-content: space-between;
	}
	.section.general_content .gastro_photos_container .gastro_photo_1,
	.section.general_content .gastro_photos_container .gastro_photo_2,
	.section.general_content .gastro_photos_container .gastro_photo_3
	{
		position: relative;
		width: 30%;
		max-height: 145px;
		overflow: hidden;
		top: unset;
		left: unset;
		right: unset;
		-webkit-transform: none;
		transform: none;
	}
	.section.general_content .gastro_photos_container img
	{
		/* display: none; */
		visibility: hidden;
	}	
	.section.general_content .gastro_photos_container .gastro_photo_1
	{
		background-image: url(../images/home_salad_376px.jpg);
		background-size: cover;
	}
	.section.general_content .gastro_photos_container .gastro_photo_2
	{
		background-image: url(../images/corporate_boardroom_lunch_572px.jpg);
		background-size: cover;
	}
	.section.general_content .gastro_photos_container .gastro_photo_3
	{
		background-image: url(../images/home_salmon_376px.jpg);
		background-size: cover;
	}
}

@media only screen and (max-width: 770px) {
	.section.general_content .hide-on-mobile
	{
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.section.general_content .gastro_photos_container .animatedParent
	{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.section.general_content .gastro_photos_container .gastro_photo_1,
	.section.general_content .gastro_photos_container .gastro_photo_3
	{
		display: none;
	}
	.section.general_content .gastro_photos_container .gastro_photo_2
	{
		width: 100%;
		height: auto;
		max-height: none;
		background-image: none;
		background-size: auto;
	}
	.section.general_content .gastro_photos_container .gastro_photo_2 img
	{
		visibility: visible;
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 550px) {
	.section.general_content .truck_photos_container
	{
		height: auto;
		padding-bottom: 0px;
	}
	.section.general_content .truck_photos_container .truck_photo_1
	{
		position: unset;
		width: 100%;
		padding-bottom: 25px;
	}
	.section.general_content .truck_photos_container .truck_photo_2
	{
		position: unset;
		width: 100%;
	}
	.section.general_content .truck_photos_container img
	{
		width: 100%;
	}	
}


/* Section - Dynamically Sizing Gallery (grow and shrink proportionately)
---------------------------------------------------------------- */
.section.dynamically_sizing_gallery
{
    padding: 0px 0px 100px 0px;
	text-align: center;
}
.section.dynamically_sizing_gallery h3
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 22px;
}
.section.dynamically_sizing_gallery p
{
	margin-bottom: 12px;
}
.section.dynamically_sizing_gallery a.btn
{
	margin-top: 20px;
}
.section.dynamically_sizing_gallery .grid_container
{
    display: grid;
    grid-template-columns: auto auto;
}
.section.dynamically_sizing_gallery .grid_item.item_1 img,
.section.dynamically_sizing_gallery .grid_item.item_5 img
{
	display: block;
	margin: 40px 0px 40px 0px;

    width: 90%;
	max-width: 100%;
	padding-right: 10%;
}
.section.dynamically_sizing_gallery .grid_item.item_4 img
{
	display: block;
	margin: 40px 0px 40px 0px;

    width: 90%;
	padding-left: 10%;
	text-align: right;
}
.section.dynamically_sizing_gallery .grid_container .item_3 div
{
	text-align: right;
}
.section.dynamically_sizing_gallery .grid_container .item_2 div,
.section.dynamically_sizing_gallery .grid_container .item_6 div
{
	text-align: left;
}

.section.dynamically_sizing_gallery .grid_item.centre_vertically_container
{
	height: 100%;
}
.section.dynamically_sizing_gallery .grid_item.centre_vertically_container div
{
    /* padding: 0px 16% 0px 16%; */
    padding: 0px 0px 0px 0px;
}
.section.dynamically_sizing_gallery .grid_item h3.section_heading:first-of-type
{
	margin: 0px 0px 12px 0px;
}
@media (max-width: 1235px) {
	.section.dynamically_sizing_gallery.about_page h3
	{
		padding-top: 20px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	.section.dynamically_sizing_gallery.about_page .grid_container
    {
        grid-template-columns: auto;
    }
    .section.dynamically_sizing_gallery.about_page .grid_item.centre_vertically_container
    {
        height: auto;
    }
    .section.dynamically_sizing_gallery.about_page .grid_item.centre_vertically_container div
    {
        position: relative;
		top: unset;
		transform: none;
		padding: 0px 3% 0px 3%;
    }
    .section.dynamically_sizing_gallery.about_page img
    {
        margin-top: 60px;
    }
	.section.dynamically_sizing_gallery.about_page .grid_item.item_1 img,
	.section.dynamically_sizing_gallery.about_page .grid_item.item_4 img,
	.section.dynamically_sizing_gallery.about_page .grid_item.item_5 img
	{
		margin: 60px auto 20px;
		width: auto;
		max-width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}
    .section.dynamically_sizing_gallery.about_page .grid_item.item_1 img
    {
        margin-top: 0px;
    }
	.section.dynamically_sizing_gallery.about_page .grid_container .item_2 div,
	.section.dynamically_sizing_gallery.about_page .grid_container .item_3 div,
	.section.dynamically_sizing_gallery.about_page .grid_container .item_6 div
	{
		text-align: center;
	}
		/* grid-area: Row Line Start / Col Line Start / Row Line End / Col Line End */
    .section.dynamically_sizing_gallery.about_page .grid_item.item_1 { grid-area: 1 / 1 / 2 / 2; }
    .section.dynamically_sizing_gallery.about_page .grid_item.item_2 { grid-area: 2 / 1 / 3 / 2; }
    .section.dynamically_sizing_gallery.about_page .grid_item.item_3 { grid-area: 4 / 1 / 5 / 2; }
    .section.dynamically_sizing_gallery.about_page .grid_item.item_4 { grid-area: 3 / 1 / 4 / 2; }
    .section.dynamically_sizing_gallery.about_page .grid_item.item_5 { grid-area: 5 / 1 / 6 / 2; }
    .section.dynamically_sizing_gallery.about_page .grid_item.item_6 { grid-area: 6 / 1 / 7 / 2; }
}
@media (max-width: 1066px) {
	.section.dynamically_sizing_gallery h3
	{
		padding-top: 20px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	.section.dynamically_sizing_gallery .grid_container
    {
        grid-template-columns: auto;
    }
    .section.dynamically_sizing_gallery .grid_item.centre_vertically_container
    {
        height: auto;
    }
    .section.dynamically_sizing_gallery .grid_item.centre_vertically_container div
    {
        position: relative;
		top: unset;
		transform: none;
		padding: 0px 3% 0px 3%;
    }
    .section.dynamically_sizing_gallery img
    {
        margin-top: 60px;
    }
	.section.dynamically_sizing_gallery .grid_item.item_1 img,
	.section.dynamically_sizing_gallery .grid_item.item_4 img,
	.section.dynamically_sizing_gallery .grid_item.item_5 img
	{
		margin: 60px auto 20px;
		width: auto;
		max-width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}
    .section.dynamically_sizing_gallery .grid_item.item_1 img
    {
        margin-top: 0px;
    }
	.section.dynamically_sizing_gallery .grid_container .item_2 div,
	.section.dynamically_sizing_gallery .grid_container .item_3 div,
	.section.dynamically_sizing_gallery .grid_container .item_6 div
	{
		text-align: center;
	}
		/* grid-area: Row Line Start / Col Line Start / Row Line End / Col Line End */
    .section.dynamically_sizing_gallery .grid_item.item_1 { grid-area: 1 / 1 / 2 / 2; }
    .section.dynamically_sizing_gallery .grid_item.item_2 { grid-area: 2 / 1 / 3 / 2; }
    .section.dynamically_sizing_gallery .grid_item.item_3 { grid-area: 4 / 1 / 5 / 2; }
    .section.dynamically_sizing_gallery .grid_item.item_4 { grid-area: 3 / 1 / 4 / 2; }
    .section.dynamically_sizing_gallery .grid_item.item_5 { grid-area: 5 / 1 / 6 / 2; }
    .section.dynamically_sizing_gallery .grid_item.item_6 { grid-area: 6 / 1 / 7 / 2; }
}
@media (max-width: 600px) {
    .section.dynamically_sizing_gallery .grid_item .centre_vertically
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Section - Prosecco
------------------------------------------------------------------------------ */
.section.prosecco
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: var(--body-bg);
	/* The image used */
	background-image: url("../images/banners/niche_events_prosecco.jpg");

	/* Set a specific height */
	min-height: 500px;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;

	/* Tint the background image */
	/* background-color: rgba(11, 91, 156, 0.7);
	background-blend-mode: multiply; */

	text-align: center;

}
.section.prosecco .centre_vertically_container div
{
	width: 60%;
}
.section.prosecco h2
{
	margin-bottom: 6px;
}
.section.prosecco p
{
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
}

@media only screen and (max-width: 550px) {
	.section.prosecco .centre_vertically_container div
	{
		width: 80%;
	}
}


/* Section - Make a Booking
------------------------------------------------------------------------------ */
.section.make_a_booking
{
	text-align: center;
	background-color: var(--body-ne-blue);
}
.section.make_a_booking h3
{
	color: #ffffff;
}
.section.make_a_booking p
{
	color: #ffffff;
	font-size: var(--body-smaller-font-size);
	line-height: var(--body-smaller-line-height);
}


/* Section - Make a Booking
------------------------------------------------------------------------------ */
.section.make_a_booking_page
{
	text-align: center;
}
.section.make_a_booking_page p
{
	color: var(--body-color);
	font-size: var(--body-smaller-font-size);
	line-height: var(--body-smaller-line-height);
}
.section.make_a_booking_page
{
	text-align: left;
}
.section.make_a_booking_page h4
{
	margin-bottom: 40px;
}
.section.make_a_booking_page h5
{
	margin-top: 50px;
	color: var(--body-ne-blue);
	font-size: 20px;
	line-height: 32px;
}
.section.make_a_booking_page .flex_container .flex_item
{
	margin: 0px 7% 0px 7%;
	padding: 0px 7% 0px 7%;
	flex-basis: 80%;
}
.section.make_a_booking_page fieldset label,
.section.make_a_booking_page legend
{
	color: var(--body-color);
}
.section.make_a_booking_page fieldset label
{
	display: inline-block;
	padding-left: 10px;
}
.section.make_a_booking_page input[type="text"],
.section.make_a_booking_page textarea
{
	border-color: #c7c7c7;
	width: 100%;
	padding: 16px 16px 16px 16px;
	margin-bottom: 22px;
	height: auto;
}
.section.make_a_booking_page textarea
{
	min-height: 310px;
}
.section.make_a_booking_page button
{
	display: inline-block;
	height: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box; 
}
.section.make_a_booking_page #mail-status
{
	box-sizing: border-box;
    padding: 12px 20px;
	width: 100%;
	display:none; 
	font-size: 1em;
}
.section.make_a_booking_page .mail-stuff-container
{
	display: flex;
	margin-top: 26px;
}
.section.make_a_booking_page #loader-icon
{
	margin: 4px 0px 0px 12px;
}
.section.make_a_booking_page .error
{
	background-color: #e22424;
	color: #ffffff;
    margin-bottom: 20px;
}
.section.make_a_booking_page .success
{
	background-color: #60bb46;
    color: #ffffff;
	margin-bottom: 20px;
}
.section.make_a_booking_page .g-recaptcha
{
	display: inline-block;
	margin: 0px 0px 25px 0px;
}	  
/* Break Early */
@media only screen and (max-width: 850px) {
	.section.make_a_booking_page .flex_container .flex_item
	{
		margin: 0px 0% 0px 0%;
		padding: 0px 2% 0px 2%;
		flex-basis: 100%;
	}
	
}
@media (max-width: 450px) {
	.section.make_a_booking_page .recaptcha_container
	{
		overflow-x: hidden;
	    text-align: left;
	}
	.section.make_a_booking_page .recaptcha_container .g-recaptcha {
		transform:scale(0.77);
		transform-origin:0 0;
	}
}



/* Section - Policy
------------------------------------------------------------------------------ */
.section.policy
{
	padding-top: 20px;
}
.section.policy ul
{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
.section.policy h1
{
	color: var(--body-ne-blue);
}
.section.policy h2
{
	color: var(--body-ne-blue);
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}


/* Section - Footer 
------------------------------------------------------------------------------ */
.section.footer
{
	padding: 60px 0px 20px 0px;
	background-color: var(--footer-ne-grey);
}
.section.footer .flex_container
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}
.section.footer .footer_logo
{
	width: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.section.footer .footer_logo img
{
	max-width: 100%;
	display: block;
}
.section.footer ul
{
	text-align: left;
	list-style: none;
}
.section.footer li a
{
	color: #ffffff;
}
.section.footer .ftr_left
{
	display: flex;
	flex-direction: column;
}
.section.footer ul.social-buttons
{
	margin-top: 42px;
	margin-bottom: 35px;
}
.section.footer ul.social-buttons li
{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
.section.footer ul.social-buttons ul
{
	overflow: hidden;
}
.section.footer ul.social-buttons li
{
	display: block;
	padding: 7px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	text-align: center;
	width: auto;
	height: auto;
	line-height: 14px;
	margin-right: 16px;
}
.section.footer ul.social-buttons li a
{
	color: var(--body-color);
}
.section.footer ul.social-buttons li a i
{
	color: #ffffff;
	font-size: 25px;
	line-height: 25px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 25px;
	height: 25px;
}
.section.footer .link-block
{
	margin-top: 0px;
}
.section.footer .link-block ul li
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	height: auto;
}
.section.footer .link-block ul.with_dividers li:after 
{
	content: '\007C';
	padding-left: 10px;
	padding-right: 6px;
}
.section.footer .link-block ul.with_dividers li:last-child:after 
{
	content: '';
}
.section.footer .link-block ul li,
.section.footer .link-block ul li a
{
	font-family: var(--body-alt-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.section.footer .group_block
{
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
.section.footer .group_logos
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	/* margin-right: 55px; */
	margin-right: 0px;
	margin-bottom: 20px;
}

.section.footer .trillium_logo
{
	width: 145px;
	padding: 0px 0px 0px 0px;
	margin: 32px 30px 0px 30px;
}
.section.footer .trillium_logo img
{
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.section.footer .ghost_logo
{
	width: 125px;
	padding: 0px 0px 0px 0px;
	margin: 34px 30px 0px 30px;
}
.section.footer .ghost_logo img
{
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.section.footer .group_block p
{
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #ffffff;
	/* margin-left: 45px; */
	margin-left: 0px;
	text-align: center;
}

@media only screen and (max-width: 1045px) {

	.section.footer .flex_container
	{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-content: space-around;
		align-items: center;
	}
	.section.footer .ftr_left
	{
		align-items: center;
	}
	.section.footer .contact-block ul.social-buttons li
	{
		display: block;
		float: none;
	}
	.section.footer .contact-block ul.social-buttons li ul
	{
		margin-left: 0px;
		margin-top: 25px;
	}
	.section.footer .contact-block ul.social-buttons li ul li:first-child
	{
		margin-left: 0px;
	}
	.section.footer .contact-block ul.social-buttons li ul li
	{
		float: left;
	}
}
@media only screen and (max-width: 740px) {
	.section.footer .link-block ul li
	{
		display: block;
		text-align: center;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		color: #ffffff;
		height: auto;
	}
	.section.footer .link-block ul.with_dividers li:after 
	{
		content: '';
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media only screen and (max-width: 490px) {
	.section.footer .flex_container
	{
		justify-content: left;
	}
	.section.footer .flex_container .link-block:nth-child(4)
	{
		flex-basis: 100%;
		margin-left: 0px;
	}
	.section.footer .group_logos
	{
		flex-direction: column;
		justify-content: center; 
		margin-right: 0px;
		margin-bottom: 20px;
		align-items: center;
	}
	.section.footer .ghost_logo
	{
		margin: 34px 0px 0px 0px;
	}
	.section.footer .group_block p
	{
		margin-left: 0px;
		text-align: center;
	}
}

/* #Misc
=================================================================================================================== */
.centered
{
	text-align: center;
}
.limit-to-two-lines
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
			line-clamp: 2; 
	-webkit-box-orient: vertical;
}
a.pink_link
{
	color: var(--body-pink) !important;
}

/* Flex Box
=================================================================================================================== */
.flex_container
{
	display: flex;
}
.justify_content_space_around
{
	justify-content: space-around;
}
.justify_content_space_between
{
	justify-content: space-between;
}
.justify_content_center
{
	justify-content: center;
}
.flex_wrap
{
	flex-wrap: wrap;
}
.flex_item.padded_7pc
{
	margin: 0px 7% 0px 7%; 
	padding: 0px 7% 0px 7%;
}

/* Grid Box
=================================================================================================================== */
.grid-container
{
	display: grid;
	box-sizing: border-box;
}
.grid-container *
{
	box-sizing: border-box;
}

/* Global Padding
=================================================================================================================== */
.pb60
{
	padding-bottom: 60px;
}


/* Responsive Menu
================================================== */
#responsive_menu_buttons
{
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 32px;
	/* background: #f5f5f5; */
	background: transparent;
	color: var(--body-ne-lime);
	padding: 5px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
}
#responsive_menu_buttons a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: var(--body-ne-lime);
	cursor: pointer;
}
#responsive_menu_buttons a:hover
{
	text-decoration: none;
}
#responsive_menu_open_button
{
	display: block;
	visibility: visible;	
	z-index: 110;
	font-size: 30px;
	line-height: 30px;
}
#responsive_menu_close_button
{
	display: none;
	visibility: visible;	
	z-index: 110;
	font-size: 30px;
	line-height: 30px;
}

#responsive_menu 
{
	position: fixed;
	display: none;
	width: 100%;
	z-index: 999999999;
	top: 88px;
	background-color: var(--body-bg);
	/* background-color: rgba(255, 255, 255, 0.9); */
	padding-top: 40px;
	padding-bottom: 40px;
	transition: top .4s ease;
}
#responsive_menu ul
{
	width: 80%;
	margin: 0px 0px 0px 0px;
	padding-left: 10%;
	padding-right: 10%;
	list-style: none;
}
#responsive_menu li
{
	display: inline;
	float: left;
	width: 100%;
	border-top: 2px solid var(--body-ne-lime);
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#responsive_menu ul li:first-child
{
	border-top: 3px solid var(--body-ne-lime);
}
#responsive_menu ul li:last-child
{
	border-bottom: 4px solid var(--body-ne-lime);
}
#responsive_menu li span
{
	float: left;
	width: 40px;
}
#responsive_menu li a
{
	float: left;
	color: var(--body-color);
	font-size: 22px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 120%;
}
#responsive_menu li a#active_page
{
	font-weight: bold;
}
#responsive_menu li a:hover
{
	color: #555555;
}
/* Menu - Responsive  ---------------------------------- */
@media only screen and (max-width: 950px) {
	#responsive_menu_buttons
	{
		display: block;
	}
	#responsive_menu 
	{
		display: none;
		visibility: visible;
	}
	.section.header .menu
	{
		visibility: hidden;
		height: 0;
		display: none;
	}
}

/* #Media Queries
=================================================================================================================== */

/* Bigger than 1000 */
@media (min-width: 1000px) {

}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}