@charset "UTF-8";
/*!
Theme Name: Windsor Funerals 2024
Theme URI: https://bsd.nz
Author: Blacksheepdesign 
Author URI: http://www.blacksheepdesign.co.nz/
Author Design: Matt Kendrew & Kristen Mabey
Author Front-end and Integration: Blaine McDougall
Description: Blacksheepdesign creates custom websites based on Wordpress using some really cool plugins. 
Version: 1.0
*/
.brown {
  color: #493536;
}

.indigo, #calculator .calcForm .calculation .price input, #single-funeral .tributes .tributeForm .comment-form-author input[type=text]::placeholder, #single-funeral .tributes .tributeForm .comment-form-author textarea::placeholder, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text]::placeholder, #single-funeral .tributes .tributeForm .comment-form-comment textarea::placeholder, #single-funeral .tributes .tributeForm .comment-form-author input[type=text], #single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text], #single-funeral .tributes .tributeForm .comment-form-comment textarea {
  color: #886566;
}

.white {
  color: #FEFBF6;
}

.peach {
  color: #F4A586;
}

.beige {
  color: #ECE8DA;
}

.brownBkgd {
  background: #493536;
  color: #FEFBF6;
}

.indigoBkgd, #single-funeral .tributes .tributeForm input[type=submit], #funerals .filters .filterButtons .active, #blog .filters .filterButtons .active, .gform_footer input[type=submit] {
  background: #886566;
  color: #ECE8DA;
}

.whiteBkgd, #funerals .filters .filterButtons button, #blog .filters .filterButtons button {
  background: #FEFBF6;
  color: #493536;
}

.peachBkgd {
  background: #F4A586;
  color: #493536;
}

.beigeBkgd {
  background: #ECE8DA;
  color: #493536;
}

body {
  font-size: 16px;
}

body, html {
  background: #ECE8DA;
}

p, #calculator .calcForm .formContainer .gfield--type-html li {
  line-height: 1.5;
  font-size: 21px;
}
p.small, #calculator .calcForm .formContainer .gfield--type-html li.small, #arrange .venues article .dropdownContent p, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li {
  font-size: 16px;
}
p a, #calculator .calcForm .formContainer .gfield--type-html li a {
  font-size: inherit;
  text-decoration: underline;
}

a {
  font-size: 21px;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  line-height: 1.15;
  display: block;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 36px;
  padding-bottom: 7vh;
}
h2.small, .h2.small, #arrange .venues article .dropdownContent p.h2, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li.h2, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li.h2 {
  font-size: 28px;
}

h3, .h3 {
  font-size: 26px;
}
h3.small, .h3.small, #arrange .venues article .dropdownContent p.h3, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li.h3, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li.h3 {
  font-size: 21px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

#bodyWrapper {
  padding: 0;
  overflow: hidden;
}

.standardPadding, #menu nav {
  padding: 10vh 6vw;
}

.standardPadding2 {
  padding: 0 6vw 10vh 6vw;
}

img {
  max-width: 100%;
}

.radius, #calculator .calcForm .calculation, #single-funeral .tributesList article, #single-funeral .tributes .tributeForm, #arrange .decisions .decisionDropdowns img, #home .offerings article img {
  border-radius: 8px;
}

.desktopOnly {
  display: none;
}

.desktopOnly2 {
  display: none;
}

.mobileOnly {
  display: block;
}

.mobileOnly2 {
  display: flex;
}

.basicFlex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

button {
  border: none;
  appearance: none !important;
  font-size: 21px;
  padding: 1.5vh 5vh;
  border-radius: 45px;
}
button.whiteBkgd, #funerals .filters .filterButtons button, #blog .filters .filterButtons button {
  color: #886566;
}
button.small {
  font-size: 16px;
}
button.arrowStyle {
  display: flex;
  gap: 20px;
  align-items: center;
  text-decoration: none;
}
button.arrowStyle span {
  text-decoration: none;
  display: grid;
  gap: 15px;
  align-items: center;
  grid-template-columns: auto 10px;
}
button.arrowStyle span:after {
  background-image: url(img/button-arrow.svg);
  background-size: 10px 11px;
  display: block;
  width: 10px;
  height: 11px;
  content: "";
  background-repeat: no-repeat !important;
}
button.arrowStyle.whiteBkgd span::after, #funerals .filters .filterButtons button.arrowStyle span::after, #blog .filters .filterButtons button.arrowStyle span::after {
  background: url(img/button-arrow-white.svg);
}

.dropdown .dropdownContent {
  max-height: 0;
  opacity: 0;
  transition: max-height 500ms ease-in-out, opacity 400ms ease-in-out;
  pointer-events: none;
  padding-bottom: 7%;
  padding-top: 7%;
}
.dropdown .dropdownTrigger {
  cursor: pointer;
}

.open .dropdownContent {
  max-height: 105500px;
  opacity: 1;
  transition: max-height 500ms ease-in-out, opacity 400ms ease-in-out;
  pointer-events: auto;
}

.faqs .faqList, #choices .decisions .faqList, #arrange .decisions .faqList, #arrange .decisions .decisionDropdowns {
  border-bottom: 1px solid #493536;
}
.faqs .faqList article, #choices .decisions .faqList article, #arrange .decisions .faqList article, #arrange .decisions .decisionDropdowns article {
  border-top: 1px solid #493536;
  padding-top: 3vh;
}
.faqs h3, #choices .decisions h3, #arrange .decisions h3 {
  display: grid;
  gap: 15px;
  align-items: center;
  grid-template-columns: auto 28px;
  line-height: 1;
  grid-template-columns: calc(100% - 58px) 28px;
}
.faqs h3:after, #choices .decisions h3:after, #arrange .decisions h3:after {
  background-image: url(img/dropdown.svg);
  background-size: 28px 28px;
  display: block;
  width: 28px;
  height: 28px;
  content: "";
  background-repeat: no-repeat !important;
}
.faqs .open h3::after, #choices .decisions .open h3::after, #arrange .decisions .open h3::after {
  transform: rotate(180deg);
}
.faqs .dropdownContent, #choices .decisions .dropdownContent, #arrange .decisions .dropdownContent {
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
}
.faqs .dropdownContent p, .faqs .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs .dropdownContent li, #choices .decisions .dropdownContent p, #choices .decisions .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions .dropdownContent li, #arrange .decisions .dropdownContent p, #arrange .decisions .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions .dropdownContent li, .faqs .dropdownContent a, #choices .decisions .dropdownContent a, #arrange .decisions .dropdownContent a {
  font-size: 16px;
  width: 90%;
}
.faqs .dropdownContent a, #choices .decisions .dropdownContent a, #arrange .decisions .dropdownContent a {
  text-decoration: underline;
}
.faqs p, .faqs #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs li, #choices .decisions p, #choices .decisions #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions li, #arrange .decisions p, #arrange .decisions #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions li {
  padding-bottom: 1vh;
}
.faqs > p, #calculator .calcForm .formContainer .gfield--type-html .faqs > li, #choices .decisions > p, #choices #calculator .calcForm .formContainer .gfield--type-html .decisions > li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions > li, #arrange .decisions > p, #arrange #calculator .calcForm .formContainer .gfield--type-html .decisions > li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions > li {
  padding-bottom: 7vh;
}

@keyframes fadeUp {
  0% {
    opacity: 1;
    top: 0 !important;
  }
  100% {
    opacity: 0;
    top: -550px !important;
  }
}
.fadeUp {
  animation: fadeUp 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards;
  pointer-events: none;
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    top: -550px !important;
  }
  100% {
    opacity: 1;
    top: 0 !important;
  }
}
.fadeDown {
  animation: fadeDown 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards;
  pointer-events: auto;
}

.cta p, .cta #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .cta li {
  padding-bottom: 7vh;
}

.landing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5vh;
}
.landing img {
  margin-left: -6vw;
  width: 40%;
  height: 30vh;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  object-fit: cover;
}
.landing h1, .landing h2 {
  width: 60%;
  margin-left: 6vw;
  padding-bottom: 0;
}
.landing .landingBottom {
  width: 100%;
}
.landing .landingBottom p, .landing .landingBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .landing .landingBottom li {
  padding-bottom: 5vh;
}
.landing .landingBottom button {
  width: 100%;
}

.swiper-container, .swiper-container2 {
  overflow-x: hidden;
}

@media only screen and (min-width: 600px) {
  .standardPadding, #menu nav {
    padding: 10vh 8vw;
  }

  .standardPadding2 {
    padding: 0 8vw 10vh 8vw;
  }

  .mobileOnly, .mobileOnly2 {
    display: none !important;
  }

  .desktopOnly {
    display: block !important;
  }

  .desktopOnly2 {
    display: flex !important;
  }

  h1, .h1 {
    font-size: clamp(60px, 70px, 5vw);
  }

  h2, .h2 {
    font-size: clamp(60px, 70px, 5vw);
  }

  h3, .h3 {
    font-size: clamp(30px, 32px, 2vw);
  }

  h4, .h4 {
    font-size: clamp(20px, 25px, 1.5vw);
  }

  h5, .h5 {
    font-size: clamp(16px, 20px, 1.25vw);
  }

  p, #calculator .calcForm .formContainer .gfield--type-html li, li {
    font-size: clamp(22px, 24px, 1.5vw);
  }
  p.small, #calculator .calcForm .formContainer .gfield--type-html li.small, #arrange .venues article .dropdownContent p, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li, li.small {
    font-size: clamp(16px, 18px, 1.25vw);
  }

  button {
    padding: 1vh 2vh;
    cursor: pointer;
    transition: background-color 300ms ease-in-out;
    font-size: clamp(22px, 24px, 1.5vw);
  }
  button.arrowStyle {
    font-size: clamp(16px, 18px, 1.25vw);
  }

  .beigeBkgd button.indigoBkgd:hover, .beigeBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .beigeBkgd button.active:hover, .beigeBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .beigeBkgd button.active:hover, .whiteBkgd button.indigoBkgd:hover, .whiteBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .whiteBkgd button.active:hover, .whiteBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .whiteBkgd button.active:hover, #funerals .filters .filterButtons button button.indigoBkgd:hover, #funerals .filters .filterButtons button button.active:hover, #blog .filters .filterButtons button button.indigoBkgd:hover, #blog .filters .filterButtons button button.active:hover, .peachBkgd button.indigoBkgd:hover, .peachBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .peachBkgd button.active:hover, .peachBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .peachBkgd button.active:hover {
    background: #493536 !important;
  }
  .beigeBkgd button.whiteBkgd:hover, .beigeBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .beigeBkgd button:hover, .beigeBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .beigeBkgd button:hover, .whiteBkgd button.whiteBkgd:hover, .whiteBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .whiteBkgd button:hover, #funerals .filters .filterButtons button button:hover, .whiteBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .whiteBkgd button:hover, #blog .filters .filterButtons button button:hover, .peachBkgd button.whiteBkgd:hover, .peachBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .peachBkgd button:hover, .peachBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .peachBkgd button:hover {
    color: #493536 !important;
  }
  .beigeBkgd button.beigeBkgd:hover, .whiteBkgd button.beigeBkgd:hover, #funerals .filters .filterButtons button button.beigeBkgd:hover, #blog .filters .filterButtons button button.beigeBkgd:hover, .peachBkgd button.beigeBkgd:hover {
    color: #886566 !important;
  }
  .beigeBkgd a:hover, .whiteBkgd a:hover, #funerals .filters .filterButtons button a:hover, #blog .filters .filterButtons button a:hover, .peachBkgd a:hover {
    color: #886566;
  }

  .brownBkgd button.whiteBkgd:hover, .brownBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .brownBkgd button:hover, .brownBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .brownBkgd button:hover {
    background: #ECE8DA !important;
  }
  .brownBkgd button.indigoBkgd:hover, .brownBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .brownBkgd button.active:hover, .brownBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .brownBkgd button.active:hover {
    background: #F4A586 !important;
  }
  .brownBkgd a:hover {
    color: #F4A586;
  }

  header button.whiteBkgd:hover, header #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons header button:hover, header #blog .filters .filterButtons button:hover, #blog .filters .filterButtons header button:hover {
    color: #493536 !important;
  }

  .landing {
    padding-top: 22vh;
    position: relative;
    padding-left: calc(2vw + 40%);
    min-height: 70vh;
    row-gap: 0;
    display: block;
  }
  .landing img {
    height: calc(100% - 32vh);
    position: absolute;
    left: 2vw;
    top: 22vh;
    margin-left: 0;
    width: 40%;
  }
  .landing h1, .landing h2 {
    width: 95%;
    padding-top: 5vh;
    padding-bottom: 5vh;
    margin-left: 4vw;
  }
  .landing .landingBottom, .landing .introBottom {
    width: 80%;
    margin-left: 4vw;
  }
  .landing .landingBottom > *, .landing .introBottom > * {
    width: calc(100% - 6vw);
  }
  .landing .landingBottom h1, .landing .introBottom h1 {
    margin-left: 0;
  }
  .landing .landingBottom button.indigoBkgd, .landing .landingBottom #funerals .filters .filterButtons button.active, #funerals .filters .filterButtons .landing .landingBottom button.active, .landing .landingBottom #blog .filters .filterButtons button.active, #blog .filters .filterButtons .landing .landingBottom button.active, .landing .introBottom button.indigoBkgd, .landing .introBottom #funerals .filters .filterButtons button.active, #funerals .filters .filterButtons .landing .introBottom button.active, .landing .introBottom #blog .filters .filterButtons button.active, #blog .filters .filterButtons .landing .introBottom button.active {
    width: fit-content;
    color: #FEFBF6;
    padding: 1vh 4vh;
  }

  .faqs .dropdown .dropdownContent, #choices .decisions .dropdown .dropdownContent, #arrange .decisions .dropdown .dropdownContent {
    padding-top: 0;
    padding-bottom: 3vh;
  }
  .faqs .dropdown .dropdownContent p, .faqs .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs .dropdown .dropdownContent li, #choices .decisions .dropdown .dropdownContent p, #choices .decisions .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions .dropdown .dropdownContent li, #arrange .decisions .dropdown .dropdownContent p, #arrange .decisions .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions .dropdown .dropdownContent li {
    padding-top: 3vh;
    width: 70%;
  }

  .cta p, .cta #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .cta li {
    width: 85%;
  }
}
@media only screen and (min-height: 1000px) and (max-width: 1024px) {
  header .innerHeader #mobileMenuBtn {
    display: block !important;
  }
  header .innerHeader #mobileMenuBtn img.light {
    display: block !important;
  }
  header .innerHeader #desktopMenu {
    display: none !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn, header.brownBkgd .innerHeader #mobileMenuBtn, header.transparent.on .innerHeader #mobileMenuBtn {
    display: block !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn img.dark, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.dark, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.dark, header.brownBkgd .innerHeader #mobileMenuBtn img.dark, header.transparent.on .innerHeader #mobileMenuBtn img.dark {
    display: block !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn img.light, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.light, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.light, header.brownBkgd .innerHeader #mobileMenuBtn img.light, header.transparent.on .innerHeader #mobileMenuBtn img.light {
    display: none !important;
  }
  header #menu.active {
    display: block !important;
  }
  header #menu.active .menuNav {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh !important;
  }
  header #menu.active nav {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  header #menu.active nav .dropdown .dropdownTrigger {
    display: block !important;
  }
  header #menu.active nav .dropdown .dropdownContent {
    width: 100%;
  }
  header #menu.active nav button {
    width: fit-content;
  }
  header #menu.active nav .btn {
    text-align: left;
  }

  .landing {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .landing img {
    height: 50vh !important;
    top: 50%;
    transform: translateY(-50%);
  }
  .landing h1, .landing .landingBottom {
    width: 100%;
  }

  #home .landing {
    padding-top: 10vh !important;
  }

  #home .testimonials .swiper-slide blockquote p, #home .testimonials .swiper-slide blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .testimonials .swiper-slide blockquote li {
    font-size: 40px !important;
  }

  #home .offerings article {
    align-items: flex-start !important;
  }

  footer .preFooter {
    flex-wrap: wrap !important;
  }
  footer .preFooter .leadin {
    width: 100% !important;
  }
  footer .preFooter .phones, footer .preFooter .email {
    width: fit-content !important;
  }

  #arrange .arrangeLanding h1 {
    width: 85% !important;
  }
  #arrange .arrangeLanding .buttonSlider {
    width: 75% !important;
  }
  #arrange .introduction img {
    top: 50% !important;
  }
  #arrange .introduction {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #arrange .introduction .introBottom p, #arrange .introduction .introBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .introduction .introBottom li {
    padding-bottom: 2vh !important;
  }
  #arrange .introduction .introBottom ul {
    margin-bottom: 2vh !important;
  }
  #arrange .venues article .swiper-container2 img {
    height: auto !important;
  }
  #arrange .venues article {
    align-items: center;
    padding-top: 3vh !important;
    padding-bottom: 3vh !important;
  }
  #arrange .venues article .rightSide p, #arrange .venues article .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .rightSide li {
    width: 90% !important;
  }
  #arrange .venues article .dropdownContent {
    padding-bottom: 0;
  }

  #funerals .filters {
    display: block !important;
  }
  #funerals .filters .filterButtons {
    margin-top: 0 !important;
    margin-bottom: 2vh !important;
  }
  #funerals .filters .searchbar {
    margin-left: auto;
    margin-right: auto;
    width: 50% !important;
  }
  #funerals .funerals {
    padding-bottom: 0 !important;
    grid-template-columns: 33% 33% 33% !important;
  }
  #funerals .funerals article h3 {
    font-size: 24px !important;
  }
  #funerals .funerals article .date {
    font-size: 16px !important;
  }
  #funerals .funerals article img {
    height: 20vh !important;
  }

  #single-funeral .innerContainer {
    padding-bottom: 5vh !important;
  }
  #single-funeral .innerContainer .topSection img {
    max-height: 35vh !important;
  }
  #single-funeral .innerContainer .topSection .small, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent p, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection p, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection li {
    padding-bottom: 3vh !important;
  }
  #single-funeral .innerContainer .sectionDetails {
    flex-direction: column;
  }
  #single-funeral .innerContainer .sectionDetails .details, #single-funeral .innerContainer .sectionDetails .vidEmbed {
    width: 100% !important;
  }
  #single-funeral .tributes {
    padding-top: 7vh !important;
  }
  #single-funeral .tributes .fauxFlex .tributeForm {
    width: calc(100% - 4vw) !important;
  }
  #single-funeral .tributes .tributesList {
    display: block !important;
  }
  #single-funeral .tributes .tributesList article:first-child {
    position: static !important;
    width: calc(100% - 4vw) !important;
    height: auto !important;
  }
  #single-funeral .tributes .tributesList article {
    width: calc(100% - 4vw) !important;
    margin-bottom: 3vh !important;
  }
  #single-funeral .tributes .tributesList article .content {
    font-size: 18px !important;
  }

  #approach .topBanner {
    min-height: 12vh !important;
  }
  #approach .landing {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 65vh !important;
  }
  #approach .landing img {
    top: 50% !important;
  }
  #approach #directors {
    padding-top: 7vh;
  }
  #approach #directors h2 {
    padding-bottom: 5vh !important;
  }
  #approach #directors article {
    gap: 4vw !important;
    align-items: center;
  }
  #approach #directors article img.radius, #approach #directors article #calculator .calcForm img.calculation, #calculator .calcForm #approach #directors article img.calculation, #approach #directors article #single-funeral .tributes img.tributeForm, #single-funeral .tributes #approach #directors article img.tributeForm, #approach #directors article #arrange .decisions .decisionDropdowns img, #arrange .decisions .decisionDropdowns #approach #directors article img, #approach #directors #home .offerings article img, #home .offerings #approach #directors article img {
    max-height: 100% !important;
    height: 35vh !important;
    width: 40% !important;
  }
  #approach #directors article .rightSide {
    padding-top: 0 !important;
  }
  #approach .heritage {
    padding-bottom: 5vh !important;
  }

  #calculator .calcForm {
    display: block !important;
    padding-top: 5vh !important;
  }
  #calculator .calcForm .calcContainer {
    top: 0 !important;
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    z-index: 5 !important;
  }
  #calculator .calcForm .calcContainer .calculation {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #calculator .calcForm .formContainer {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5vh;
  }

  #contact {
    display: block !important;
  }
  #contact .leftSide {
    width: 84vw !important;
    padding-top: 15vh !important;
    padding-right: 8vw !important;
  }
  #contact .leftSide .topPara {
    width: 80% !important;
  }
  #contact .leftSide h1 {
    padding-bottom: 5vh !important;
  }
  #contact .leftSide .directContact {
    flex-direction: row !important;
    flex-wrap: wrap;
    column-gap: 2vw;
  }
  #contact .leftSide .directContact .small, #contact .leftSide .directContact #arrange .venues article .dropdownContent p, #contact .leftSide .directContact #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #contact .leftSide .directContact #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #contact .leftSide .directContact p, #arrange .venues article .dropdownContent #contact .leftSide .directContact #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #contact .leftSide .directContact li {
    width: 100%;
  }
  #contact .contactForm {
    width: 84vw !important;
    padding-top: 5vh !important;
    margin-top: -1px;
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }

  #legal .legalContent p, #legal .legalContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #legal .legalContent li {
    width: 80% !important;
  }

  #legal .legalContent h2 {
    font-size: 45px !important;
  }

  #legal .legalHeader {
    padding-top: 5vh !important;
    padding-bottom: 5vh !important;
  }

  #immediate .process .steps .row img {
    height: 30vw !important;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: spectral;
  src: url(fonts/Spectral-LightItalic.ttf);
}
@font-face {
  font-family: hauora;
  src: url(fonts/Hauora-Regular.otf);
}
@font-face {
  font-family: hauoraMed;
  src: url(fonts/Hauora-Medium.otf);
}
.spectral, #calculator .calcForm .calculation .price input, #immediate .process .steps .step .rightSide .timespan, #immediate .process .row .step .rightSide .timespan, #home .testimonials blockquote p, #home .testimonials blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .testimonials blockquote li, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "spectral", serif;
}

.hauora, #calculator .packs article h3, #contact .contactForm .inner h2, #approach .values article h3, #approach .process article h3, #approach #team article h3, #immediate .process .steps .step .rightSide h3, #immediate .process .row .step .rightSide h3, #single-funeral .tributes .tributeForm .comment-form-author input[type=text], #single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text], #single-funeral .tributes .tributeForm .comment-form-comment textarea, #single-funeral .tributes .tributeForm h3, #single-funeral .tributes h2, #single-funeral .innerContainer .sectionDetails h2, #funerals .filters .searchbar input, #blog .filters .searchbar input, #arrange .venues article h3, #home .offerings article h3, #home .quickLinks .quickLinks-title, .gform_body *, body, p, #calculator .calcForm .formContainer .gfield--type-html li, .faqs h3, #choices .decisions h3, #arrange .decisions h3 {
  font-family: "hauora", sans-serif;
}

.hauoraMed, #single-funeral .tributes .tributeForm input[type=submit], #funerals .filters p, #funerals .filters #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #funerals .filters li, #blog .filters p, #blog .filters #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters li, .gform_footer input[type=submit], button {
  font-family: "hauoraMed", sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, #calculator .calcForm .formContainer .gfield--type-html li, blockquote, th, td, figure, nav {
  margin: 0;
  padding: 0;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  text-transform: capitalise;
}

a {
  text-decoration: none;
  outline: 0 none;
  color: inherit;
}

a img {
  border: 0 none;
}

hr {
  border: 0 none;
  display: block;
}

.chromeframe {
  position: relative;
  background-color: #ffb;
  font: normal bold 16px Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #DDD;
  padding: 25px;
  z-index: 1000;
}
.chromeframe a {
  color: #0000cc;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: white;
}

#internet-explorer-error {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("./img/ie-overlay.png") repeat 0 0;
  color: white;
  padding-top: 5%;
  padding-bottom: 5%;
  z-index: 2000;
  font-family: sans-serif;
}

.IEWrapper {
  height: auto;
  width: 100%;
}

#internet-explorer-error h2 {
  text-align: center;
  margin-bottom: 20px;
  font-family: sans-serif;
  color: white;
}

#internet-explorer-error p, #internet-explorer-error #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #internet-explorer-error li {
  max-width: 650px;
  margin: auto auto;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  color: #fff;
}
#internet-explorer-error p a, #internet-explorer-error #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #internet-explorer-error li a {
  text-decoration: underline;
}
#internet-explorer-error p a:hover, #internet-explorer-error #calculator .calcForm .formContainer .gfield--type-html li a:hover, #calculator .calcForm .formContainer .gfield--type-html #internet-explorer-error li a:hover {
  color: gray;
  border: none;
}
#internet-explorer-error p a:hover:after, #internet-explorer-error #calculator .calcForm .formContainer .gfield--type-html li a:hover:after, #calculator .calcForm .formContainer .gfield--type-html #internet-explorer-error li a:hover:after {
  background: none;
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

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

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

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.brown {
  color: #493536;
}

.indigo, #calculator .calcForm .calculation .price input, #single-funeral .tributes .tributeForm .comment-form-author input[type=text]::placeholder, #single-funeral .tributes .tributeForm .comment-form-author textarea::placeholder, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text]::placeholder, #single-funeral .tributes .tributeForm .comment-form-comment textarea::placeholder, #single-funeral .tributes .tributeForm .comment-form-author input[type=text], #single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text], #single-funeral .tributes .tributeForm .comment-form-comment textarea {
  color: #886566;
}

.white {
  color: #FEFBF6;
}

.peach {
  color: #F4A586;
}

.beige {
  color: #ECE8DA;
}

.brownBkgd {
  background: #493536;
  color: #FEFBF6;
}

.indigoBkgd, #single-funeral .tributes .tributeForm input[type=submit], #funerals .filters .filterButtons .active, #blog .filters .filterButtons .active, .gform_footer input[type=submit] {
  background: #886566;
  color: #ECE8DA;
}

.whiteBkgd, #funerals .filters .filterButtons button, #blog .filters .filterButtons button {
  background: #FEFBF6;
  color: #493536;
}

.peachBkgd {
  background: #F4A586;
  color: #493536;
}

.beigeBkgd {
  background: #ECE8DA;
  color: #493536;
}

body {
  font-size: 16px;
}

body, html {
  background: #ECE8DA;
}

p, #calculator .calcForm .formContainer .gfield--type-html li {
  line-height: 1.5;
  font-size: 21px;
}
p.small, #calculator .calcForm .formContainer .gfield--type-html li.small, #arrange .venues article .dropdownContent p, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li {
  font-size: 16px;
}
p a, #calculator .calcForm .formContainer .gfield--type-html li a {
  font-size: inherit;
  text-decoration: underline;
}

a {
  font-size: 21px;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  line-height: 1.15;
  display: block;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 36px;
  padding-bottom: 7vh;
}
h2.small, .h2.small, #arrange .venues article .dropdownContent p.h2, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li.h2, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li.h2 {
  font-size: 28px;
}

h3, .h3 {
  font-size: 26px;
}
h3.small, .h3.small, #arrange .venues article .dropdownContent p.h3, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li.h3, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li.h3 {
  font-size: 21px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

#bodyWrapper {
  padding: 0;
}

.standardPadding, #menu nav {
  padding: 10vh 6vw;
}

.standardPadding2 {
  padding: 0 6vw 10vh 6vw;
}

img {
  max-width: 100%;
}

.radius, #calculator .calcForm .calculation, #single-funeral .tributesList article, #single-funeral .tributes .tributeForm, #arrange .decisions .decisionDropdowns img, #home .offerings article img {
  border-radius: 8px;
}

.desktopOnly {
  display: none;
}

.desktopOnly2 {
  display: none;
}

.mobileOnly {
  display: block;
}

.mobileOnly2 {
  display: flex;
}

.basicFlex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

button {
  border: none;
  appearance: none !important;
  font-size: 21px;
  padding: 1.5vh 5vh;
  border-radius: 45px;
}
button.whiteBkgd, #funerals .filters .filterButtons button, #blog .filters .filterButtons button {
  color: #886566;
}
button.small {
  font-size: 16px;
}
button.arrowStyle {
  display: flex;
  gap: 20px;
  align-items: center;
  text-decoration: none;
}
button.arrowStyle span {
  text-decoration: none;
  display: grid;
  gap: 15px;
  align-items: center;
  grid-template-columns: auto 10px;
}
button.arrowStyle span:after {
  background-image: url(img/button-arrow.svg);
  background-size: 10px 11px;
  display: block;
  width: 10px;
  height: 11px;
  content: "";
  background-repeat: no-repeat !important;
}
button.arrowStyle.whiteBkgd span::after, #funerals .filters .filterButtons button.arrowStyle span::after, #blog .filters .filterButtons button.arrowStyle span::after {
  background: url(img/button-arrow-white.svg);
}

.dropdown .dropdownContent {
  max-height: 0;
  opacity: 0;
  transition: max-height 500ms ease-in-out, opacity 400ms ease-in-out;
  pointer-events: none;
  padding-bottom: 7%;
  padding-top: 7%;
}
.dropdown .dropdownTrigger {
  cursor: pointer;
}

.open .dropdownContent {
  max-height: 105500px;
  opacity: 1;
  transition: max-height 500ms ease-in-out, opacity 400ms ease-in-out;
  pointer-events: auto;
}

.faqs .faqList, #choices .decisions .faqList, #arrange .decisions .faqList, #arrange .decisions .decisionDropdowns {
  border-bottom: 1px solid #493536;
}
.faqs .faqList article, #choices .decisions .faqList article, #arrange .decisions .faqList article, #arrange .decisions .decisionDropdowns article {
  border-top: 1px solid #493536;
  padding-top: 3vh;
}
.faqs h3, #choices .decisions h3, #arrange .decisions h3 {
  display: grid;
  gap: 15px;
  align-items: center;
  grid-template-columns: auto 28px;
  line-height: 1;
  grid-template-columns: calc(100% - 58px) 28px;
}
.faqs h3:after, #choices .decisions h3:after, #arrange .decisions h3:after {
  background-image: url(img/dropdown.svg);
  background-size: 28px 28px;
  display: block;
  width: 28px;
  height: 28px;
  content: "";
  background-repeat: no-repeat !important;
}
.faqs .open h3::after, #choices .decisions .open h3::after, #arrange .decisions .open h3::after {
  transform: rotate(180deg);
}
.faqs .dropdownContent, #choices .decisions .dropdownContent, #arrange .decisions .dropdownContent {
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
}
.faqs .dropdownContent p, .faqs .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs .dropdownContent li, #choices .decisions .dropdownContent p, #choices .decisions .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions .dropdownContent li, #arrange .decisions .dropdownContent p, #arrange .decisions .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions .dropdownContent li, .faqs .dropdownContent a, #choices .decisions .dropdownContent a, #arrange .decisions .dropdownContent a {
  font-size: 16px;
  width: 90%;
}
.faqs .dropdownContent a, #choices .decisions .dropdownContent a, #arrange .decisions .dropdownContent a {
  text-decoration: underline;
}
.faqs p, .faqs #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs li, #choices .decisions p, #choices .decisions #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions li, #arrange .decisions p, #arrange .decisions #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions li {
  padding-bottom: 1vh;
}
.faqs > p, #calculator .calcForm .formContainer .gfield--type-html .faqs > li, #choices .decisions > p, #choices #calculator .calcForm .formContainer .gfield--type-html .decisions > li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions > li, #arrange .decisions > p, #arrange #calculator .calcForm .formContainer .gfield--type-html .decisions > li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions > li {
  padding-bottom: 7vh;
}

@keyframes fadeUp {
  0% {
    opacity: 1;
    top: 0 !important;
  }
  100% {
    opacity: 0;
    top: -550px !important;
  }
}
.fadeUp {
  animation: fadeUp 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards;
  pointer-events: none;
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    top: -550px !important;
  }
  100% {
    opacity: 1;
    top: 0 !important;
  }
}
.fadeDown {
  animation: fadeDown 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards;
  pointer-events: auto;
}

.cta p, .cta #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .cta li {
  padding-bottom: 7vh;
}

.landing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5vh;
}
.landing img {
  margin-left: -6vw;
  width: 40%;
  height: 30vh;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  object-fit: cover;
}
.landing h1, .landing h2 {
  width: 60%;
  margin-left: 6vw;
  padding-bottom: 0;
}
.landing .landingBottom {
  width: 100%;
}
.landing .landingBottom p, .landing .landingBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .landing .landingBottom li {
  padding-bottom: 5vh;
}
.landing .landingBottom button {
  width: 100%;
}

.swiper-container, .swiper-container2 {
  overflow-x: hidden;
}

@media only screen and (min-width: 600px) {
  .standardPadding, #menu nav {
    padding: 10vh 8vw;
  }

  .standardPadding2 {
    padding: 0 8vw 10vh 8vw;
  }

  .mobileOnly, .mobileOnly2 {
    display: none !important;
  }

  .desktopOnly {
    display: block !important;
  }

  .desktopOnly2 {
    display: flex !important;
  }

  h1, .h1 {
    font-size: clamp(60px, 70px, 5vw);
  }

  h2, .h2 {
    font-size: clamp(60px, 70px, 5vw);
  }

  h3, .h3 {
    font-size: clamp(30px, 32px, 2vw);
  }

  h4, .h4 {
    font-size: clamp(20px, 25px, 1.5vw);
  }

  h5, .h5 {
    font-size: clamp(16px, 20px, 1.25vw);
  }

  p, #calculator .calcForm .formContainer .gfield--type-html li, li {
    font-size: clamp(22px, 24px, 1.5vw);
  }
  p.small, #calculator .calcForm .formContainer .gfield--type-html li.small, #arrange .venues article .dropdownContent p, #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent li, li.small {
    font-size: clamp(16px, 18px, 1.25vw);
  }

  button {
    padding: 1vh 2vh;
    cursor: pointer;
    transition: background-color 300ms ease-in-out;
    font-size: clamp(22px, 24px, 1.5vw);
  }
  button.arrowStyle {
    font-size: clamp(16px, 18px, 1.25vw);
  }

  .beigeBkgd button.indigoBkgd:hover, .beigeBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .beigeBkgd button.active:hover, .beigeBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .beigeBkgd button.active:hover, .whiteBkgd button.indigoBkgd:hover, .whiteBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .whiteBkgd button.active:hover, .whiteBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .whiteBkgd button.active:hover, #funerals .filters .filterButtons button button.indigoBkgd:hover, #funerals .filters .filterButtons button button.active:hover, #blog .filters .filterButtons button button.indigoBkgd:hover, #blog .filters .filterButtons button button.active:hover, .peachBkgd button.indigoBkgd:hover, .peachBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .peachBkgd button.active:hover, .peachBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .peachBkgd button.active:hover {
    background: #493536 !important;
  }
  .beigeBkgd button.whiteBkgd:hover, .beigeBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .beigeBkgd button:hover, .beigeBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .beigeBkgd button:hover, .whiteBkgd button.whiteBkgd:hover, .whiteBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .whiteBkgd button:hover, #funerals .filters .filterButtons button button:hover, .whiteBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .whiteBkgd button:hover, #blog .filters .filterButtons button button:hover, .peachBkgd button.whiteBkgd:hover, .peachBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .peachBkgd button:hover, .peachBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .peachBkgd button:hover {
    color: #493536 !important;
  }
  .beigeBkgd button.beigeBkgd:hover, .whiteBkgd button.beigeBkgd:hover, #funerals .filters .filterButtons button button.beigeBkgd:hover, #blog .filters .filterButtons button button.beigeBkgd:hover, .peachBkgd button.beigeBkgd:hover {
    color: #886566 !important;
  }
  .beigeBkgd a:hover, .whiteBkgd a:hover, #funerals .filters .filterButtons button a:hover, #blog .filters .filterButtons button a:hover, .peachBkgd a:hover {
    color: #886566;
  }

  .brownBkgd button.whiteBkgd:hover, .brownBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons .brownBkgd button:hover, .brownBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons .brownBkgd button:hover {
    background: #ECE8DA !important;
  }
  .brownBkgd button.indigoBkgd:hover, .brownBkgd #funerals .filters .filterButtons button.active:hover, #funerals .filters .filterButtons .brownBkgd button.active:hover, .brownBkgd #blog .filters .filterButtons button.active:hover, #blog .filters .filterButtons .brownBkgd button.active:hover {
    background: #F4A586 !important;
  }
  .brownBkgd a:hover {
    color: #F4A586;
  }

  header button.whiteBkgd:hover, header #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons header button:hover, header #blog .filters .filterButtons button:hover, #blog .filters .filterButtons header button:hover {
    color: #493536 !important;
  }

  .landing {
    padding-top: 22vh;
    position: relative;
    padding-left: calc(2vw + 40%);
    min-height: 70vh;
    row-gap: 0;
    display: block;
  }
  .landing img {
    height: calc(100% - 32vh);
    position: absolute;
    left: 2vw;
    top: 22vh;
    margin-left: 0;
    width: 40%;
  }
  .landing h1, .landing h2 {
    width: 95%;
    padding-top: 5vh;
    padding-bottom: 5vh;
    margin-left: 4vw;
  }
  .landing .landingBottom, .landing .introBottom {
    width: 80%;
    margin-left: 4vw;
  }
  .landing .landingBottom > *, .landing .introBottom > * {
    width: calc(100% - 6vw);
  }
  .landing .landingBottom h1, .landing .introBottom h1 {
    margin-left: 0;
  }
  .landing .landingBottom button.indigoBkgd, .landing .landingBottom #funerals .filters .filterButtons button.active, #funerals .filters .filterButtons .landing .landingBottom button.active, .landing .landingBottom #blog .filters .filterButtons button.active, #blog .filters .filterButtons .landing .landingBottom button.active, .landing .introBottom button.indigoBkgd, .landing .introBottom #funerals .filters .filterButtons button.active, #funerals .filters .filterButtons .landing .introBottom button.active, .landing .introBottom #blog .filters .filterButtons button.active, #blog .filters .filterButtons .landing .introBottom button.active {
    width: fit-content;
    color: #FEFBF6;
    padding: 1vh 4vh;
  }

  .faqs .dropdown .dropdownContent, #choices .decisions .dropdown .dropdownContent, #arrange .decisions .dropdown .dropdownContent {
    padding-top: 0;
    padding-bottom: 3vh;
  }
  .faqs .dropdown .dropdownContent p, .faqs .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .faqs .dropdown .dropdownContent li, #choices .decisions .dropdown .dropdownContent p, #choices .decisions .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions .dropdown .dropdownContent li, #arrange .decisions .dropdown .dropdownContent p, #arrange .decisions .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions .dropdown .dropdownContent li {
    padding-top: 3vh;
    width: 70%;
  }

  .cta p, .cta #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .cta li {
    width: 85%;
  }
}
@media only screen and (min-height: 1000px) and (max-width: 1024px) {
  header .innerHeader #mobileMenuBtn {
    display: block !important;
  }
  header .innerHeader #mobileMenuBtn img.light {
    display: block !important;
  }
  header .innerHeader #desktopMenu {
    display: none !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn, header.brownBkgd .innerHeader #mobileMenuBtn, header.transparent.on .innerHeader #mobileMenuBtn {
    display: block !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn img.dark, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.dark, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.dark, header.brownBkgd .innerHeader #mobileMenuBtn img.dark, header.transparent.on .innerHeader #mobileMenuBtn img.dark {
    display: block !important;
  }
  header.indigoBkgd .innerHeader #mobileMenuBtn img.light, #funerals .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.light, #blog .filters .filterButtons header.active .innerHeader #mobileMenuBtn img.light, header.brownBkgd .innerHeader #mobileMenuBtn img.light, header.transparent.on .innerHeader #mobileMenuBtn img.light {
    display: none !important;
  }
  header #menu.active {
    display: block !important;
  }
  header #menu.active .menuNav {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh !important;
  }
  header #menu.active nav {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  header #menu.active nav .dropdown .dropdownTrigger {
    display: block !important;
  }
  header #menu.active nav .dropdown .dropdownContent {
    width: 100%;
  }
  header #menu.active nav button {
    width: fit-content;
  }
  header #menu.active nav .btn {
    text-align: left;
  }

  .landing {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .landing img {
    height: 50vh !important;
    top: 50%;
    transform: translateY(-50%);
  }
  .landing h1, .landing .landingBottom {
    width: 100%;
  }

  #home .landing {
    padding-top: 10vh !important;
  }

  #home .testimonials .swiper-slide blockquote p, #home .testimonials .swiper-slide blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .testimonials .swiper-slide blockquote li {
    font-size: 40px !important;
  }

  #home .offerings article {
    align-items: flex-start !important;
  }

  footer .preFooter {
    flex-wrap: wrap !important;
  }
  footer .preFooter .leadin {
    width: 100% !important;
  }
  footer .preFooter .phones, footer .preFooter .email {
    width: fit-content !important;
  }

  #arrange .arrangeLanding h1 {
    width: 85% !important;
  }
  #arrange .arrangeLanding .buttonSlider {
    width: 75% !important;
  }
  #arrange .introduction img {
    top: 50% !important;
  }
  #arrange .introduction {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #arrange .introduction .introBottom p, #arrange .introduction .introBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .introduction .introBottom li {
    padding-bottom: 2vh !important;
  }
  #arrange .introduction .introBottom ul {
    margin-bottom: 2vh !important;
  }
  #arrange .venues article .swiper-container2 img {
    height: auto !important;
  }
  #arrange .venues article {
    align-items: center;
    padding-top: 3vh !important;
    padding-bottom: 3vh !important;
  }
  #arrange .venues article .rightSide p, #arrange .venues article .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .rightSide li {
    width: 90% !important;
  }
  #arrange .venues article .dropdownContent {
    padding-bottom: 0;
  }

  #funerals .filters {
    display: block !important;
  }
  #funerals .filters .filterButtons {
    margin-top: 0 !important;
    margin-bottom: 2vh !important;
  }
  #funerals .filters .searchbar {
    margin-left: auto;
    margin-right: auto;
    width: 50% !important;
  }
  #funerals .funerals {
    padding-bottom: 0 !important;
    grid-template-columns: 33% 33% 33% !important;
  }
  #funerals .funerals article h3 {
    font-size: 24px !important;
  }
  #funerals .funerals article .date {
    font-size: 16px !important;
  }
  #funerals .funerals article img {
    height: 20vh !important;
  }

  #single-funeral .innerContainer {
    padding-bottom: 5vh !important;
  }
  #single-funeral .innerContainer .topSection img {
    max-height: 35vh !important;
  }
  #single-funeral .innerContainer .topSection .small, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent p, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection p, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection li {
    padding-bottom: 3vh !important;
  }
  #single-funeral .innerContainer .sectionDetails {
    flex-direction: column;
  }
  #single-funeral .innerContainer .sectionDetails .details, #single-funeral .innerContainer .sectionDetails .vidEmbed {
    width: 100% !important;
  }
  #single-funeral .tributes {
    padding-top: 7vh !important;
  }
  #single-funeral .tributes .fauxFlex .tributeForm {
    width: calc(100% - 4vw) !important;
  }
  #single-funeral .tributes .tributesList {
    display: block !important;
  }
  #single-funeral .tributes .tributesList article:first-child {
    position: static !important;
    width: calc(100% - 4vw) !important;
    height: auto !important;
  }
  #single-funeral .tributes .tributesList article {
    width: calc(100% - 4vw) !important;
    margin-bottom: 3vh !important;
  }
  #single-funeral .tributes .tributesList article .content {
    font-size: 18px !important;
  }

  #approach .topBanner {
    min-height: 12vh !important;
  }
  #approach .landing {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 65vh !important;
  }
  #approach .landing img {
    top: 50% !important;
  }
  #approach #directors {
    padding-top: 7vh;
  }
  #approach #directors h2 {
    padding-bottom: 5vh !important;
  }
  #approach #directors article {
    gap: 4vw !important;
    align-items: center;
  }
  #approach #directors article img.radius, #approach #directors article #calculator .calcForm img.calculation, #calculator .calcForm #approach #directors article img.calculation, #approach #directors article #single-funeral .tributes img.tributeForm, #single-funeral .tributes #approach #directors article img.tributeForm, #approach #directors article #arrange .decisions .decisionDropdowns img, #arrange .decisions .decisionDropdowns #approach #directors article img, #approach #directors #home .offerings article img, #home .offerings #approach #directors article img {
    max-height: 100% !important;
    height: 35vh !important;
    width: 40% !important;
  }
  #approach #directors article .rightSide {
    padding-top: 0 !important;
  }
  #approach .heritage {
    padding-bottom: 5vh !important;
  }

  #calculator .calcForm {
    display: block !important;
    padding-top: 5vh !important;
  }
  #calculator .calcForm .calcContainer {
    top: 0 !important;
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    z-index: 5 !important;
  }
  #calculator .calcForm .calcContainer .calculation {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #calculator .calcForm .formContainer {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5vh;
  }

  #contact {
    display: block !important;
  }
  #contact .leftSide {
    width: 84vw !important;
    padding-top: 15vh !important;
    padding-right: 8vw !important;
  }
  #contact .leftSide .topPara {
    width: 80% !important;
  }
  #contact .leftSide h1 {
    padding-bottom: 5vh !important;
  }
  #contact .leftSide .directContact {
    flex-direction: row !important;
    flex-wrap: wrap;
    column-gap: 2vw;
  }
  #contact .leftSide .directContact .small, #contact .leftSide .directContact #arrange .venues article .dropdownContent p, #contact .leftSide .directContact #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #contact .leftSide .directContact #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #contact .leftSide .directContact p, #arrange .venues article .dropdownContent #contact .leftSide .directContact #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #contact .leftSide .directContact li {
    width: 100%;
  }
  #contact .contactForm {
    width: 84vw !important;
    padding-top: 5vh !important;
    margin-top: -1px;
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }

  #legal .legalContent p, #legal .legalContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #legal .legalContent li {
    width: 80% !important;
  }

  #legal .legalContent h2 {
    font-size: 45px !important;
  }

  #legal .legalHeader {
    padding-top: 5vh !important;
    padding-bottom: 5vh !important;
  }

  #immediate .process .steps .row img {
    height: 30vw !important;
  }
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997;
}
header .innerHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 2vh;
  padding-bottom: 2vh;
}
header .innerHeader #logo {
  width: 50%;
}
header .innerHeader #logo img {
  margin-left: 0;
  margin-right: auto;
}
header .innerHeader .dark {
  display: none !important;
}
header .innerHeader #mobileMenuBtn {
  width: 11%;
  text-align: right;
}
header .innerHeader #mobileMenuBtn img {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
header .dark {
  display: none !important;
}
header.brownBkgd .dark.mobileOnly, header.indigoBkgd .dark.mobileOnly, #funerals .filters .filterButtons header.active .dark.mobileOnly, #blog .filters .filterButtons header.active .dark.mobileOnly, header.transparent.on .dark.mobileOnly {
  display: block !important;
}
header.brownBkgd .light, header.indigoBkgd .light, #funerals .filters .filterButtons header.active .light, #blog .filters .filterButtons header.active .light, header.transparent.on .light {
  display: none !important;
}
header.transparent {
  transition: background-color 300ms ease-in-out;
}
header.transparent.on {
  background: transparent !important;
  color: #FEFBF6;
}
header.transparent.on .innerHeader {
  border-bottom: 1px solid #FEFBF6 !important;
}

@media only screen and (min-width: 600px) {
  header .innerHeader {
    margin-left: 2vw;
    margin-right: 2vw;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2vh;
    border-bottom: 1px solid #493536;
    transition: border-color 300ms ease-in-out;
  }
  header .innerHeader #logo {
    width: fit-content;
  }
  header .innerHeader #logo img {
    transform: scale(0.8);
    transition: all 300ms ease-in-out;
  }
  header.brownBkgd .dark.desktopOnly, header.indigoBkgd .dark.desktopOnly, #funerals .filters .filterButtons header.active .dark.desktopOnly, #blog .filters .filterButtons header.active .dark.desktopOnly, header.transparent.on .dark.desktopOnly {
    display: block !important;
  }
  header.brownBkgd .dark.mobileOnly, header.indigoBkgd .dark.mobileOnly, #funerals .filters .filterButtons header.active .dark.mobileOnly, #blog .filters .filterButtons header.active .dark.mobileOnly, header.transparent.on .dark.mobileOnly {
    display: none !important;
  }
  header.brownBkgd .light, header.indigoBkgd .light, #funerals .filters .filterButtons header.active .light, #blog .filters .filterButtons header.active .light, header.transparent.on .light {
    display: none !important;
  }
  header.brownBkgd .innerHeader, header.indigoBkgd .innerHeader, #funerals .filters .filterButtons header.active .innerHeader, #blog .filters .filterButtons header.active .innerHeader, header.transparent.on .innerHeader {
    border-bottom: 1px solid #FEFBF6;
  }
  header.brownBkgd a:hover, header.indigoBkgd a:hover, #funerals .filters .filterButtons header.active a:hover, #blog .filters .filterButtons header.active a:hover, header.transparent.on a:hover {
    color: unset;
  }
  header.brownBkgd .dropdown > a:after, header.indigoBkgd .dropdown > a:after, #funerals .filters .filterButtons header.active .dropdown > a:after, #blog .filters .filterButtons header.active .dropdown > a:after, header.transparent.on .dropdown > a:after {
    background: url(img/menu-dropdown2.svg) !important;
    height: 7px !important;
  }
  header.brownBkgd .dropdown:hover > a:after, header.indigoBkgd .dropdown:hover > a:after, #funerals .filters .filterButtons header.active .dropdown:hover > a:after, #blog .filters .filterButtons header.active .dropdown:hover > a:after, header.transparent.on .dropdown:hover > a:after {
    background: url(img/dropdown-brown.svg) !important;
  }
  header.brownBkgd .dropdown:hover p, header.brownBkgd .dropdown:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html header.brownBkgd .dropdown:hover li, header.brownBkgd .dropdown:hover a, header.indigoBkgd .dropdown:hover p, header.indigoBkgd .dropdown:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html header.indigoBkgd .dropdown:hover li, #funerals .filters .filterButtons header.active .dropdown:hover p, #funerals .filters .filterButtons header.active .dropdown:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #funerals .filters .filterButtons header.active .dropdown:hover li, #blog .filters .filterButtons header.active .dropdown:hover p, #blog .filters .filterButtons header.active .dropdown:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters .filterButtons header.active .dropdown:hover li, header.indigoBkgd .dropdown:hover a, #funerals .filters .filterButtons header.active .dropdown:hover a, #blog .filters .filterButtons header.active .dropdown:hover a, header.transparent.on .dropdown:hover p, header.transparent.on .dropdown:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html header.transparent.on .dropdown:hover li, header.transparent.on .dropdown:hover a {
    color: #493536 !important;
    text-decoration: underline !important;
    text-decoration-color: #493536 !important;
  }
  header.whiteBkgd button.whiteBkgd, header.whiteBkgd #funerals .filters .filterButtons button, #funerals .filters .filterButtons header.whiteBkgd button, header.whiteBkgd #blog .filters .filterButtons button, #blog .filters .filterButtons header.whiteBkgd button {
    background: #886566 !important;
    color: #ECE8DA !important;
  }
  header.whiteBkgd button.whiteBkgd:hover, header.whiteBkgd #funerals .filters .filterButtons button:hover, #funerals .filters .filterButtons header.whiteBkgd button:hover, header.whiteBkgd #blog .filters .filterButtons button:hover, #blog .filters .filterButtons header.whiteBkgd button:hover {
    color: #FEFBF6 !important;
  }
}
.overlay {
  width: 0;
  height: 0;
  background: rgba(73, 53, 54, 0.47);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  transition: zIndex 0.2s ease;
}
.overlay img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
.overlay.open {
  z-index: 996;
  width: 100%;
  height: 100%;
  transition: zIndex 0.2s ease;
}

footer a {
  text-decoration: underline;
}
footer .preFooter {
  padding-top: 3vh;
  padding-bottom: 3vh;
  display: flex;
  flex-direction: column;
  gap: 2vh;
}
@media only screen and (max-width: 600px) {
  footer .preFooter a, footer .preFooter p, footer .preFooter #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html footer .preFooter li {
    font-size: 20px;
  }
}
footer .preFooter .phones {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  display: flex;
  gap: 15px;
  align-items: center;
}
footer .preFooter .phones:before {
  background-image: url(img/phone.svg);
  background-size: 28px 28px;
  display: block;
  width: 28px;
  height: 28px;
  content: "";
  background-repeat: no-repeat !important;
}
footer .preFooter .email {
  display: flex;
  gap: 15px;
  align-items: center;
}
footer .preFooter .email:before {
  background-image: url(img/email.svg);
  background-size: 28px 28px;
  display: block;
  width: 28px;
  height: 28px;
  content: "";
  background-repeat: no-repeat !important;
}
footer .primaryFooter {
  padding-top: 5vh;
  padding-bottom: 5vh;
}
footer .primaryFooter img {
  width: 40%;
  margin-bottom: 5vh;
}
footer .primaryFooter .footLinks {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 5vh;
}
footer .primaryFooter .footLinks a {
  text-decoration: none;
}
footer .primaryFooter .rightSide {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .primaryFooter .rightSide p, footer .primaryFooter .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html footer .primaryFooter .rightSide li, footer .primaryFooter .rightSide a {
  font-size: 16px;
}
footer .primaryFooter .rightSide .address {
  width: 75%;
}
footer .primaryFooter .offsiteLinks .facebook {
  display: grid;
  gap: 15px;
  grid-template-columns: 18px auto;
  align-items: center;
  margin-bottom: 10px;
}
footer .primaryFooter .offsiteLinks .facebook:before {
  background-image: url(img/facebook.svg);
  background-size: 18px 18px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background-repeat: no-repeat !important;
}
footer .primaryFooter .offsiteLinks .hub {
  display: grid;
  gap: 15px;
  grid-template-columns: 18px auto;
  align-items: center;
}
footer .primaryFooter .offsiteLinks .hub:before {
  background-image: url(img/offsite-white.svg);
  background-size: 18px 18px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background-repeat: no-repeat !important;
}
footer .primaryFooter .copyright, footer .primaryFooter .bsd {
  font-size: 14px;
}
footer .primaryFooter .copyright {
  margin-top: 4vh;
}
footer .primaryFooter .legalLinks a, footer .primaryFooter .bsd a {
  font-size: 14px;
}
footer .primaryFooter .bottom {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media only screen and (min-width: 600px) {
  footer .preFooter {
    display: flex;
    flex-direction: row;
  }
  footer .preFooter .leadin {
    width: 20%;
  }
  footer .preFooter .phones {
    width: 40%;
    justify-content: center;
  }
  footer .preFooter .email {
    width: 30%;
    margin-left: auto;
    margin-right: 0;
  }
  footer .preFooter .email a {
    width: calc(100% - 45px);
  }
  footer .primaryFooter {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  footer .primaryFooter .footLinks {
    width: calc(60% + 4vh);
  }
  footer .primaryFooter .footLinks a {
    width: fit-content;
  }
  footer .primaryFooter .rightSide {
    width: 30%;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
  }
  footer .primaryFooter .bottom {
    display: flex;
    flex-direction: row;
    gap: 2vw;
    padding-top: 5vh;
    align-items: center;
  }
  footer .primaryFooter .bottom .copyright {
    margin: 0;
  }
  footer .primaryFooter .bottom .legalLinks {
    align-items: center;
  }
}
#menu {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 998;
  overflow: scroll !important;
}
#menu .menuNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 2vh;
  padding-bottom: 2vh;
}
#menu .menuNav .menuLogo {
  width: 50%;
}
#menu .menuNav .closeMenu {
  width: 11%;
  text-align: right;
}
#menu nav {
  overflow: scroll !important;
}
#menu nav a {
  text-decoration: none;
}
#menu nav p, #menu nav #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #menu nav li {
  font-size: 24px;
  line-height: 1;
}
#menu nav .dropdown {
  width: 100%;
  display: flex;
  column-gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 6vh;
}
#menu nav .dropdown.open .dropdownTrigger {
  transform: rotate(180deg);
}
#menu nav .dropdown .dropdownContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
#menu nav .dropdown .dropdownContent a {
  font-size: 21px;
  text-decoration-line: underline;
}
#menu nav .dropdown .dropdownContent a:first-child {
  padding-top: 3vh;
}
#menu nav .dropdown .dropdownContent a:last-child {
  padding-bottom: 0;
}
#menu nav .dropdown .dropdownContent p, #menu nav .dropdown .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #menu nav .dropdown .dropdownContent li {
  line-height: 1;
}
#menu nav > a {
  display: block;
  margin-bottom: 6vh;
}
#menu button {
  padding: 1.5vh 2vh;
  text-align: center;
  width: 100%;
}
#menu .btn {
  text-align: center;
}

#menu.active {
  height: 100vh;
  visibility: visible;
}

@media only screen and (min-width: 600px) {
  #desktopMenu {
    /* width:80%; */
    width: auto;
  }
  #desktopMenu nav {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    background: transparent !important;
    padding: 0;
  }
  #desktopMenu nav a, #desktopMenu nav p, #desktopMenu nav #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #desktopMenu nav li, #desktopMenu nav button {
    font-size: clamp(14px, 16px, 1vw) !important;
    font-family: "hauoraMed", sans-serif, sans-serif;
  }
  #desktopMenu nav > a p, #desktopMenu nav > a #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #desktopMenu nav > a li {
    margin-right: 2vh;
    margin-left: 2vh;
  }
  #desktopMenu nav > a button {
    margin-left: 2vh;
  }
  #desktopMenu nav > a:hover p, #desktopMenu nav > a:hover #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #desktopMenu nav > a:hover li {
    text-decoration: underline;
  }
  #desktopMenu nav a {
    line-height: 1;
  }
  #desktopMenu nav .currentItem {
    text-decoration: underline !important;
  }
  #desktopMenu nav .dropdown {
    position: relative;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-right: 0;
    width: fit-content;
    display: block;
    padding: 2vh;
    padding-bottom: 0;
    margin-bottom: 2vh;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: transparent;
    transition: background-color 500ms ease-in-out;
  }
  #desktopMenu nav .dropdown > a {
    display: grid;
    gap: 15px;
    align-items: center;
    grid-template-columns: auto 15px;
    width: 100%;
    gap: 10px;
  }
  #desktopMenu nav .dropdown > a:after {
    background-image: url(img/dropdown-brown.svg);
    background-size: 15px 15px;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    background-repeat: no-repeat !important;
  }
  #desktopMenu nav .dropdown > a:after {
    pointer-events: none;
  }
  #desktopMenu nav .dropdown > a p, #desktopMenu nav .dropdown > a #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #desktopMenu nav .dropdown > a li {
    width: fit-content;
  }
  #desktopMenu nav .dropdown .dropdownContent {
    position: absolute;
    left: 0;
    height: auto;
    opacity: 1;
    max-height: unset !important;
    pointer-events: none;
    text-decoration: underline;
    padding: 0 2vh;
    background: transparent;
    color: transparent;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
    padding-top: 2vh;
  }
  #desktopMenu nav .dropdown .dropdownContent a {
    display: block;
    width: 100%;
    padding-bottom: 2vh;
    white-space: nowrap;
  }
  #desktopMenu nav .dropdown .dropdownContent a:last-child {
    padding-bottom: 2vh;
  }
  #desktopMenu nav .dropdown:hover {
    text-decoration: underline;
    background: #FEFBF6;
  }
  #desktopMenu nav .dropdown:hover .dropdownContent {
    pointer-events: auto;
    background: #FEFBF6;
    color: #493536;
  }
}
#menuchoices p, #menuchoices #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #menuchoices li {
  line-height: 1;
}
#menuchoices p.choice:hover, #menuchoices #calculator .calcForm .formContainer .gfield--type-html li.choice:hover, #calculator .calcForm .formContainer .gfield--type-html #menuchoices li.choice:hover {
  cursor: pointer;
}

.gform_body .gform_fields {
  grid-row-gap: 3vh !important;
}
.gform_body * {
  font-weight: 400 !important;
}
.gform_body legend, .gform_body .gfield_label {
  font-size: 18px !important;
  color: #493536 !important;
  font-weight: 400 !important;
}
.gform_body .gfield_required {
  color: #886566 !important;
}
.gform_body input[type=text], .gform_body input::placeholder, .gform_body select, .gform_body input[type=tel], .gform_body input[type=email], .gform_body textarea, .gform_body textarea::placeholder, .gform_body option, .gform_body input[type=number] {
  border: none;
  background: #ECE8DA;
  outline: none;
  resize: none;
  appearance: none;
  color: #886566;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border-radius: 8px;
  font-size: 18px !important;
}
.gform_body input:active, .gform_body input:focus, .gform_body textarea:active, .gform_body textarea:focus, .gform_body select:active, .gform_body select:focus {
  outline: none !important;
}
.gform_body input[type=text], .gform_body select, .gform_body input[type=tel], .gform_body input[type=email], .gform_body textarea, .gform_body input[type=number] {
  height: 100%;
  padding: 1.5vh 2vh !important;
}
.gform_body input[type=number] {
  height: auto !important;
  line-height: 1 !important;
  min-height: unset !important;
}
.gform_body textarea {
  height: 155px !important;
}
.gform_body .ginput_container_select {
  overflow: hidden;
  position: relative;
}
.gform_body .ginput_container_select select {
  font-size: 18px !important;
}
.gform_body .ginput_container_select::after {
  pointer-events: none;
  content: url(img/button-arrow-white.svg);
  position: absolute;
  right: 10px;
  top: 50%;
  transform-origin: top;
  transform: rotate(90deg) translateY(-50%);
}
.gform_body .noDescription .gfield_description {
  display: none !important;
}
.gform_body .ginput_container_radio {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.gform_body .ginput_container_radio legend {
  margin-bottom: 16px !important;
}
.gform_body .ginput_container_radio .gfield_checkbox, .gform_body .ginput_container_radio .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 60%;
  margin-top: 3%;
}
.gform_body .ginput_container_radio .gchoice {
  width: 50%;
  position: relative;
  padding-bottom: 10px;
}
.gform_body .ginput_container_radio .gchoice label::before {
  content: "\a";
  background: white;
  border: 3px solid blue;
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.gform_body .ginput_container_radio .gchoice label {
  font-weight: 700;
}
.gform_body .ginput_container_radio .gchoice input {
  opacity: 0;
  display: none;
}
.gform_body .ginput_container_radio .gchoice label {
  padding-left: 10px;
  font-size: 20px !important;
  margin-top: -0.5px;
}
.gform_body .ginput_container_radio .gchoice input:checked ~ label::after {
  content: "\a";
  background: transparent;
  opacity: 0;
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.gform_body .ginput_container_radio .gchoice input:checked ~ label {
  font-weight: 700;
  color: blue;
}

.gform_footer input[type=submit] {
  font-weight: 400;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  width: fit-content;
  cursor: pointer;
  border: none;
  appearance: none !important;
  font-size: 21px;
  padding: 1vh 5vh;
  border-radius: 45px;
  font-size: 16px;
}

.gform_required_legend {
  display: none;
}

.gform_validation_errors {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.gform_validation_errors h2 {
  padding-bottom: 2%;
  padding-top: 0;
}
.gform_validation_errors span {
  display: none !important;
}

.validation_message {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

.gform_description {
  padding-bottom: 0 !important;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_error label, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid=true] + label, .gform_wrapper label + [aria-invalid=true], .gform_submission_error {
  color: #886566 !important;
}

.gform_submission_error {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border: 1px solid #886566 !important;
}

.gform_wrapper h5 {
  padding-bottom: 0;
}

.gsection_title {
  display: none;
}

.gform_confirmation_message h1, .gform_confirmation_message h2, .gform_confirmation_message h3, .gform_confirmation_message h4, .gform_confirmation_message h5 {
  padding-bottom: 0;
}

#contact .ginput_container_select {
  width: 40% !important;
}

@media only screen and (min-width: 600px) {
  .gform_body .gform_submission_error {
    padding-top: 0;
  }
  .gform_body .gfield {
    display: flex;
  }
  .gform_body .gfield label {
    width: 30%;
  }
  .gform_body .gfield .ginput_container {
    width: 70% !important;
  }
  .gform_body .gfield.gfield--type-select {
    align-items: center;
    gap: 4vw;
  }
  .gform_body .gfield.gfield--type-select label {
    width: fit-content;
    margin-bottom: 0;
  }
  .gform_body .gfield.gfield--type-select .ginput_container_select::after {
    right: 20px;
  }

  #gform_submit_button_1 {
    width: 100%;
    font-family: "hauoraMed", sans-serif, sans-serif !important;
    font-size: clamp(22px, 24px, 1.5vw) !important;
    margin-bottom: 0;
    transition: background-color 300ms ease-in-out;
  }
  #gform_submit_button_1:hover {
    background: #493536;
  }

  .gform_footer {
    padding-top: 3vh !important;
    padding-bottom: 0 !important;
  }

  #contact .ginput_container_select {
    width: 20% !important;
  }
}
#home .landing button {
  padding: 1.5vh 2vh;
}
#home .landing .page-title--small {
  display: none;
}
#home .quickLinks .leadin {
  padding-bottom: 2.5vh;
  margin-bottom: 2.5vh;
  border-bottom: 1px solid #493536;
}
#home .quickLinks .quickLinks-title {
  padding-bottom: 2.5vh;
  font-size: 28px;
  display: block;
}
#home .quickLinks .quickButtons {
  display: flex;
  flex-direction: column;
  gap: 1vh;
}
#home .testimonials {
  padding-top: 7vh;
}
#home .testimonials .ti-widget {
  width: 100% !important;
}
#home .testimonials h3 {
  font-family: "hauora", sans-serif;
  font-size: clamp(30px, 32px, 2vw);
  margin: 0 auto;
  margin-bottom: 5.5vh;
  text-align: center;
}
#home .testimonials .tName {
  padding-bottom: 5vh;
  color: #FEFBF6;
}
#home .testimonials .swiper-slide {
  margin-top: auto;
  margin-bottom: auto;
}
#home .testimonials blockquote p, #home .testimonials blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .testimonials blockquote li {
  font-size: 36px !important;
  line-height: 1.15;
  color: #FEFBF6;
}
#home .testimonials .swiper-pagination {
  position: static;
  margin-top: 10vh;
}
#home .testimonials .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #ECE8DA;
  background: transparent;
  opacity: 1;
  margin: 0 6px;
  width: 9px;
  height: 9px;
}
#home .testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background: #ECE8DA;
}
#home .offerings .offeringList {
  display: flex;
  flex-direction: column;
  gap: 10vh;
}
#home .offerings article h3 {
  margin-top: 5vh;
  margin-bottom: 2.5vh;
}
#home .offerings article p, #home .offerings article #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .offerings article li {
  margin-bottom: 2.5vh;
}

@media only screen and (min-width: 600px) {
  #home .landing h1, #home .landing .page-title {
    font-size: clamp(65px, 75px, 5.25vw);
  }
  #home .landing .page-title--small {
    display: block;
    font-size: 20px;
    padding: 0;
    font-style: normal;
    font-family: "hauora", sans-serif;
  }
  #home .quickLinks {
    padding: 10vh 2vw;
    padding-top: 0;
  }
  #home .quickLinks .quickButtons {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2vh;
  }
  #home .testimonials {
    padding-top: 10vh;
  }
  #home .testimonials blockquote p, #home .testimonials blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #home .testimonials blockquote li {
    font-size: clamp(65px, 70px, 5vw) !important;
  }
  #home .testimonials .tName {
    padding-bottom: 3vh;
  }
  #home .offerings article {
    display: flex;
    gap: 4vw;
    align-items: center;
  }
  #home .offerings article img {
    width: 50%;
    height: 22vw;
    object-fit: cover;
  }
  #home .offerings article .rightSide {
    width: 50%;
  }
  #home .offerings article h3 {
    margin-top: 0;
  }
}
#legal .legalContent {
  text-align: left;
}
#legal .legalContent p, #legal .legalContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #legal .legalContent li, #legal .legalContent ul, #legal .legalContent ol, #legal .legalContent h1, #legal .legalContent h2, #legal .legalContent h3, #legal .legalContent h4, #legal .legalContent h5 {
  padding-bottom: 5%;
}
#legal .legalContent p, #legal .legalContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #legal .legalContent li, #legal .legalContent a, #legal .legalContent li {
  font-size: 18px;
}
#legal .legalContent h1, #legal .legalContent h2, #legal .legalContent h3, #legal .legalContent h4, #legal .legalContent h5 {
  margin-top: 5%;
}
#legal .legalContent li {
  margin-left: 15px;
}

@media only screen and (min-width: 600px) {
  #legal {
    padding-top: 12vh;
  }
  #legal .legalContent {
    padding-top: 0%;
  }
  #legal .legalContent p, #legal .legalContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #legal .legalContent li, #legal .legalContent ul, #legal .legalContent ol, #legal .legalContent h1, #legal .legalContent h2, #legal .legalContent h3, #legal .legalContent h4, #legal .legalContent h5 {
    padding-bottom: 1.5%;
    width: 70%;
  }
  #legal .legalContent h1, #legal .legalContent h2, #legal .legalContent h3, #legal .legalContent h4, #legal .legalContent h5 {
    margin-top: 2%;
  }
}
#arrange .arrangeLanding {
  padding-top: 25vh;
  text-align: center;
  padding-bottom: 50vh;
  transition: padding 0.5s ease-in-out;
}
#arrange .arrangeLanding h1 {
  padding-bottom: 10vh;
}
#arrange .arrangeLanding .buttonSlider {
  display: flex;
  justify-content: center;
  border-radius: 45px;
  background: #493536;
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*.myself {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .someoneelse {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
  }*/
}
#arrange .arrangeLanding .buttonSlider button {
  font-size: 18px;
  padding: 2vh 0;
  color: #ECE8DA;
  position: relative;
  border-radius: 0px;
  background: transparent;
  width: 50%;
}
#arrange .arrangeLanding .buttonSlider button span {
  z-index: 2;
  position: relative;
}
#arrange .arrangeLanding .buttonSlider button.active {
  color: #886566;
  transition: color 0.1s ease 0.2s;
}
#arrange .arrangeLanding .buttonSlider::after {
  content: "\a";
  width: 50%;
  height: 100%;
  background-color: #ECE8DA;
  color: #886566;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border-radius: 45px;
  transition: all 0.3s ease-in-out;
}
#arrange .arrangeLanding .value2::after {
  right: 50%;
}
#arrange .introduction .introBottom {
  width: 100%;
}
#arrange .introduction .introBottom p, #arrange .introduction .introBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .introduction .introBottom li {
  padding-bottom: 5vh;
}
#arrange .introduction .introBottom p:last-child, #arrange .introduction .introBottom #calculator .calcForm .formContainer .gfield--type-html li:last-child, #calculator .calcForm .formContainer .gfield--type-html #arrange .introduction .introBottom li:last-child {
  padding-bottom: 0;
}
#arrange .introduction .introBottom .phonePrompt {
  padding-bottom: 0;
}
#arrange .introduction ul {
  border-bottom: 1px solid #493536;
  margin-bottom: 5vh;
}
#arrange .introduction ul li {
  list-style: none;
  font-size: 21px;
  padding: 2vh 0;
  border-top: 1px solid #493536;
}
#arrange .introduction p a, #arrange .introduction #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #arrange .introduction li a {
  text-decoration: underline;
}
#arrange .decisions > p, #arrange #calculator .calcForm .formContainer .gfield--type-html .decisions > li, #calculator .calcForm .formContainer .gfield--type-html #arrange .decisions > li {
  padding-bottom: 5vh;
}
#arrange .decisions .decisionDropdowns {
  border-bottom: 1px solid #493536;
}
#arrange .decisions .decisionDropdowns img {
  margin-top: 2vh;
}
#arrange .venues {
  padding-bottom: 0;
  display: none;
}
#arrange .venues > p, #arrange #calculator .calcForm .formContainer .gfield--type-html .venues > li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues > li {
  padding-bottom: 7vh;
  margin-bottom: 3vh;
  border-bottom: 1px solid #493536;
}
#arrange .venues .swiper-pagination {
  position: static;
  margin-top: 1vh;
  margin-bottom: 2vh;
}
#arrange .venues .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #886566;
  background: transparent;
  opacity: 1;
  margin: 0 6px;
  width: 9px;
  height: 9px;
}
#arrange .venues .swiper-pagination .swiper-pagination-bullet-active {
  background: #886566;
}
#arrange .venues .venueList {
  display: flex;
  flex-direction: column;
  gap: 10vh;
  padding-bottom: 10vh;
}
#arrange .venues article {
  border-bottom: 1px solid #493536;
}
#arrange .venues article h3 {
  margin-bottom: 3vh;
}
#arrange .venues article .address {
  margin-bottom: 2vh;
  display: block;
  font-size: 16px;
  width: 65%;
}
#arrange .venues article a {
  text-decoration: underline;
}
#arrange .venues article .dropdownTrigger {
  display: grid;
  gap: 15px;
  grid-template-columns: 12px auto;
  align-items: center;
  padding-bottom: 2vh;
}
#arrange .venues article .dropdownTrigger:before {
  background-image: url(img/plus.svg);
  background-size: 12px 12px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background-repeat: no-repeat !important;
}
#arrange .venues article .trigger2 {
  display: none;
}
#arrange .venues article .dropdownContent {
  padding-top: 0;
}
#arrange .venues article .open .dropdownTrigger::before {
  background: url(img/minus.svg);
  height: 4px;
}
#arrange .venues article .open .dropdownContent {
  padding-top: 7%;
}
#arrange .venues article .open .trigger2 {
  display: flex;
}
#arrange .venues article .open .trigger1 {
  display: none;
}
#arrange .ctabanner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#arrange .ctabanner .cta {
  padding: 8vh 4vw;
  flex: 1;
}
#arrange .blogbanner {
  padding-top: 10vh;
}
#arrange .blogbanner h2 {
  text-align: center;
}
#arrange .blogbanner .blogs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#arrange .blogbanner .blogTile {
  border-radius: 8px;
  background: var(--Windsor-White, #FEFBF6);
  width: calc(100% - 32px);
  margin-bottom: 30px;
  padding: 16px;
  display: flex !important;
  align-items: stretch;
}
#arrange .blogbanner .blogTile .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#arrange .blogbanner .blogTile > a {
  margin-top: 0;
}
#arrange .blogbanner .blogTile .image img {
  width: 100%;
  border-radius: 4px;
}
#arrange .blogbanner .blogTile h2 {
  margin: 20px 0 0;
  width: 98%;
  color: var(--Windsor-Brown, #493536);
  font-family: Hauora;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  padding-bottom: 2.5vh;
}
#arrange .blogbanner .blogTile p, #arrange .blogbanner .blogTile #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .blogbanner .blogTile li {
  font-size: 18px;
}
#arrange .blogbanner .blogTile p a, #arrange .blogbanner .blogTile #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #arrange .blogbanner .blogTile li a {
  margin-top: 12px;
  display: block;
}
#arrange .blogbanner .blogTile .link {
  margin-top: auto;
}
#arrange .blogbanner .blogTile.cta {
  padding: 0;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  display: flex !important;
  align-items: stretch;
  overflow: hidden;
}
#arrange .blogbanner .blogTile.cta .info {
  padding: 16px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#arrange .blogbanner .blogTile.cta .info h2 {
  margin-top: 0;
}
#arrange .blogbanner .blogTile.cta .info h2, #arrange .blogbanner .blogTile.cta .info p, #arrange .blogbanner .blogTile.cta .info #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .blogbanner .blogTile.cta .info li, #arrange .blogbanner .blogTile.cta .info a {
  color: #FEFBF6 !important;
}
#arrange .blogbanner .blogTile.cta .info a {
  margin-top: auto;
}
#arrange .myselfContent, #arrange .someoneContent {
  height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  overflow-x: hidden;
}
#arrange .myselfContent.showContent, #arrange .someoneContent.showContent {
  height: unset;
  opacity: 1;
  transition: visibility 0s, opacity 500ms ease-in-out 500ms;
  pointer-events: auto;
  visibility: visible;
}
#arrange .cta {
  display: none;
}

@media only screen and (min-width: 600px) {
  #arrange .arrangeLanding {
    padding-top: 35vh;
    padding-bottom: 45vh;
  }
  #arrange .arrangeLanding h1 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  #arrange .arrangeLanding .buttonSlider {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  #arrange .arrangeLanding .buttonSlider button {
    padding: 1.5vh;
  }
  #arrange .introduction {
    padding-top: 10vh;
  }
  #arrange .introduction img {
    top: 10vh;
    height: calc(100% - 20vh);
  }
  #arrange .introduction h2 {
    padding-bottom: 5vh;
    padding-top: 5vh;
  }
  #arrange .decisions {
    background: #FEFBF6;
    padding-top: 10vh;
  }
  #arrange .decisions article .dropdownContent {
    display: flex;
    column-gap: 4vw;
  }
  #arrange .decisions article .dropdownContent img {
    margin-top: 0;
    width: 100%;
  }
  #arrange .venues > p, #arrange #calculator .calcForm .formContainer .gfield--type-html .venues > li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues > li {
    margin-bottom: 0;
    width: 85%;
    border-bottom: none;
  }
  #arrange .venues .venueList {
    border-top: 1px solid #493536;
    gap: 0;
  }
  #arrange .venues article {
    display: flex;
    flex-direction: row;
    padding-top: 7vh;
    padding-bottom: 7vh;
  }
  #arrange .venues article:last-child {
    border-bottom: none;
    padding-bottom: 10vh;
  }
  #arrange .venues article .swiper-container2 {
    width: 50%;
    order: 2;
    height: fit-content;
  }
  #arrange .venues article .swiper-container2 img {
    height: 40vh;
    width: 100%;
    object-fit: cover;
  }
  #arrange .venues article .swiper-container2 .swiper-pagination {
    text-align: right;
    margin-bottom: 0;
  }
  #arrange .venues article .swiper-container2 .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
  }
  #arrange .venues article .rightSide {
    width: 50%;
  }
  #arrange .venues article .rightSide p, #arrange .venues article .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .rightSide li {
    width: 80%;
  }
  #arrange .venues article .rightSide .dropdown .dropdownTrigger {
    display: none;
  }
  #arrange .venues article .rightSide .dropdown .dropdownContent {
    height: auto !important;
    opacity: 1 !important;
    max-height: 100%;
  }
  #arrange .blogbanner .blogs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #arrange .blogbanner .blogTile {
    width: 30%;
    margin-bottom: 0;
  }
  #arrange .blogbanner .blogTile.cta {
    width: 30%;
  }
  #arrange .ctabanner {
    flex-direction: row;
  }
}
#choicePopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  z-index: 999;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.5) -2px 2px 10px 0;
  width: 0%;
  height: 0%;
  overflow: hidden;
  transition: all 0.2s ease;
}
#choicePopup .closeStory {
  right: 20px;
  top: 23px;
  position: fixed;
  width: 35px;
  height: 35px;
  z-index: 999;
  background: url(./img/close.svg) no-repeat 0 0/100%;
  transform: scale(1);
  transition: all 0.2s ease;
}
#choicePopup .closeStory:hover {
  cursor: pointer;
  transform: scale(0.9);
  transition: all 0.2s ease;
}
#choicePopup.open {
  top: 50%;
  left: 50%;
  width: calc(100% - 24px);
  height: 70vh;
  overflow: scroll;
  transition: all 0.2s ease;
}
#choicePopup .content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  padding: 20px 20px;
}
#choicePopup .content .imagegallery {
  width: 100%;
}
#choicePopup .content .imagegallery .swiper-button-next, #choicePopup .content .imagegallery .swiper-button-prev {
  width: 30%;
  height: 100%;
  top: 0;
}
#choicePopup .content .imagegallery .swiper-button-next {
  right: 0;
  background-image: none;
}
#choicePopup .content .imagegallery .swiper-button-prev {
  left: 0;
  background-image: none;
}
#choicePopup .content .imagegallery .swiper-pagination {
  position: static;
  margin-top: 2vh;
  margin-bottom: 2vh;
}
#choicePopup .content .imagegallery .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #886566;
  background: transparent;
  opacity: 1;
  margin: 0 6px;
  width: 9px;
  height: 9px;
}
#choicePopup .content .imagegallery .swiper-pagination .swiper-pagination-bullet-active {
  background: #886566;
}
#choicePopup .content .imagegallery.swiper-container2 {
  /* width:100%;*/
  height: fit-content;
  position: relative;
}
#choicePopup .content .imagegallery.swiper-container2 .swiper-slide {
  width: 100% !important;
}
#choicePopup .content .imagegallery.swiper-container2 img {
  height: 40vh;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
#choicePopup .content .imagegallery.swiper-container2 .swiper-pagination {
  text-align: center;
}
#choicePopup .content .imagegallery.swiper-container2 .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
#choicePopup .content .contentside {
  width: 100%;
}
#choicePopup .content .contentside h3 {
  font-size: 32px;
  color: #493536;
  font-family: Hauora;
  margin-bottom: 20px;
  margin-top: 10px;
}
#choicePopup .content .contentside .price {
  margin: 10px 0;
  border-top: 1px solid #493536;
  border-bottom: 1px solid #493536;
  padding: 10px 0;
  color: #493536;
  font-size: 20px;
}
#choicePopup .content .contentside .description {
  color: #493536;
  font-size: 16px;
}
#choicePopup .content .contentside .extras {
  margin: 20px 0;
}
#choicePopup .content .contentside .extras p, #choicePopup .content .contentside .extras #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choicePopup .content .contentside .extras li {
  color: #493536;
  font-size: 16px;
  display: block;
  margin: 5px 0;
}
#choicePopup .content .contentside .calltoaction {
  color: #493536;
  font-size: 16px;
}
#choicePopup .content .contentside .calltoaction a {
  text-decoration: underline;
}

#choices .arrangeLanding {
  padding-top: 25vh;
  text-align: center;
  padding-bottom: 15vh;
  transition: padding 0.5s ease-in-out;
}
#choices .arrangeLanding h1 {
  padding-bottom: 10vh;
}
#choices .arrangeLanding p, #choices .arrangeLanding #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #choices .arrangeLanding li {
  width: 75%;
  margin: auto auto;
}
#choices .decisions {
  padding-top: 15vh;
  padding-bottom: 15vh;
}
#choices .decisions h3 {
  font-family: "hauora", sans-serif;
  font-size: 21px;
  padding-bottom: 3vh;
}
#choices .decisions .decisionDropdowns {
  border-bottom: 1px solid #493536;
}
#choices .decisions .decisionDropdowns article {
  border-top: 1px solid #493536;
  padding-top: 3vh;
}
#choices .decisions .decisionDropdowns article .dropdownContent {
  padding-top: 0;
  padding-bottom: 0;
}
#choices .decisions .decisionDropdowns article .dropdownContent > p, #choices .decisions .decisionDropdowns article #calculator .calcForm .formContainer .gfield--type-html .dropdownContent > li, #calculator .calcForm .formContainer .gfield--type-html #choices .decisions .decisionDropdowns article .dropdownContent > li {
  padding: 0;
  width: 90%;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3%;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile {
  width: 100%;
  margin: 5vh 0;
  align-content: center;
  text-align: center;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile:hover {
  cursor: pointer;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile:hover button {
  background: #FEFBF6;
  border-color: #FEFBF6;
  transition: all 0.3s ease;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile .image {
  width: 100%;
  height: 300px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile .image img {
  width: 100%;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile h4 {
  font-family: Hauora;
  margin: 20px 0;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile a {
  text-decoration: none;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile button {
  margin: 0 auto 0;
  padding: 1.5vh 3vh;
  background: none;
  color: #493536;
  border: 1px solid #493536;
  transition: all 0.3s ease;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile button:hover {
  background: #FEFBF6;
  border-color: #FEFBF6;
  transition: all 0.3s ease;
  cursor: pointer;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile button span {
  display: block;
  color: #493536;
}
#choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile button span:after {
  display: none;
}

@media only screen and (min-width: 600px) {
  #choices .arrangeLanding {
    padding-top: 25vh;
    padding-bottom: 15vh;
  }
  #choices .arrangeLanding h1 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  #choices .decisions .decisionDropdowns article .dropdownContent .tiles {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 3%;
  }
  #choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile {
    width: 31%;
  }

  #choicePopup.open {
    width: 70%;
    height: auto;
    max-height: 75vh;
    overflow: scroll;
  }
  #choicePopup.open .content {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 40px 0;
  }
  #choicePopup.open .content .imagegallery, #choicePopup.open .content .contentside {
    width: 45%;
  }
}
@media only screen and (min-width: 1500px) {
  #choices .decisions .decisionDropdowns article .dropdownContent .tiles .tile {
    width: 22%;
  }
}
#resource .landing h1 {
  margin-right: 0vw;
  margin-left: 4vw;
}
#resource .iconList h3 {
  font-family: "hauora", sans-serif;
  font-size: clamp(30px, 32px, 2vw);
  margin: 0 auto;
  margin-bottom: 5.5vh;
  text-align: center;
  color: #493536;
}
#resource .iconList .list {
  display: flex;
  flex-direction: column;
}
#resource .iconList .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 7vh;
}
#resource .iconList .list .item .label {
  margin-bottom: 1vw;
}
#resource .iconList .list .item img {
  max-width: 220px;
}
#resource .iconList .list .item .small, #resource .iconList .list .item #arrange .venues article .dropdownContent p, #resource .iconList .list .item #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource .iconList .list .item #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #resource .iconList .list .item p, #arrange .venues article .dropdownContent #resource .iconList .list .item #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #resource .iconList .list .item li {
  margin-top: 1vw;
}
#resource .contentSecs {
  display: flex;
  flex-direction: column;
}
#resource .contentSecs .content {
  padding-top: 5.5vh;
}
#resource .numberlist ol {
  margin: 11vh 0 11vh 80px;
  border-top: 1px solid #493536;
}
#resource .numberlist ol li {
  border-bottom: 1px solid #493536;
  padding: 30px 0 30px 0;
  position: relative;
  list-style-type: none;
}
#resource .numberlist ol li span {
  border-radius: 50%;
  display: block;
  background: #493536;
  color: white;
  width: 50px;
  height: 35px;
  margin-right: 60px;
  position: absolute;
  top: 50%;
  left: -80px;
  transform: translateY(-50%);
  text-align: center;
  padding-top: 12px;
}
#resource .quote h3 {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
#resource #meet {
  display: flex;
  flex-direction: column;
}
#resource #meet div {
  flex: 1;
  padding-right: 0;
}
#resource #meet div p, #resource #meet div #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource #meet div li {
  padding-bottom: 5.5vh;
}
#resource #meet img {
  padding-top: 5.5vh;
  flex: 1;
}
#resource .testimonials {
  padding-top: 7vh;
}
#resource .testimonials .ti-widget {
  width: 100% !important;
}
#resource .testimonials h3 {
  font-family: "hauora", sans-serif;
  font-size: clamp(30px, 32px, 2vw);
  margin: 0 auto;
  margin-bottom: 10vh;
  text-align: center;
}
#resource .statement {
  text-align: center;
}
#resource .statement p, #resource .statement #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource .statement li {
  margin: 0 auto;
}

@media only screen and (min-width: 600px) {
  #resource section {
    padding: 15vh 8vw;
  }
  #resource .landing {
    padding-right: calc(2vw + 40%);
    padding-left: 8vw;
  }
  #resource .landing h1 {
    margin-right: 4vw;
    margin-left: 0;
  }
  #resource .landing img {
    right: 2vw;
    left: auto;
  }
  #resource .landing .landingBottom {
    margin-left: 0;
  }
  #resource .landing .landingBottom p, #resource .landing .landingBottom #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource .landing .landingBottom li {
    padding-bottom: 10vh;
  }
  #resource .iconList {
    padding: 15vh 8vw;
  }
  #resource .iconList h3 {
    font-family: "hauora", sans-serif;
    font-size: clamp(30px, 32px, 2vw);
    margin: 0 auto;
    margin-bottom: 15vh;
    text-align: center;
    color: #493536;
  }
  #resource .iconList .list {
    flex-direction: row;
    justify-content: space-between;
  }
  #resource .iconList .list .item {
    padding-bottom: 0;
  }
  #resource .contentSecs {
    display: flex;
    flex-direction: row;
    padding: 0vh 8vw 15vh 8vw;
  }
  #resource .contentSecs .image {
    width: calc(50% - 4vw);
    padding-right: 4vw;
  }
  #resource .contentSecs .image img {
    width: 100%;
  }
  #resource .contentSecs .content {
    width: 50%;
    padding-top: 0;
  }
  #resource .contentSecs .content p.lead, #resource .contentSecs .content #calculator .calcForm .formContainer .gfield--type-html li.lead, #calculator .calcForm .formContainer .gfield--type-html #resource .contentSecs .content li.lead {
    font-size: clamp(22px, 24px, 1.5vw);
    margin-bottom: 35px;
  }
  #resource .contentSecs .content .full p, #resource .contentSecs .content .full #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource .contentSecs .content .full li {
    font-size: 16px;
    margin-bottom: 35px;
  }
  #resource .contentSecs.n1 {
    padding-top: 15vh !important;
  }
  #resource .numberlist ol li span {
    border-radius: 50%;
    display: block;
    background: #493536;
    color: white;
    width: 50px;
    height: 40px;
    margin-right: 60px;
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    text-align: center;
    padding-top: 10px;
  }
  #resource .quote h3 {
    text-align: center;
    width: 75%;
    margin: 0 auto;
  }
  #resource #meet {
    display: flex;
    flex-direction: row;
  }
  #resource #meet div {
    flex: 4;
    padding-right: 4vw;
  }
  #resource #meet div p, #resource #meet div #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #resource #meet div li {
    padding-bottom: 10vh;
  }
  #resource #meet img {
    flex: 3;
  }
  #resource .testimonials {
    padding-top: 15vh;
  }
}
#funerals .intro, #blog .intro {
  padding-top: 15vh;
  text-align: center;
}
#funerals .intro h1, #blog .intro h1 {
  padding-bottom: 5vh;
}
#funerals .filters .searchbar, #blog .filters .searchbar {
  display: flex;
  align-items: center;
  margin-top: 3vh;
  margin-bottom: 5vh;
  font-size: 16px;
  padding: 0.5vh 3vh;
  border-radius: 45px;
  gap: 15px;
}
#funerals .filters .searchbar input, #blog .filters .searchbar input {
  appearance: none;
  background: transparent;
  padding-top: 1vh;
  padding-bottom: 1vh;
  border: none;
  outline: none;
  color: #886566;
  font-size: 16px;
}
#funerals .filters .searchbar input::placeholder, #blog .filters .searchbar input::placeholder {
  color: #886566;
}
#funerals .filters p, #funerals .filters #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #funerals .filters li, #blog .filters p, #blog .filters #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters li {
  font-size: 16px;
  padding-bottom: 2vh;
}
#funerals .filters .filterButtons, #blog .filters .filterButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#funerals .filters .filterButtons p, #funerals .filters .filterButtons #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #funerals .filters .filterButtons li, #blog .filters .filterButtons p, #blog .filters .filterButtons #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters .filterButtons li {
  width: 100%;
}
#funerals .filters .filterButtons button, #blog .filters .filterButtons button {
  font-size: 16px;
  padding: 1.5vh 3vh;
  color: #886566;
}
#funerals .funerals, #blog .funerals {
  display: flex;
  flex-direction: column;
  gap: 4vh;
  color: #ECE8DA;
  font-size: 0;
  position: relative;
}
#funerals .funerals > p, #funerals #calculator .calcForm .formContainer .gfield--type-html .funerals > li, #calculator .calcForm .formContainer .gfield--type-html #funerals .funerals > li, #blog .funerals > p, #blog #calculator .calcForm .formContainer .gfield--type-html .funerals > li, #calculator .calcForm .formContainer .gfield--type-html #blog .funerals > li {
  font-size: 16px;
  color: #886566;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
#funerals .funerals article, #blog .funerals article {
  padding: 2vh;
}
#funerals .funerals article.past, #blog .funerals article.past {
  background: rgba(254, 251, 246, 0.5) !important;
}
#funerals .funerals article img, #blog .funerals article img {
  margin-bottom: 2vh;
  height: 30vh;
  width: 30vh;
  object-fit: cover;
}
#funerals .funerals article h3, #blog .funerals article h3 {
  font-size: 32px;
  padding-bottom: 1vh;
}
#funerals .funerals article .date, #blog .funerals article .date {
  font-size: 18px;
  margin-bottom: 2vh;
}
#funerals .funerals article .link, #blog .funerals article .link {
  text-decoration: underline;
  font-size: 18px;
}

#single-funeral {
  padding: 12vh 3vw 5vh 3vw;
}
#single-funeral .innerContainer {
  padding: 5vh 3vw;
}
#single-funeral .innerContainer .topSection {
  text-align: center;
}
#single-funeral .innerContainer .topSection img {
  margin-bottom: 5vh;
  width: 30vh;
  height: 30vh;
  object-fit: cover;
}
#single-funeral .innerContainer .topSection h2 {
  font-size: 16px;
  padding-bottom: 1vh;
}
#single-funeral .innerContainer .topSection h1 {
  padding-bottom: 2vh;
}
#single-funeral .innerContainer .topSection .date {
  padding-bottom: 5vh;
}
#single-funeral .innerContainer .topSection .buttons {
  margin-top: 3vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2vh;
  margin-bottom: 10vh;
}
#single-funeral .innerContainer .topSection .buttons button {
  font-size: 16px;
  width: fit-content;
}
#single-funeral .innerContainer .topSection .buttons button.toVideo span::after {
  background: url(img/down-arrow.svg);
  height: 14px;
}
#single-funeral .innerContainer .topSection .buttons button.copyLink span::after {
  background: url(img/copy.svg);
  height: 14px;
  width: 16px;
}
#single-funeral .innerContainer .topSection .buttons button.serviceSheet span::after {
  background: url(img/download.svg);
  height: 14px;
  width: 16px;
}
#single-funeral .innerContainer .sectionDetails .info {
  margin-bottom: 3vh;
}
#single-funeral .innerContainer .sectionDetails .info .underline {
  text-decoration: underline;
}
#single-funeral .innerContainer .extraDetails {
  margin-bottom: 5vh;
}
#single-funeral .tributes {
  padding-top: 5vh;
}
#single-funeral .tributes h2 {
  padding-bottom: 3vh;
}
#single-funeral .tributes .tributeForm {
  padding: 3vh 2vw;
  margin-bottom: 3vh;
}
#single-funeral .tributes .tributeForm h3 {
  padding-bottom: 2vh;
  font-size: 18px;
}
#single-funeral .tributes .tributeForm .comment-form-author label, #single-funeral .tributes .tributeForm .comment-form-comment label {
  display: block;
  font-size: 16px;
  padding-left: 1.5vh;
  padding-bottom: 1vh;
}
#single-funeral .tributes .tributeForm .comment-form-author input:active, #single-funeral .tributes .tributeForm .comment-form-author input:focus, #single-funeral .tributes .tributeForm .comment-form-author textarea:active, #single-funeral .tributes .tributeForm .comment-form-author textarea:focus, #single-funeral .tributes .tributeForm .comment-form-author select:active, #single-funeral .tributes .tributeForm .comment-form-author select:focus, #single-funeral .tributes .tributeForm .comment-form-comment input:active, #single-funeral .tributes .tributeForm .comment-form-comment input:focus, #single-funeral .tributes .tributeForm .comment-form-comment textarea:active, #single-funeral .tributes .tributeForm .comment-form-comment textarea:focus, #single-funeral .tributes .tributeForm .comment-form-comment select:active, #single-funeral .tributes .tributeForm .comment-form-comment select:focus {
  outline: none !important;
}
#single-funeral .tributes .tributeForm .comment-form-author input[type=text], #single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text], #single-funeral .tributes .tributeForm .comment-form-comment textarea {
  width: calc(100% - 7vw);
  padding: 1.5vh;
  font-size: 16px;
  border: none;
  background: #FEFBF6;
  outline: none;
  resize: none;
  appearance: none;
  color: #886566;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border-radius: 8px;
}
#single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment textarea {
  height: 150px;
}
#single-funeral .tributes .tributeForm .logged-in-as {
  display: none;
}
#single-funeral .tributes .tributeForm .comment-form-author {
  margin-bottom: 2vh;
}
#single-funeral .tributes .tributeForm .form-submit {
  text-align: center;
  padding-top: 1vh;
}
#single-funeral .tributes .tributeForm input[type=submit] {
  outline: none;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  width: fit-content;
  cursor: pointer;
  border: none;
  appearance: none !important;
  font-size: 21px;
  padding: 1vh 7vh;
  border-radius: 45px;
  font-size: 16px;
  color: #FEFBF6;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}
#single-funeral .tributesList {
  display: flex;
  flex-direction: column;
  gap: 3vh;
}
#single-funeral .tributesList article {
  padding: 3vh 2vw;
}
#single-funeral .tributesList article .date {
  font-size: 18px;
  padding-bottom: 2vh;
}
#single-funeral .tributesList article .content {
  font-size: 16px;
}
#single-funeral .tributesList article .name {
  font-size: 18px;
  padding-top: 2vh;
}

@media only screen and (min-width: 600px) {
  #funerals .intro, #blog .intro {
    padding-top: 25vh;
  }
  #funerals .filters, #blog .filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
  }
  #funerals .filters .filterButtons, #blog .filters .filterButtons {
    width: fit-content;
    margin-top: 3vh;
    margin-bottom: 10vh;
    align-items: center;
  }
  #funerals .filters .filterButtons button, #blog .filters .filterButtons button {
    cursor: pointer;
  }
  #funerals .filters .filterButtons button:hover, #blog .filters .filterButtons button:hover {
    color: #493536;
  }
  #funerals .filters .filterButtons button.active:hover, #blog .filters .filterButtons button.active:hover {
    color: #ECE8DA;
  }
  #funerals .filters .filterButtons p, #funerals .filters .filterButtons #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #funerals .filters .filterButtons li, #blog .filters .filterButtons p, #blog .filters .filterButtons #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters .filterButtons li {
    width: fit-content;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #funerals .filters .searchbar, #blog .filters .searchbar {
    width: 30%;
    position: relative;
    padding: 0.5vh 2vh;
    margin-bottom: 10vh;
  }
  #funerals .filters .searchbar input, #blog .filters .searchbar input {
    width: 100%;
  }
  #funerals .filters .searchbar #submitSearch, #blog .filters .searchbar #submitSearch {
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
  }
  #funerals .funerals, #blog .funerals {
    margin-left: -6vw;
    width: calc(100% + 11vw);
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-auto-rows: 1fr;
    gap: 1vw;
    padding-bottom: 10vh;
  }
  #funerals .funerals article, #blog .funerals article {
    height: 100%;
    padding-bottom: 0;
  }

  #single-funeral, #single-blog {
    padding-top: 18vh;
    padding-bottom: 10vh;
  }
  #single-funeral .innerContainer, #single-blog .innerContainer {
    padding-bottom: 15vh;
  }
  #single-funeral .innerContainer .topSection h2, #single-blog .innerContainer .topSection h2 {
    padding-bottom: 5vh;
  }
  #single-funeral .innerContainer .topSection .date, #single-blog .innerContainer .topSection .date {
    font-size: 24px;
  }
  #single-funeral .innerContainer .topSection .buttons, #single-blog .innerContainer .topSection .buttons {
    display: flex;
    flex-direction: row;
    margin-top: 0;
  }
  #single-funeral .innerContainer .topSection .small, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent p, #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-funeral .innerContainer .topSection #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection p, #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #single-funeral .innerContainer .topSection li, #single-blog .innerContainer .topSection .small, #single-blog .innerContainer .topSection #arrange .venues article .dropdownContent p, #single-blog .innerContainer .topSection #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-blog .innerContainer .topSection #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #single-blog .innerContainer .topSection p, #arrange .venues article .dropdownContent #single-blog .innerContainer .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #single-blog .innerContainer .topSection li {
    padding-bottom: 5vh;
  }
  #single-funeral .innerContainer .topSection img, #single-blog .innerContainer .topSection img {
    width: 37.5vh;
    height: 37.5vh;
  }
  #single-funeral .innerContainer .sectionDetails, #single-blog .innerContainer .sectionDetails {
    display: flex;
    padding-left: 6vw;
    padding-right: 6vw;
    align-items: center;
  }
  #single-funeral .innerContainer .sectionDetails h2, #single-blog .innerContainer .sectionDetails h2 {
    padding-bottom: 2vh;
  }
  #single-funeral .innerContainer .sectionDetails .details, #single-blog .innerContainer .sectionDetails .details {
    width: 50%;
  }
  #single-funeral .innerContainer .sectionDetails .details .info, #single-blog .innerContainer .sectionDetails .details .info {
    display: flex;
    gap: 20px;
  }
  #single-funeral .innerContainer .sectionDetails .details .info, #single-funeral .innerContainer .sectionDetails .details .extraDetails, #single-blog .innerContainer .sectionDetails .details .info, #single-blog .innerContainer .sectionDetails .details .extraDetails {
    width: 80%;
  }
  #single-funeral .innerContainer .sectionDetails .vidEmbed, #single-blog .innerContainer .sectionDetails .vidEmbed {
    width: 50%;
  }
  #single-funeral .tributes, #single-blog .tributes {
    padding-top: 10vh;
    padding-left: 6vw;
    padding-right: 6vw;
  }
  #single-funeral .tributes h2, #single-blog .tributes h2 {
    padding-bottom: 7vh !important;
  }
  #single-funeral .tributes h3, #single-blog .tributes h3 {
    font-size: 21px !important;
  }
  #single-funeral .tributes .fauxFlex, #single-blog .tributes .fauxFlex {
    position: relative;
    width: 100%;
  }
  #single-funeral .tributes .tributeForm, #single-blog .tributes .tributeForm {
    width: calc(50% - 4vw);
  }
  #single-funeral .tributes .tributeForm .form-submit, #single-blog .tributes .tributeForm .form-submit {
    text-align: left;
    padding-left: 20%;
    padding-top: 2vh;
  }
  #single-funeral .tributes .tributeForm .form-submit input, #single-blog .tributes .tributeForm .form-submit input {
    padding: 1vh 4vh;
  }
  #single-funeral .tributes .tributeForm .comment-form-author, #single-funeral .tributes .tributeForm .comment-form-comment, #single-blog .tributes .tributeForm .comment-form-author, #single-blog .tributes .tributeForm .comment-form-comment {
    display: flex;
    align-items: flex-start;
  }
  #single-funeral .tributes .tributeForm .comment-form-author label, #single-funeral .tributes .tributeForm .comment-form-comment label, #single-blog .tributes .tributeForm .comment-form-author label, #single-blog .tributes .tributeForm .comment-form-comment label {
    width: 20%;
    padding-left: 0;
    font-size: 18px;
    padding-bottom: 0;
    padding-top: 1.5vh;
    line-height: normal;
  }
  #single-funeral .tributes .tributeForm .comment-form-author input[type=text], #single-funeral .tributes .tributeForm .comment-form-author textarea, #single-funeral .tributes .tributeForm .comment-form-comment input[type=text], #single-funeral .tributes .tributeForm .comment-form-comment textarea, #single-blog .tributes .tributeForm .comment-form-author input[type=text], #single-blog .tributes .tributeForm .comment-form-author textarea, #single-blog .tributes .tributeForm .comment-form-comment input[type=text], #single-blog .tributes .tributeForm .comment-form-comment textarea {
    font-size: 18px;
  }
  #single-funeral .tributes .tributesList, #single-blog .tributes .tributesList {
    display: grid;
    grid-template-columns: 50% calc(50% - 1vw);
    column-gap: 1vw;
    row-gap: 3vh;
    width: 100%;
  }
  #single-funeral .tributes .tributesList article:first-child, #single-blog .tributes .tributesList article:first-child {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 5vw);
  }
  #single-funeral .tributes .tributesList article, #single-blog .tributes .tributesList article {
    display: flex;
    flex-direction: column;
  }
  #single-funeral .tributes .tributesList article .content, #single-blog .tributes .tributesList article .content {
    font-size: clamp(22px, 24px, 1.5vw);
  }
  #single-funeral .tributes .tributesList article .name, #single-blog .tributes .tributesList article .name {
    margin-top: auto;
    margin-bottom: 0;
  }
}
#blog .intro {
  padding-top: 15vh;
  padding-bottom: 5vh;
  text-align: center;
}
#blog .intro h1 {
  padding-bottom: 5vh;
}
@media only screen and (min-width: 600px) {
  #blog .intro {
    padding-bottom: 0vh;
    padding-top: 25vh;
  }
}
#blog .filters {
  margin-top: 7vh;
}
#blog .filters .searchbar {
  display: flex;
  align-items: center;
  margin-top: 3vh;
  margin-bottom: 5vh;
  font-size: 16px;
  padding: 0.5vh 3vh;
  border-radius: 45px;
  gap: 15px;
}
#blog .filters .searchbar input {
  appearance: none;
  background: transparent;
  padding-top: 1vh;
  padding-bottom: 1vh;
  border: none;
  outline: none;
  color: #886566;
  font-size: 16px;
}
#blog .filters .searchbar input::placeholder {
  color: #886566;
}
#blog .filters .categorybox, #blog .filters .sortbybox {
  position: relative;
}
@media only screen and (min-width: 600px) {
  #blog .filters .categorybox:after, #blog .filters .sortbybox:after {
    width: 80px;
    height: 100%;
    border-radius: 45px;
    background: #fff;
    content: "\a";
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 0;
  }
}
#blog .filters .sortbybox:after {
  height: 96%;
}
#blog .filters .sortbybox {
  margin-right: 20px;
}
#blog .filters #category, #blog .filters #sortby {
  background: #fff;
  color: #493536;
  font-size: 16px;
  padding: 1.5vh 3vh;
  border-radius: 45px;
  border: none;
  position: relative;
  z-index: 1;
  min-height: 43px;
}
#blog .filters #category:focus, #blog .filters #sortby:focus {
  outline: none;
  border: none;
}
@media only screen and (min-width: 600px) {
  #blog .filters {
    margin-top: 5vh;
    margin-bottom: 0;
  }
  #blog .filters .searchbar {
    width: 30%;
    position: relative;
    padding: 0.5vh 2vh;
    margin-bottom: 10vh;
    margin-left: 10px;
  }
  #blog .filters .searchbar input {
    width: 100%;
  }
  #blog .filters .searchbar #submitSearch {
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
  }
  #blog .filters .sortbybox:after {
    height: 100%;
  }
}
#blog .filters p, #blog .filters #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters li {
  font-size: 16px;
  padding-bottom: 2vh;
}
#blog .filters .filterButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#blog .filters .filterButtons p, #blog .filters .filterButtons #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog .filters .filterButtons li {
  width: 100%;
}
#blog .filters .filterButtons button {
  font-size: 16px;
  padding: 1.5vh 3vh;
  color: #886566;
}
#blog #results {
  background: #FEFBF6;
}
#blog #results .blogTile {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  background: #ECE8DA;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 4vh;
}
@media only screen and (min-width: 600px) {
  #blog #results .blogTile {
    flex-direction: row;
  }
}
#blog #results .blogTile > div {
  display: flex;
  flex-direction: column;
  padding: 2.5vh;
  width: calc(100% - 5vh);
}
@media only screen and (min-width: 600px) {
  #blog #results .blogTile > div {
    width: calc(50% - 5vh);
  }
}
#blog #results .blogTile > div h2 {
  margin: 40px 0 0;
  width: 98%;
}
#blog #results .blogTile > div h4 {
  color: #493536;
  width: 90%;
}
#blog #results .blogTile > div h4.category {
  color: #886566;
}
#blog #results .blogTile > div p, #blog #results .blogTile > div #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #blog #results .blogTile > div li {
  color: #493536;
  margin: 0 0 0;
  font-size: 18px;
  width: 90%;
}
#blog #results .blogTile > div a {
  margin-top: 20px;
  margin-bottom: 15px;
  display: inline-block;
}
#blog #results .blogTile .image {
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  #blog #results .blogTile .image {
    height: auto;
    width: 50%;
  }
}
@media only screen and (min-width: 600px) {
  #blog #results .blogTile:nth-child(2) {
    flex-direction: row-reverse !important;
  }
}
#blog #results #load-more-posts {
  display: block;
  margin: 10vh auto 0;
  border-radius: 45px;
  font-size: 18px;
  color: #FEFBF6;
  background: #886566;
  padding: 10px 35px;
  transition: background 300ms ease-in-out;
}
#blog #results #load-more-posts:hover {
  background: #493536;
}

#single-blog {
  padding-bottom: 0;
}
#single-blog .topSection {
  text-align: center;
  margin-top: 15vh;
}
@media only screen and (min-width: 600px) {
  #single-blog .topSection {
    margin-top: 0;
  }
}
#single-blog .topSection p, #single-blog .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-blog .topSection li {
  display: block;
  margin: 0 auto 10vh;
  text-align: left;
  color: #493536;
  font-size: 18px;
  width: 90%;
}
#single-blog .topSection p a, #single-blog .topSection #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #single-blog .topSection li a {
  text-decoration: none;
  color: #886566;
}
@media only screen and (min-width: 600px) {
  #single-blog .topSection p, #single-blog .topSection #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-blog .topSection li {
    width: 96%;
  }
}
#single-blog .topSection h4 {
  font-size: 21px;
}
#single-blog .topSection h1 {
  margin: 40px auto 0;
  width: 90%;
  font-weight: 36px;
}
@media only screen and (min-width: 600px) {
  #single-blog .topSection h1 {
    width: 70%;
  }
}
#single-blog .content {
  width: 90%;
  margin: 10vh auto 10vh;
}
@media only screen and (min-width: 600px) {
  #single-blog .content {
    width: 70%;
    margin: 15vh auto 0;
  }
}
#single-blog .content h2, #single-blog .content h3, #single-blog .content h4, #single-blog .content h5 {
  font-family: "hauora", sans-serif;
  color: #493536;
  margin-bottom: 35px;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
#single-blog .content h2 {
  font-size: 25px;
}
#single-blog .content h3 {
  font-size: 20px;
}
#single-blog .content h4 {
  font-size: 18px;
}
#single-blog .content h5 {
  font-size: 16px;
}
#single-blog .content p, #single-blog .content #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #single-blog .content li {
  font-size: 16px;
  margin-bottom: 35px;
}
#single-blog .content ul, #single-blog .content ol {
  font-size: 16px;
  margin-bottom: 35px;
  margin-left: 12px;
}
#single-blog .content ul li, #single-blog .content ol li {
  font-size: 16px;
}
#single-blog .content img {
  border-radius: 8px;
  margin-bottom: 20px;
}
#single-blog .content figcaption {
  color: #886566;
  font-size: 16px;
}
#single-blog .content .wp-block-button__link {
  border-radius: 45px;
  font-size: 16px;
  color: #FEFBF6;
  background: #886566;
  padding: 1vh 4vh;
  transition: background 300ms ease-in-out;
}
#single-blog .content .wp-block-button__link:hover {
  background: #493536;
}
#single-blog .content .more {
  display: flex;
  justify-content: center;
  margin-top: 10vh;
}
#single-blog .content .more button {
  border-radius: 45px;
  font-size: 18px;
  color: #FEFBF6;
  background: #886566;
  padding: 10px 35px;
  transition: background 300ms ease-in-out;
}
#single-blog .content .more button:hover {
  background: #493536;
}

#immediate .immediateLanding {
  text-align: center;
  padding-top: 15vh;
}
#immediate .immediateLanding h1 {
  padding-bottom: 7vh;
}
#immediate .immediateLanding p, #immediate .immediateLanding #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #immediate .immediateLanding li {
  padding-bottom: 5vh;
}
#immediate .immediateLanding .buttons {
  display: flex;
  justify-content: space-between;
}
#immediate .immediateLanding .buttons button {
  padding: 1.5vh 3vh;
}
#immediate .process > p, #immediate #calculator .calcForm .formContainer .gfield--type-html .process > li, #calculator .calcForm .formContainer .gfield--type-html #immediate .process > li {
  padding-bottom: 5vh;
}
#immediate .process .steps, #immediate .process .row {
  display: flex;
  flex-direction: column;
  gap: 5vh;
}
#immediate .process .steps .step, #immediate .process .row .step {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
#immediate .process .steps .step .number, #immediate .process .row .step .number {
  color: #ECE8DA;
  background: #493536;
  border-radius: 50px;
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 37px;
}
#immediate .process .steps .step .rightSide, #immediate .process .row .step .rightSide {
  width: calc(100% - 55px);
}
#immediate .process .steps .step .rightSide .timespan, #immediate .process .row .step .rightSide .timespan {
  font-size: 16px;
}
#immediate .process .steps .step .rightSide h3, #immediate .process .row .step .rightSide h3 {
  padding-bottom: 2vh;
}
#immediate .process .steps .step .rightSide p, #immediate .process .steps .step .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #immediate .process .steps .step .rightSide li, #immediate .process .steps .step .rightSide a, #immediate .process .row .step .rightSide p, #immediate .process .row .step .rightSide #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #immediate .process .row .step .rightSide li, #immediate .process .row .step .rightSide a {
  font-size: 18px;
}
#immediate .process .steps .step .rightSide a, #immediate .process .row .step .rightSide a {
  text-decoration: underline;
}

@media only screen and (min-width: 600px) {
  #immediate .immediateLanding {
    padding-top: 25vh;
  }
  #immediate .immediateLanding h1, #immediate .immediateLanding p, #immediate .immediateLanding #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #immediate .immediateLanding li, #immediate .immediateLanding .buttons {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  #immediate .immediateLanding .buttons {
    justify-content: center;
    gap: 2vw;
  }
  #immediate .process > p, #immediate #calculator .calcForm .formContainer .gfield--type-html .process > li, #calculator .calcForm .formContainer .gfield--type-html #immediate .process > li {
    width: 90%;
    padding-bottom: 0;
  }
  #immediate .process .steps {
    gap: 0;
  }
  #immediate .process .steps .row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 4vw;
    padding-top: 8vh;
    padding-bottom: 8vh;
    border-bottom: 1px solid #493536;
  }
  #immediate .process .steps .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  #immediate .process .steps .row .step {
    width: 50%;
    gap: 3vw;
  }
  #immediate .process .steps .row .step .number {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #immediate .process .steps .row .step .rightSide {
    width: calc(100% - 50px - 3vw);
  }
  #immediate .process .steps .row .imgDiv {
    width: 50%;
    text-align: right;
  }
  #immediate .process .steps .row img {
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 50px - 3vw);
    display: block;
    height: 20vw;
    object-fit: cover;
  }
}
#approach .topBanner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: rgba(136, 101, 102, 0.5);
  background-blend-mode: multiply;
  padding-top: 16vh;
}
#approach .topBanner h1 {
  text-align: center;
}
#approach .topLanding button span::after {
  background: url(img/down-arrow.svg);
  height: 14px;
}
#approach .topLanding button {
  width: fit-content;
  margin-bottom: 12px;
}
#approach #team article {
  padding-bottom: 1vh;
  border-bottom: 1px solid #493536;
  margin-bottom: 5vh;
}
#approach #team article:last-child {
  margin-bottom: 0;
}
#approach #team article img {
  margin-bottom: 2vh;
  max-height: 35vh;
}
#approach #team article .role {
  font-size: 18px;
}
#approach #team article blockquote p, #approach #team article blockquote #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach #team article blockquote li {
  margin-top: 2vh;
  font-weight: bold;
}
#approach #team article .dropdownContent {
  padding-top: 1vh;
  padding-bottom: 1vh;
}
#approach #team article .dropdownTrigger {
  font-size: 18px;
  display: grid;
  gap: 15px;
  grid-template-columns: 9px auto;
  align-items: center;
}
#approach #team article .dropdownTrigger:before {
  background-image: url(img/plus.svg);
  background-size: 9px 9px;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  background-repeat: no-repeat !important;
}
#approach #team article .trigger2::before {
  background: url(img/minus.svg);
  height: 4px;
}
#approach #team article .previewText {
  padding-top: 2vh;
}
#approach #team article .dropdownContent * {
  font-size: 18px;
}
#approach #team article .trigger2 {
  display: none;
}
#approach #team article .open .trigger2 {
  display: flex;
}
#approach #team article .open .trigger1 {
  display: none;
}
#approach .values .row:first-child article:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#approach .values .row:last-child article:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#approach .values article, #approach .process article {
  padding: 1.5vh;
  padding-bottom: 3vh;
}
#approach .values article.scheme1, #approach .process article.scheme1 {
  background: #FEFBF6;
}
#approach .values article.scheme1 h3, #approach .process article.scheme1 h3 {
  color: #886566;
}
#approach .values article.scheme2, #approach .process article.scheme2 {
  background: #CFC3C4;
}
#approach .values article.scheme2 h3, #approach .process article.scheme2 h3 {
  color: #493536;
}
#approach .values article.scheme2 p, #approach .values article.scheme2 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .values article.scheme2 li, #approach .process article.scheme2 p, #approach .process article.scheme2 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .process article.scheme2 li {
  color: #172121;
}
#approach .values article.scheme3, #approach .process article.scheme3 {
  background: #A69494;
}
#approach .values article.scheme3 h3, #approach .values article.scheme3 p, #approach .values article.scheme3 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .values article.scheme3 li, #approach .process article.scheme3 h3, #approach .process article.scheme3 p, #approach .process article.scheme3 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .process article.scheme3 li {
  color: #FEFBF6;
}
#approach .values article.scheme4, #approach .process article.scheme4 {
  background: #886566;
}
#approach .values article.scheme4 h3, #approach .values article.scheme4 p, #approach .values article.scheme4 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .values article.scheme4 li, #approach .process article.scheme4 h3, #approach .process article.scheme4 p, #approach .process article.scheme4 #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .process article.scheme4 li {
  color: #FEFBF6;
}
#approach .values article h3, #approach .process article h3 {
  padding-top: 2vh;
  padding-bottom: 1vh;
}
#approach .values article p, #approach .values article #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .values article li, #approach .values article a, #approach .process article p, #approach .process article #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .process article li, #approach .process article a {
  font-size: 18px;
}
#approach .values article a, #approach .process article a {
  text-decoration: underline;
}
#approach .heritage .small, #approach .heritage #arrange .venues article .dropdownContent p, #approach .heritage #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #approach .heritage p, #arrange .venues article .dropdownContent #approach .heritage #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #approach .heritage li {
  font-size: 18px;
}
#approach .heritage .small a, #approach .heritage #arrange .venues article .dropdownContent p a, #approach .heritage #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage #arrange .venues article .dropdownContent li a, #arrange .venues article .dropdownContent #approach .heritage p a, #arrange .venues article .dropdownContent #approach .heritage #calculator .calcForm .formContainer .gfield--type-html li a, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #approach .heritage li a {
  font-size: 18px;
  text-decoration: underline;
}
#approach .heritage img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#approach .heritage button {
  width: fit-content;
}
#approach .heritage button span::after {
  background: url(img/offsite-white.svg);
  width: 18px;
  height: 18px;
}

@media only screen and (min-width: 600px) {
  #approach .topBanner {
    min-height: 35vh;
    padding-top: 20vh;
    position: relative;
  }
  #approach .topBanner h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  #approach .landing {
    padding-top: 10vh;
  }
  #approach .landing img {
    top: 10vh;
    height: calc(100% - 20vh);
  }
  #approach .landing h2 {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  #approach .landing p, #approach .landing #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .landing li {
    padding-bottom: 3vh;
  }
  #approach .topLanding button {
    color: #493536;
  }
  #approach .topLanding button:hover {
    color: #886566 !important;
  }
  #approach #team h2 {
    width: 50%;
    padding-bottom: 10vh;
  }
  #approach #team article {
    display: flex;
    gap: 12vw;
    border-bottom: none;
  }
  #approach #team article img {
    width: 35%;
    object-fit: cover;
    height: auto !important;
    max-height: 60vh !important;
  }
  #approach #team article .rightSide {
    width: 65%;
    padding-top: 5vh;
  }
  #approach #team article .rightSide .role {
    font-size: 24px;
  }
  #approach #team article .dropdownTrigger {
    border-bottom: 1px solid #493536;
    padding-bottom: 1vh;
  }
  #approach .values h2 {
    padding-bottom: 10vh;
  }
  #approach .values .row {
    display: flex;
  }
  #approach .values .row:nth-child(odd) {
    width: 100%;
  }
  #approach .values .row:nth-child(odd) article {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 2vh;
  }
  #approach .values .row:nth-child(odd) article img {
    width: 50%;
    height: 20vw;
    object-fit: cover;
    margin-right: 1.5vh;
  }
  #approach .values .row:nth-child(odd) article .rightSide {
    padding-left: 1.5vh;
    width: 50%;
  }
  #approach .values .row:nth-child(odd) article .rightSide h3, #approach .values .row:nth-child(odd) article .rightSide div {
    padding-left: 2vw;
  }
  #approach .values .row:nth-child(odd) article .rightSide h3 {
    padding-top: 0;
  }
  #approach .values .row:nth-child(even) {
    width: 100%;
  }
  #approach .values .row:nth-child(even) article {
    width: 50%;
    padding: 2vh;
  }
  #approach .values .row:nth-child(even) article h3 {
    padding-top: 0;
  }
  #approach .values .row:nth-child(even) article img {
    height: 20vw;
    width: 100%;
    object-fit: cover;
  }
  #approach .values .row:nth-child(even) article .rightSide {
    padding-left: 2vw;
    padding-top: 2vh;
    padding-bottom: 3vh;
  }
  #approach .process h2 {
    width: 70%;
  }
  #approach .process .processPoints {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 2vh;
  }
  #approach .process .processPoints article:nth-child(even) {
    margin-top: 15vh;
  }
  #approach .process .processPoints article p, #approach .process .processPoints article #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .process .processPoints article li {
    width: 80%;
  }
  #approach .process .processPoints article img {
    height: 20vw;
    width: 80%;
    object-fit: cover;
  }
  #approach .heritage {
    padding-left: 8vw;
    padding-top: 10vh;
  }
  #approach .heritage img {
    right: 8vw;
    left: unset;
    width: 35%;
    top: 10vh;
    height: calc(100% - 20vh);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  #approach .heritage .landingBottom {
    padding-left: 0;
    width: 55%;
  }
  #approach .heritage .landingBottom > a {
    width: fit-content;
    display: block;
  }
  #approach .heritage .landingBottom .small p, #approach .heritage .landingBottom .small #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage .landingBottom .small li, #approach .heritage .landingBottom #arrange .venues article .dropdownContent p p, #approach .heritage .landingBottom #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li p, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage .landingBottom #arrange .venues article .dropdownContent li p, #approach .heritage .landingBottom #arrange .venues article .dropdownContent p #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage .landingBottom #arrange .venues article .dropdownContent p li, #approach .heritage .landingBottom #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li li, #calculator .calcForm .formContainer .gfield--type-html #approach .heritage .landingBottom #arrange .venues article .dropdownContent li li, #arrange .venues article .dropdownContent #approach .heritage .landingBottom p p, #arrange .venues article .dropdownContent #approach .heritage .landingBottom #calculator .calcForm .formContainer .gfield--type-html li p, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #approach .heritage .landingBottom li p, #arrange .venues article .dropdownContent #approach .heritage .landingBottom p #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #approach .heritage .landingBottom p li, #arrange .venues article .dropdownContent #approach .heritage .landingBottom #calculator .calcForm .formContainer .gfield--type-html li li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #approach .heritage .landingBottom li li {
    font-size: 18px;
  }
}
#contact .leftSide {
  padding-top: 12vh;
  padding-bottom: 5vh;
}
#contact .leftSide h1 {
  padding-bottom: 7vh;
}
#contact .leftSide .topPara {
  padding-bottom: 5vh;
}
#contact .leftSide button {
  margin-bottom: 3vh;
  padding: 1.5vh 3vh;
  font-size: 18px;
}
#contact .leftSide .directContact {
  margin-bottom: 5vh;
}
#contact .leftSide .directContact a {
  text-decoration: underline;
}
#contact .leftSide .address {
  text-decoration: underline;
  margin-bottom: 2vh;
  width: 50%;
}
#contact .leftSide .facebook {
  display: grid;
  gap: 15px;
  grid-template-columns: 18px auto;
  align-items: center;
  text-decoration: underline;
}
#contact .leftSide .facebook:before {
  background-image: url(img/facebook-brown.svg);
  background-size: 18px 18px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background-repeat: no-repeat !important;
}
#contact .contactForm {
  padding: 0 4vw 10vh 4vw;
}
#contact .contactForm .inner {
  padding: 2vh 4vw;
  padding-bottom: 0;
  border-radius: 10px;
}
#contact .contactForm .inner h2 {
  font-size: 24px;
  padding-bottom: 1vh;
}
#contact .contactForm .inner .small, #contact .contactForm .inner #arrange .venues article .dropdownContent p, #contact .contactForm .inner #arrange .venues article .dropdownContent #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #contact .contactForm .inner #arrange .venues article .dropdownContent li, #arrange .venues article .dropdownContent #contact .contactForm .inner p, #arrange .venues article .dropdownContent #contact .contactForm .inner #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html #arrange .venues article .dropdownContent #contact .contactForm .inner li {
  padding-bottom: 2vh;
}
#contact .contactForm .inner .gform_confirmation_message {
  font-size: 18px;
  color: #886566;
  padding-top: 3vh;
  padding-bottom: 3vh;
}
#contact .contactForm .inner .gform_confirmation_message a {
  font-size: inherit !important;
}

@media only screen and (min-width: 600px) {
  #contact {
    display: flex;
    min-height: 100vh;
  }
  #contact .leftSide, #contact .contactForm {
    padding-top: 25vh;
  }
  #contact .leftSide {
    width: 40%;
    padding-right: 0;
  }
  #contact .leftSide button {
    font-size: clamp(22px, 24px, 1.5vw);
  }
  #contact .leftSide .directContact {
    display: flex;
    flex-direction: column;
  }
  #contact .contactForm {
    width: 60%;
    padding-right: 2vw;
  }
  #contact .contactForm .inner {
    padding: 2vw;
  }
  #contact .contactForm .inner .gfield {
    flex-wrap: wrap;
  }
  #contact .contactForm .inner .gfield .validation_message {
    padding-left: 30% !important;
  }
}
#calculator .costLanding {
  padding-top: 15vh;
  text-align: center;
}
#calculator .costLanding h1 {
  padding-bottom: 5vh;
}
#calculator .packs {
  padding-bottom: 5vh;
}
#calculator .packs article {
  padding-bottom: 5vh;
  border-bottom: 1px solid #FEFBF6;
}
#calculator .packs article h3 {
  padding-bottom: 2vh;
}
#calculator .packs article p, #calculator .packs article .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .packs article li {
  padding-bottom: 3vh;
}
#calculator .packs article button {
  font-size: 18px;
}
#calculator .packs article button span::after {
  background: url(img/download-white.svg);
  width: 15px;
  height: 15px;
}
#calculator .packs article:first-child {
  margin-bottom: 5vh;
}
#calculator .calcForm {
  position: relative;
}
#calculator .calcForm .calcContainer {
  position: sticky;
  top: -8px;
  left: 2vw;
  z-index: 2;
}
#calculator .calcForm .calcContainer::after {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 30%, #493536 95%);
  content: "\a";
  width: 100%;
  height: 7vh;
  position: absolute;
  bottom: -7vh;
  left: 0;
  pointer-events: none;
}
#calculator .calcForm .calculation {
  padding: 1vh 2vh;
  margin-left: -2vw;
  width: calc(100% - 5vw);
  padding-bottom: 3vh;
}
#calculator .calcForm .calculation .price {
  display: flex;
  align-items: center;
}
#calculator .calcForm .calculation .price p, #calculator .calcForm .calculation .price .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .calculation .price li {
  font-size: 18px;
  width: 10%;
}
#calculator .calcForm .calculation .price input {
  background: transparent;
  outline: none;
  appearance: none;
  border: none;
  font-weight: 500;
  font-size: 50px;
}
#calculator .calcForm .calculation .bottom {
  padding-left: 10%;
}
#calculator .calcForm .formContainer {
  margin-top: 10vh;
  border-top: 1px solid #FEFBF6;
  border-bottom: 1px solid #FEFBF6;
}
#calculator .calcForm .formContainer label {
  color: #FEFBF6 !important;
}
#calculator .calcForm .formContainer .ginput_container_select {
  width: 90%;
}
#calculator .calcForm .formContainer .smallSelect .ginput_container_select {
  width: 65%;
}
#calculator .calcForm .formContainer .smallestSelect .ginput_container_select, #calculator .calcForm .formContainer input[type=number] {
  width: 40%;
}
#calculator .calcForm .formContainer h3 {
  font-size: 24px;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
#calculator .calcForm .formContainer p, #calculator .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer a {
  font-size: 18px;
}
#calculator .calcForm .formContainer .upMargin {
  margin-top: -3vh;
}
#calculator .calcForm .formContainer a {
  text-decoration: underline;
}
#calculator .calcForm .formContainer .continueButton legend {
  color: #FEFBF6 !important;
}
#calculator .calcForm .formContainer .continueButton input {
  display: none;
}
#calculator .calcForm .formContainer .continueButton .gchoice {
  width: 80%;
}
#calculator .calcForm .formContainer .continueButton label {
  padding: 1.5vh 3vh;
  background: #ECE8DA;
  color: #886566 !important;
  border-radius: 45px;
  text-align: center;
  width: 100%;
  display: block;
  max-width: unset;
}
#calculator .calcForm .formContainer .gfield--type-html {
  display: block;
}
#calculator .calcForm .formContainer .gfield--type-html li {
  font-size: 16px !important;
  line-height: 1.5;
}
#calculator .calcForm .formContainer .gfield--type-html ul {
  margin-left: 6vw;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio {
  display: flex;
  justify-content: center;
  border-radius: 45px;
  background: #886566 !important;
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio .gchoice {
  font-size: 18px;
  padding: 2vh 0;
  color: #ECE8DA;
  position: relative;
  border-radius: 0px;
  background: transparent;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio .gchoice input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio .gchoice input[checked=checked] ~ label {
  color: #886566 !important;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio .gchoice label {
  z-index: 2;
  position: relative;
  text-align: center;
  padding-left: 0;
  color: #ECE8DA !important;
  cursor: pointer;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio .gchoice.active label {
  transition: color 0.1s ease 0.2s;
}
#calculator .calcForm .formContainer .switchButton .gfield_radio::after {
  content: "\a";
  width: 50%;
  height: 100%;
  background-color: #ECE8DA;
  color: #886566 !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border-radius: 45px;
  transition: all 0.3s ease-in-out;
}
#calculator .calcForm .formContainer .value2 .gfield_radio::after {
  right: 50% !important;
}
#calculator .calcForm .formContainer .gform_wrapper .gfield_error .gfield_repeater_cell label, #calculator .calcForm .formContainer .gform_wrapper .gfield_error label, #calculator .calcForm .formContainer .gform_wrapper .gfield_error legend, #calculator .calcForm .formContainer .gform_wrapper .gfield_validation_message, #calculator .calcForm .formContainer .gform_wrapper .validation_message, #calculator .calcForm .formContainer .gform_wrapper [aria-invalid=true] + label, #calculator .calcForm .formContainer .gform_wrapper label + [aria-invalid=true], #calculator .calcForm .formContainer .gform_submission_error, #calculator .calcForm .formContainer .gfield_required {
  color: #F4A586 !important;
}
#calculator .calcForm .formContainer .gform_confirmation_message {
  font-size: 18px;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
#calculator .calcForm .formContainer .gform_confirmation_message a {
  font-size: inherit !important;
}

@media only screen and (min-width: 600px) {
  #calculator .costLanding {
    padding-top: 25vh;
  }
  #calculator .costLanding p, #calculator .costLanding .calcForm .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .costLanding li {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  #calculator .packs {
    display: flex;
    border-bottom: 1px solid #FEFBF6;
    padding-bottom: 10vh;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 16vw);
    margin-left: auto;
    margin-right: auto;
  }
  #calculator .packs article {
    width: 50%;
    padding-left: 8vw;
    border-bottom: none;
    padding-bottom: 2vh;
    padding-top: 2vh;
    margin-bottom: 0 !important;
  }
  #calculator .packs article:first-child {
    border-right: 1px solid #FEFBF6;
    padding-right: 8vw;
    padding-left: 0;
  }
  #calculator .calcForm {
    padding-top: 10vh;
    display: flex;
  }
  #calculator .calcForm .calcContainer {
    order: 2;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    height: fit-content;
    top: 20%;
  }
  #calculator .calcForm .calcContainer:after {
    display: none;
  }
  #calculator .calcForm .calcContainer .calculation {
    width: 70%;
    height: fit-content;
    padding-top: 4vh;
    padding-bottom: 3vh;
  }
  #calculator .calcForm .calcContainer .calculation .price p, #calculator .calcForm .calcContainer .calculation .price .formContainer .gfield--type-html li, #calculator .calcForm .formContainer .gfield--type-html .calcContainer .calculation .price li {
    font-size: 24px;
  }
  #calculator .calcForm .calcContainer .calculation .price input {
    font-size: 70px;
    line-height: 1;
  }
  #calculator .calcForm .formContainer {
    width: 50%;
    margin-top: 0;
    border-top: none;
    border-bottom: none;
  }
  #calculator .calcForm .formContainer .firstHeading h3 {
    padding-top: 0;
  }
  #calculator .calcForm .formContainer .gfield_label {
    width: 40%;
  }
  #calculator .calcForm .formContainer .switchButton legend {
    display: none;
  }
  #calculator .calcForm .formContainer .gform_body .gfield.switchButton .gfield_radio {
    margin: 0;
  }
  #calculator .calcForm .formContainer .gform_body .gfield.switchButton .ginput_container {
    width: 90% !important;
  }
  #calculator .calcForm .formContainer .continueButton {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    padding-bottom: 5vh;
  }
  #calculator .calcForm .formContainer .continueButton legend {
    position: absolute;
    width: 60%;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
  }
  #calculator .calcForm .formContainer .continueButton .ginput_container {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    width: 40%;
  }
  #calculator .calcForm .formContainer .continueButton .ginput_container .gfield_radio {
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    justify-content: flex-end;
  }
  #calculator .calcForm .formContainer .continueButton .ginput_container .gfield_radio input, #calculator .calcForm .formContainer .continueButton .ginput_container .gfield_radio label {
    cursor: pointer;
  }
  #calculator .calcForm .formContainer .continueButton .ginput_container .gchoice {
    padding-bottom: 0;
  }
  #calculator .calcForm .formContainer .headingDetails[data-conditional-logic=visible] {
    display: block !important;
  }
  #calculator .calcForm .formContainer .gform_body .gfield.smallestSelect .ginput_container {
    width: 20% !important;
  }
  #calculator .calcForm .formContainer .gform_body .gfield.smallestSelect label {
    width: fit-content;
  }
  #calculator .calcForm .formContainer .gfield {
    gap: 4vw;
  }
  #calculator .calcForm .formContainer .gfield--type-html {
    display: block;
  }
  #calculator .calcForm .formContainer .gfield--type-html li {
    font-size: 18px !important;
  }
  #calculator .calcForm .formContainer .gfield--type-html ul {
    margin-left: 20px;
  }
  #calculator .calcForm .formContainer .gform_footer {
    padding-bottom: 5vh !important;
    border-bottom: 1px solid #FEFBF6;
  }
  #calculator .calcForm .formContainer .gform_footer input[type=submit] {
    width: 100%;
    font-size: 24px;
    transition: background-color 300ms ease-in-out;
  }
  #calculator .calcForm .formContainer .gform_footer input[type=submit]:hover {
    background: #F4A586;
  }
  #calculator .calcForm .formContainer .validation_message {
    display: none;
  }
  #calculator .calcForm .formContainer .gform_confirmation_message {
    font-size: 24px;
  }
}

/*# sourceMappingURL=style.css.map */