@charset "UTF-8";
/*
 Theme Name:   CECAG 2025
 Theme URI:    https://artandsoul.co.uk/
 Description:  Custom WordPress theme developed for Cumberworth Environmental Action Group 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(--tertiary);
  --form-btn-hover-border-color: var(--tertiary);
  --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-txn-duration: var(--txn-duration);
  --form-txn-timing-fn: var(--txn-timing-fn);
}

.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,
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
  margin-bottom: 0.5em;
  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])::-moz-placeholder, .gform_wrapper select::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder {
  color: var(--form-placeholder-color);
}
.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 + label {
  font-size: var(--text-s);
}
.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_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-txn-duration);
  transition-delay: 0;
  transition-timing-function: var(--form-txn-timing-fn);
  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);
  -webkit-text-decoration: var(--form-btn-text-decoration);
          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);
}
.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(--shade-medium);
  background: var(--shade-ultra-light);
  border-color: var(--shade-light);
}

#brx-header {
  z-index: 1;
}
.home #brx-header {
  position: absolute;
}

#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu {
  gap: 1em;
  text-transform: uppercase;
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu li {
  transition: var(--bricks-transition);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu > li {
  margin: 0;
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu > li > .brx-submenu-toggle, #brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu > li > a {
  padding: 0.25em 0;
  border-style: solid;
  border-width: 0 0 0.33333em;
  border-color: transparent;
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu > li > .brx-submenu-toggle:hover, #brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu > li > a:hover {
  border-color: var(--primary-light);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
  background-color: var(--primary-ultra-light);
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary-light);
  border-radius: 0 var(--radius) var(--radius) var(--radius);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu .sub-menu {
  margin-top: -1px;
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li {
  padding: 0.25em 0.5em;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--primary-light);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li:first-child {
  border-top-right-radius: var(--radius);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li:last-child {
  border: none;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a, #brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button {
  padding: 0;
}
#brx-header--navigation:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu .menu-item:hover {
  background-color: var(--white);
}

#brx-header--ornament {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.33333%;
  min-width: 24rem;
  max-width: 64rem;
}

#brx-header--container {
  z-index: 1;
}

#brx-header--inner {
  overflow: visible;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

#brx-footer--fields {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

#brx-footer--subfooter {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  font-size: var(--text-s);
  color: var(--white);
  background-color: var(--base);
}

body.blog {
  background-color: var(--primary-ultra-light);
}

.brxe-as-hcard {
  display: flex;
  flex-direction: column;
  align-items: center;
}
: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);
}

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;
}

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

strong {
  font-weight: 600;
}

.wp-element-button,
.nav-button a {
  transition: var(--bricks-transition);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  min-width: var(--btn-min-width);
  background-color: var(--primary);
  color: var(--white);
  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);
  -webkit-text-decoration: var(--btn-text-decoration);
          text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  line-height: var(--btn-line-height);
}
.wp-element-button:hover,
.nav-button a:hover {
  color: var(--white);
  opacity: 1;
  background-color: var(--tertiary);
  border-color: var(--tertiary);
}

.nav-button a {
  justify-content: center;
  padding-block: 0.58333em !important;
  border-style: var(--btn-border-style) !important;
  border-width: var(--btn-border-width) !important;
  border-color: var(--primary) !important;
}
.bricks-mobile-menu-wrapper .nav-button a {
  width: auto;
  margin-inline: var(--space-s);
}
.bricks-mobile-menu-wrapper .nav-button a:hover {
  color: var(--white) !important;
}
.nav-button a:hover {
  border-color: var(--tertiary) !important;
}

a {
  transition: var(--bricks-transition);
}
body a:where(:not(nav a, #brx-footer a)) {
  color: var(--tertiary);
}
body a:where(:not(nav a, #brx-footer a)):hover {
  color: var(--secondary);
}

.as-speech-balloon {
  display: inline-block;
  vertical-align: baseline;
  color: #C00;
  padding: 0.4em 0.5em 0.6em;
  font-size: 0.85em;
  letter-spacing: -0.025em;
  background-image: url("images/speech-balloon.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

#home--aims ul li {
  list-style-position: inside;
  list-style: none;
}
#home--aims ul li:before {
  display: inline-block;
  vertical-align: middle;
  width: 2ch;
  height: 2em;
  margin-right: 0.5ch;
  background-image: url("images/leaf-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem auto;
  content: "";
}

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