/*
 *
 * DO NOT EDIT THIS FILE
 * If you do, you need to edit the styles-base-ck.css too.
 *
*/
/* --------------- Basic element styles -----------------*/
html, input, textarea, select, optgroup, details, summary {
  font-family: var(--d-font-family);
  font-weight: var(--d-font-weight);
  font-size:62.5%; /* Set the base rem so that 1.5rem = 15px */
}
body, h1, h2, h3, h4, h5, h6, p, li, table, th, td, div, dt, dd, label, input, textarea, select, button, optgroup, details, summary {
  font-size:var(--d-font-size);        /* Base font */
  line-height:var(--d-line-height);        /* Base line height */
  font-display: swap;
}
/* links */
a,
a span,
/* Form elements */
input.form-submit,
input[type="checkbox"],
input[type="radio"],
button,
.button,
label,
label:after,
details,
summary,
summary:before,
.details-wrapper,
/* Search elements */
#search-form input.form-submit,
#search-block-form input.form-submit,
#search-icon,
#search-icon-nav,
#searchbox,
/* Header */
#header-top-wrap .header-top-content,
#header-wrap,
#header,
.logo-wrap,
.logo-wrap img,
.site-name,
.site-slogan,
.region-header-top,
/* Carousels */
#carousel-controls li,
/* Accordions */
.paragraph--type-accordion-item .accordion-content,
/* Tab Buttons */
.tab-button,
.tab-content,
/* Link Buttons */
.link-button,
.link-content,
/* BG Video */
.bgimage.link-button .link-content > .link-background-image > .media--type-image img,
.bgvideo:before,
.view-slideshow-crokes .slick__slide .col1 img { /* creates fading effect for hovers */
  text-decoration:none;
  transition: all var(--d-transition);
  }
.contextual .trigger,
#cboxContent button {
  transition: none;
}
/* --------------- Basic Font styles -----------------*/
h1,
h1 .field__label { /* needed for commerce */
  font-size:var(--d-font-size);
  color:var(--d-color);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
  font-family: var(--d-font-family);
}
h1 {
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
}
h1 .field__label { /* needed for commerce */
  display: inline-block;
}
h2,
.h2 {
  font-size:var(--d-font-size);
  color:var(--d-color);
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
  font-family: var(--d-font-family);
}
h3,
.h3,
ol.search-results > li::before,
.commerce-checkout-flow legend {
  font-size:var(--d-font-size);
  color:var(--d-color);
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
  font-family: var(--d-font-family);
}
h4,
.h4 {
  font-size:var(--d-font-size);
  color:var(--d-color);
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
}
h5,
.h5 {
  font-size:var(--d-font-size);
  color:var(--d-color);
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
}
h6,
.h6 {
  font-size:var(--d-font-size);
  color:var(--d-color);
  padding-top: var(--d-margin-top);
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom);
  text-align:var(--d-text-align);
  font-weight: var(--d-font-weight);
  line-height:var(--d-line-height);
}
p,
div,
input,
textarea,
select,
li,
dt,
dd,
.webform-multiple-table th {
  color:var(--d-color);
  margin: var(--d-space-zero);
  text-align:var(--d-text-align);
}
.breadcrumb li,
.breadcrumb-prefix,
.node__meta div,
.field--name-field-tags div,
.field--name-field-tags .field__label,
figcaption,
caption,
fieldset .fieldset-description,
fieldset .fieldset-description div,
fieldset .fieldset-description p,
details .details-description,
details .details-description div,
details .details-description p,
.description,
.description div,
.description p,
#edit-help-link,
.webform-submission-form .tabledrag-toggle-weight-wrapper .link,
.footer-content p,
.footer-content li,
.footer-bottom p,
.password-strength__title,
.password-confirm-message,
.password-suggestions{ /* smaller font items */
  font-size:calc(var(--d-font-size) * 0.85);
  font-weight: var(--d-font-weight);
}
.node__meta div,
.node__meta time,
.node__meta .date {
  color: var(--color-grey-600);
}
.large-text {
  font-size:calc(var(--d-font-size) * 1.125);
}
.xlarge-text {
  font-size:calc(var(--d-font-size) * 1.375);
}
.nonbreak {
  white-space:nowrap;
}
.field--name-field-tags div,
.field--name-field-tags .field__label,
figcaption,
caption,
fieldset .fieldset-description,
fieldset .fieldset-description div,
fieldset .fieldset-description p,
details .details-description,
details .details-description div,
details .details-description p,
.description,
.description div,
.description p,
#edit-help-link,
.webform-submission-form .tabledrag-toggle-weight-wrapper .link,
.password-strength__title,
.password-confirm-message,
.password-suggestions { /* smaller font items */
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
}
.password-suggestions ul li{ /* smaller font items */
  font-size: inherit;
}
blockquote {
  border-left: var(--d-blockquote-border);
  background: var(--d-blockquote-bg);
  padding: var(--d-blockquote-padding);
  overflow: hidden; /* to force wrapping around floated items */
  border-radius: calc(var(--d-border-radius) * 2);
  font-style: normal !important;
}
code {
  padding: 0.2rem 0.6rem;
  background: rgba(0, 0, 0, 0.08);
  display: inline-block;
  border-radius: var(--d-border-radius);
}
/*default padding at the bottom of paragraphs, images and captions items */
.node__meta,
p,
dd,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list),/* :not(.slick-dots):not(.menu-text) don't include these */
ol,
.form-item:not(.form-wrapper):not(.form-type-processed-text),
.form-actions,
div.captcha,
.form-composite,
#edit-help-link,
.breadcrumb,
.cke_editable,
.paragraph--type-text .media,
fieldset.form-wrapper .fieldset-wrapper,
.facets-widget-dropdown,
.field--name-field-tags {
  padding-bottom: var(--d-margin-bottom);
}
.form-item:not(.form-wrapper):not(.form-type-processed-text),
.form-actions,
div.captcha,
.form-composite,
fieldset.form-wrapper .fieldset-wrapper,
.facets-widget-dropdown {
  padding-bottom: calc(var(--d-margin-bottom) - var(--d-space-xs)); /* same padding a above minus the bottom margin of the form-item field */
}
/*default negative margin at the top of paragraphs, images and captions items */
p,
dd,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text),
ol,
/*.form-item:not(.form-wrapper):not(.form-type-processed-text),*/
.form-actions,
div.captcha,
.form-composite,
#edit-help-link,
.cke_editable, 
label,
.fieldset-legend, 
.margin-top {
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) * -1) + 0.2rem);
}
details,
fieldset,
table,
hr,
blockquote,
#search-form .search-advanced input.form-submit,
ol.search-results li,
.content-bottom-margin:not(.paragraph--type-text) > .paragraph-content,
.margin-bottom {
  margin-bottom: var(--d-margin-bottom);
}
.margin-top {
  margin-top: calc(var(--d-margin-bottom) + ((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) + 0.2rem);
}
/* Block Bottom Margin when background colour is used */
.paragraph:not(.paragraph--type-layout):not(.paragraph--type-text):not(.no-content-bottom-margin):not(.content-bottom-overlap).bgcol > .paragraph-content/*,
.paragraph:not(.paragraph--type-layout):not(.no-content-bottom-margin):not(.content-bottom-overlap).bordercol*/ {
  margin-bottom: 0;
  padding-bottom: var(--d-margin-bottom);
}
strong,
.strong,
b {
  font-weight: var(--d-font-weight-bold);
}
.italic, em {
  font-style: italic;
}
/* no-bottom-margin and extra-bottom-margin */
.no-content-bottom-margin > .paragraph-content,
.content-bottom-margin .link-content .paragraph-content {
  margin-bottom: 0;
}
h1.extra-top-margin,
h2.extra-top-margin,
h3.extra-top-margin,
h4.extra-top-margin,
h5.extra-top-margin,
h6.extra-top-margin,
p.extra-top-margin,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list).extra-top-margin,
ol.extra-top-margin {
  padding-top: calc(var(--d-extra-margin) + ((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size)) - 0.2rem);
}
h1.no-bottom-margin,
h2.no-bottom-margin,
h3.no-bottom-margin,
h4.no-bottom-margin,
h5.no-bottom-margin,
h6.no-bottom-margin {
  margin-bottom: calc((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size));
}
p.no-bottom-margin,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list).no-bottom-margin,
ol.no-bottom-margin {
  padding-bottom: calc((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size));
}
h1.small-bottom-margin,
h2.small-bottom-margin,
h3.small-bottom-margin,
h4.small-bottom-margin,
h5.small-bottom-margin,
h6.small-bottom-margin {
  margin-bottom: calc(var(--d-extra-margin) / 2);
}
p.small-bottom-margin,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list).small-bottom-margin,
ol.small-bottom-margin {
  padding-bottom: calc(var(--d-margin-bottom) / 2);
}
h1.extra-bottom-margin,
h2.extra-bottom-margin,
h3.extra-bottom-margin,
h4.extra-bottom-margin {
  margin-bottom: var(--d-extra-margin);
}
h5.extra-bottom-margin,
h6.extra-bottom-margin {
  margin-bottom: calc(var(--d-extra-margin) * 1.5);
}
p.extra-bottom-margin,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list).extra-bottom-margin,
ol.extra-bottom-margin{
  padding-bottom: calc(var(--d-extra-margin) * 1.5);
}
/* Overlap bottom Margin */
.content-bottom-overlap  > .paragraph-content {
  margin-bottom: calc(var(--d-extra-margin) * -1);
}
/* Stack over next item */
.layout__region:has(.content-stack-mid) {
    display: grid; /* if the region contains .content-stack-mid then display: grid */
    grid-template-rows: min-content;
}
.content-stack-top,
.content-stack-mid,
.content-stack-bot {
  grid-area: 1 / 1; /* put in the first grid */
}
.content-stack-top + div.paragraph,
.content-stack-mid + div.paragraph,
.content-stack-bot + div.paragraph { 
  grid-area: 1 / 1; /* also put the next <div class="paragraph"> in the first grid */
  z-index: 1;
}
.content-stack-mid + div.paragraph,
.content-stack-bot + div.paragraph {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-stack-bot {
  align-items: flex-end;
  justify-content: flex-end;
}
/* === Reset padding at bottom === */
fieldset.form-wrapper .fieldset-wrapper .fieldset-wrapper,
.details-wrapper .form-item,
.form-type-webform-markup,
div.form-wrapper.webform-flexbox,
.form-type-datetime,
.form-type-datelist,
td .form-item,
td .form-item:not(.form-wrapper),
#admin-tasks-wrap .container-item,
/*.menubox-full-width .container-item,*/
#footer-wrap .region-footer > .block.container-item {
  padding-bottom: 0 !important;
}
.webform-select-other .form-item,
.fieldset-wrapper .form-item,
.form-radios .form-type-radio,
.form-checkboxes .form-type-checkbox,
.form-type-datetime,
.form-type-datelist,
.webform-multiple-add .form-item {
  padding-bottom: calc(var(--d-margin-bottom) / 4) !important;
}
th h1, th h2, th h3, th h4, th h5, th h6, th p, th ul, th ol, th .media,
td h1, td h2, td h3, td h4, td h5, td h6, td p, td ul, td ol, td .media,
li ul:not(.nav):not(.menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.item-list__comma-list):not(.menu-text),
li ol:not(.flex-control-nav):not(.breadcrumb-item), li h1, li h2, li h3, li h4, li h5, li h6, li p, li .media,
/*webform elements *//* Need to add other similar elements here */
.webform-elements h2:not(.visually-hidden), .webform-elements h3:not(.visually-hidden), .webform-elements h4:not(.visually-hidden), .webform-elements h5:not(.visually-hidden), .webform-elements h6:not(.visually-hidden),
.webform-options-display-buttons.form-radios .form-type-radio {
  padding-bottom: 0 !important; /* Remove top padding on any nested styles */
  margin-bottom: 0 !important;  /* Remove bottom margin on any nested styles */
}
.search-results li p {
  padding-bottom: var(--d-margin-bottom) !important; /* Same as padding above minus existing Margin-bottom on heading */
}
/* Reset negative margin at top of hidden or nested items */
h2.accordion-title,
h2.modal-title,
h2.tabs-title,
.modal-close.button,
.visually-hidden,
.webform-elements p,
li h1, li h2, li h3, li h4, li h5, li h6, li p,
th h1, th h2, th h3, th h4, th h5, th h6, th p,
td h1, td h2, td h3, td h4, td h5, td h6, td p,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text) ul,
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text) ol,
ol ol,
ol ul,
h2 ul, h2 ol,
h3 ul, h3 ol,
h4 ul, h4 ol,
h5 ul, h5 ol, 
h6 ul, h6 ol
p ul, p ol {
  margin-top: 0 !important;
}
/* Add additional margin to <a.button> inside block items */
h1 a.button,
h2 a.button,
h3 a.button,
h4 a.button,
h5 a.button,
p a.button,
li a.button { 
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size))) - 0.2rem);
}
.field__label + div:has(p), /* for when filed have labels e.g. commerce */
.field__label + p, /* for when filed have labels e.g. commerce */
.field--name-expires + div:has(p) { /* for Stripe */
  margin-top: calc((((var(--d-line-height) * var(--d-font-size)) - var(--d-font-size))) - 0.65rem);
}
/* <hr> styling */
hr {
  color: var(--color-light-grey);
  background-color: var(--color-light-grey);
  border: none;
  height: 1px;
  clear:both;
}
/* Link Styling */
a,
.modal-open.link,
.link-text,
.modal-button.link {
  color:var(--d-color-link);
}
a:hover,
a:active,
a:focus-visible,
.modal-open.link:hover,
.modal-open.link:active,
.modal-open.link:focus-visible,
.link-text:hover,
.link-text:active,
.link-text:focus-visible,
.modal-button.link:hover,
.modal-button.link:active,
.modal-button.link:focus-visible {
  color:var(--d-color-link-hover);
  text-decoration:underline;
}
a:not(.link-button):not(.button):hover span,
a:not(.link-button):not(.button):active span,
a:not(.link-button):not(.button):focus-visible span {
  text-decoration:underline;
}
/* Button Styling*/
input.form-submit,
.button,
.full-button,
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link),
.form-managed-file .button, /* File Upload Button */
.link--previous,
a.link--previous,
/*.address-book-edit-button,*/
.views-field-remove-button .form-submit,
.webform-options-display-buttons label.webform-options-display-buttons-label,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label, /* Checked Webform Buttons */
.webform-button--previous.button {
  line-height:normal !important;
  padding: var(--d-button-padding-tb) var(--d-button-padding-lr);
  font-size: var(--d-font-size);
  font-weight:var(--d-font-weight-bold);
  text-shadow: none;
  border-radius: var(--d-button-border-radius);
  cursor:pointer;
  text-decoration: none !important;
  display:inline-block;
  height: auto;/*override Webform css*/
}
.webform-options-display-buttons label.webform-options-display-buttons-label,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label, /* Checked Webform Buttons */
.webform-button--previous.button {
  border-radius: var(--d-border-radius);
}
.form-actions input.form-submit,
.form-actions .button,
.form-actions .link--previous {
  margin-right: var(--d-space-s);
}
.full-button {
  display: block !important;
  text-align: center;
  /*width: 100%;*/
}
.button.large {
  font-size: 120%;
}
.button.larger {
  font-size: 145%;
}
/* Secondary Button */
input.form-submit.webform-button--reset,
.button.secondary,
.form-managed-file .button, /* File Upload Button */
.link--previous,
a.link--previous,
.cart-form #edit-submit, /* Commerce Secondary Button */
.views-field-remove-button .form-submit, /* Commerce Secondary Button */
.webform-options-display-buttons input + label.webform-options-display-buttons-label, /*Unselected Webform Buttons */
.webform-button--previous.button,
#edit-preview {
  background:var(--d-button-sec-bg);
  border: 0.1rem solid var(--d-button-sec-border); /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--d-button-sec-color);
}
input.form-submit.webform-button--reset:hover,
input.form-submit.webform-button--reset:focus-visible,
.button.secondary:hover,
.button.secondary:focus-visible,
.form-managed-file .button:hover, /* File Upload Button */
.form-managed-file .button:focus-visible, /* File Upload Button */
.link--previous:hover,
.link--previous:focus-visible,
a.link--previous:hover, /* Commerce Secondary Button */
a.link--previous:focus-visible,
.cart-form #edit-submit:hover, /* Commerce Secondary Button */
.cart-form #edit-submit:focus-visible, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:hover, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:focus-visible, /* Commerce Secondary Button */
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label, /*Unselected Webform Buttons */
.webform-options-display-buttons input:focus-visible + label.webform-options-display-buttons-label, /*Unselected Webform Buttons */
.webform-button--previous.button:hover,
.webform-button--previous.button:focus-visible,
#edit-preview:hover,
#edit-preview:focus-visible,
.button.is-disabled,
.button.is-disabled:hover,
.button.is-disabled:focus-visible,
input.form-submit[disabled="disabled"],
input.form-submit[disabled="disabled"]:hover,
input.form-submit[disabled="disabled"]:focus-visible {
  background:var(--d-button-sec-bg-hover);
  border: 0.1rem solid var(--d-button-sec-border-hover); /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--d-button-sec-color-hover);
}
/* Main Buttons */
input.form-submit,
.button,
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link), /* if adding additional :not here, add them to styles-colours.css too */
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label /* Checked Webform Buttons */ {
  --bg-color: var(--d-button-bg);
  --bor-color: var(--d-button-border);
  --txt-color: var(--d-button-color);
  background:var(--bg-color);
  border: 0.1rem solid var(--bor-color); /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--txt-color);
}
/* Main Buttons on hover */
input.form-submit:not([disabled="disabled"]):hover,
input.form-submit:not([disabled="disabled"]):focus-visible,
.button:hover,
.button:focus-visible,
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link):hover, /* if adding additional :not here, add them to styles-colours.css too */
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link):focus-visible { /* if adding additional :not here, add them to styles-colours.css too */
  --bg-color-hover: var(--d-button-bg-hover);
  --bor-color-hover: var(--d-button-border-hover);
  --txt-color-hover: var(--d-button-color-hover);
  background-color:var(--bg-color-hover);
  border: 0.1rem solid var(--bor-color-hover); /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--txt-color-hover);
}
input.form-submit:not(:focus-visible),
.button:not(:focus-visible),
.full-button:not(:focus-visible),
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link):not(:focus-visible),
.link--previous:not(:focus-visible),
a.link--previous:not(:focus-visible),
.address-book-edit-button:not(:focus-visible),
.cart-form #edit-submit:not(:focus-visible), /* Commerce Secondary Button */
.views-field-remove-button .form-submit:not(:focus-visible), /* Commerce Secondary Button */
.webform-options-display-buttons label.webform-options-display-buttons-label:not(:focus-visible),
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label:not(:focus-visible), /* Checked Webform Buttons */
.webform-button--previous.button:not(:focus-visible) {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
input.form-submit:not(:focus-visible):hover,
.button:not(.is-disabled):not(:focus-visible):hover,
.full-button:not(:focus-visible):hover,
button:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow):not(#menu-icon):not(#search-icon):not(#search-icon-nav):not(.mdc-switch):not([id^="slick-slide"]):not(.modal-button.link):not(:focus-visible):hover,
.link--previous:not(:focus-visible):hover,
a.link--previous:not(:focus-visible):hover,
.address-book-edit-button:not(:focus-visible):hover,
.cart-form #edit-submit:not(:focus-visible):hover, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:not(:focus-visible):hover, /* Commerce Secondary Button */
.webform-options-display-buttons label.webform-options-display-buttons-label:not(:focus-visible):hover,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label:not(:focus-visible):hover, /* Checked Webform Buttons */
.webform-button--previous.button:not(:focus-visible):hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.address-book-edit-button, /* Commerce Address Book edit button */
.checkout-pane-coupon-redemption .form-submit, /* Commerce Coupon Add button */ 
.coupon-redemption-form__coupons .form-submit /* Commerce Coupon Remove button */ {
  background:var(--d-button-sec-bg-hover) !important;
  border: 0.1rem solid var(--d-button-sec-border) !important; /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--d-button-sec-color) !important;
}
.address-book-edit-button:hover, /* Commerce Address Book edit button */
.address-book-edit-button:focus-visible, /* Commerce Address Book edit button */
.checkout-pane-coupon-redemption .form-submit:hover, /* Commerce Coupon Add button */ 
.checkout-pane-coupon-redemption .form-submit:focus-visible, /* Commerce Coupon Add button */ 
.coupon-redemption-form__coupons .form-submit:hover, /* Commerce Coupon Remove button */
.coupon-redemption-form__coupons .form-submit:focus-visible  /* Commerce Coupon Remove button */ {
  background:var(--d-button-sec-bg-hove) !important;
  border: 0.1rem solid var(--d-button-sec-border-hover) !important; /* always have a border - if you don't want a visual border, make this the same colour as the background colour above */
  color:var(--d-button-sec-color-hover) !important;
}
.button.small,
button.small:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow),
.address-book-edit-button, /* Commerce Address Book edit button */
.form-item-sidebar-coupon-redemption-form-code.form-submit, /* Commerce Coupon Add button */ 
.coupon-redemption-form__coupons .form-submit /* Commerce Coupon Remove button */ {
  padding: calc(var(--d-button-padding-tb) * 0.66) calc(var(--d-button-padding-lr) * 0.5) !important;
  font-size: var(--d-font-size-s) !important;
}
.button.is-disabled {
  cursor: not-allowed;
}
/* List Styles */
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text),
ol:not(.flex-control-nav):not(.breadcrumb-item) {
  /*list-style: none;
  position: relative;*/
  overflow: hidden;
}
/*p + ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list) ,
p + ol:not(.flex-control-nav):not(.breadcrumb-item) {
  margin-top: calc((var(--d-margin-bottom) * -1) + var(--d-space-xs));
  overflow: visible;
}*/
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text) > li {
  margin-left: 2ch;
  padding-left: calc(1ch + 0.5rem);
  list-style-type: disc;
}
ol:not(.flex-control-nav):not(.breadcrumb-item):not(.search-results) > li {
  margin-left: 3ch;
  padding-left: 0.5rem;
}
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.slick-dots):not(.menu-text) > li::marker,
ol:not(.flex-control-nav):not(.breadcrumb-item) > li::marker {
  color: var(--li-marker-color);
  font-weight: var(--d-font-weight-bold);
}
/* Nested Lists Styles */
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list) ul > li {
  list-style-type: circle;
}
ul:not(.nav):not(.menu):not(.dropdown-menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.cke_panel_list):not(.links):not(.js-pager__items):not(.item-list__comma-list):not(.progress-tracker):not(.messages__list):not(.layout-tabs):not(.iti__country-list):not(.menu-text) ul ul > li {
  list-style-type: square
}
ol:not(.flex-control-nav):not(.breadcrumb-item) ol > li {
  list-style-type: lower-alpha
}
ol:not(.flex-control-nav):not(.breadcrumb-item) ol ol > li {
  list-style-type: lower-roman;
}
/* Options available for above */
/*
  disc (• • •)
  circle (○ ○ ○)
  square (▪ ▪ ▪)
  decimal (1 2 3)
  decimal-leading-zero (01, 02, 03)
  lower-roman (i ii iii)
  upper-roman (I II III)
  lower-greek (α β γ)
  lower-latin (a b c)
  upper-latin (A B C)
  armenian (Ա Բ Գ)
  georgian (ა ბ გ)
  lower-alpha (a b c)
  upper-alpha (A B C)
*/
/* menu-text in CKEditor */
.menu-text{
  list-style: none;
}
/* Comma separated lists */
.item-list--comma-list {
  display: inline;
}
.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li {
  margin: 0;
}
/* Inline lists */
.page-content ul.inline li {
  padding-left: 0;
  margin-right: 0;
  margin-left: var(--d-space-l);
}
.page-content ul.inline li:first-child {
  margin-left: 0;
}
/* Description Lists*/
dt {
  text-align:left;
  margin:0;
  padding:0;
}
dd {
  text-align:left;
  padding-left: var(--d-space-l);
  margin:0;
}
/* Drupal Media Overrides for embedded media in CKEditor (left and right floats are managed by paragraohs.css */
.media.align-center img {
  margin: 0 auto;
}

/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px), print {
  /* TABLET - Non-Retina - (768px-1024px) */

  .large-text {
    font-size:calc(var(--d-font-size) * 1.25);
  }
  .xlarge-text {
    font-size:calc(var(--d-font-size) * 1.5);
  }
}
@media only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  /* TABLET - Retina - (768px-1024px) */

}
@media all and (min-width: 1025px), print {
  /* DESKTOP SMALL and TABLET LARGE - Non-Retina - (1025px-1280px) */

  .large-text {
    font-size:calc(var(--d-font-size) * 1.33);
  }
  .xlarge-text {
    font-size:calc(var(--d-font-size) * 1.875);
  }
}
@media only screen and (min-resolution: 2dppx) and (min-width: 1025px) {
  /* DESKTOP SMALL and TABLET LARGE - Retina - (1025px-1280px) */

}
@media all and (min-width: 1024px) and (hover: hover) and (pointer: fine), print {
  /* DESKTOP SMALL only - Non-Retina - (1025px-1280px) */

}
@media only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  /* DESKTOP SMALL only - Non-Retina - (1025px-1280px) */

}
@media all and (min-width: 1281px), print {
  /* DESKTOP - Non-Retina - (1281px-1920px) */

}
@media only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  /* DESKTOP - Retina - (1281px-1920px) */

}
@media all and (min-width: 1921px), print {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */

}
@media only screen and (min-resolution: 2dppx) and (min-width: 1921px) {
  /* DESKTOP LARGE - Retina - (1921px and larger) */

}