/*
Theme Name: abattoirblues
Theme URI: http://underscores.me/
Author: Elie Hilal
Author URI: http://edev.com.au
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: abattoirblues
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

abattoirblues is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
	display:inline-block;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}


p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 50px;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

@font-face {
    font-family: 'OpenSans';
    src: url('css/fonts/OpenSans-Regular-webfont.eot');
    src: url('css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('css/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserrat-bold';
    src: url('css/fonts/montserrat-bold-webfont.ttf') format('ttf'),
         url('css/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('css/fonts/montserrat-light-webfont.ttf') format('ttf'),
         url('css/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -- Global Styling -- */
*{ margin:0; padding:0; outline:none!important;   font-family: 'OpenSans'; }
.clear{ clear:both;}
.wrapper{ max-width:1140px!important; margin:0 auto;}
.middle{ text-align:center;}
h1, h2, h3, h4, h5, h6, .bold{ font-family: 'montserrat-bold'!important; text-transform:capitalize;}

/* -- Site Header --*/
header#masthead{ position:relative; }
.sitenav{ width:100%; text-align:left; padding-top:15px; position: absolute; top:0; left:0; right:0; height:100%;}
.site-branding { display:inline-block; max-height:50px; height:100%;}
.site-branding img{ max-height:50px; padding:5px;	}
.bx-wrapper{ width:100%; position:relative; z-index:-1;}
.home #page{ position:relative; z-index:0;}
.main-navigation {float: right;}
.main-navigation a { display: inline-block; text-decoration: none; font-size:11px; padding: 17px ; color: #fff; font-family: 'montserrat'!important; font-weight:bold; text-transform:uppercase; }
.menu-item-33{ margin-left:10px; background-color:#8b755a;}
.main-navigation a:hover{background-color:#8b755a;}
.menu-item-33 a:hover{background-color:#fff; color:#8b755a;}
.headersocials{ text-align:center; margin: 0; position: absolute; top: 50%; left: 50%;  margin-right: -50%; transform: translate(-50%, -50%);}
.roundlogo{ width:50%; margin:10px;user-drag: none;  user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none;}
.overlay{ height:100%; width: 100%; position:absolute; background: rgba(0, 0, 0, 0.4);}
.pagetitle{ font-size:75px; color:#fff; text-transform:uppercase; display:inline-block; margin:0 40px;}
.headersocials hr { width: 30px; display: inline-block; height: 2px; }
header#masthead .bx-controls { display: none; }
ul.sub-menu { background-color: #fff;}
ul.sub-menu a { color: #8b755a;}
ul.sub-menu a:hover { color: #fff;}
.menu-toggle {display: none;}
.main-navigation ul {display: block;}
/* -- Body Styling -- */
.home div#content { background-color: #f5f5f5; }
.abbottle { display: inline-block; background: url(css/images/abbottle.png); background-repeat: no-repeat; background-size: 19.5%; background-position: 5% 5%; position: relative;z-index: 23123432;}
.hometestimonials { text-align: center; margin-top: 3.75%; }
div#testimonial_rotator_wrap_51 { max-width: 50%; margin: 0 auto; display: inline-block; vertical-align: middle; }
.hometestimonials hr { width: 50px; display: inline-block; height: 1px; color:#505050; }
.hometestimonials hr, .hometestimonials p{ margin-bottom:0; }
.testimonial_rotator_quote {  margin: 0 5%; display:inline-block; line-height: 35px; width: 70%; vertical-align: middle;}
.homeblock{ position:relative;}
#whoweare, #ourmenu{ display:inline-block; width:100%;}
#whoweare{ float:right;}
#ourmenu{ float:left; margin:75px auto;}
.infoblock{ width: 40%;text-align: left; display: inline-block; margin: 0; position: absolute; top: 50%; background-color: #fff; padding: 5%; color: #616060; font-size: 10pt;  line-height:25px;}
.infoblockheading{ margin-top:0; color:#232323; font-size:24pt;font-family: 'montserrat-bold'!important; text-transform:capitalize; margin: 0.67em 0; display: inline-block;}
.homeblocks .featureimage{ width:50%; display:inline-block;}
.homeblocks .featureimage img{ display:block;}
#whoweare .featureimage{ float:right;}
#ourmenu .featureimage{ float:left;}
#whoweare .infoblock{ float:right; transform: translate(40%, -50%); }
.infoblock{text-align: center; padding: 7%!important;}
#ourmenu .infoblock{ float:left; transform: translate(-10%, -50%);}
.infoblock a { margin-top:15px; display:inline-block; text-decoration: none; color: #8b755a; font-size: 12px; border: 2px solid #8b755a; padding: 7px 20px; }
div#testimonial_rotator_wrap_51 { margin-bottom: 20px;}
.page-template-default .ourfavourites { padding-bottom: 0;}
.page-template-default article.page { padding: 7.62% 0px; }
.featuresectionwrapper { padding-top: 7.62%; }
.pagefeaturesection{text-align: center; padding: 11% 0;color: #fff;position: relative;width: 100%;background-size: cover!important;background-position: center!important;}



/* -- Menu Page Styling -- */
.mainmenu { padding: 4.35% 0; background: url(css/images/abfries.png); background-repeat: no-repeat; background-size: 40%; background-position: 95% 100%; }
.chefsspecials { padding: 2.425% 0; background: url(css/images/abmartini.png); background-repeat: no-repeat; background-size: 40%; background-position: -5% 100%;  }
.fdm-section { clear: both; display:inline-block; width:100%; }
.fdm-section-header{ border-bottom:none!important; margin-bottom:0!important; margin-top:20px!important;}
.fdm-item { width: 32%; display: inline-block!important; vertical-align: top!important; text-align:left; float: left;}
.menudivbar{ clear:both; display:inline-block; width:70%!important; margin-top: 26px!important;}
.drinksmenu{ width:100%; display: inline-block; background: linear-gradient( rgba(51,51,51, 0.5), rgba(51,51,51, 0.5) ), url(css/images/abdrinksmenu.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 10% 0;}
.drinksmenu > *{ color:#fff!important;}
.drinksmenu h2, .mainmenu h2, .chefsspecials h2, #menueventsmenu h2,.pastamenu h2 { font-size: 42px; }
.drinksmenu .menudivbar, .drinksmenu .divbar{ background-color:#fff!important;}
#menueventsmenu{ background: linear-gradient( rgba(51,51,51, 0.5), rgba(51,51,51, 0.5) ), url(css/images/checkouteventmenu.jpg)!important; }
.menuiteminfo{ position:relative;}
.menufeatureimage { width: 100%; padding: 50%; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; float: none; width: 100%; margin-bottom:30px;}
.menufeatureimage img{ width:100%;}
.fdm-menu .menufeatureimage { display:none;}
#fdm-menu-3{ display: inline-block!important;}
/* -- Events Styling -- */
.page-template-eventspage #primary { padding: 6.7% 0;  background: url(css/images/abeventbottlefull.png); background-repeat: no-repeat; background-size:auto 90%; background-position: 85% 50%; }
.eventnav{ margin-bottom: 50px;}
.eventnav a,.eventnav h1{ display: inline-block; vertical-align: middle;}
.eventnav h1{ margin:0 100px;}
.eventnav img{ height:25px;}
.eventpage .event{ width:100%; margin:45px auto;}
.eventpage .eventimage { width:50%; padding: 15%!important; margin-bottom:0!important; }
.eventpage .event:nth-child(even) .eventimage{ float:right!important;}
.eventpage .event:nth-child(odd) .eventimage{ float:left!important;}
.eventinfocontainer{    width: 50%;  display: inline-block;  padding: 15% 0; text-align: left; position: relative;}
.eventsinfo{ width: 100%; padding:0 10%; text-align: left; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.eventpage .eventreadmore{ margin:0;}
.countdowndigit { display: inline-block; width: 55px; margin-right: 10px; text-align: center; background-color: #01031e; color: #fff; }
.timenum { font-size: 28px; font-family: 'montserrat-bold'!important;}
.countdownident { font-size: 9px; font-family: 'montserrat'!important;}
.eventname{ color:#8b755a; font-size:24px; font-family:'montserrat-bold'!important}
.eventpage .eventdate{ font-style:italic;}
.eventspecifics{ margin-top: 20px; margin-bottom:30px;}
.eventbooknow {     margin: 15px 15px 15px 0;  display:inline-block; text-decoration: none; color: #8b755a; font-size: 12px; border: 2px solid #8b755a; padding: 7px 50px; font-weight:bold; }
.eventmenu {margin: 15px 15px 15px 0;display:inline-block;text-decoration: none;color: #fff;font-size: 12px;padding: 9px 52px;font-weight:bold; background-color:#8b755a;}
.eventbooknow:hover{color: #8b755a;}
.eventpage .eventexcerpt{ font-size:14px;}

/* Single Event Styling*/
.singleheaderimage { padding: 15%; background-size: cover!important; background-position: center!important; position: absolute; width: 100%; z-index: -1; }
.singleeventinfo{ margin-top: 100px; text-align:left;}
.singleeventinfo .left{ width:50%; display:inline-block; float:left;}
.singleeventinfo .right{width:50%; display:inline-block; float:right; padding: 17.545%; position: relative;}
.singleeventinfo #map{ width:100%; height:400px;}
.infowrapper { width: 100%; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);padding: 10%;}
.eventinfoheading{font-weight: bold; text-transform: uppercase;  display:inline-block; vertical-align: middle; width: 22%; text-align: right;}
#eventinfoheader{ margin-left:22%;}
#eventinfoheader h1{ border:none!important; font-size:32px; color:#404040; margin: 0 auto!important;}
.singleeventinfoblock { text-align:left; margin-bottom:10px;}
.eventinfoblockinfo { display: inline-block; border-left: 2px solid #404040; padding-left: 2%;  margin-left: 2%;    vertical-align: middle; font-size: 12px;  color: #a7a7a7;}
.single-post #colophon{ margin-top:50px;}
/* -- About Styling -- */
.aboutcontent .left{ float:left; width:50%;}
.aboutcontent .right{ float:right;width:50%; padding:30px;}
.aboutcontent a.findatable { border: 1px solid #dddddd; padding: 10px 20px; font-family: 'montserrat-bold'!important; text-decoration: none; font-size: 13px; color: #232323; }
.topaboutimage { background-repeat: no-repeat!important; background-size: auto 100% !important; background-position: center!important; display: inline-block; width: 100%; padding:40%; }
.aboutcontent .left #leftimage{ float:left;}
.aboutcontent .left #rightimage{ float:right;}
.page-template-aboutpage .entry-content{ margin: 5% auto;}
#aboutgallery{ margin-top:100px;}
#aboutgallery .bx-wrapper { position: relative!important; z-index:1!important; overflow:visible; }
.aboutgalleryimage{ height:700px; background-repeat: no-repeat!important; background-size:cover!important ; background-position: center!important; }
.page-template-aboutpage .featuresection{background: linear-gradient( rgba(51,51,51, 0.25), rgba(51,51,51, 0.25) ),url(css/images/ourhistory.jpg);     padding: 15.55% 0!important;}
.ourhistorycontainer { position: absolute!important; width: 35%; right: 10%; background-color: #171717; padding: 1%; transform: translate(0%, -50%); }
.ourhistory { padding: 7.5%; border: 3px solid #342f28; text-align:left; }
.ourhistory h2{ margin-bottom:10px;}

/* -- Functions Styling -- */
 hr.headerdivbar { width:30%!important; height:2px!important; margin-bottom:60px!important;}
.fccontent{ width:80%; margin:0 auto 80px auto; font-size: 14px; }
.fccontent p { padding: 0 10%; }
.fccontent .divbar{ width:100%; height:3px; margin-top: 60px!important;}
.packagesandmenus .bold{font-family: 'montserrat'!important; font-weight: bolder!important;}

.functionspackaging .pmoptions{ width:100%;}
.functionspackaging .pmimages{padding: 20%!important;}
.functionspackaging a.pmlinks{ width:100%;}
.pmoptions { width: 23%; display: inline-block; text-align: center; margin-right: 2%; }
.pmoptions:last-child { margin: 0!important; }
.pmimages { padding: 50%; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; }
a.pmlinks, .contactforminput input[type="submit"] { font-family: 'montserrat-bold'!important; background-color: #8b755a; color: #fff; text-decoration: none; font-size: 12px; padding: 15px; position: relative; display: block;  margin: 30px auto 0px auto; }
 .contactforminput input[type="submit"]{width: 80%;}
.packagesandmenus { margin-bottom: 110px; }
.fccontact .left{ width:30%; display:inline-block; float:left; text-align:left!important; font-size:14px;}
.fccontact .right{width:70%; display:inline-block; float:right;}
.contactforminput { display: inline-block; width: 48%; text-align:left; font-size:13px; vertical-align: top!important; margin-left:2%; float:left; margin-bottom: 3%;}
.contactforminput input, .contactforminput textarea { border-radius: 0!important; border-color: #e3e3e3; width: 100%; }
#functiontextarea{ width: 98%; float: left; }
#datefield { width: 49%!important; display: inline-block; position: relative; }
#datefield input, #timefield input { width: 100%; }
div#timefield { width: 49%; display: inline-block; float:right; }
#functionssubmit{ margin-bottom:0;}
.contactforminput input[type="submit"] { margin: 0; font-size: 14px; font-family: 'montserrat'!important; font-weight: bolder; padding: 20px; width: 70%; float: left;}
.page-template-functionspage article, .page-template-cateringpage article { padding: 6.5%; background: url(css/images/abbottle.png); background-repeat: no-repeat; background-size: 25%; background-position: 12% 5%;}
/* -- Contact Styling -- */
.page-template-contactpage .entry-content{ margin: 4% auto!important;}
.contactinfo { text-align: left; }
.contactinfo .left{ float:left; width:50%; display:inline-block;}
.contactinfo .left h3 { margin-left: 15%; margin-bottom: 5px; }
.contactinfo .right{ float:right; width:45%; display:inline-block; margin-left:5%;}
.contactinfoblock { width: 100%; float: left; margin-bottom:20px; }
.contacticon { display: inline-block; float: left; width: 15%; text-align: center; margin: 0 auto; }
.contacticon img { display: block; margin: 0 auto; }
.contacticon, .iconinfo { vertical-align: middle; }
.iconinfo { display: inline-block; width:85%;}
.iconinfo a { text-decoration: none; color: #585858; font-weight: bold; }
.contactsep { margin-bottom: 10px;}
.contactlink { margin-left: 15%; text-decoration: none; color: #8b755a!important; border: 2px solid #8b755a; padding: 10px 20px; font-weight: bold; margin-top: 45px!important; display: inline-block;}
#travelguide{ margin-left:0;}
.parkingmap{ margin-top:40px;}
#contactsocials{background: linear-gradient( rgba(51,51,51, 0.25), rgba(51,51,51, 0.25) ),url(css/images/abattoircoffee.jpg);}
.mapcontactcontainer { padding: 6% 0; background-color: #f5f5f5; }
.mapcontact { position: relative; }
.mapwrapper{ width:80%; float:left; padding: 30.702%;}
.mapareafix{ position:absolute; top:0; left:0;}
#map{ display: inline-block; float: left; height:100%; width:100%; }
.contactuswrapper { width: 10%; padding: 31% 0; display: inline-block; float: right; }
#contactus { max-width: 500px; width: 100%; padding:5%;text-align: left; display: inline-block; background-color: #fff; color: #616060; font-size: 10pt; margin: 0; position: absolute; transform: translate(-80%, -50%); }
#contactus input, #contactus textarea { border-radius: 0!important; width: 100%; }
#contactus textarea{ height:100px;}
div#contactus .wpcf7-submit { border: 0; background-color: #8b755a; color: #fff; padding: 10px; width: 30%; }

/* -- Booking Styling -- */
.page-template-bookingpage article.page{ background-color:#f7f7f7; padding:2%;}
#bookingform{width:100%; height:500px; border:0;}
.bookingpage article { padding: 50px; background-color: #eaeaea; }

/* -- Footer Styling -- */
.footertop { padding: 6.229% 0; }
.site-footer{ background-color:#171717; color:#fff; font-size:14px;}
.site-footer a{ text-decoration:none; color:#fff;}
.footercol{ margin-right:3%; display:inline-block; vertical-align: top;}
#footercontact{width:20%;}
#footerns{width:40%; }
#footerinstagram { width: 23.2%; margin-right: 0; }
#footercontact img{ height:30px; float:left; margin-bottom:5px; }
#footercontact { line-height:30px;}
#footercontact a{color:#bcbcbc; display:block;}
.text-line td{display: block;}
div#cmApp_signupContainer { padding: 0; width: 100%; margin: 0; }
.cmApp_formInput input { border-radius: 0; }
.cmApp_formInput { 	margin-bottom: 1%!important; line-height: initial!important; height: auto!important; }
.cmApp_signupContainer #cmApp_signupForm > div{ padding:0!important;}
.pdb-signup input,input.cmApp_formSubmitButton.post-ajax { border: 0; border-radius: 0; width:100%; border:0!important; }
.newslettersignup, .instagramheading{ font-size: 12px; font-weight: bold; line-height: 10px;}
input.cmApp_formSubmitButton.post-ajax{ margin-bottom:25px!important;}
.field-group-main tr:nth-child(1), .field-group-main tr:nth-child(2){ display:inline-block; width:49%; margin-bottom:2%;}
.mc4wp-form-fields input:not([type="radio"]):not([type="checkbox"]), .mc4wp-form-fields input:not([type="radio"]):not([type="checkbox"]){ height:41.5px!important	;}
.mc4wp-form-fields input { background-color: #FFF; margin: 5px 0 0; width: 100%; font-size: 14px; height: 38px; border: 1px solid #d1d1d1; padding: 0.625em 0.4375em; border-radius:0!important;}
.mc4wp-form-fields input[type="submit"] { background-color: #8B755A; color: #FFFFFF; border: 0; margin-bottom: 25px!important;}

.instagramheading { margin-bottom: -20px; padding-left: 12px; margin-top: 0; }
.field-group-main tr:nth-child(1){ margin-right:1%;}
.field-group-main tr:nth-child(2){ margin-left:1%;}
.field-group-main tr:nth-child(3){ display:inline-block; width:70%; float: left;}
.field-group-main tr:nth-child(3) td{ display:block; }
.field-group-submit{ width: 28%; float:right;}
.field-group-submit .submit-buttons { float: right; width: 100%;}
.submit-buttons  .pdb-submit{ background-color:#8b755a; color:#fff; padding: 9px 0;}
.footerbottom { border-top: 1px solid #363636; padding: 35px 0;}
.footerbottom, .footerbottom a{ font-size:12px; color:#545454; text-align:center;}
.footerbottom a { border-left: 1px solid #545454; padding-left: 10px; margin-left: 10px; }
.abburger { background: url(css/images/abburger.png); background-repeat: no-repeat; background-size: 40%; background-position: -10% 35%; }
.ourfavourites { padding: 7.62% 0px;}
.ourfavourites h1{text-transform:uppercase;}
hr.divbar{ background-color:#8b755a!important; width: 50px; margin:0 auto; margin-bottom: 26px;}
.favourites { width: 30%; background-size: cover!important; padding: 16%; display: inline-block; background-position: center!important; background-repeat: no-repeat!important; position:relative; margin:0.5% auto; }
.favouritesinfo , .favouritesname, .contactsocialicons{ margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.favouritesinfo { width: 100%; height: 100%; color: #fff!important; background-color: rgba(51, 51, 51, 0.25); text-transform:uppercase; }
.eventsfavourites .favouritesinfo:hover{ background-color: rgba(51, 51, 51, 0.25)!important;}
.eventsfavourites .favourites, .ourfavourites .favourites {margin:0.5% 0.25%;}
.favouritesinfo:hover{ background-color:transparent;}
.favouritesname { padding: 2.5% 0; border-bottom: 1px solid; font-weight:bolder;}
.favouritespush { margin: 0.5% 1%; }
.featuresection, .eventsmenu{ text-align: center; background: linear-gradient( rgba(51,51,51, 0.25), rgba(51,51,51, 0.25) ),url(css/images/fac.jpg); background-repeat: no-repeat!important; padding: 11% 0; color: #fff; position: relative; width: 100%; background-size: cover!important; background-position: center!important;}
.home .featuresection{ background: linear-gradient( rgba(51,51,51, 0.25), rgba(51,51,51, 0.25) ),url(css/images/homefac.jpg); }
.fccta a, .eventsmenucta a, .memlink { font-weight:bolder; text-decoration:none;  width: 20%;  border: 2px solid #fff; color:#fff;  padding: 15px;  display: inline-block;  text-transform: uppercase;  font-size: 12px;  margin-top: 4% }
.fccta a:hover,.memlink:hover{ border-color: #8b755a; background-color: #8b755a; }
.eventbackground{ background: url(css/images/abeventbottle.png); background-repeat: no-repeat; background-size: 20%; background-position: 85% 100%; position: relative; }
.upcomingevents { padding: 8.4% 0; }
.event { width: 31%; display: inline-block; vertical-align: top; margin: 1%; text-align: center; }
.eventimage { width: 100%; background-size: cover!important; padding: 32.5%; display: inline-block; background-position: center!important; background-repeat: no-repeat!important; margin-bottom:20px; }
.eventreadmore{ width:100%; display:block;}
.eventartistname { font-size: 16px; font-family: 'montserrat-bold'!important; }
.eventsupportingartistname { font-size: 16px; margin-left:10px;}
.eventexcerpt,.headliner { color: #616060; line-height: 30px; }
.eventexcerpt, .eventreadmore,.headliner { margin-top: 15px; }
.eventdate { font-size: 12px; color: #a7a7a7; }
a.eventreadmore { color: #8b755a; text-decoration: none; font-size: 12px; }
.event .divbar{ width:100%; margin:13px 0!important;}

/* -- Pasta Styling -- */
.pastablocks{ padding: 75px 0;}
#post-2804 { background-color: #f5f5f5;}
.pastablock{ position:relative;}
#block1, #block2{ display:inline-block; width:100%;}
#block1{ float:right;}
#block2{ float:left; margin:75px auto;}
.infoblock{ width: 50%;text-align: left; display: inline-block; margin: 0; position: absolute; top: 50%; background-color: #fff; padding: 5%; color: #616060; font-size: 10pt;  line-height:25px;}
.infoblockheading{ margin-top:0; color:#232323; font-size:24pt;font-family: 'montserrat-bold'!important; text-transform:capitalize; margin: 0.67em 0; display: inline-block;}
.pastablocks .featureimage{ width:50%; display:inline-block;}
.pastablocks .featureimage img{ display:block;}
#block1 .featureimage{ float:right;}
#block2 .featureimage{ float:left;}
#block1 .infoblock{ float:right; transform: translate(40%, -50%); }
.infoblock{text-align: center; padding: 5%!important;}
#block2 .infoblock{ float:left; transform: translate(-10%, -50%);}
.infoblock a { margin-top:15px; display:inline-block; text-decoration: none; color: #8b755a; font-size: 12px; border: 2px solid #8b755a; padding: 7px 20px; }
#faqs {padding: 3.81% 0px;background-color: #fff;}

#accordianwrapper {margin: 0px auto 50px auto;}
div#accordianwrapper .navy { padding: 60px 0; font-size: 70px;}
#accordion h3 {background-color: #8b755a;margin-bottom: 20px;cursor: pointer;font-size: 16px;padding: 17px;color: #fff;font-family: 'montserrat'!important;font-weight: bold;text-transform: uppercase;}
#accordion h3 .inlineblock { max-width: 90%;}
#accordion .ui-accordion-content { font-size: 20px;}
#accordion p{ margin-bottom: 20px;}
#accordion .ui-accordion-icons::after {content: '+'; float:right; position:relative; top: -22.5px;}
#accordion .ui-state-active::after {content: '-';}
.pastasection{text-align: center;background: linear-gradient( rgba(51,51,51, 0.35), rgba(51, 51, 51, 0.45) ),url(css/images/pasta3.jpg);background-repeat: no-repeat!important;padding: 11% 0;color: #fff;position: relative;width: 100%;background-size: cover!important;background-position: center!important;}
.fdm-sectionid-83 li.fdm-item { width: 50%; text-align: center; margin: 0!important;}
.pastamenu { padding: 4.35% 0; }
.wp-block-cover__inner-container p { margin-bottom: 0!important;}
/* -- Mobile Styling -- */
@media screen and (max-width: 1280px) {
	.roundlogo{ width:40%;}
	.infoblock{ padding:4%;}
	.bx-wrapper .bx-next{ right:10px;!important}
	.bx-wrapper .bx-prev{ left:10px!important;}
	.contactinfo .left,.contactinfo .right{ width:100%;}
	.contactinfo .left{ margin-bottom:30px;}
	.mapcontact.wrapper.middle { height: 100%!important; }
	.contactsocialicons img { width: 30%;}
	.contactinfo .right { padding: 5%; margin-left: 0!important; }
	.mapwrapper { width: 100%; position: relative; padding:0;  height:400px;}
	.mapareafix {  position: relative; 	width:100%!important;}
	.contactuswrapper { width: 100%; padding: 0; position: relative; float: none;}
	div#contactus { width: 100%;  max-width: 100%; transform: none; position: relative; }
	.mapcontactcontainer { padding: 0;}
	.featuresection, .eventsmenu{ padding: 21% 3%!important; }

}

@media screen and (max-width: 1140px) {
	.wrapper { padding: 0.5% 2%; }
	.ourhistorycontainer{ width:55%;}
	.eventpage .eventimage { width: 100%;}
	.eventinfocontainer { padding: 2%; width: 100%; }
	.eventsinfo { position: relative!important; transform: none!important; left: 0!important; top: 0!important; padding: 0!important; margin: 0!important; text-align: center; }
	.page-template-eventspage #primary{ background-size: auto 40%!important; background-position: 85% 30%!important; padding-bottom: 0;}
	.singleeventinfo .left, .singleeventinfo .right { width: 100%; padding: 0; float: none; display: block; position: relative; clear: both; }
	.infowrapper { position: relative;  top: 0; left: 0; transform: none; width: 100%; text-align: center;  margin: 0 auto; padding:0;}
	.singleeventinfo .right .div { text-align: center; }
	.ourfavourites h2, .upcomingevents h2 { margin: 15px; }
	.contactforminput input[type="submit"]{ width:100%;}
	#eventinfoheader, .eventinfoheading, .eventinfoblockinfo { width: 100%!important; text-align: center!important; border: 0; margin: 0; padding: 0; }
	.eventinfoblockinfo { margin-bottom: 10px; }
	.cateringpackaging .pmoptions:last-child, .cateringpackaging .pmoptions{ width:45%; margin:1.5%!important;}	
	.pmimages { padding: 35%; }
	.aboutcontent .right{ padding:20px;}
	a.pmlinks{margin: 15px auto 0px auto;}
}
@media screen and (max-width: 1080px) {
	.roundlogo { width: 30%; }	
	.main-navigation a{ font-size: 9px; padding: 17px 16px;}
	div#testimonial_rotator_wrap_51 { max-width: 80%; }
	.testimonial_rotator_quote{font-size: 14px; line-height: 20px;}
	.blockcontent { font-size: 13px; line-height: 18px; }
	.aboutcontent .right{ font-size:15px;}
}
@media screen and (max-width: 980px) {
	.site-branding img { max-height: 40px; }
	.main-navigation a{ padding: 14px 16px;}
	.roundlogo { width: 25%; }	
	.headersocials{top: 55%;}
	.infoblock { position: relative; transform: none!important; width: 80%!important; padding: 2%;}
	.homeblock{ margin-bottom:5% ;}
	.featureimage { width: 80%!important; }	
	.fdm-item { width: 46%; margin: 2%!important; }
	.fdm-item p { font-size: 11px; padding:0!important;}
	.ourhistory { padding: 3.5%; font-size: 14px;}
	#ourmenu{ margin:0 auto!important;}
	.pastablocks { padding: 0;}

}
@media screen and (max-width: 900px) {

.aboutcontent .right{font-size: 14px;}
}
@media screen and (max-width: 900px) {
	.pagetitle{ font-size:55px}
	.headersocials hr{ margin-bottom: 20px!important;}
	.sitelogo{ display:none;}
	.main-navigation{ width:100%;}
	.main-navigation li {width: 11.1111%;height: 40px;margin: 0;}
	.main-navigation a { padding: 14px 0!important; width: 100%!important; text-align: center!important; }
	.fccontent{ width:100%;}
	.page-template-functionspage article, .page-template-cateringpage article { padding: 1.5%;}
	.pmoptions { width: 30%; vertical-align: top; }
	.fccta a, .eventsmenucta a, .memlink{ width:40%;}
	.abbottle,.abburger,.eventbackground,.mainmenu,.page-template-functionspage article, .page-template-cateringpage article,.page-template-eventspage #primary{ background:none;}
	.pmoptions:last-child, .pmoptions{ width:100%; margin:0 0 20px 0!important;}	
	.pmimages { padding: 25%; }
	a.pmlinks{margin: 5px auto 0px auto;}
	.functionspackaging .pmimages { padding: 25%!important; }
	.aboutcontent .right{ font-size:13px;}
	.main-navigation li ul li {width: 100%;}
	.main-navigation ul ul{ top:40px;}
	.toggled .menu-toggle { background-image: url(css/images/close.png)!important;}
	.main-navigation li { width: 100%; background-color: #333; z-index: 1; height: 49px; }
	.main-navigation a{ font-size:14px; }
	ul.sub-menu { width: 100%; display: block; position: relative;}
	ul.sub-menu, ul.sub-menu * { float: none!important; display: block; top: 0!important; left: 0!important;}
	.main-navigation li { height: auto;}
	.main-navigation ul ul { box-shadow: none; float: none!important; position: relative; top: 0px!important; left: 0!important; border-left:10px solid #8b755a;}
	.menu-toggle {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.menu-toggle { float: right;  border: 0;  background: url(css/images/menu.png)!important;  color: transparent;  width: 40px;  height: 30px;  background-position: center!important;  background-repeat: no-repeat!important; margin: 10px; }
	.toggled{ background: #333;}
	
	
		}
@media screen and (max-width: 820px) {
	.footercol { width: 100%!important; text-align: center!important; margin: 0 auto!important; }
	.newslettersignup, .instagramheading{ font-size: 17px; margin-top: 40px; }
	#footercontact img { float: none; }
	.field-group-main tr { width: 100%!important; float: left; margin: 1% 0!important; }
	.field-group-main tr input { text-align: center; }
	.headersocialicons { display: none;}
	.ourhistorycontainer { width: 85%; right: 0; left: 0; margin: 0 auto;    background-color: rgba(23, 23, 23, 0.6);}
	#menueventsmenu h2 { font-size: 35px; }
	.aboutcontent .right{ padding:0 20px;}
	.aboutcontent .right hr.divbar{ margin-bottom:10px;}
}
@media screen and (max-width: 720px) {
	.fccta a, .eventsmenucta a{ width: 40%;}
	.aboutcontent .left, .aboutcontent .right{ width:100%!important;}
	.ourhistorycontainer { width: 90%;}
	#aboutgallery { margin-top: 50px!important; }
	.aboutgalleryimage { height: 300px!important; }
	hr.headerdivbar.divbar { margin-bottom: 30px!important; }
	#functionssubmit{ width:70%;}
	.infoblock, .featureimage { width: 100%!important; }	
	.homeblock{ margin-bottom:0% ;}
	.topaboutimage{ padding:35%; }
	.aboutcontent .right{ font-size:15px;}
	#block2 { padding: 20px; margin: 0;}
	

}
@media screen and (max-width: 680px) {
	.bookingpage .event, .home .event { width: 96%; margin: 2%; }
	.headersocialicons {  display: none; }
	div#testimonial_rotator_wrap_51 { max-width: 100%; margin-bottom:20px;}
	.fdm-item{ font-size:12px;}
	.page-template-aboutpage .featuresection {   position: relative; display: block; background: none; margin: 20px auto; padding: 0!important;}
	.ourhistorycontainer { width: 95%; position: relative!important;  transform: none; background-color: rgba(23, 23, 23, 1);}
}

@media screen and (max-width: 600px) {	
	.abbottle{ background-color: #f5f5f5!important;}
	.home div#content{ background-color:#fff!important;}	
	nav#site-navigation { position: absolute; top: 0; left: 0; right: 0; z-index: 100000000; }	.favourites { padding: 25%;}	
.hometestimonials hr { display: none;}
	.testimonial_rotator_quote{ width:90%; margin:0 auto;}
	#fdm-menu-3 .fdm-section li { width: 96%; }
	.favourites { width: 100%; margin-left: 0; }
	.fdm-item { width: 96%;}
	.fdm-item-price { float: right; margin-top: -23px; }
	.fdm-item-price-wrapper{ position:relative!important; float:right;}
	.fdm-item-title{ font-size:14px!important;}
	.pmoptions { width: 100%; }
	.pmoptions.push{ margin:0!important; }
	.pagetitle{ font-size:35px}
	.headersocials hr{ margin-bottom: 12px!important;}
	a.pmlinks, .contactforminput input[type="submit"] { margin: 15px auto;}
	.packagesandmenus{ margin-bottom:50px;}
	.fccontact .left{ margin-bottom:30px;}
	.fccontact .left,.fccontact .right{ width:100%; text-align:center !important;}
	.contactinfo .right { text-align:center; }
	.eventnav h1 {  margin: 0 50px; }
	.contactforminput, #functionssubmit, .contactforminput input[type="submit"]{ width:100%; margin:5px 0; text-align:center;}
	.sitenav{ width:97%; margin:1% auto;}
	.iconinfo, .contacticon{ width:100%; text-align:center;}
	.contacticon img{ margin-bottom:10px; }
	.contactinfo .left h3 { margin: 0 auto; text-align: center; margin-bottom: 20px; }
	.contactlink { margin: 10px 20%!important; text-align: center; width: 60%; }
	.fccta a, .eventsmenucta a, .memlink{ width:60%;}
	#menueventsmenu h2 { font-size: 30px; }
	.topaboutimage { width: 100%; margin-bottom:0px; }
	#functiontextarea { width: 100%;}
	#contactus{ text-align:center;}
	#contactus h3{ font-size:20px; margin-bottom:10px;}
	div#contactus .wpcf7-submit{ width:100%;}
	.fdm-sectionid-83  li.fdm-item { width: 100%; }
    .fdm-item-price-wrapper .fdm-item-price:nth-child(2) {margin-top: 0px;}
}

@media screen and (max-width: 480px) {
	.eventnav h1 { width:100%; margin: 10px auto; }
	.pagetitle { font-size: 30px; }
	.headersocials hr{ display:none;}
	.fccta a, .eventsmenucta a { width: 36%; }
	.fccta a, .eventsmenucta a, .memlink{ width:80%;}
	#menueventsmenu h2 { font-size: 25px; }

}
@media screen and (max-width: 340px) {
	.fccta{ margin-top:10px;}
	.fccta a, .eventsmenucta a { width: 100%; }
	}