@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Oswald-normal-400.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Oswald-normal-500.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Oswald-normal-600.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Oswald-normal-700.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-italic-400.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-italic-500.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-italic-600.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-italic-700.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-normal-400.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-normal-500.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-normal-600.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto-normal-700.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-italic-300.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-italic-400.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-italic-500.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-italic-600.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-italic-700.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-normal-300.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-normal-400.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-normal-500.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-normal-600.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	font-stretch: normal;
	src: url(../assets/Roboto_Condensed-normal-700.woff) format('woff');
	unicode-range: U+0-10FFFF;
}

/*
 * Where possible, have PHP emit a different class name rather than
 * rely on SASS variables
*/
/* These come from WordPress's Twenty Twenty-Two theme's style.css */
/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-style: solid;
  color: var(--wp--preset--color--primary);
}

a:active {
  text-decoration: none;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */
.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 0;
  border: none;
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align=full] {
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */
.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

body {
  --gradient-dark-50: 240 240 244;
  --gradient-dark-100: 226 226 233;
  --gradient-dark-200: 197 197 211;
  --gradient-dark-300: 167 167 190;
  --gradient-dark-400: 138 138 168;
  --gradient-dark-500: 109 109 146;
  --gradient-dark-600: 87 87 117;
  --gradient-dark-700: 65 65 88;
  --gradient-dark-800: 44 44 58;
  --gradient-dark-900: 22 22 29;
  --gradient-dark-1000: 16 16 20;
}

.drumba-logo-container {
  margin: -60px 0 !important;
  z-index: 5;
  position: relative;
}

.drumba-logo-outer {
  background: var(--wp--preset--color--primary);
  padding: 15px 0;
  transform: skewY(-3deg);
}
.drumba-logo-outer .drumba-subtitle {
  font-family: var(--wp--preset--font-family--default-heading);
  font-size: 30px;
  line-height: 1em;
  text-decoration: none;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  letter-spacing: 0.15em;
}
.drumba-logo-outer > .drumba-logo-unrotate {
  transform: skewY(3deg);
}

.drumba-logo-middle {
  background: var(--wp--preset--color--secondary);
  padding: 15px 0;
  transform: skewY(-3deg);
}
.drumba-logo-middle > .drumba-logo-unrotate {
  transform: skewY(3deg);
}

.drumba-logo-inner {
  background: #fff;
  color: #000;
  padding: 15px 0;
  transform: skewY(-3deg);
}

.drumba-logo-inner > .drumba-logo-unrotate {
  transform: skewY(3deg);
}

.drumba-logo-inner .drumba-logo-contents {
  padding: 34px 0 0 0;
}

.drumba_background {
  background: none;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) {
  .drumba-logo-lrg {
    width: 597px !important;
    height: 112px !important;
    background: url("https://www.drumba.co.uk/wp-content/uploads/2023/03/DRUMBA-360h.png") !important;
    background-size: 597px 112px !important;
  }
}
@media (min-width: 768px) {
  .drumba-logo-lrg {
    width: 597px;
    height: 112px;
    background: url("https://www.drumba.co.uk/wp-content/uploads/2023/03/DRUMBA-180h.png");
    background-size: 597px 112px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px) {
  .drumba-logo-lrg {
    width: 299px;
    height: 56px;
    background: url("https://www.drumba.co.uk/wp-content/uploads/2023/03/DRUMBA-180h.png") !important;
    background-size: 299px 56px !important;
  }
}
.drumba-logo-lrg {
  width: 299px;
  height: 56px;
  background: url("https://www.drumba.co.uk/wp-content/uploads/2023/03/DRUMBA-90h.png");
  background-size: 299px 56px;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

/* --------------------------------------------------------------------------- */
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) {
  .drumba-logo-sm {
    width: 299px !important;
    height: 56px !important;
    background-size: 299px 56px !important;
  }
}
@media (min-width: 768px) {
  .drumba-logo-sm {
    width: 299px;
    height: 56px;
    background-size: 299px 56px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px) {
  .drumba-logo-sm {
    width: 299px;
    height: 56px;
    background-size: 299px 56px;
  }
}
.drumba-logo-sm {
  width: 299px;
  height: 56px;
  background-size: 299px 56px;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

body .drumba-logo-scale-on-visible {
  opacity: 0;
  -webkit-transform: skewX(-15deg) scaleX(1.3);
  -moz-transform: skewX(-15deg) scaleX(1.3);
  -ms-transform: skewX(-15deg) scaleX(1.3);
  transform: skewX(-15deg) scaleX(1.3);
  -webkit-transition: transform 1000ms, opacity 1000ms;
  -moz-transition: transform 1000ms, opacity 1000ms;
  -ms-transition: transform 1000ms, opacity 1000ms;
  transition: transform 1000ms, opacity 1000ms;
}
body .drumba-logo-scale-on-visible.visible {
  opacity: 1;
  -webkit-transform: skewX(-15deg) scaleX(1);
  -moz-transform: skewX(-15deg) scaleX(1);
  -ms-transform: skewX(-15deg) scaleX(1);
  transform: skewX(-15deg) scaleX(1);
}

body {
  --hrunk-forms-border-colour: #00000040;
}

@media (prefers-color-scheme: dark) {
  body {
    --hrunk-forms-border-colour: #ffffff40;
  }
}
.hrunk-formhelper input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.hrunk-formhelper textarea,
.hrunk-form-style input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.hrunk-form-style textarea {
  padding: 0.5rem;
  flex-grow: 1;
  min-width: 3em;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--hrunk-forms-border-colour);
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--system-font);
  line-height: 1.25;
  font-weight: 400;
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  border-radius: 0.25rem;
}
.hrunk-formhelper input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.hrunk-formhelper textarea:focus,
.hrunk-form-style input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.hrunk-form-style textarea:focus {
  border-color: var(--wp--preset--color--primary);
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px #EF8AA3;
}
.hrunk-formhelper button,
.hrunk-formhelper input[type=submit],
.hrunk-form-style button,
.hrunk-form-style input[type=submit] {
  margin-top: 1.5rem;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
  line-height: 1.25;
  box-shadow: none;
  cursor: pointer;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  box-sizing: border-box;
  border: 0;
  border-radius: 0.25rem;
}
.hrunk-formhelper button:hover:not(:disabled),
.hrunk-formhelper input[type=submit]:hover:not(:disabled),
.hrunk-form-style button:hover:not(:disabled),
.hrunk-form-style input[type=submit]:hover:not(:disabled) {
  opacity: 0.9;
}
.hrunk-formhelper button:disabled,
.hrunk-formhelper input[type=submit]:disabled,
.hrunk-form-style button:disabled,
.hrunk-form-style input[type=submit]:disabled {
  cursor: not-allowed;
}
.hrunk-formhelper button:focus,
.hrunk-formhelper input[type=submit]:focus,
.hrunk-form-style button:focus,
.hrunk-form-style input[type=submit]:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px #EF8AA3;
}
.hrunk-formhelper input[type=checkbox],
.hrunk-formhelper input[type=radio],
.hrunk-form-style input[type=checkbox],
.hrunk-form-style input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
  line-height: 1;
  height: 1.5rem;
  width: 1.5rem;
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--foreground);
  border-width: 1px;
  border-style: solid;
}
.hrunk-formhelper input[type=checkbox]:checked,
.hrunk-formhelper input[type=radio]:checked,
.hrunk-form-style input[type=checkbox]:checked,
.hrunk-form-style input[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (prefers-color-scheme: dark) {
  .hrunk-formhelper input[type=checkbox]:checked,
  .hrunk-formhelper input[type=radio]:checked,
  .hrunk-form-style input[type=checkbox]:checked,
  .hrunk-form-style input[type=radio]:checked {
    background-color: var(--wp--preset--color--background);
    border-color: var(--wp--preset--color--foreground);
  }
}
.hrunk-formhelper input[type=checkbox]:focus,
.hrunk-formhelper input[type=radio]:focus,
.hrunk-form-style input[type=checkbox]:focus,
.hrunk-form-style input[type=radio]:focus {
  outline: none !important;
  box-shadow: 0px 0px 0px 3px #EF8AA3;
  border-color: var(--wp--preset--color--primary);
}
@media (prefers-color-scheme: dark) {
  .hrunk-formhelper input[type=checkbox]:focus,
  .hrunk-formhelper input[type=radio]:focus,
  .hrunk-form-style input[type=checkbox]:focus,
  .hrunk-form-style input[type=radio]:focus {
    border-color: var(--wp--preset--color--primary);
  }
}
.hrunk-formhelper input[type=checkbox],
.hrunk-form-style input[type=checkbox] {
  border-radius: 0.25rem;
}
.hrunk-formhelper input[type=checkbox]:checked,
.hrunk-form-style input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
  .hrunk-formhelper input[type=checkbox]:checked,
  .hrunk-form-style input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23e0e0e0' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
  }
}
.hrunk-formhelper input[type=radio],
.hrunk-form-style input[type=radio] {
  border-radius: 100%;
}
.hrunk-formhelper input[type=radio]:checked,
.hrunk-form-style input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
  .hrunk-formhelper input[type=radio]:checked,
  .hrunk-form-style input[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23e0e0e0' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
}
@media not print {
  .hrunk-formhelper input[type=checkbox]::-ms-check,
  .hrunk-form-style input[type=checkbox]::-ms-check {
    border-width: 1px;
    color: transparent;
    background: inherit;
    border-color: inherit;
    border-radius: inherit;
  }
}
@media not print {
  .hrunk-formhelper input[type=radio]::-ms-check,
  .hrunk-form-style input[type=radio]::-ms-check {
    border-width: 1px;
    color: transparent;
    background: inherit;
    border-color: inherit;
    border-radius: inherit;
  }
}
.hrunk-formhelper .small,
.hrunk-form-style .small {
  font-size: var(--wp--preset--font-size--small) !important;
}
.hrunk-formhelper label,
.hrunk-form-style label {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
}
.hrunk-formhelper select,
.hrunk-form-style select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box;
  line-height: 1.25;
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  padding-left: 0.5rem;
  padding-right: calc(0.5rem + 20px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid var(--hrunk-forms-border-colour);
  font-family: var(--wp--preset--font-family--system-font);
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.375;
  font-weight: 400;
  height: auto;
  box-shadow: none;
  width: 100%;
  display: block;
  border-radius: 0.25rem;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z' /%3E%3C/svg%3E");
  background-size: 40px 20px;
  background-position: right center;
  background-repeat: no-repeat no-repeat;
}
.hrunk-formhelper select:focus, .hrunk-formhelper select:active,
.hrunk-form-style select:focus,
.hrunk-form-style select:active {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px #EF8AA3 !important;
  border-color: var(--wp--preset--color--primary);
}
@media (prefers-color-scheme: dark) {
  .hrunk-formhelper select,
  .hrunk-form-style select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23cccccc' stroke='%23cccccc' %3E%3Cpath fill='%23cccccc' stroke='%23cccccc' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z' /%3E%3C/svg%3E");
  }
}
.hrunk-formhelper select option,
.hrunk-form-style select option {
  padding: 0;
}

@font-face {
  font-family: "Captureit";
  src: url(../assets/Captureit.eot?#iefix) format("embedded-opentype"), url(../assets/Captureit.woff) format("woff"), url(../assets/Captureit.ttf) format("truetype"), url(../assets/Captureit.svg#Captureit) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Andreash";
  src: url(../assets/Andreash.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "molotregular";
  src: url(../assets/Molot-webfont.woff) format("woff"), url(../assets/Molot-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Black";
  src: url(../assets/gotham-black-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.is-style-fancy-font {
  font-family: var(--wp--preset--font-family--captureit);
}

.is-style-brand-font {
  font-family: var(--wp--preset--font-family--brand);
}

.is-style-andreash-font {
  font-family: var(--wp--preset--font-family--andreash);
}

.is-style-gotham-black-font {
  font-family: var(--wp--preset--font-family--gotham-black);
}

.is-style-brand-skewed-font {
  font-family: var(--wp--preset--font-family--brand);
  transform: skew(-15deg);
}

.is-style-heading-font {
  font-family: var(--wp--preset--font-family--default-heading);
  font-weight: 700;
  letter-spacing: 0.15em;
}

.is-style-no-top-margin {
  margin-top: 0 !important;
}

ul.is-style-left-align-list {
  padding: 0;
  margin: 0;
}
ul.is-style-left-align-list li {
  list-style-type: none;
  padding-left: 1.25em;
}
ul.is-style-left-align-list li:before {
  content: "";
  float: left;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  width: 1.25em;
  margin-left: -1.25em;
}

.is-style-flex-col {
  display: flex !important;
  flex-direction: column !important;
}

.is-style-flex-1 {
  flex: 1 !important;
}

.is-style-overlap-above-2 {
  position: relative !important;
  margin-top: -2rem !important;
}

.is-style-overlap-above-4 {
  position: relative !important;
  margin-top: -4rem !important;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: none;
  text-decoration-style: solid;
}

.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content {
  /* Padding for the menu bar itself */
  padding: 1.2rem 1.4rem !important;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle {
  padding-right: 1.4rem;
  margin-left: -0.5rem;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container {
  /* Padding within the dropdown menu */
  padding: 0.5rem 0;
  box-shadow: 0 0.25rem 2.5rem rgba(0, 0, 0, 0.25);
  min-width: 20rem !important;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  /* Padding for dropdown menu items */
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item .wp-block-navigation-item__content,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__submenu-container > li.wp-block-navigation-item .wp-block-navigation-item__content {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .has-child:not(.open-on-click):hover,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .has-child:not(.open-on-click):hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--always-white) !important;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .has-child :where(.wp-block-navigation__submenu-container) .has-child :where(.wp-block-navigation__submenu-container),
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .has-child :where(.wp-block-navigation__submenu-container) .has-child :where(.wp-block-navigation__submenu-container) {
  top: -0.5rem;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  border-style: solid;
  border-color: var(--wp--preset--color--silver);
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0.5rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container li,
.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container li {
  color: var(--wp--preset--color--foreground) !important;
}
@media (prefers-color-scheme: dark) {
  .wp-block-navigation.items-justified-left .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container,
  .wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
    background-color: rgb(var(--gradient-dark-800)) !important;
    border-style: solid;
    border-color: rgb(var(--gradient-dark-700));
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0.5rem;
    top: calc(100% - 1px);
    box-shadow: 0 1px 4px 0 rgb(255, 0, 0);
  }
}

.wp-block-navigation__responsive-container-open {
  white-space: nowrap;
}
.wp-block-navigation__responsive-container-open:before {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  content: "MENU";
  background-position: left center;
  background-repeat: no-repeat no-repeat;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--typography--line-height--normal);
}
.wp-block-navigation__responsive-container-open svg {
  display: none;
}

@media (prefers-color-scheme: dark) {
  .wp-block-navigation__responsive-container-open:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
  }
}
body.page-template-page-transparent-nav-light-black .wp-block-navigation__responsive-container-open:before,
body.page-template-page-transparent-nav-light .wp-block-navigation__responsive-container-open:before,
header.has-always-white-color .wp-block-navigation__responsive-container-open:before,
header .has-always-white-color .wp-block-navigation__responsive-container-open:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #16161d;
  background-position: 50% 50%;
  background-size: cover;
  overflow-x: hidden;
  color: #eee;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  width: 100%;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container::before {
  content: " ";
  background-image: url(https://www.drumba.co.uk/wp-content/uploads/2023/03/DRUMBA-white-360h.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 90px;
  width: 100%;
  display: block;
  margin-top: -2rem;
  margin-bottom: 0rem;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item {
  width: 100%;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > a {
  align-self: stretch;
  text-align: center;
  font-weight: 700;
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--custom--typography--line-height--normal);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
  color: #eee !important;
  padding-bottom: var(--wp--style--block-gap, 2em);
  padding-bottom: 0 !important;
  padding-top: 0.5rem !important;
  align-self: stretch;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > li {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > li a {
  padding: 0.2rem;
  width: 100%;
  text-align: center;
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--typography--line-height--normal);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > li a span {
  width: 100%;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-social-links {
  width: 100%;
  justify-content: center;
}

.wp-block-navigation__container {
  gap: 0;
}

.wp-block-navigation.items-justified-right .wp-block-navigation-item a:hover, .wp-block-navigation.items-justified-right .wp-block-navigation-item a:active, .wp-block-navigation.items-justified-right .wp-block-navigation-item a:focus,
.wp-block-navigation.items-justified-left .wp-block-navigation-item a:hover,
.wp-block-navigation.items-justified-left .wp-block-navigation-item a:active,
.wp-block-navigation.items-justified-left .wp-block-navigation-item a:focus {
  text-decoration: none;
  text-decoration-style: solid;
}
.wp-block-navigation.items-justified-right .wp-block-navigation-item .wp-block-navigation-item__content,
.wp-block-navigation.items-justified-left .wp-block-navigation-item .wp-block-navigation-item__content {
  line-height: 1.5;
}
.wp-block-navigation.items-justified-right .wp-block-navigation-item .wp-block-navigation-item__content:hover,
.wp-block-navigation.items-justified-left .wp-block-navigation-item .wp-block-navigation-item__content:hover {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item.is-style-mobile-menu-only,
.wp-block-navigation__responsive-container .wp-block-social-links.is-style-mobile-menu-only {
  display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.is-style-mobile-menu-only,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-social-links.is-style-mobile-menu-only {
  display: inherit;
}

.wp-block-image figcaption {
  color: var(--wp--preset--color--foreground) !important;
}

.wp-block-ub-content-toggle-accordion {
  border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap,
.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title,
.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-toggle-wrap,
.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-state-indicator {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--foreground) !important;
}

.wp-block-table table thead {
  border-bottom: 1px solid var(--wp--preset--color--foreground);
  background-color: var(--wp--preset--color--foreground);
}
.wp-block-table table td,
.wp-block-table table th {
  border: 1px solid var(--wp--preset--color--foreground);
}

footer a:not(.wp-block-social-link-anchor):hover, footer a:not(.wp-block-social-link-anchor):focus {
  color: inherit;
  opacity: 0.5;
}

.wp-block-cover.contain .wp-block-cover__image-background {
  object-fit: contain !important;
}

.text-shadow-1 {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.text-shadow-4 {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.text-shadow-8 {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.line-height-1 {
  line-height: 1;
}

.flowplayer {
  margin-bottom: 0;
}

@media (max-width: 781px) {
  .drumba-collapse-grid-mobile {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
.drumba-square {
  aspect-ratio: 1 !important;
  width: auto !important;
}

.shrink-0 {
  flex-shrink: 0 !important;
}

.wp-site-blocks > header:not(.drumba-transparent-nav) {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

@media (min-width: 782px) {
  .drumba-transparent-nav {
    height: auto;
    z-index: 100;
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
  }
}
body.hrunk-blocks-page-scrolled .drumba-transparent-nav {
  background-color: #000;
}

.wp-site-blocks > *:first-child + * {
  margin-block-start: 0 !important;
}

*::selection {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--background) !important;
}

body {
  overflow-x: hidden;
}
body button {
  font-family: var(--wp--preset--font-family--system-font);
}
body.page-template.page-template-page-no-heading-black, body.page-template.page-template-page-black, body.page-template-page-transparent-nav-light-black, body.page-template-page-transparent-nav-dark-black {
  background-color: #000;
  color: #fff;
}

header > .has-always-black-background-color {
  background-color: rgb(var(--gradient-dark-1000)) !important;
}

footer > .has-always-black-background-color {
  background-color: rgb(var(--gradient-dark-1000)) !important;
}

@media (prefers-color-scheme: dark) {
  body {
    --wp--preset--color--background: rgb(var(--gradient-dark-900)) !important;
    --wp--preset--color--foreground: #dddddd !important;
    --wp--preset--color--silver: #38383c !important;
  }
}
.wp-site-blocks main {
  min-height: 30rem;
}

@media (min-width: 600px) {
  .md-and-up {
    display: block;
  }
}
.drumba-header-right .wp-block-social-links {
  display: none;
}

@media (min-width: 1300px) {
  .drumba-header-right .wp-block-social-links {
    display: flex;
  }
}
.drumba-header-right .wp-block-navigation {
  display: none;
}

@media (min-width: 1100px) {
  .drumba-header-right .wp-block-navigation {
    display: flex;
  }
}
@media (max-width: 781px) {
  .drumba-hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 782px) {
  .drumba-visible-mobile {
    display: none !important;
  }
}
.drumba-header-left {
  flex-grow: 1;
}

/* Hide nav earlier */
.drumba-hidden-mobile-menu-breakpoint {
  display: none !important;
}

.is-layout-flex.drumba-header-right {
  display: none;
}

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: initial;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
@media (min-width: 1000px) {
  .drumba-header-left {
    flex-grow: 0;
  }
  .is-layout-flex.drumba-header-right {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .drumba-hidden-mobile-menu-breakpoint {
    display: inherit !important;
  }
}
#wpmem_login label,
#wpmem_login legend,
#wpmem_login .req-text,
#wpmem_reg label,
#wpmem_reg legend,
#wpmem_reg .req-text {
  color: var(--wp--preset--color--foreground);
}
#wpmem_login input:not([type=submit]),
#wpmem_reg input:not([type=submit]) {
  outline: none;
  border: 1px solid var(--hrunk-forms-border-colour) !important;
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--foreground) !important;
}
#wpmem_login input:not([type=submit]):focus, #wpmem_login input:not([type=submit]):focus-visible,
#wpmem_reg input:not([type=submit]):focus,
#wpmem_reg input:not([type=submit]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #ef8aa3;
  border: 1px solid #e53d66 !important;
}
#wpmem_login button,
#wpmem_login input[type=submit],
#wpmem_reg button,
#wpmem_reg input[type=submit] {
  appearance: none;
  background-image: none;
  background-color: #e53d66;
  color: var(--wp--preset--color--background);
  padding: 0.75rem 1.5rem;
  border: 1px solid #e53d66;
  border-radius: 0.25rem;
  outline: none;
}
#wpmem_login button:hover,
#wpmem_login input[type=submit]:hover,
#wpmem_reg button:hover,
#wpmem_reg input[type=submit]:hover {
  background-color: #cf1c48;
  border-color: #cf1c48;
}
#wpmem_login button:focus,
#wpmem_login input[type=submit]:focus,
#wpmem_reg button:focus,
#wpmem_reg input[type=submit]:focus {
  outline: none;
}
#wpmem_login button:focus-visible,
#wpmem_login input[type=submit]:focus-visible,
#wpmem_reg button:focus-visible,
#wpmem_reg input[type=submit]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #ef8aa3;
}

.whitespace-nowrap {
  white-space: nowrap;
}

@media (max-width: 781px) {
  .drumba-mt-0-mobile {
    margin-top: 0 !important;
  }
}