@charset "UTF-8";
/*
 Theme Name:   Wills Online 2026
 Theme URI:    https://wills-online.co.uk/
 Description:  Custom WordPress theme developed for Wills Online built with Bricks.
 Author:       Duncan McMillan
 Author URI:   https://artandsoul.co.uk/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/
:root {
  --btn-text-color: var(--white);
  --btn-hover-text-color: var(--white);
}

:root {
  --form-space: var(--content-gap);
  --form-text-m: var(--text-m);
  --form-text-s: var(--text-s);
  --form-text-color: var(--base);
  --form-link-color:var(--base);
  --form-required-color: #C00;
  --form-placeholder-color: var(--base-light);
  --form-lbl-color: var(--base);
  --form-lbl-font-size: var(--text-s);
  --form-lbl-font-weight: 700;
  --form-fld-bg-color: var(--white);
  --form-fld-color: var(--base);
  --form-fld-border-color: var(--base-light);
  --form-fld-border-width: 1px;
  --form-fld-border-radius: var(--radius-xs);
  --form-fld-style: solid;
  --form-fld-pad-x: 0.5em;
  --form-fld-pad-y: 0.25em;
  --form-btn-pad-x: var(--btn-pad-x);
  --form-btn-pad-y: var(--btn-pad-y);
  --form-btn-border-size: var(--btn-border-size);
  --form-outline-btn-border-size: var(--outline-btn-border-size);
  --form-btn-radius: var(--btn-border-radius);
  --form-btn-text-color: var(--btn-text-color);
  --form-btn-bg-color: var(--primary);
  --form-btn-border-color: var(--primary);
  --form-btn-hover-text-color: var(--btn-text-color);
  --form-btn-hover-bg-color: var(--primary-hover);
  --form-btn-hover-border-color: var(--primary-hover);
  --form-btn-letter-spacing: var(--btn-letter-spacing);
  --form-btn-line-height: var(--btn-line-height);
  --form-btn-text-decoration: var(--btn-text-decoration);
  --form-btn-text-style: var(--btn-text-style);
  --form-btn-text-transform: var(--btn-text-transform);
  --form-btn-weight: var(--btn-weight);
  --form-btn-width: var(--btn-width);
  --form-transition-delay: var(--transition-delay);
  --form-transition-duration: var(--transition-duration);
  --form-transition-timing: var(--transition-timing);
}

.gform_wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--form-space);
  color: var(--form-text-color);
  font-size: var(--form-text-m);
  text-align: left;
}
.gform_wrapper .gfield_label,
.gform_wrapper legend {
  margin-bottom: 0.5em;
}
.gform_wrapper .gfield_label,
.gform_wrapper legend,
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
  color: var(--form-lbl-color);
  font-size: var(--form-lbl-font-size);
  font-weight: var(--form-lbl-font-weight);
  text-transform: uppercase;
}
.gform_wrapper input:not([type=submit], [type=radio]),
.gform_wrapper select,
.gform_wrapper textarea {
  padding: var(--form-fld-pad-y) var(--form-fld-pad-x);
  border-style: var(--form-fld-style);
  border-width: var(--form-fld-border-width);
  border-color: var(--form-fld-border-color);
  border-radius: var(--form-fld-border-radius);
  color: var(--form-fld-color);
  background-color: var(--form-fld-bg-color);
  font-size: inherit;
  transition: var(--bricks-transition);
}
.gform_wrapper input:not([type=submit], [type=radio])::placeholder,
.gform_wrapper select::placeholder,
.gform_wrapper textarea::placeholder {
  color: var(--form-placeholder-color);
}
.gform_wrapper input[type=radio], .gform_wrapper input[type=checkbox] {
  position: relative;
  width: 1em;
  height: 1em;
  padding: 0;
}
.gform_wrapper input[type=radio]:before, .gform_wrapper input[type=radio]:after, .gform_wrapper input[type=checkbox]:before, .gform_wrapper input[type=checkbox]:after {
  display: none;
  position: absolute !important;
  border-radius: inherit;
  background-color: var(--primary);
  content: "";
}
.gform_wrapper input[type=radio] {
  border-radius: 50%;
}
.gform_wrapper input[type=radio]:before {
  inset: 0.2em;
}
.gform_wrapper input[type=radio]:checked:before {
  display: block;
}
.gform_wrapper input[type=checkbox]:before, .gform_wrapper input[type=checkbox]:after {
  inset: 40% 0.1em;
}
.gform_wrapper input[type=checkbox]:before {
  rotate: 45deg;
}
.gform_wrapper input[type=checkbox]:after {
  rotate: -45deg;
}
.gform_wrapper input[type=checkbox]:checked:before, .gform_wrapper input[type=checkbox]:checked:after {
  display: block;
}
.gform_wrapper input + label {
  font-size: var(--text-s);
}
.gform_wrapper .gfield_description {
  font-size: var(--text-s);
  font-style: italic;
  margin-bottom: 0.25em;
}
.gform_wrapper .gform_required_legend {
  font-size: var(--form-text-s);
}
.gform_wrapper .gfield_required {
  color: var(--form-required-color);
  font-size: inherit;
}
.gform_wrapper form {
  display: flex;
  flex-direction: column;
  gap: var(--form-space);
}
.gform_wrapper .gform_heading {
  display: flex;
  flex-direction: column;
  gap: var(--form-space);
}
.gform_wrapper .gform_body .gform_fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-s) var(--space-xl);
}
.gform_wrapper .gform_body .gform_fields .gfield {
  grid-column: span 2;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
  grid-column: span 1;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_radio,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_radio .gchoice,
.gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox .gchoice {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-honeypot {
  display: none;
}
.gform_wrapper .gform_footer {
  padding: 0;
  margin: 0 !important;
}
.gform_wrapper .gform_footer input[type=submit] {
  transition-property: color, background-color, border-color;
  transition-duration: var(--form-transition-duration);
  transition-delay: var(--form-transition-delay);
  transition-timing-function: var(--form-transition-timing);
  display: inline-flex;
  padding: var(--form-btn-pad-y) var(--form-btn-pad-x);
  margin-bottom: 0;
  width: auto;
  min-width: var(--form-btn-width);
  color: var(--form-btn-text-color);
  background-color: var(--form-btn-bg-color);
  border-style: solid;
  border-color: var(--form-btn-border-color);
  border-width: var(--form-btn-border-size);
  border-radius: var(--form-btn-radius);
  font-style: var(--form-btn-text-style);
  font-weight: var(--form-btn-weight);
  line-height: var(--form-btn-line-height);
  text-decoration: var(--form-btn-text-decoration);
  text-transform: var(--form-btn-text-transform);
  letter-spacing: var(--form-btn-letter-spacing);
  align-items: center;
  gap: 1rem;
  justify-content: center;
  text-align: center;
}
.gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:focus {
  color: var(--form-btn-hover-text-color);
  background-color: var(--form-btn-hover-bg-color);
  border-color: var(--form-btn-hover-border-color);
}
.brx-popup .gform_wrapper {
  gap: var(--space-xs);
}
.brx-popup .gform_wrapper form {
  gap: var(--space-xs);
}
.brx-popup .gform_wrapper .gform_heading {
  gap: var(--space-xs);
}
.brx-popup .gform_wrapper .gform_heading .gform_title {
  font-size: var(--h4);
}
.brx-popup .gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.brx-popup .gform_wrapper .gform_footer input[type=submit] {
  width: 100%;
}

.ui-datepicker.gravity-theme .ui-datepicker-header select {
  font-size: var(--form-text-s);
}
.ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-prev {
  color: var(--form-link-color);
  font-size: calc(var(--form-text-s) * 2);
}
.ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-next:focus,
.ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker.gravity-theme .ui-datepicker-header .ui-datepicker-prev:focus {
  color: var(--form-fld-color);
}
.ui-datepicker.gravity-theme .ui-datepicker-calendar td,
.ui-datepicker.gravity-theme .ui-datepicker-calendar th span {
  color: var(--form-lbl-color);
  font-size: var(--form-text-s);
}
.ui-datepicker.gravity-theme .ui-datepicker-calendar .ui-state-default {
  color: var(--form-fld-color);
}
.ui-datepicker.gravity-theme .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker.gravity-theme .ui-datepicker-calendar .ui-state-default:focus {
  border-color: var(--form-fld-color);
}
.ui-datepicker.gravity-theme .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
  color: var(--white);
  background: var(--form-btn-bg-color);
  border-color: var(--form-btn-bg-color);
}
.ui-datepicker.gravity-theme .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
  color: var(--base-semi-dark);
  background: var(--base-ultra-light);
  border-color: var(--base-light);
}

/*
 Theme Name:   Wills Online 2026
 Theme URI:    https://wills-online.co.uk/
 Description:  Custom WordPress theme developed for Wills Online built with Bricks.
 Author:       Duncan McMillan
 Author URI:   https://artandsoul.co.uk/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/
blockquote {
  padding: 0 var(--space-m);
  margin: calc(var(--space-s) + 1em) 0;
  border: none;
  font: inherit;
}
blockquote > p:before, blockquote > p:after, blockquote > div > p:before, blockquote > div > p:after {
  quotes: "“" "“";
}
blockquote > p:before, blockquote > div > p:before {
  content: open-quote;
}
blockquote > p:last-child:after, blockquote > div > p:last-child:after {
  content: close-quote;
}
blockquote cite {
  text-transform: none;
}

table {
  border-collapse: collapse;
}
table thead tr {
  background: var(--base-dark);
}
table thead tr th {
  color: var(--white);
}
table th, table td {
  padding: var(--space-xs);
  border-style: solid;
  border-width: 1px;
  border-color: var(--base);
}

pre,
code {
  font-family: monospace;
  font-size: var(--text-s);
  color: var(--base-semi-dark);
}

pre {
  padding: var(--space-s) var(--space-xl);
  margin: 1em 0;
  white-space: pre-wrap;
  background-color: var(--base-ultra-light);
}

a {
  transition: var(--bricks-transition);
}
input:is([type=button], [type=submit], [type=reset]),
.wp-element-button,
.wp-block-file__button,
.wp-block-button.is-style-outline--1 .wp-block-button__link,
.wp-block-button__link {
  transition: var(--bricks-transition);
  transition-duration: var(--btn-transition-duration);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  min-width: var(--btn-min-width);
  border-radius: var(--btn-radius);
  border-style: var(--btn-border-style);
  border-width: var(--btn-border-width);
  border-color: var(--primary);
  font-size: var(--text-m);
  font-style: var(--btn-font-style);
  font-weight: var(--btn-font-weight);
  text-transform: var(--btn-text-transform);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  line-height: var(--btn-line-height);
}
input:is([type=button], [type=submit], [type=reset]):hover,
.wp-element-button:hover,
.wp-block-file__button:hover,
.wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
.wp-block-button__link:hover {
  color: var(--btn-hover-text-color);
  border-color: var(--primary-hover);
}

input:is([type=button], [type=submit], [type=reset]),
.wp-element-button,
.wp-block-file__button,
.wp-block-button__link {
  background-color: var(--primary);
  color: var(--white);
}
input:is([type=button], [type=submit], [type=reset]):hover,
.wp-element-button:hover,
.wp-block-file__button:hover,
.wp-block-button__link:hover {
  background-color: var(--primary-hover);
}

.wp-block-button.is-style-outline--1 .wp-block-button__link {
  border-width: var(--btn-border-width);
  border-color: var(--primary);
  color: var(--primary);
}
.wp-block-button.is-style-outline--1 .wp-block-button__link:hover {
  color: var(--primary-hover);
  background-color: transparent;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

body .brxe-post-content:not([data-source=bricks]) * + .wp-block-buttons.is-layout-flex,
body .brxe-text * + blockquote,
body .brxe-post-content:not([data-source=bricks]) * + blockquote,
body .brxe-post-content:not([data-source=bricks]) * + figure,
body .smart-spacing * + blockquote {
  margin-block-start: 1em;
}

#brx-header--container .brxe-nav-menu {
  font-size: var(--text-l);
  text-transform: uppercase;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu li {
  transition: var(--bricks-transition);
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu li a {
  padding: 0 1ch;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu > li {
  margin: 0;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu .sub-menu a {
  transition: var(--bricks-transition);
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu .sub-menu button {
  padding-inline: 1ch;
}
#brx-header--container .brx-submenu-toggle {
  justify-content: space-between;
}
#brx-header--container .brx-submenu-toggle.icon-right button, #brx-header--container .brx-submenu-toggle.icon-left button {
  margin-inline: 0;
}

.bricks-background-primary {
  background-color: var(--primary);
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle {
  width: 2.4rem;
  height: 2rem;
  margin-block: 1rem;
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span {
  height: 0.4rem;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top {
  top: 50%;
  width: 2.4rem;
  margin-top: -0.2rem;
  transform: translateY(-0.8rem);
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center {
  top: 50%;
  width: 2.4rem;
  margin-top: -0.2rem;
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom {
  top: 50%;
  width: 2.4rem;
  margin-top: -0.2rem;
  transform: translateY(0.8rem);
}

:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span {
  width: 2.4rem;
}

:where(.brxe-nav-menu.show-mobile-menu) .bricks-mobile-menu-toggle .bar-top {
  transform: rotate(-45deg);
}

:where(.brxe-nav-menu.show-mobile-menu) .bricks-mobile-menu-toggle .bar-bottom {
  transform: rotate(45deg);
}

#brx-header--container .brxe-nav-menu .bricks-nav-menu {
  line-height: 1em;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu .sub-menu {
  background-color: var(--primary);
  line-height: 2em;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu .sub-menu li {
  line-height: inherit;
}
#brx-header--container .brxe-nav-menu .bricks-nav-menu .sub-menu a:hover {
  background-color: var(--primary-hover);
}
.brxe-as-hcard {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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