dialog {
  min-width: 300px;
  min-height: 200px;
  border: none;
  background: #ffffff; }
  dialog .dialog-control {
    text-align: right; }
    dialog .dialog-control .dialog-close {
      border: none;
      background-color: transparent; }
  dialog .modal-title {
    color: #7AB87D;
    font-size: 1.25rem;
    font-family: "Tilt Warp"; }
  dialog label {
    margin-bottom: 0.5rem;
    font-weight: 700; }
  dialog input {
    border: 2px solid #7AB87D;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    width: 100%;
    margin-bottom: 0.5rem; }
  dialog .btn-teal {
    margin-top: 1rem; }

dialog[open] {
  opacity: 1;
  transform: scale(1); }

dialog {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, overlay 0.3s ease-out allow-discrete, display 0.3s ease-out allow-discrete; }

@starting-style {
  dialog[open] {
    opacity: 0;
    transform: scale(0); } }

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: display 0.7s allow-discrete, overlay 0.7s allow-discrete, background-color 0.3s; }

dialog[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.5); }

@starting-style {
  dialog[open]::backdrop {
    background-color: rgba(0, 0, 0, 0); } }

h1 {
  color: #7AB87D;
  font-size: calc(1.46875rem + 2.625vw); }
  @media (min-width: 1200px) {
    h1 {
      font-size: 3.4375rem; } }

p.reference {
  color: #7AB87D;
  font-family: "Tilt Warp";
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    p.reference {
      font-size: 1.5rem; } }

p.price {
  color: #000;
  font-family: "Tilt Warp";
  font-size: calc(1.345rem + 1.14vw); }
  @media (min-width: 1200px) {
    p.price {
      font-size: 2.2rem; } }

.our-price-includes, .price-match-guarantee {
  background-color: #000;
  border-bottom-right-radius: 65px; }
  .our-price-includes h2, .price-match-guarantee h2 {
    color: #59A65D;
    font-size: 1.5rem; }
  .our-price-includes p, .price-match-guarantee p {
    color: #ffffff; }

.our-price-includes p {
  display: flex;
  width: 100%; }
  @media (min-width: 992px) {
    .our-price-includes p {
      width: 50%; } }

.our-price-includes p::before {
  content: url("/-/themes/app/client/dist/img/tick.svg");
  display: inline-block;
  height: 1rem;
  padding-right: 0.75rem; }

.price-match-guarantee a {
  background: linear-gradient(to right, #7AB87D 50%, #59A65D 50%);
  color: #000;
  font-size: 1rem;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .2s ease-out;
  padding: 1rem 4rem 1rem 3rem;
  text-decoration: none;
  font-family: "Tilt Warp";
  width: 100%;
  display: inline-block;
  border-radius: 0 0 1.25rem 0;
  position: relative;
  text-align: center;
  border: none;
  width: 100% !important;
  min-width: initial !important; }
  @media (min-width: 576px) {
    .price-match-guarantee a:after {
      background-image: url("/-/themes/app/client/dist/img/button-arrow-black.svg"); } }
  .price-match-guarantee a:hover {
    color: #ffffff; }
    @media (min-width: 576px) {
      .price-match-guarantee a:hover:after {
        background-image: url("/-/themes/app/client/dist/img/button-arrow-white.svg"); } }
  .price-match-guarantee a:hover {
    background-position: left bottom; }
  @media (min-width: 576px) {
    .price-match-guarantee a {
      min-width: 15rem;
      width: auto; }
      .price-match-guarantee a:after {
        content: "";
        display: block;
        height: 2rem;
        width: 2rem;
        background-size: 2rem 2rem;
        background-repeat: no-repeat;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        right: 0; } }

.actions .btn-teal {
  width: 100%; }
  @media (min-width: 1400px) {
    .actions .btn-teal {
      width: auto; } }

.important-information {
  background-color: #59A65D;
  border-bottom-right-radius: 65px; }
  .important-information ul {
    padding-left: 0; }
  .important-information h2 {
    color: #000;
    font-size: 1.5rem; }
  .important-information li {
    color: #000; }
  .important-information li::marker {
    color: #ffffff; }
  .important-information .btn-teal {
    min-width: unset; }

div.enquiry-configuration {
  border-bottom: solid 2px #000; }

div.configuration-actions {
  text-align: right; }
  div.configuration-actions a {
    text-decoration: none; }

div.enquiry-footer .totals, div.summary-enquiry-footer .totals {
  color: #000;
  font-family: "Tilt Warp";
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    div.enquiry-footer .totals, div.summary-enquiry-footer .totals {
      font-size: 1.5rem; } }
  div.enquiry-footer .totals span, div.summary-enquiry-footer .totals span {
    color: #7AB87D;
    font-size: calc(1.345rem + 1.14vw); }
    @media (min-width: 1200px) {
      div.enquiry-footer .totals span, div.summary-enquiry-footer .totals span {
        font-size: 2.2rem; } }
  @media (min-width: 1200px) {
    div.enquiry-footer .totals, div.summary-enquiry-footer .totals {
      border-bottom: solid 2px #000; } }

#enquirydetails input[type=text], #enquirydetails textarea, #enquirydetails input[type=email], #enquirydetails input[type=tel] {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  border: solid 2px #7AB87D; }

#enquirydetails label {
  display: block;
  color: #000;
  font-weight: 700; }

#enquirydetails textarea {
  padding-top: 1rem; }

#enquirydetails .validation-error {
  opacity: 0;
  transition: opacity 0.3s ease;
  font-weight: 700;
  color: red; }

#enquirydetails.was-validated input:invalid, #enquirydetails.was-validated textarea:invalid {
  border-color: red; }

#enquirydetails.was-validated .validation-error {
  opacity: 1; }

@media (min-width: 768px) {
  .office-summary-configuration-column {
    border-left: solid 2px #7AB87D; } }

/*# sourceMappingURL=../../../dist/css/maps/configurator/configurator-enquiry.css.map */