/*!
Theme Name: Tao Cafe
Theme URI: http://underscores.me/
Author: Web Wizards
Author URI: https://www.webwizards.com.au/
Description: Tao Cafe Theme by Web Wizards
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tao_cafe
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.

Tao Cafe 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.com/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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> CUSTOM VARS:
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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;
}

.gform_validation_container {
     display: none;   
}

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

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: 1% 2%;
}

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;
}



.blog .latest-posts-section {
    padding-top: 95px;
}

.blog .latest-posts-section .col-sm-4 {
    margin-bottom: 30px;
}

.single .news-meta img {
    float: left;
    padding-right: 30px;

}

.single .news-meta {
    margin-top: 100px;
    margin-bottom: 100px !important;
        display: inline-block;
}

.page .container {
        padding: 100px 0px 68px 0px;
}

.TA_restaurantWidgetWhite {
        margin: 0 auto;
    width: 200px;
}
.TA_restaurantWidgetWhite div#REST_WID_TEXT {
    width: 125px !important;
    padding-top: 7px !important;
}

.latest-posts-section .container, .entry-header .container, header .container, .page-template-page-locations .container {
    padding: 0 !important;
}

.gfield_error.gfield_contains_required, .gfield_error.gfield_contains_required label, .gfield_error.gfield_contains_required input, .gfield_error.gfield_contains_required textarea {
    background: rgb(255, 186, 186);
}
.gfield_error.gfield_contains_required {
    margin-bottom: 20px;
    padding: 10px;
}
.validation_error {
        color: red;
    font-weight: bold;
    margin-bottom: 10px;
}
.validation_message, .gfield_required {
      color: red;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #000000;
  font-family: "Cairo", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin-top: 0;
}

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: "Trebuchet MS", Arial, sans-serif;
  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, q {
  quotes: "" "";
}

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

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. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: none;
  border-radius: 3px;
  background: #none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: none;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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: #000;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

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: #000;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.gfield_checkbox li label {
    padding: 0;
    float: none;
    position: inherit;
}
.gfield_checkbox li {
    display: block;
}
.gfield_checkbox {
    display: inline-block;
}
#field_6_11 .ginput_container {
   border: none !important;
}

#field_6_8 .ginput_container {
    border: none;
}
div#gform_drag_drop_area_6_8 {
    text-align: center;
}
#field_6_8 .gform_drop_instructions {  
    display: inline-block;
    text-align: center;
}
input#gform_browse_button_6_8 {
    margin: 0;
    width: 130px;
    font-size: 17px;
    font-weight: normal;
    padding: 11px;
    display: inline-block;
}
div#gform_drag_drop_area_6_8 {
    text-align: center;
    border: 2px dashed #959595;
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
        cursor: cell;
}
ul.gfield_checkbox {
    margin-top: 25px;
}

.branch-contact .contact-form {
    padding-top: 40px !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ff0000;
}

a:visited {
  color: #ff0000;
}

a:hover, a:focus, a:active {
  color: #ff0000;
}

a:focus {
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 993px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation 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;
}

.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: #000;
  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;  padding-bottom: 20px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  padding-bottom: 20px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
    padding-bottom: 20px;
}

/*--------------------------------------------------------------
# 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;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## 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,
.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: 29.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;
}

/*--------------------------------------------------------------
# Custom Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> CUSTOM TYPOGRAPHY:
----------------------------------------------------------------*/
@font-face {
  font-family: 'Mrs Sheppards';
  src: url("css/fonts/MrsSheppards-Regular.ttf");
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-Regular.ttf");
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-ExtraLight.ttf");
  font-weight: 100;
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-Light.ttf");
  font-weight: 200;
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-Bold.ttf");
  font-weight: 700;
}

@font-face {
  font-family: 'Cairo';
  src: url("css/fonts/Cairo-Black.ttf");
  font-weight: 800;
}

html, body {
  font-family: 'Cairo','Myriad Pro', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
}

@media screen and (max-width: 768px) {
  html, body {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  html, body {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  html, body {
    font-size: 12px;
  }
}

h1, h2 {
  font-family: 'Mrs Sheppards';
  font-weight: 400;
  line-height: 1.5;
  color: #1b1b1b;
}

h3, h4, h5 {
  font-family: 'Cairo';
  line-height: 1.5;
  color: #1b1b1b;
}

h1 {
  font-size: 4.44444rem;
}

h2 {
  font-size: 3.83333rem;
}

h3 {
  font-size: 1.94444rem;
}

h4 {
  font-size: 1.44444rem;
}

h5 {
  font-size: 1rem;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a:hover {
  text-decoration: none;
}

a.primary {
  display: inline-block;
  padding: 25px 15px;
  font-size: 1.44444rem;
  font-weight: 700;
  border: solid #ff0000 2px;
  text-align: center;
  color: initial;
  text-decoration: none;
}

a.primary:visited, a.primary:focus, a.primary:active {
  display: inline-block;
  padding: 25px 15px;
  font-size: 1.44444rem;
  font-weight: 700;
  border: solid #ff0000 2px;
  text-align: center;
  text-decoration: none;
}

a.primary:hover {
  background: red;
  color: #fff;
  text-decoration: none;
}

a.secondary,
button, input[type="button"], input[type="reset"], input[type="submit"] {
  display: inline-block;
  padding: 25px 15px;
  font-size: 1.44444rem;
  font-weight: 700;
  border: solid #ff0000 2px;
  text-align: center;
  background: red;
  color: #fff;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

a.secondary:visited, a.secondary:focus, a.secondary:active,
button:visited,
button:focus,
button:active, input[type="button"]:visited, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:visited, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:visited, input[type="submit"]:focus, input[type="submit"]:active {
  padding: 25px 15px;
  font-size: 1.44444rem;
  font-weight: 700;
  border: solid #ff0000 2px;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

a.secondary:hover,
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: none;
  color: initial;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

/*--------------------------------------------------------------
# Custom Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> CUSTOM STYLES:
----------------------------------------------------------------*/
.site-header {
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: 100% auto;
  background-position: center top 0px;
}

.site-branding,
.site-links {
  display: inline-block;
  float: left;
}

.site-branding {
  padding-top: 20px;
  width: 16.66%;
}

.site-links {
  width: 83.33%;
  text-align: right;
}

.social-nav {
  padding-top: 34px;
}

.social-nav a {
  font-size: 1.94444rem;
  color: #fff;
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 15px;
  background: url("img/social-bg.png") no-repeat center center;
  text-align: center;
  line-height: 42px;
}

.main-navigation {
  float: right;
  width: auto;
}

.main-navigation ul {
  padding-top: 30px;
}

.main-navigation ul li {
  padding: 0px 22px;
}

.main-navigation ul li a {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Cairo';
  font-size: 0.94444rem;
  color: #fff;
}

.main-navigation ul li:first-child {
  padding-left: 0px;
}

.main-navigation ul li:last-child {
  padding-right: 0px;
}

h1.entry-title {
  font-size: 5rem;
  color: #fff;
  margin-top: 100px;
  margin-bottom: 45px;
  float: left;
}

.entry-header .container {
  position: relative;
}

.entry-header .sublogo {
  max-height: 220px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.home .entry-header .sublogo {
  display: block;
  position: relative;
  right: auto;
  bottom: auto;
  max-height: initial;
  margin: 15px auto;
}

.home h1.entry-title {
  display: none;
}

.home .site-header {
  min-height: initial;
  background-size: cover;
}

.content-area {
  background-image: url("img/content-bg.jpg");
}

.content-rows {
  max-width: 1184px;
  margin: auto;
  list-style: none;
  display: block;
}

.content-rows li.content-row {
  margin-bottom: 42px;
  -webkit-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
}

.content-rows li.content-row .panel {
  float: left;
  height: 580px;
  background-color: #1b1b1b;
  color: #fff;
}

.content-rows li.content-row .panel a.primary, .content-rows li.content-row .panel h1, .content-rows li.content-row .panel h2, .content-rows li.content-row .panel h3, .content-rows li.content-row .panel h4, .content-rows li.content-row .panel h5, .content-rows li.content-row .panel p {
  color: #fff;
  margin-bottom: 39px;
      margin-top: 35px;
}

.content-rows li.content-row .full-width-content-panel {
  background-image: url("img/full-width-row.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 40px 70px;
  position: relative;
}

.content-rows li.content-row .full-width-content-panel p, .content-rows li.content-row .full-width-content-panel h1, .content-rows li.content-row .full-width-content-panel h2 {
  margin: 0px;
}

.content-rows li.content-row .full-width-content-panel p {
  font-weight: 700;
  color: #ff0000;
  font-size: 1.94444rem;
  padding-left: 50px;
}

.content-rows li.content-row .full-width-content-panel h1, .content-rows li.content-row .full-width-content-panel h2, .content-rows li.content-row .full-width-content-panel a.primary {
  color: #fff;
}

.content-rows li.content-row .full-width-content-panel h1 {
  font-size: 5.55556rem;
}

.content-rows li.content-row .full-width-content-panel h1, .content-rows li.content-row .full-width-content-panel h2 {
  line-height: 1;
  margin-top: -10px;
}

.content-rows li.content-row .full-width-content-panel a.primary {
  position: absolute;
  top: 58px;
  right: 70px;
}

@media screen and (max-width: 992px) {
  .content-rows li.content-row .full-width-content-panel {
    background-image: url("img/full-width-row-mobile.jpg");
    text-align: center;
    padding: 40px 25px;
  }
  .content-rows li.content-row .full-width-content-panel a.primary {
    position: relative;
    top: initial;
    right: initial;
  }
  .content-rows li.content-row .full-width-content-panel p {
    padding-left: 0px;
    text-align: center;
  }
  .content-rows li.content-row .full-width-content-panel h1, .content-rows li.content-row .full-width-content-panel h2 {
    margin-bottom: 34px;
  }
}

.content-rows li.content-row .slider-panel ul li {
  height: 580px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.content-rows li.content-row .slider-panel .flex-control-nav {
  bottom: 15px;
}

.content-rows li.content-row .slider-panel .flex-control-paging li a {
  background: #fff;
  opacity: 0.8;
}

.content-rows li.content-row .slider-panel .flex-control-paging li a.flex-active {
  opacity: 1;
}

.content-rows li.content-row .image-panel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.content-rows li.content-row .slider-panel,
.content-rows li.content-row .image-panel {
  width: 48%;
  position: relative;
}

.content-rows li.content-row .content-panel {
  width: 52%;
  padding: 0px 38px;
  background-image: url("img/li-bg-1.png");
  background-repeat: no-repeat;
  background-position: right 0px bottom 0px;
}

@media screen and (max-width: 480px) {
  .content-rows li.content-row .content-panel {
    padding: 0px 15px;
  }
}

.content-rows li.content-row:nth-child(2) .content-panel {
  background-image: url("img/li-bg-2.png");
  background-position: left 0px bottom 0px;
}

.content-rows li.content-row:nth-child(3) .content-panel {
  background-image: url("img/li-bg-3.png");
  background-size: 100% auto;
}

.content-rows li.content-row:nth-child(even) .slider-panel,
.content-rows li.content-row:nth-child(even) .image-panel {
  float: right;
}

.content-rows li.content-row .locations h2 {
  margin-bottom: 0px;
  margin-top: 49px;
}

.content-rows li.content-row .locations span.address {
  display: block;
  text-align: center;
}

.content-rows li.content-row .locations a {
  margin: auto;
}

.content-rows li.content-row .locations a.secondary {
  margin-top: -19px;
}

.content-rows li.content-row .locations a.secondary:hover {
  color: #fff;
}

.content-rows li.content-row .locations a.contact {
  font-size: 2.66667rem;
  color: #fff;
  padding-top: 20px;
  display: block;
}

.content-rows li.content-row .locations a.contact.phone {
  padding-bottom: 45px;
}

.content-rows li.content-row .locations .acf-map:after {
  content: url("img/logo-layer.png");
  z-index: 2;
  position: absolute;
  mix-blend-mode: multiply;
  right: 0;
  left: 0;
  margin: auto;
  width: 168px;
  height: 177px;
  bottom: 0;
  top: -50px;
}

@media screen and (max-width: 992px) {
  .content-rows li.content-row:nth-child(even) .slider-panel,
  .content-rows li.content-row:nth-child(even) .image-panel {
    float: none;
  }
  .content-rows li.content-row .panel {
    height: 100%;
    width: 100%;
    float: none;
    display: block;
    padding-bottom: 30px;
  }
  .content-rows li.content-row .slider-panel,
  .content-rows li.content-row .image-panel,
  .content-rows li.content-row .content-panel {
    height: 100%;
    width: 100%;
    float: none;
    display: block;
  }
  .content-rows li.content-row .slider-panel,
  .content-rows li.content-row .image-panel,
  .content-rows li.content-row .slider-panel ul li {
    height: 350px;
  }
  .content-rows li.content-row .content-panel {
    height: auto;
  }
  .content-rows li.content-row .content-panel {
    background-image: url("img/li-bg-1-mobile.png");
    background-size: 100% auto;
  }
  .content-rows li.content-row:nth-child(2) .content-panel {
    background-image: url("img/li-bg-2-mobile.png");
  }
  .content-rows li.content-row:nth-child(3) .content-panel {
    background-image: url("img/li-bg-3-mobile.png");
  }
  .content-rows li.content-row .image-panel.locations {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .content-rows li.content-row a.primary,
  .content-rows li.content-row a.secondary {
    display: block;
  }
}

.page-template-page-locations .entry-content {
  padding-top: 100px;
}

.page-template-page-locations .content-rows {
  padding: 0px;
  margin: 0px;
}

.acf-map:before {
  content: " ";
  background: #ff0000;
  width: 100%;
  height: 580px;
  position: absolute;
  z-index: 1;
  mix-blend-mode: multiply;
  opacity: 0.2;
}

.single .acf-map {
  -webkit-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
}

.single .acf-map:before {
  height: 685px;
}

.page-content, .entry-content, .entry-summary {
  margin: 0px;
}

.branch-contact {
  -webkit-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  background: #fff;
  margin-top: 100px;
      margin-bottom: 85px;
}

a.booking {
    font-size: 19px;
    line-height: 32px;
    width: 160px;
    background-position: left;
    vertical-align: text-bottom;
    background: none;
    border: 5px solid #eb1c23;
    border-radius: 10px;
}

.branch-contact .contact-details {
  float: left;
  width: 48%;
  padding: 0px 38px 400px 50px;
  background-image: url("img/li-bg-1.png");
  background-repeat: no-repeat;
  background-position: right 0px bottom 0px;
  background-color: #1b1b1b;
  color: #fff;
}
.postid-97 .branch-contact .contact-details {
     padding: 0px 38px 130px 50px;
}

.branch-contact .contact-details h1, .branch-contact .contact-details h2, .branch-contact .contact-details h3, .branch-contact .contact-details h4, .branch-contact .contact-details h5, .branch-contact .contact-details p a {
  color: #fff;
}

.branch-contact .contact-details h2 {
  margin-bottom: 0px;
  margin-top: 49px;
}

.branch-contact .contact-details span.address,
.branch-contact .contact-details span.store-hours {
  display: block;
  text-align: center;
}

.branch-contact .contact-details span.store-hours {
  margin-top: 23px;
  font-weight: 700;
}

.branch-contact .contact-details a {
  margin: auto;
}

.branch-contact .contact-details a.secondary {
  margin-top: -19px;
}

.branch-contact .contact-details a.secondary:hover {
  color: #fff;
}

.branch-contact .contact-details a.contact {
  font-size: 2.66667rem;
  color: #fff;
  padding-top: 20px;
  display: block;
}

.branch-contact .contact-details a.contact.phone {
  padding-bottom: 45px;
}

.branch-contact .contact-details .ta {
  width: 100%;
  max-width: 375px;
  text-align: center;
  margin: auto;
  height: 110px;
  margin-top: 60px;
  margin-bottom: 20px;
}

.branch-contact .contact-details .ta .cdsROW.wide,
.branch-contact .contact-details .ta .cdsROW.wide .cdsROWContainer {
  width: 100% !important;
  margin: auto !important;
  display: inline-block !important;
  max-width: 100% !important;
  height: 30px !important;
  line-height: 35px !important;
  padding: 5px 0px !important;
}

.branch-contact .contact-details .ta .cdsROW.wide {
  height: 115px !important;
}

.branch-contact .contact-details .ta .cdsROW.wide .cdsROWContainer .cdsComponent {
  width: 100% !important;
  display: inline-block !important;
  max-width: 100% !important;
  line-height: initial;
}

.branch-contact .contact-form {
  float: right;
  width: 52%;
  background: #fff;
  padding: 0px 45px 45px 45px;
}

.branch-contact .contact-form h2 {
  margin-bottom: 0px;
}

.branch-contact .contact-form p {
  margin-top: 0px;
}

.branch-contact .contact-form .primary {
  width: 100%;
  max-width: 380px;
  margin: auto;
  display: inherit;
}

form ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

form ul li {
  margin: 0px;
  padding: 0px;
}

form ul li label {
  display: inline-block;
  float: left;
  font-size: 1.11111rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding-top: 8px;
  background: #fff;
  padding-right: 10px;
}
div#ui-datepicker-div {
    width: 281px;
    background: #fff;
    border: solid #959595 2px;
    padding: 10px;
}
table.ui-datepicker-calendar td {
    border: 1px solid #959595;
    padding: 2px;
}
form ul li select {
        border: solid #959595 2px;
    width: 100%;
    border-bottom: 0;
    margin-top: 17px;
}

.page-id-67 .contact-details {
    min-height: 1410px;
}
.page-id-67 .branch-contact .contact-details h2 {
    margin-top: 17px;
}

form ul li .ginput_container {
  margin-bottom: 30px;
  border-bottom: solid #959595 2px;
}

form ul li input[type="text"], form ul li input[type="email"], form ul li input[type="url"], form ul li input[type="password"], form ul li input[type="search"], form ul li input[type="number"], form ul li input[type="tel"], form ul li input[type="range"], form ul li input[type="date"], form ul li input[type="month"], form ul li input[type="week"], form ul li input[type="time"], form ul li input[type="datetime"], form ul li input[type="datetime-local"], form ul li input[type="color"], form ul li textarea {
  font-size: 1.11111rem;
  font-weight: 700;
  border: 0px;
}

form ul li input[type="text"]:active, form ul li input[type="text"]:focus, form ul li input[type="email"]:active, form ul li input[type="email"]:focus, form ul li input[type="url"]:active, form ul li input[type="url"]:focus, form ul li input[type="password"]:active, form ul li input[type="password"]:focus, form ul li input[type="search"]:active, form ul li input[type="search"]:focus, form ul li input[type="number"]:active, form ul li input[type="number"]:focus, form ul li input[type="tel"]:active, form ul li input[type="tel"]:focus, form ul li input[type="range"]:active, form ul li input[type="range"]:focus, form ul li input[type="date"]:active, form ul li input[type="date"]:focus, form ul li input[type="month"]:active, form ul li input[type="month"]:focus, form ul li input[type="week"]:active, form ul li input[type="week"]:focus, form ul li input[type="time"]:active, form ul li input[type="time"]:focus, form ul li input[type="datetime"]:active, form ul li input[type="datetime"]:focus, form ul li input[type="datetime-local"]:active, form ul li input[type="datetime-local"]:focus, form ul li input[type="color"]:active, form ul li input[type="color"]:focus, form ul li textarea:active, form ul li textarea:focus {
  outline: none;
  border: 0px;
}

form ul li input[type="text"], form ul li input[type="email"], form ul li input[type="url"], form ul li input[type="password"], form ul li input[type="search"], form ul li input[type="number"], form ul li input[type="tel"], form ul li input[type="range"], form ul li input[type="date"], form ul li input[type="month"], form ul li input[type="week"], form ul li input[type="time"], form ul li input[type="datetime"], form ul li input[type="datetime-local"], form ul li input[type="color"] {
  height: 30px;
}

form ul li textarea {
  background-image: url("img/text-area.png");
  margin-top: -10px;
}

form ul li textarea:active, form ul li textarea:focus {
  background: none;
  outline: initial;
}

form button, form input[type="button"], form input[type="reset"], form input[type="submit"] {
  width: 100%;
  max-width: 380px;
  margin: auto;
  display: inherit;
  margin-top: 70px;
}

footer .container  {
    padding: 0 !important;
}

.featured-panel-section .container, .latest-posts-section .container {
    padding: 65px 0px 68px 0px;
}

.branches-contact.featured-panel-section{
	background: none;
}

.branches-contact.featured-panel-section .featured-panel{
	    height: 250px;
}

.branches-contact.featured-panel-section .featured-panel .label{
	    top: 0;
    margin: auto;
}


.branches-contact.featured-panel-section .featured-panel .label:after{
	display: none;
}

.branches-contact.featured-panel-section a.panel-link:hover .featured-panel .label:before{
	height: 250px;
	bottom: -67px;
}

.featured-panel-section {
  color: #fff;
  padding-bottom: 60px;
  background: url("img/featured-top-left.png") no-repeat top 0px left 0px, url("img/featured-top-right.png") no-repeat top -20px right -38px, url("img/featured-bottom-right.png") no-repeat bottom 30px right 20px, #1b1b1b url("img/featured-bottom-left.png") no-repeat bottom -28px left -2px;
}

.featured-panel-section h2 {
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .featured-panel-section {
    background: url("img/featured-top-left.png") no-repeat top -117px right -16px, url("img/featured-bottom-right.png") no-repeat bottom 338px right -86px, url("img/featured-bottom-left.png") no-repeat bottom -13px left -1px, #1b1b1b url("img/featured-top-right.png") no-repeat bottom 32px right 7px;
    background-size: 30%;
    padding-bottom: 40px;
  }
}

.featured-panel-section.menus {
  background: none;
}

@media screen and (max-width: 480px) {
  .featured-panel-section.menus {
    background: none;
  }
}

.featured-panel-section.menus span.title {
  font-size: 1.77778rem;
  font-weight: 700;
  color: #1b1b1b;
  padding-top: 0 !important;
  padding: 25px 0px;
  display: inline-block;
}

.featured-panel-section.menus span.title img {
  max-width: 45px;
  margin-right: 20px;
}

@media screen and (max-width: 480px) {
  .featured-panel-section.menus span.title {
    display: none;
  }
}

.featured-panel-section a.panel-link:hover .featured-panel .label:after {
  display: none;
}

.featured-panel-section a.panel-link:hover .featured-panel .label:before {
  height: 390px;
  top: initial;
  bottom: 0px;
}

.featured-panel-section .featured-panel {
  height: 390px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .featured-panel-section .featured-panel {
    height: 190px;
  }
}

.featured-panel-section .featured-panel .label {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 115px;
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'Cairo';
  font-weight: 700;
  font-size: 1.94444rem;
  position: absolute;
  bottom: 0px;
  color: #fff;
  padding: 45px 0px;
}

.featured-panel-section .featured-panel .label span {
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 480px) {
  .featured-panel-section .featured-panel .label {
    height: 60px;
    padding: 18px 0px;
  }
}

.featured-panel-section .featured-panel .label:before {
  content: " ";
  width: 100%;
  height: 115px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #ff0000;
  z-index: 1;
  mix-blend-mode: multiply;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (max-width: 480px) {
  .featured-panel-section .featured-panel .label:before {
    height: 60px;
  }
}

.featured-panel-section .featured-panel .label:after {
  content: " ";
  width: 100%;
  height: 115px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("img/featured-label-bg.png") no-repeat center center;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (max-width: 480px) {
  .featured-panel-section .featured-panel .label:after {
    height: 60px;
  }
}

.featured-panel-section .featured-panel.menu .label span {
  font-family: 'Cairo';
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
}

.featured-panel-section .featured-panel.menu .label h2 {
  font-size: 1.77778rem;
  display: inline-block;
  margin: 0px 10px;
  color: #fff;
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 480px) {
  .featured-panel-section .featured-panel.menu .label span {
    display: none;
  }
  .featured-panel-section .featured-panel.menu .label h2 {
    font-family: 'Cairo';
    font-weight: 700;
    font-size: 1.66667rem;
    color: #fff;
    line-height: 1;
  }
}

.featured-panel-section .featured-panel.menu .label:after {
  display: none;
}

.menu-sidebar-links {
  text-align: right;
}

.menu-sidebar-links h2 {
  color: #1b1b1b;
  text-align: right;
  margin-top: 0px;
}

.menu-sidebar-links a {
  font-weight: 700;
  font-size: 2.22222rem;
  color: #1b1b1b;
  display: block;
  margin-bottom: 45px;
}

.menu-sidebar-links a i {
  color: #bc0000;
  margin-left: 30px;
}

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

  .menu-sidebar-links {
    text-align: center;
    background: url("img/featured-top-left.png") no-repeat top -117px right -16px, url("img/featured-bottom-right.png") no-repeat bottom 338px right -86px, url("img/featured-bottom-left.png") no-repeat bottom -13px left -1px, #1b1b1b url("img/featured-top-right.png") no-repeat bottom 32px right 7px;
    background-size: 30%;
    padding-top: 70px;
    padding-bottom: 25px;
    margin-left: -30px;
    margin-right: -30px;
  }
  .menu-sidebar-links h2 {
    text-align: center;
    color: #fff;
  }
  .menu-sidebar-links a {
    color: #fff;
  }
  .menu-sidebar-links a i {
    margin-left: 10px;
  }
}

.page-template-page-menus .latest-posts-section {
  background-image: url("img/grey-layer.png");
}

.latest-posts-section {
  padding-bottom: 85px;padding-top: 70px;
}

.latest-posts-section h2 {
  text-align: center;
}

.latest-posts-section .latest-news {
  -webkit-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
  box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
}

.latest-posts-section .latest-news .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 285px;
}

.latest-posts-section .latest-news .news-meta {
  background: #1b1b1b url("img/blog-bg.png") no-repeat;
  color: #fff;
  padding: 25px;
}

@media screen and (max-width: 360px) {
  .latest-posts-section .latest-news .news-meta {
    padding: 15px;
    line-height: 1.5;
  }
}

.latest-posts-section .latest-news .news-meta a.title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
}

.latest-posts-section .latest-news .news-meta .excerpt {
  font-size: 1rem;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 30px;
}

.latest-posts-section .latest-news .news-meta .meta-date {
  font-size: 0.77778rem;
  color: #ff0000;
}

.latest-posts-section .latest-news .news-meta .meta-date.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
	.branches-contact.featured-panel-section .featured-panel {
    height: 180px;
}
  .latest-posts-section .latest-news {
   	    padding-bottom: 0px;
    margin-bottom: 25px;
  }
  .latest-posts-section .latest-news .news-meta,
  .latest-posts-section .latest-news .image {
    display: inline-block;
    float: left;
    height: 160px;
  }
  .latest-posts-section .latest-news .image {
    width: 30%;
  }
  .latest-posts-section .latest-news .news-meta {
    width: 70%;
  }
  .latest-posts-section .latest-news .news-meta .meta-date {
    display: none;
  }
  .latest-posts-section .latest-news .news-meta .meta-date.mobile {
    display: block;
  }
  .latest-posts-section .latest-news .news-meta .excerpt {
    margin-top: 10px;
  }
}

.site-footer {
  background: #0f0f0f url("img/footer-bg.png") no-repeat right 55px bottom -50px;
    padding: 75px 0px 0px 0px;
}

.site-footer .footer-menu-title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  padding-bottom: 45px;
  display: block;
}

.site-footer ul.menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.site-footer ul.menu li {
  padding-bottom: 30px;
}

.site-footer ul.menu li a {
  font-size: 1.05556rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .site-footer {
    background-position: right -300px top 0px;
  }
  .site-footer .footer-right {
    text-align: right;
	    float: right;

  }
  
  .site-footer ul.menu {
	      padding-bottom: 45px;
  }
  
  .home .content-rows li.content-row .content-panel{
	  text-align: center;
  }
}

.bottom-footer {
  background: #1b1b1b;
  margin-top: 50px;
}

.site-info .copy-1 {
  display: inline-block;
  float: left;
}

.site-info .copy-2 {
  display: inline-block;
  float: right;
  text-align: right;
}

.site-info .copy-2 img {
  margin-left: 5px;
}

@media screen and (max-width: 480px) {
  .site-info .copy-2 img {
    margin-top: 5px;
    margin-left: 0px;
  }
}

.site-info .copyright {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0.77778rem;
  color: #4a4a4a;
}

@media screen and (max-width: 992px) {
  .site-info .copy-1,
  .site-info .copy-2 {
    text-align: center;
  }
  .site-info .copy-1 .copyright {
    padding-bottom: 0px;
  }
  .site-info .copy-2 .copyright {
    padding-top: 0px;
    color: #fff;
  }
}

.home-nav .nav-toggle {
  display: none;
}

.home-nav .nav-links .nav-link {
  display: inline-block;
  float: left;
  width: 20%;
  height: 130px;
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
}

.home-nav .nav-links .nav-link:before {
  content: " ";
  height: 100px;
  width: 80%;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 15px;
  background: #ff0000;
  z-index: 1;
  mix-blend-mode: multiply;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.home-nav .nav-links .nav-link:after {
  opacity: 0;
  content: " ";
  height: 130px;
  width: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 0px;
  background: url("img/featured-label-bg.png") no-repeat center center;
  background-size: contain;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.home-nav .nav-links .nav-link .label {
  margin-top: 55px;
  position: relative;
  display: block;
  font-size: 1.55889rem;
  font-weight: 700;
  color: #FFF;
  z-index: 3;
  text-align: center;
}

.home-nav .nav-links .nav-link.custom {
  background: #d70000;
}

.home-nav .nav-links .nav-link.custom .label {
  margin-top: 28px;
  font-size: 1.38889rem;
  color: #1b1b1b;
}

.home-nav .nav-links .nav-link.custom .label span {
  font-family: 'Mrs Sheppards';
  font-weight: 400;
  font-size: 2.94444rem;
  color: #fff;
  display: block;
  padding-top: 2px;
}

.home-nav .nav-links .nav-link.custom:before {
  background: #9d0000;
  mix-blend-mode: initial;
}

.home-nav .nav-links a:hover .nav-link:before {
  height: 130px;
  width: 100%;
  top: 0px;
}

.home-nav .nav-links a:hover .nav-link:after {
  opacity: 1;
}

@media screen and (max-width: 992px) {
  .home-nav .nav-links .nav-link,
  .home-nav .nav-links .nav-link.custom {
    display: block;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media screen and (max-width: 992px) {
  .home-nav {
    padding: 0px 35px;
    margin-bottom: 100px;
  }
  .home-nav .nav-toggle {
    display: block;
    width: 100%;
    height: 95px;
    background: #ba0006;
    color: #fff;
    text-align: center;
    font-size: 1.38889rem;
    font-weight: 700;
    padding: 35px 0px;
  }
  .home-nav .nav-toggle i {
    margin-left: 22px;
  }
  .home-nav .nav-links {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    padding: 0px 35px;
    display: none;
  }
  .home-nav .nav-links.show {
    display: block;
  }
}

/*--------------------------------------------------------------
# Custom Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> CUSTOM QUERIES:
----------------------------------------------------------------*/
@media screen and (max-width: 1240px) {
  .main-navigation ul li {
    padding: 0px 12px !important;
  }
  .main-navigation ul li a {
    font-size: 14px !important;
  }
}



@media screen and (max-width: 992px) {
  .main-navigation ul {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main-navigation ul li {
    padding: 0 !important;
  }
  .main-navigation ul li:first-child, .main-navigation ul li:last-child {
    padding: 0 !important;
  }
  .main-navigation ul li a {
    padding: 5px 15px !important;
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 479px) {
  .site-branding .logo img {
    width: 80% !important;
    margin: 5px 0 0 0 !important;
  }

  .main-navigation ul li a {
    padding: 5px 15px;
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
    font-weight: 700;
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
	
	.menu-toggle {
      height: 30px;
      display: block;
	}
	
	.menu-toggle:hover,
	.menu-toggle:active,
	.menu-toggle:focus{
      height: 30px;
      display: block;
	  outline: none;	
	}
	.single .acf-map{
		width: auto !important;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.branch-contact{
		box-shadow: none;
	}
	
	.branch-contact .contact-details,
	.branch-contact .contact-form{
		-webkit-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
    box-shadow: -4px 4px 28px 1px rgba(0, 0, 0, 0.39);
	    margin-bottom: 25px;
	}
	
	.branch-contact .contact-form {padding-bottom: 20px !important;     margin-bottom: 0px !important}
	
	.branch-contact .contact-form form{    padding-bottom: 0px;}
	
	.content-rows,
	.page-template-page-locations .entry-content,
	.featured-panel-section.menus{
		padding-top: 0px;
		padding-left: 0;
	}
	.page .container {
	    padding: 0 4%;
	}
	h3 img {
	   display: block !important;
	   margin: 0 auto !important;;
	   float: none !important;
	}
	li#field_6_11 label:nth-child(1) {
    width: 100%;
    }
	
	.home .content-rows{
		padding-top: 30px;
		padding-left: 0;
	}
	.site-header .social-nav {
    padding-top: 45px;
	}
	
	.site-header{
		background-size: cover;
		    min-height: auto;
	}
	
	
	.main-navigation {

    padding-bottom: 55px;
}
  .branch-contact {
    margin-top: 0px;
  }
  .branch-contact .contact-form,
  .branch-contact .contact-details {
    padding: 0px 15px 30px 15px;
    width: 100%;
    display: inline-block;
  }
  .site-header .container {
    position: relative;
        padding-right: 4% !important;
  }
  .site-branding {
    width: 145px;
    position: absolute;
  }
  .menu-toggle {
    background: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: 0px !important;
    color: #fff !important;
    font-size: 1.66667rem !important;
    font-weight: 700 !important;
    padding: 0px !important;
    margin-top: 30px !important;
  }
  .menu-toggle:hover {
    background: none;
    text-shadow: none;
    box-shadow: none;
    border: 0px;
  }
  .site-links {
    //height: 190px;
    width: 100%;
    float: none;
    display: block;
  }
  .entry-header {
    background: #fff;
	    position: relative;
    bottom: -2px;
  }
  .entry-header h1.entry-title {
    color: initial;
    float: none;
    display: block;
    text-align: center;
    margin: 58px auto;
  }
  .entry-header .sublogo {
    display: none;
  }
  .main-navigation ul {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: red;
    z-index: 9;
    margin-top: 15px;
  }
  .main-navigation ul li {
    padding: 12px 15px;
    display: block;
    float: none;
    width: 100%;
  }
  .main-navigation ul li:first-child, .main-navigation ul li:last-child {
    padding: 22px 15px;
  }
  .main-navigation ul li a {
    font-size: 1.66667rem;
    font-weight: 700;
  }
  .home .entry-header {
    background: none;
  }
  .home h1.entry-title {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  a.primary,
  a.secondary {
    min-width: 370px;
  }
}

.hentry{
	margin: 0px;
}

#comments{
	    margin-bottom: 85px;
}



.featured-panel-section.menus .featured-panel.menu .label{
    padding: 32px 0px;

}


@media screen and (max-width: 480px){
.featured-panel-section.menus .featured-panel.menu .label{

    padding: 18px 0px;
}

.single .news-meta {
    margin-top: 0px;
}

.site-content img {
    width: 100% !important;
    padding-bottom: 20px;
}
p {
    font-size: 16px;
}
.blog .latest-posts-section {
    padding-top: 0;
}


}