html {
  background-color: initial !important; }

:root body.fz {
  background-attachment: fixed;
  background-image: url(http://tatefunerals.com.au/wp-content/uploads/2016/12/sympathy.jpg);
  background-repeat: no-repeat;
  font-family: Lato, roboto, sans-serif;
  font-size: 16px; }

.tate-container,
.container,
.container-wide {
  background: #fff;
  margin: 0 auto;
  max-width: 100%;
  width: 1360px; }

.tate-inner-container {
  margin: 0 auto;
  max-width: 100%;
  width: 1100px; }

.fz .obituaries-header {
  background-color: transparent;
  padding: 0; }

.fz .container.obituaries {
  padding: 1em; }

.tate-header {
  border-top: 2em solid #961f61;
  padding: 0.5em; }
  .tate-header img {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .tate-header .tate-inner-container {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      padding-right: 2em; } }

.tate-header-logo {
  padding: 1em 1.75em; }
  @media screen and (min-width: 768px) {
    .tate-header-logo {
      max-width: 500px;
      padding: 1em 1.75em 1em 0; } }
  @media screen and (min-width: 1024px) {
    .tate-header-logo {
      max-width: 730px; } }

.tate-header-address {
  color: #563976;
  line-height: 2;
  margin-bottom: 1em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .tate-header-address {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 0;
      margin-left: auto;
      padding-right: 2em;
      text-align: left; } }

.responsive-menu-button {
  background-color: #961f61;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 0.5em;
  text-align: center; }

@media screen and (min-width: 768px) {
  .tate-menu {
    display: none; } }

.tate-has-dropdown {
  position: relative; }
  .tate-has-dropdown:hover .tate-sub-menu {
    display: block;
    top: 2.5em;
    width: 250px;
    z-index: 99; }

.tate-sub-menu {
  padding-left: 0.5em; }
  @media screen and (min-width: 768px) {
    .tate-sub-menu {
      display: none;
      left: 0;
      padding-left: 0;
      position: absolute;
      top: 0; } }

.tate-primary_menu.nav {
  background-color: #25262a; }
  @media screen and (min-width: 768px) {
    .tate-primary_menu.nav {
      background-color: #961f61;
      display: flex;
      flex-wrap: wrap; } }
  .tate-primary_menu.nav a {
    border-bottom: 1px solid #5d5d5d;
    color: #fff;
    display: block;
    padding: 0.75em 1em; }
    @media screen and (min-width: 768px) {
      .tate-primary_menu.nav a {
        border-bottom: none;
        padding: 0.5em 1em; } }
  @media screen and (min-width: 768px) {
    .tate-primary_menu.nav li {
      position: relative; } }
  @media screen and (min-width: 768px) {
    .tate-primary_menu.nav li:after {
      background-color: rgba(255, 255, 255, 0.2);
      content: '';
      display: inline-block;
      height: 12px;
      position: absolute;
      right: 0;
      top: calc(50% - 6px);
      width: 1px; } }

.tate-footer-cols {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.tate-col-fourth {
  border-bottom: 3px solid #fff;
  margin-bottom: 2em;
  padding-bottom: 2em;
  width: 100%; }
  @media screen and (min-width: 500px) {
    .tate-col-fourth {
      margin-right: 2em;
      width: calc(50% - 2em); } }
  @media screen and (min-width: 768px) {
    .tate-col-fourth {
      border-bottom: none;
      margin-bottom: 0;
      margin-right: 3em;
      padding-bottom: 0;
      width: calc(25% - 2.5em); } }
  .tate-col-fourth:last-of-type {
    border-bottom: none;
    margin-bottom: 4em; }
    @media screen and (min-width: 500px) {
      .tate-col-fourth:last-of-type {
        margin-bottom: 0;
        margin-right: 0; } }
  .tate-col-fourth p {
    margin-bottom: 1em; }
  .tate-col-fourth h3 {
    color: #fff; }

.tate-footer {
  background-color: #961f61;
  color: #fff;
  padding: 4em 1em 2em 1em; }
  @media screen and (min-width: 1024px) {
    .tate-footer {
      padding: 4em 5em 3em 5em; } }
  .tate-footer h3 {
    font-size: 24px;
    margin-bottom: 12px; }
  .tate-footer a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 8px 0; }
  .tate-contact-email a {
    border-bottom: none;
    display: inline-block;
    padding: 0; }
  .tate-footer li:last-of-type a {
    border-bottom: none; }

.tate-widget p {
  font-size: 0.85em;
  margin-bottom: 1em; }

.tate-end-footer {
  text-align: center; }

.tate-nav-panel {
  border-right: 3px solid #fff;
  max-height: 100%;
  overflow-x: scroll; }
  .tate-nav-panel.panel {
    background-color: #25262a;
    float: none;
    left: -15.625em;
    /*left or right and the width of your navigation panel*/
    margin: 0;
    padding: 0;
    position: fixed;
    width: 15.625em;
    /*should match the above value*/ }
    @media screen and (min-width: 768px) {
      .tate-nav-panel.panel {
        background-color: #961f61; } }
  @media screen and (min-width: 768px) {
    .tate-nav-panel {
      background-color: #961f61;
      border-right: none;
      height: auto !important;
      left: 0 !important;
      overflow-x: initial;
      position: relative !important;
      width: auto !important; } }
  .tate-nav-panel a {
    background-color: #25262a;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .tate-nav-panel a {
        background-color: #961f61; } }

@media screen and (min-width: 768px) {
  .tate-close-responsive-menu {
    display: none; } }

.wrap {
  position: relative; }

.tate-nav-arrow {
  fill: #fff;
  height: 10px;
  width: 10px; }

.tate-nav-map-marker {
  fill: #fff;
  height: 18px;
  width: 18px; }

.tate-nav-envelope {
  fill: #fff;
  height: 14px;
  width: 18px; }

.tate-nav-phone {
  fill: #fff;
  height: 14px;
  width: 14px; }

:root .fz .obituary-search__filters {
  position: relative;
  z-index: 1; }