@charset "UTF-8";
/*
Theme Name: Famous Grouse
Theme URI: http://www.egwebdesign.co.nz
Version: 1.0
Author: Cavell Evenson
template: bb-theme
*/
/* Add your custom styles here... */
body {
  font-family: "europa",sans-serif;
  font-style: normal;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-family: "futura-pt", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde",sans-serif;
  font-style: normal;
  font-weight: 700; }

.brothers {
  font-family: "brothers",sans-serif;
  font-style: normal;
  font-weight: 700; }

.quote-mark {
  font-family: "abril-text",serif;
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  margin-left: -30px;
  margin-right: 10px; }

#logo {
  min-width: 200px; }
  @media screen and (max-width: 767px) {
    #logo .fl-photo-align-center {
      text-align: left !important; } }

#main-menu .hamburger {
  text-align: right; }

/* FOR GREATER THAN THE MEDIUM DEVICE BREAKPOINT */
@media screen and (min-width: 993px) {
  /* ROW STYLING */
  #photo-header .fl-row-content-wrap, #history-line .fl-row-content-wrap {
    margin-top: -115px;
    padding-top: 200px;
    padding-bottom: 80px; } }

#footer a {
  font-weight: 400;
  text-decoration: underline !important; }

/* ----------------------
SINGLE POSTS - FULL WIDTH WITH BEAVER BUILDER
---------------------- */
.single.fl-full-width .fl-page-content .container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.single.fl-full-width .fl-page-content .row {
  margin-left: 0;
  margin-right: 0; }

.single.fl-full-width .fl-page-content .fl-content {
  padding-left: 0;
  padding-right: 0;
  margin: 0; }

img.logo-image {
  width: 100%; }

.red-black .pp-photo-content img {
  -webkit-filter: grayscale(100%) contrast(200%);
          filter: grayscale(100%) contrast(200%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.red-black .pp-photo-content .pp-photo-caption {
  color: black;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "brothers",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 30px; }

.red-black .pp-photo-content:hover img {
  -webkit-filter: none;
          filter: none; }

.red-black .pp-photo-content:hover .pp-photo-caption {
  color: #c83232; }

#menu-main-menu li a {
  position: relative;
  letter-spacing: 1px; }
  @media screen and (min-width: 767px) {
    #menu-main-menu li a:before {
      content: "";
      position: absolute;
      width: calc(100% - 50px);
      height: 2px;
      bottom: 10px;
      left: 25px;
      background-color: #c83232;
      visibility: hidden;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; } }

.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
  font-family: "europa",sans-serif;
  font-style: normal;
  font-weight: 300; }

#menu-main-menu li a:hover:before, #menu-main-menu li.current-menu-item a:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

@media screen and (min-width: 767px) {
  #menu-main-menu li:after {
    content: "・";
    position: absolute;
    height: 2px;
    top: 15px;
    right: -6px;
    color: #ffffff; } }

#menu-main-menu li:last-of-type:after {
  display: none; }

.pp-testimonial h3.pp-testimonials-title {
  font-family: "europa",sans-serif;
  font-style: italic;
  font-weight: 400 !important;
  letter-spacing: 0px;
  text-align: right; }

.mobile-social-icons .fl-icon-group-right {
  text-align: left; }

.mobile-social-icons .fl-builder-module-template {
  padding: 10px; }

@media screen and (min-width: 767px) {
  .mobile-social-icons {
    display: none; } }

@media screen and (max-width: 1131px) {
  .header-social-icons {
    padding: 0;
    width: 1%; }
    .header-social-icons .fl-builder-module-template {
      display: none; } }

@media screen and (min-width: 1132px) {
  .header-social-icons {
    padding: 0; }
    .header-social-icons .fl-builder-module-template {
      padding: 0 !important; } }

.fl-module-rich-text ul {
  list-style: none;
  /* Remove list bullets */
  padding: 0;
  margin: 0; }
  .fl-module-rich-text ul li {
    padding-left: 16px; }
    .fl-module-rich-text ul li:before {
      content: ">";
      /* Insert content that looks like bullets */
      padding-right: 8px;
      color: #c83232;
      /* Or a color you prefer */ }

@media screen and (min-width: 767px) {
  #history-line .pp-row-separator-bottom:after {
    content: " ";
    background: #B69F8E;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 4px);
    height: 50px;
    width: 4px; } }

@media screen and (min-width: 1150px) {
  #history-line .pp-row-separator-bottom:after {
    height: 60px; } }

@media screen and (min-width: 767px) {
  .circle .fl-col-content {
    position: relative; }
    .circle .fl-col-content:after {
      content: " ";
      width: 23px;
      height: 23px;
      border: 4px solid #B69F8E;
      background-color: #fffcf0;
      border-radius: 20px;
      position: absolute;
      right: -12.5px;
      top: 50%; } }

#map-container p {
  margin: 0 !important; }

#srm_gmp_embed_1 {
  margin: 0 !important; }

/*ANIMATED HAMBURGER ICON */
.bar1, .bar2, .bar3 {
  width: 22px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.bar1 {
  margin: 0 0 4px 0; }

.bar3 {
  margin: 4px 0 0; }

/*CHANGE TO TWO BARS CROSSED */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 2px);
  transform: rotate(-45deg) translate(-7px, 2px); }

.change .bar2 {
  opacity: 0; }

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -2px);
  transform: rotate(45deg) translate(-6px, -2px); }

/*removes clickable areas around the icon which could allow visitors to toggle without the animation occurring */
.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {
  margin: 0;
  padding: 0; }

@media (min-width: 992px) {
  .fl-full-width .container {
    padding-left: 0;
    padding-right: 0; } }

/* Make the header transparent */
@media (min-width: 992px) {
  body .fl-page-header-primary {
    background: rgba(0, 0, 0, 0.75);
    position: relative;
    z-index: 10; } }

/* Remove the bottom border from the header
// if you do not add this there will be a faint line under your header */
header .fl-page-header-wrap {
  border-bottom: 0; }

@media (min-width: 992px) {
  body .fl-page-header-primary .col-md-9 {
    width: 80%; } }
/*# sourceMappingURL=style.css.map */