@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500&display=swap');
/****
font-family: 'Quicksand', sans-serif;
****/


/* -- ADJUST BOX SIZING --*/
*, *::before, *::after {
	box-sizing: border-box;
	}

/* -- HTML/BODY TAGS --*/
html { }
html, body { height:100%; width:100%; min-height:100%; padding:0px; margin:0px; }
body { font-family: 'Quicksand', sans-serif; font-weight:500; font-size:16px; color:#444; position:relative; }

/* -- PAGE FLEXBOX LAYOUT --*/
.page-container {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	}
.page-container main {
	flex-grow: 1;
	}

/*.page-container header, .page-container main, .page-container footer {*/
.page-container main, .page-container footer {
	flex-shrink: 0;
	}

/* -- TEXT --*/
a { color:#a7ce39; text-decoration:none;}
a:hover, a:active, a:focus { color:#83a621; text-decoration:none; }

p { line-height:1.4em; margin-top:0; margin-bottom:1em;}

h1,h2,h3,h4,h5,h6 {
	line-height:1em; margin-top:0.6em; margin-bottom:0.6em;
	}


h1 { font-size:2.4em; color:#a7ce39; font-weight:normal; text-transform:uppercase; text-align:center; display:table; margin-left:auto; margin-right:auto; margin-bottom:0px; }
h1:after { border-bottom:3px solid #a6a6a6; content:''; display:block; width:120px; margin:15px auto 40px auto; }

h2 { font-size:1.7em; font-weight:normal; text-transform:uppercase; margin:0 auto 0.4em auto; }

h3 { text-transform:uppercase; font-size:1.5em; font-weight:normal;}
h4 { text-transform:uppercase; font-size:1.3em; font-weight:normal;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
 { font-size:0.8em; display:block; color:#acacac;}


.text-upper { text-transform:uppercase; }
.text-bold { font-weight:bold; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
.text-danger { color:#cc0000; }
.text-success { color:#037d00; }
.text-required { color:#cc0000; }
.text-muted { color:#6a6a6a; }
.text-strikethrough { text-decoration:line-through; }
.text-underline { text-decoration:underline; }

.footnote { font-size:0.8em; color:rgba(68,68,68,0.7); }

/* -- CLEARFIX --*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	} 
.clearfix:after {
	clear: both;
	}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

/* -- MISC --*/
.devWarning { font-size:0.8em; font-weight:normal; background-color:#FFFFCC; color:#ff0000; padding:3px; border-bottom:2px solid #ff0000; 
	position:fixed; top:0; left:0; width:100%; z-index:10000; opacity:1;
	}
.nojsWarning { border:1px solid #cc0000; background-color:#FFE1E1; color:#cc0000; padding:12px; margin-top:10px; margin-bottom:10px; }
.nowrap { white-space: nowrap; }
.noTopMargin { margin-top:0px; }
.noBottomMargin { margin-bottom:0px; }

.container { width:90%; max-width:1100px; margin:0 auto; }
.container.large { width:90%; max-width:1400px; margin:0 auto; }

img.img-responsive { max-width:100%; height:auto; }

.pull-left { float:left; }
.pull-right { float:right; }


/**** COLUMNS ****/
.row{
	position:relative; width:100%;
	}

.row.addBottomMargin {
	margin-bottom:1em;
	}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	width:100%;
	min-width:3em;
	position:relative;
	}
	
.addPadding .col-1, .addPadding .col-2, .addPadding .col-3, .addPadding .col-4, .addPadding .col-5, .addPadding .col-6, .addPadding .col-7, .addPadding .col-8, .addPadding .col-9, .addPadding .col-10, .addPadding .col-11, .addPadding .col-12 {
	padding:1em;
	}
	
.addHPadding .col-1, .addHPadding .col-2, .addHPadding .col-3, .addHPadding .col-4, .addHPadding .col-5, .addHPadding .col-6, .addHPadding .col-7, .addHPadding .col-8, .addHPadding .col-9, .addHPadding .col-10, .addHPadding .col-11, .addHPadding .col-12 {
	padding-right:0; padding-bottom:1em;
	}	
	
@media (min-width:768px) {

	.row { 
		display:flex;
		align-items:stretch;
		flex-wrap:wrap;
		}
	
	.col-1 { width:8.333333333333333%; }
	.col-2 { width:16.66666666666667%; }
	.col-3 { width:25%; }
	.col-4 { width:33.33333333333333%; }
	.col-5 { width:41.66666666666667%; }
	.col-6 { width:50%; }
	.col-7 { width:58.33333333333333%; }
	.col-8 { width:66.66666666666666%; }
	.col-9 { width:75%; }
	.col-10 { width:83.33333333333333%; }
	.col-11 { width:91.66666666666666%; }
	.col-12 { width:100%; }

	.addHPadding .col-1, .addHPadding .col-2, .addHPadding .col-3, .addHPadding .col-4, .addHPadding .col-5, .addHPadding .col-6, .addHPadding .col-7, .addHPadding .col-8, .addHPadding .col-9, .addHPadding .col-10, .addHPadding .col-11, .addHPadding .col-12 {
		padding-right:1em; padding-bottom:0;
		}
	
	.row.addHPadding .col-1:last-child, .row.addHPadding .col-2:last-child, .row.addHPadding .col-3:last-child, .row.addHPadding .col-4:last-child, .row.addHPadding .col-5:last-child, .row.addHPadding .col-6:last-child, .row.addHPadding .col-7:last-child, .row.addHPadding .col-8:last-child, .row.addHPadding .col-9:last-child, .row.addHPadding .col-10:last-child, .row.addHPadding .col-11:last-child, .row.addHPadding .col-12:last-child {
		padding-right:0;
		}
	.row.addHPadding .col-1:first-child, .row.addHPadding .col-2:first-child, .row.addHPadding .col-3:first-child, .row.addHPadding .col-4:first-child, .row.addHPadding .col-5:first-child, .row.addHPadding .col-6:first-child, .row.addHPadding .col-7:first-child, .row.addHPadding .col-8:first-child, .row.addHPadding .col-9:first-child, .row.addHPadding .col-10:first-child, .row.addHPadding .col-11:first-child, .row.addHPadding .col-12:first-child {
		padding-left:0;
		}

	.order1 { order:1; }
	.order2 { order:2; }
	.order3 { order:3; }
	.order4 { order:4; }

	}

@media (min-width:768px) and (max-width:1024px) {
	.row.breakEarly {
		display:block; width:100%;
		}
	
	.row.breakEarly .col-1, .row.breakEarly .col-2, .row.breakEarly .col-3, .row.breakEarly .col-4, .row.breakEarly .col-5, .row.breakEarly .col-6, .row.breakEarly .col-7, .row.breakEarly .col-8, .row.breakEarly .col-9, .row.breakEarly .col-10, .row.breakEarly .col-11, .row.breakEarly .col-12 {
		width:100%;
		min-width:3em;
		}

	.row.breakEarly.addHPadding .col-1, 
	.row.breakEarly.addHPadding .col-2, 
	.row.breakEarly.addHPadding .col-3, 
	.row.breakEarly.addHPadding .col-4, 
	.row.breakEarly.addHPadding .col-5, 
	.row.breakEarly.addHPadding .col-6, 
	.row.breakEarly.addHPadding .col-7, 
	.row.breakEarly.addHPadding .col-8, 
	.row.breakEarly.addHPadding .col-9, 
	.row.breakEarly.addHPadding .col-10, 
	.row.breakEarly.addHPadding .col-11, 
	.row.breakEarly.addHPadding .col-12 {
		padding-bottom:1em;
		}

	}

/**** SECTIONS ****/
section { padding:0; background-color:#FFF; }
section.addPadding { padding:3em 0; }

section.lightgrey { background-color:#f2f2f2; }
section.green { background-color:#a7ce39; color:#FFF; }
section.green h1, section.green h2, section.green h3, section.green h4, section.green h5, section.green h6 {
	color:#FFF;
	}
section.green a { color:#FFF; color:rgba(255,255,255,0.8);}
section.green a:hover { color:#83a621;}

.section-photo { 
	width:100%; 
	background-position:center center; 
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;
	background-repeat: no-repeat;
	}

.section-photo.entrance-001 { background-image:url("../images/background-photos/800x600-entrance-003.jpg?v=3"); }
.section-photo.whats-on-001 { background-image:url("../images/background-photos/800x600-whats-on-001.jpg?v=0"); }
.section-photo.menu-001 { background-image:url("../images/background-photos/800x600-menu-001.jpg?v=0"); }
.section-photo.bar-001 { background-image:url("../images/background-photos/800x600-bar-001.jpg?v=0"); }
.section-photo.contact-us-001 { background-image:url("../images/background-photos/800x600-contact-us-001.jpg?v=0"); }
.section-photo.private-hire-001 { background-image:url("../images/background-photos/800x600-private-hire-001.jpg?v=0"); }
.section-photo.reviews-001 { background-image:url("../images/background-photos/800x600-reviews-001.jpg?v=0"); }
.section-photo.the-team-001 { background-image:url("../images/background-photos/800x600-the-team-001.jpg?v=0"); }
.section-photo.gallery-001 { background-image:url("../images/background-photos/800x600-gallery-001.jpg?v=0"); }

@media (min-width:800px) {	
	.section-photo.entrance-001 { background-image:url("../images/background-photos/1400x800-entrance-003.jpg?v=1"); }
	.section-photo.whats-on-001 { background-image:url("../images/background-photos/1400x800-whats-on-001.jpg?v=0"); }
	.section-photo.menu-001 { background-image:url("../images/background-photos/1400x800-menu-001.jpg?v=0"); }
	.section-photo.bar-001 { background-image:url("../images/background-photos/1400x800-bar-001.jpg?v=0"); }
	.section-photo.contact-us-001 { background-image:url("../images/background-photos/1400x800-contact-us-001.jpg?v=0"); }
	.section-photo.private-hire-001 { background-image:url("../images/background-photos/1400x800-private-hire-001.jpg?v=0"); }
	.section-photo.reviews-001 { background-image:url("../images/background-photos/1400x800-reviews-001.jpg?v=0"); }
	.section-photo.the-team-001 { background-image:url("../images/background-photos/1400x800-the-team-001.jpg?v=0"); }
	.section-photo.gallery-001 { background-image:url("../images/background-photos/1400x800-gallery-001.jpg?v=0"); }
	}

.content-valign-center { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:400px; }
.content-valign-bottom { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; min-height:400px; }

.section-photo.tall { min-height:90vh; }


.section-photo .newManagement {
	display:inline-block;
	text-transform:uppercase; color:#fff; font-size:1.6em; text-align:center; padding:0.5em 0.5em; border:0em solid #cc0000; background-color:#a7ce39; margin:1em 1em 1.5em 1em;
	align-self:flex-end;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: 0em;
	-webkit-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.75);
	-ms-transform: rotate(-10deg); /* IE 9 */
	-webkit-transform: rotate(-10deg); /* Safari prior 9.0 */
	transform: rotate(-10deg); /* Standard syntax */
	}

@media screen AND (min-width:1024px) {
	.section-photo .newManagement {
		font-size:2.4em;
		}
	}


/**** FOOTER ****/
footer { padding:0 0 2.8em 0; color:#FFF; background-color:#242424; margin-top:0px; font-size:1rem;}
footer a { color:#FFF; }
footer a:hover, footer a:active, footer a:focus { color:#b2b2b2; }

footer h1 { font-size:1.4rem; color:#FFF; border-bottom:3px solid #a7ce39; text-align:left; padding-bottom:0.2em; display:block; margin:0 0 0.6em 0;}
footer h1:after { border-bottom:none; content:none; display:initial; width:100%; margin:0; }

ul.foot_nav { list-style:none; margin:0; padding:0; }
ul.foot_nav li { list-style:none; margin:0; padding:0; }
ul.foot_nav li a { text-decoration:none; }

ul.foot_nav_h { list-style:none; line-height:1em; margin:2.2em 0 1.4em 0; padding:1.4em 1.4em 1em 1.4em; background-color:#2c2c2c;
	display:flex; flex-wrap:wrap; justify-content:center; 
	border-top:1px dashed rgba(255,255,255,0.15); 
	border-bottom:1px dashed rgba(255,255,255,0.15);
	}
ul.foot_nav_h li { margin-right:1.4em; }
ul.foot_nav_h li:last-child { margin-right:0; }
ul.foot_nav li a { text-decoration:none; }


footer .foot_copyright { margin-top:0; padding-top:0; font-size:0.8em; text-align:center; }

footer table { 
	width:100%; text-align:left; border-collapse:collapse; 
	}
footer table td, .footer table th {
	padding:2px 3px;
	}
footer table.bordered td, .footer table.bordered th {
	border:1px solid #AAAAAA;
	}
footer table thead th {
	font-weight: bold;
	}

footer .footnote { margin-top:0.6em; font-size:0.8em; color:#999999; }
footer .footnote .highlight { font-weight:bold; color:#ffff00; }

.opening-hours p { margin-bottom:0.6em; }

.social-container { display:flex; justify-content:center; padding:1em 0; background-color:#383838; margin-bottom:2.8em}
.social-container .col { display:flex; flex-direction:column; align-items:center; flex-wrap:nowrap; margin-right:2.6em; }
.social-container .col:last-child { margin-right:0; }
.social-container .col div { flex-shrink:0; margin-right:0.4em; }
.social-container .col div:last-child { margin-right:0; }

@media screen and (min-width:768px) {
	.social-container .col { flex-direction:row; }
	}


/* -- GRID (MAX 3 WIDTH)--*/
.grid-3 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	}

.grid-item { width:90%; margin:10px; flex-grow:0; flex-shrink:1; position:relative; }

@media screen and (min-width:768px) {
	.grid-item { width:30%; }
	}

/**********
@media screen and (min-width:768px) and (max-width:1199px) {
	.grid-item { width:45%; }
	}

@media screen and (min-width:1200px) {
	.grid-item { width:30%; }
	}
*******/

/**** FORMS ****/
::-webkit-input-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::-moz-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::-ms-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

fieldset { border:none; margin:0 0 1em 0; padding:0; }
/*fieldset:last-child { margin:0; }*/

textarea, select, input, button, submit { outline:none; font-size:1em; }
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), select, textarea {
	width:100%; padding:1em 0.6em; background-color:#f2f2f2; font-family:Arial, sans-serif; font-weight:bold; color:#575757; border:none; border-bottom:2px solid transparent;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: 0em;
	}
select { padding:1em 0.4em; }

input.condensed:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), select.condensed, textarea.condensed {
	padding:0.3em 0.3em; 
	}

textarea:focus, 
select:focus, 
input:focus {
	border-bottom-color:#005ebc !important;
	}

/* CUSTOM CHECKBOX STYLING */
.fancy-checkbox .checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.fancy-checkbox .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.fancy-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.8em;
  width: 1.8em;
  background-color: #f2f2f2;
}

/* On mouse-over, add a grey background color */
.fancy-checkbox .checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.fancy-checkbox .checkbox input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.fancy-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.fancy-checkbox .checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.fancy-checkbox .checkbox .checkmark:after {
  left: 0.5em;
  top: 0.1em;
  width: 0.7em;
  height: 1.4em;
  border: solid #00d314;
  border-width: 0 0.3em 0.3em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button { 
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding:0.6em 1.1em;
	margin: 0;
	font-family: inherit;
	font-size:1em;
	color:#FFF;
	text-decoration:none; 
	text-transform:uppercase; 
	background-color:#8e8e8e;
	border:none;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	}

.button.condensed, .button.condensed { padding:0.3em 0.8em; }
.button:hover, .button:focus { background-color:#acacac; }

.button.btn-disabled, .button.btn-disabled:hover { background-color:#c7c7c7; color:#939393; }
.button.btn-processing, .button.btn-processing:hover, .button.btn-processing:focus { background-color:#b8b8b8; color:#FFF; pointer-events: none; }

.inline-elements {
	display:flex;
	}
.inline-elements textarea, .inline-elements select, .inline-elements input, .inline-elements button {
	margin-right:0.4em;
	}
.inline-elements textarea:last-child, .inline-elements select:last-child, .inline-elements input:last-child, .inline-elements button:last-child {
	margin-right:0;
	}

.form-green { background-color:#a7ce39; padding:1.6em; }

fieldset.has-error textarea, fieldset.has-error select, fieldset.has-error input, fieldset.has-error .checkmark { background-color:#ffbebe !important; border-color:#cc0000 !important; }
.form-error-text { font-size:0.8em; color:#cc0000; }
.form-error-container {
	background-color:#ffdfdf; border:0px solid #cc0000; color:#cc0000; font-size:1em; padding:1em; margin-bottom:1em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-error-container h4 { font-size:1.1em; margin:0; color:#cc0000 !important; }
.form-error-container .error-content { padding:0.6em 0.6em;}
.form-error-container ul { margin:0; }
.form-error-container p { margin:0; }

.form-success { background-color:#d4f0d3; padding:1em 1em; margin-bottom:1em; color:#037d00;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-success a { text-decoration:none; }


.form-filter-general { font-size:0.8em; background-color:#e1e1e1; padding:0.6em 1em; margin:0 0 1em 0; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; }
.form-filter-general div { margin-right:1.4em; white-space:nowrap; }
.form-filter-general div:last-child { margin-right:0; }

.form-filter-general input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), .form-filter-general select {
	font-size:inherit; width:auto; padding:0.2em 0.2em; margin:0.2em 0; background-color:#FFF; font-weight:normal; border:1px solid #cccccc;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: 0em;
	}

.btn-filter { background-color:#a7ce39; }
.btn-reset { background-color:#ed4c4c; }

.indicates-required { font-size:0.9em; text-align:right; display:none; }
.asterisk { color:#CC0000; }

/* -- OTHER --*/
#toTop-button { 
	z-index:100;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer; cursor: hand;
	color:#FFF;
	padding:10px 10px 10px 10px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	background-color:#cccccc;
	background-color:rgba(185, 185, 185, 0.5);
	display:none;
  }
#toTop-button:hover { 
	background-color:rgba(185, 185, 185, 0.8);
	}

ul li { margin-bottom:0.4em; line-height: 1.4; }
ul li:last-child { margin-bottom:0; }



/**** TABLES ****/
table.table-cookies {
  text-align: left;
  border-collapse: collapse;
}
table.table-cookies td, table.table-cookies th {
  padding: 0.3em 1em 0.3em 0.6em;
}
table.table-cookies tr:nth-child(even) {
  background: #FFF;
}

table.table-cookies thead {
    border-bottom: 2px solid #909090;
}
table.table-cookies thead th {
  font-weight: bold;
}
table.table-cookies tfoot {
  font-weight: bold;
  border-top: 2px solid #909090;
}


table.table { border:none; width:100%; border-collapse:collapse; font-size:inherit; }
table.table td, table.table th {
	border:none; padding:0.5em 0.5em; 
	}
table.table tbody td { font-size:inherit; }
table.table thead { background:#9B9B9B; border-bottom:2px solid #7E7E7E; }
table.table thead th { font-size:1em; font-weight:bold; color:#FFFFFF; }
table.table tfoot { font-size:0.9em; font-weight:bold; }


/* BORDERED TABLE */
.table.table-bordered { border:1px solid #CCCCCC; }
table.table.table-bordered td, table.table.table-bordered th {
	border:1px solid #CCCCCC; 
	}

/* STRIPED TABLE */
table.table.table-striped tr:nth-child(even) {
	background: #F2F2F2;
	}

/* CONDENSED TABLE */
.table.condensed td, .table.condensed th {
	padding:0.2em; 
	}

/* SMALL TEXT TABLE */
.table.small-text td, .table.small-text th {
	font-size:0.8em; 
	}

/* TABLE COLOURS */
.table tr.muted, .table.table-striped tr:nth-child(even).muted { background-color:#e2e2e2; color:#6a6a6a;}
.table tr.danger, .table.table-striped tr:nth-child(even).danger { background-color:#f5c6cb; }
.table tr.warning, .table.table-striped tr:nth-child(even).warning { background-color:#ffeeba; }
.table tr.success, .table.table-striped tr:nth-child(even).success { background-color:#c3e6cb; }
.table tr.active, .table.table-striped tr:nth-child(even).active { background-color:#dadada; }
.table tr.awaiting, .table.table-striped tr:nth-child(even).awaiting { background-color:#f4e7fe; }


/* HOVER TABLE */
.table.table-hover tbody tr:hover { background-color:#ececec; }
.table.table-hover tbody tr.danger:hover { background-color:#eeb6bc; }
.table.table-hover tbody tr.warning:hover { background-color:#f4e2a9; }
.table.table-hover tbody tr.success:hover { background-color:#b3e1be; }

/**** SOCIAL ICONS ****/
.social-icons { position:relative; width:100%; margin-top:0.2em; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; }
header .social-icons { justify-content:flex-end; }

.social-icons a { display:block; position:relative; margin-right:0.4em; top:0; background-color:transparent; color:rgba(255,255,255,1); width:1.5em; height:1.5em; padding:0.15em 0 0 0; font-size:1.4em; text-align:center; overflow:hidden;
	border:2px solid #FFF;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border-radius: 0.9em;
	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
	-o-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
	}
.social-icons a:last-child { margin-right:0; }

footer .social-icons a {
	padding-top:0.2em;
	}

.social-icons a.facebook { background-color:#3b5998; border:none; }
.social-icons a.twitter { background-color:#1da1f2; border:none; }
.social-icons a.instagram { background-color:#e03566; border:none; }
.social-icons a.youtube { background-color:#ff0000; border:none; }
.social-icons a.linkedin { background-color:#0077b5; border:none; }
.social-icons a.tumblr { background-color:#37455c; border:none; }
.social-icons a.pinterest { background-color:#cb2027; border:none; }
.social-icons a.email { background-color:#db8837; border:none; }

.social-icons a:hover { 
	top: -0.25em;
	color:rgba(255,255,255,0.8);
	}

.social-icons span { display:block; color:#FFF; margin-right:0.4em; }

/**** PAGINATION ****/
.pagination {
	border:none; padding:0.6em 0; margin:0; font-size:0.8em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	list-style-type: none;
	}

.pagination div { border:none; margin-right:0.3em; 
	text-align:center;
	align-items: center;
	justify-content: center;
	align-self:stretch;
	display:flex;
	align-items:center;
	}
.pagination div:last-child { margin-right:0;}

.pagination-top {
	display:flex;
	}
.pagination-top div{ align-self:center; }

.pagination-top .pagesInfo {
	font-size:0.9em;
	}
.pagination-top .pageslinks {
	flex-grow:1; text-align:right;
	}

/**** WHATS ON ****/
.whats-on .event {
	width:100%;
	display:flex;
	justify-content:flex-start;	
	align-content:stretch;
	margin-bottom:1em;
	padding:0;
	}

.whats-on .event .photo { 
	width:8em; height:8em;
	flex-shrink:0;
	margin-right:0em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-position:center center; 
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;
	background-repeat: no-repeat;
	display:none;
	}

@media (min-width:768px) {
	.whats-on .event .photo { 
		display:block;
		}
	}

.whats-on .event .bigDate {
	background-color:#a7ce39; color:#FFF; height:8em; width:4.5em; text-align:center;
	flex-shrink:0;
	display:flex;
	justify-content:center;	
	align-content:stretch;
	flex-direction:column;
	}
.whats-on .event .bigDate .date { font-size:2em; }

.whats-on .event .details { 
	flex-grow:1;
	padding:0.7em; 
	background-color:#f2f2f2;
	font-size:0.9em;
	}

.whats-on .event .details .name { margin:0; font-size:1.3rem; }
.whats-on .event .details .time { color:#909090; }
.whats-on .event .details .description { margin-top:0.6em; }
.whats-on .event .details .tag { font-size:0.9em; margin-top:0.8em; color:#a7ce39; }


/**** LATEST NEWS ****/
.latest-news-list .item { 
	display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center;
	border-bottom:1px dashed #CCC; padding-bottom:1em; margin-bottom:1em; 
	}
.latest-news-list .item .left { font-size:2.7em; margin-right:0.4em; }
.latest-news-list .item .main { flex-grow:1; }
.latest-news-list .item .right { font-size:2.7em; margin-left:0.4em;}

.latest-news-list .item .title { color:#444; font-weight:bold; font-size:1.1em; }
.latest-news-list .item .date { color:#CCC; font-size:0.85em; }
.latest-news-list .item .story { }
.latest-news-list .item .link { }

.storyContainer { padding:1em; } 
.storyContainer .title { font-weight:bold; font-size:1.2em; } 
.storyContainer .date { font-size:0.85em; color:#959595; margin-bottom:1em;} 
.storyContainer .story { border-top:1px dashed #ccc; padding-top:1em;} 

/**** REVIEWS ****/
.reviews {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	}
.reviews .post {
	width:100%; margin:0.5em;
	background-color:#FFF;
	position:relative;
	}
.reviews .facebook-post {  }
.reviews .submitted-post {
	padding:0.8em;
	font-family:Arial; 
	font-size:0.92em;
	border:1px solid #dddfe2;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color:#f8f8f8;
	}
.reviews .submitted-post .name {
	font-weight:bold;
	}
.reviews .submitted-post .date {
	font-size:0.8em;
	color:#adadad;
	margin-bottom:0.6em;
	}

.reviews .submitted-post .icon {
	position:absolute; right:0.7em; top:0.7em; z-index:2;
	font-size:1.2em;
	color:#ababab;
	}

@media screen and (min-width:768px) {

	.reviews {
		justify-content:center;
		}

	.reviews .post {
		width:47%;
		}
	.reviews .facebook-post {
		width:47%;
		}
	}

ul.review_source_list {
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-end;
	}


ul.review_source_list li { margin:0; padding:0; white-space:nowrap; }

ul.review_source_list li.title {
	font-size:0.8em; color:#ababab;
	}

ul.review_source_list li a{
	margin:0em 0.4em; padding:0.2em 0.4em; border:1px solid #ccc; background-color:#f2f2f2;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	border-radius: 0.6em;
	}
ul.review_source_list li.selected a {
	background-color:#a7ce39; color:#FFF;
	}


/**** MEET THE TEAM ****/
.mtt-container { 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	}
.mtt-container .person {
	width:100%;
	padding:0.8em 0.8em 0.8em 0.8em;
	}

.mtt-container .person .photo {
	width:100%;
	padding-top:125%; /* 1:1 Aspect Ratio */
	position:relative;
	background-position:center center; 
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;
	background-repeat: no-repeat;
	}

.mtt-container .person .photo .info {
	color:#FFF;
	position:absolute;
	bottom:0; width:100%;
	padding:0.8em;
	background-color:rgba(0,0,0,0.5);
	}

.mtt-container .person .photo .info .name { font-weight:bold; }
.mtt-container .person .photo .info .nickname { font-weight:normal; font-size:0.9em; }

@media (min-width:768px) AND (max-width:1023px) {
	.mtt-container .person {
		width:33%;
		}
	}
@media (min-width:1024px) {
	.mtt-container .person {
		width:25%;
		}
	}

/**** SURVEYS ****/
.survey_list { }
.survey_list .survey { border-left:3px solid #a7ce39; border-bottom:0px solid #e2e2e2;  margin-bottom:1em;
	display:flex; 
	flex-direction:row; 
	flex-wrap:nowrap; 
	align-items:stretch; 
	justify-content:flex-start; 
	}
.survey_list .survey .info { flex-grow:1; color:#444; padding:0.8em; background-color:#f2f2f2; }
.survey_list .survey .info .title { font-weight:bold; font-size:1.1em; }
.survey_list .survey .info .title { font-weight:bold; }
.survey_list .survey.open .status { color:#8dce39; }
.survey_list .survey.closed .status { color:#cc0000; }


.survey_list .survey .icon { flex-grow:0; padding:0.6em; font-size:2em; color:#a9a9a9; background-color:#e2e2e2; 
	display:flex; 
	align-items:center;
	justify-content:center;
	}

.survey_list .survey.closed { opacity:0.5; cursor: default; }
.survey_list .survey.open:hover { border-color:#a7ce39; }
.survey_list .survey.open:hover .icon { color:#FFF; background-color:#a7ce39; }

/**** VIDEOS ****/
.videoWrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**** GALLERY ****/
.gallery-container { margin:0 0.8em 0 0.8em; text-align:center; width:90%; max-width:1500px; margin:0 auto 0 auto; }
.gallery-container .photo-container { position:relative; width:100%; margin-bottom:0.8em; overflow:hidden;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	}
.gallery-container .photo { 
	display:block;
	width:100%; 
	padding-top: 65%; /* Custom Aspect Ratio */
	/* padding-top: 75%; 4:3 Aspect Ratio */
	/* padding-top: 56.25%; 16:9 Aspect Ratio */
	overflow:hidden;
	background-position:center center; background-repeat:no-repeat; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; 
	}

.gallery-container .photo-container .title {
	position:absolute; bottom:-3.5em; 
	width:100%; 
	padding:0.4em;
	background-color:rgba(0,0,0,0.5);
	text-align:left;
	color:#FFF;
	opacity:1;
	transition: 300ms ease-in-out;
	}
.gallery-container .photo-container:hover .title {
	bottom:0; 
	opacity:1;
	}

.gallery-container .photo-container .zoom {
	position:absolute; 
	top:0em; right:0em;
	padding-top:0.2em; padding-right:0.2em;
	font-size:1.8em;
	color:#FFF;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
	background-color:rgba(0,0,0,0);
	opacity:0.3;
	transition: 300ms ease-in-out;
	}
.gallery-container .photo-container:hover .zoom {
	opacity:8;
	}

.gallery-container .videoWrapper {
	padding-top: 65%; /* Custom Aspect Ratio */
	}

@media (min-width:600px) {
	.gallery-container { 
		display:flex; 
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		}

	.gallery-container .photo-container { margin:0 0.4em 0.8em; 0.4em; }
	}

@media (min-width:600px) AND (max-width:1023px) {
	.gallery-container .photo-container  { 
		width:45%;
		}
	}

@media (min-width:1023px) {
	.gallery-container .photo-container  { 
		width:31%;
		}
	}


.largePhoto-container { position:relative; text-align:center; background-color:#242424;}
.largePhoto-container img { display:block; margin:0 auto;}
.largePhoto-container .overlay { position:relative; padding:0.8em 0 0.8em 0; text-align:left; color:#FFF; }
.largePhoto-container .overlay h3 { margin:0px; }

@media (min-width:800px) {
	.largePhoto-container .overlay { position:absolute; width:100%; padding:0.8em; background-color:rgba(0,0,0, 0.6); text-align:left; color:#FFF; }
	}

/**** FAQS ****/
.faqs .faq-subject-container { margin-bottom:2em;}
.faqs .faq-subject-container:last-child { margin-bottom:0;}
.faqs h2 { text-decoration:underline; }






/**** RESPONSIVE HIDES ****/

@media screen and (max-width: 799px) {
	.sm-hide { display:none; }
	}
@media screen and (min-width: 799px) {
	.lg-hide { display:none; }
	}


/**** MODAL ****/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 600; /* Sit on top */
  padding-top: 5em; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #FFF; font-size:1em;
  margin: auto auto 1em auto;
  padding: 1.4em;
  border: 0px solid #f2f2f2;
  width: 90%; max-width:1100px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.modal-content.large {
  width: 90%; max-width:1400px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.modal .closeModalX { 
	/* font-size: 50px; line-height:0.5em; font-weight: bold; */
	cursor:pointer;
	background-color: #888888;
	color:#FFF;
	border:2px solid #FFF;
	padding:0.4em 0.7em;
	position:absolute;
	z-index:110;
	right:-0.8em;
	top:-0.8em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	}

.modal .closeModalX:hover,
.modal .closeModalX:focus {
	background-color:#a7ce39;
	color:#FFF;
	text-decoration: none;
	cursor: pointer;
	}

.modal-header {
	display:none;
	}

.modal-body {padding:0; position:relative;}

.modal-footer {
	display:none;
	}

.modal-content.small {
	max-width:600px;
	}
	
/**** MISC ****/
.hide { display:none; }