/*
 *
 * DO NOT EDIT THIS FILE
 * If you do, you need to edit the styles-fonts-ck.css too.
 *
*/

/* --------------- Basic element styles -----------------*/
html, input, textarea, select, optgroup, details, summary {
  font-family: var(--d-font-family-base);
  font-weight: var(--d-font-weight-base);
  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);        /* Base font */
  line-height:var(--d-line-height-base);        /* Base line height */
}
/* 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-base);
  }
.contextual .trigger,
#cboxContent button {
  transition: none;
}
/* --------------- Basic Font styles -----------------*/
h1,
h1 .field__label { /* needed for commerce */
  font-size:var(--d-font-size-h1);
  color:var(--d-color-h1);
  padding-top: var(--d-margin-top-h1);
  margin-top: calc((((var(--d-line-height-h1) * var(--d-font-size-h1)) - var(--d-font-size-h1)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h1);
  text-align:var(--d-text-align-h1);
  font-weight: var(--d-font-weight-h1);
  line-height:var(--d-line-height-h1);
  font-family: var(--d-font-family-h1);
}
h1 .field__label { /* needed for commerce */
  display: inline-block;
}
h2,
.h2 {
  font-size:var(--d-font-size-h2);
  color:var(--d-color-h2);
  padding-top: var(--d-margin-top-h2);
  margin-top: calc((((var(--d-line-height-h2) * var(--d-font-size-h2)) - var(--d-font-size-h2)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h2);
  text-align:var(--d-text-align-h2);
  font-weight: var(--d-font-weight-h2);
  line-height:var(--d-line-height-h2);
  font-family: var(--d-font-family-h2);
}
h3,
.h3,
ol.search-results > li::before,
.checkout-pane legend {
  font-size:var(--d-font-size-h3);
  color:var(--d-color-h3);
  padding-top: var(--d-margin-top-h3);
  margin-top: calc((((var(--d-line-height-h3) * var(--d-font-size-h3)) - var(--d-font-size-h3)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h3);
  text-align:var(--d-text-align-h3);
  font-weight: var(--d-font-weight-h3);
  line-height:var(--d-line-height-h3);
  font-family: var(--d-font-family-h3);
}
h4,
.h4 {
  font-size:var(--d-font-size-h4);
  color:var(--d-color-h4);
  padding-top: var(--d-margin-top-h4);
  margin-top: calc((((var(--d-line-height-h4) * var(--d-font-size-h4)) - var(--d-font-size-h4)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h4);
  text-align:var(--d-text-align-h4);
  font-weight: var(--d-font-weight-h4);
  line-height:var(--d-line-height-h4);
}
h5,
.h5 {
  font-size:var(--d-font-size-h5);
  color:var(--d-color-h5);
  padding-top: var(--d-margin-top-h5);
  margin-top: calc((((var(--d-line-height-h5) * var(--d-font-size-h5)) - var(--d-font-size-h5)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h5);
  text-align:var(--d-text-align-h5);
  font-weight: var(--d-font-weight-h5);
  line-height:var(--d-line-height-h5);
}
h6,
.h6 {
  font-size:var(--d-font-size-h6);
  color:var(--d-color-h6);
  padding-top: var(--d-margin-top-h6);
  margin-top: calc((((var(--d-line-height-h6) * var(--d-font-size-h6)) - var(--d-font-size-h6)) * -1) + 0.2rem);
  margin-bottom:var(--d-margin-bottom-h6);
  text-align:var(--d-text-align-h6);
  font-weight: var(--d-font-weight-h6);
  line-height:var(--d-line-height-h6);
}
p,
div,
input,
textarea,
select,
li,
dt,
dd,
.webform-multiple-table th {
  color:var(--d-color-base);
  margin: var(--d-space-zero);
  text-align:var(--d-text-align-base);
}
.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:85%;
  font-weight: var(--d-font-weight-base);
}
.password-suggestions ul li{ /* smaller font items */
  font-size: inherit;
}
blockquote {
  border-left: var(--d-blockquote-border);
  background-color: var(--d-blockquote-bg);
  padding: var(--d-blockquote-padding);
  overflow: hidden; /* to force wrapping around floated items */
  border-radius: calc(var(--d-base-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-base-border-radius);
}
/*default padding at the bottom of paragraphs, images and captions items */
.node__meta,
p,
dd,
ul:not(.nav):not(.menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.js-pager__items):not(.item-list__comma-list):not(.tab-button-group),
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 {
  padding-bottom: var(--d-margin-bottom-base);
}
/*default negative margin at the top of paragraphs, images and captions items */
p,
dd,
ul:not(.nav):not(.menu):not(.contextual-links):not(.toolbar-menu):not(.tabs):not(.pager__items):not(.slides):not(.flex-direction-nav):not(.js-pager__items):not(.item-list__comma-list):not(.tab-button-group),
ol,
.form-item:not(.form-wrapper):not(.form-type-processed-text),
.form-actions,
div.captcha,
.form-composite,
#edit-help-link,
.cke_editable {
  margin-top: calc((((var(--d-line-height-base) * var(--d-font-size-base)) - var(--d-font-size-base)) * -1) + 0.2rem);
}
#footer-bottom-wrap p {
  padding-bottom: var(--d-space-xs);
}
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: var(--d-margin-bottom-base);
}
strong,
.strong,
b {
  font-weight: bolder;
}
.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;
}
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-base) * var(--d-font-size-base)) - var(--d-font-size-base));
}
p.no-bottom-margin {
  padding-bottom: calc((var(--d-line-height-base) * var(--d-font-size-base)) - var(--d-font-size-base));
}
h2.extra-bottom-margin,
h3.extra-bottom-margin,
h4.extra-bottom-margin,
h5.extra-bottom-margin,
h6.extra-bottom-margin {
  margin-bottom: var(--d-margin-bottom-base);
}
p.extra-bottom-margin {
  padding-bottom: var(--d-margin-bottom-base);
}
/* Overlap bottom Margin */
.content-bottom-overlap  > .paragraph-content {
  margin-bottom: calc(var(--d-space-l) * -1);
}

/* === Reset padding at bottom === */
.webform-select-other .form-item,
.fieldset-wrapper .form-item,
fieldset.form-wrapper .fieldset-wrapper .fieldset-wrapper,
.details-wrapper .form-item,
.form-radios .form-type-radio,
.form-checkboxes .form-type-checkbox,
.form-type-webform-markup,
div.form-wrapper.webform-flexbox,
.form-type-datetime,
.form-type-datelist,
td .form-item,
td .form-item:not(.form-wrapper),
.webform-multiple-add .form-item,
#admin-tasks-wrap .container-item,
/*.menubox-full-width .container-item,*/
#footer-wrap .region-footer > .block.container-item {
  padding-bottom: 0 !important;
}
th h2, th h3, th h4, th h5, th h6, th p, th ul, th ol, th .media,
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),
li ol:not(.flex-control-nav):not(.breadcrumb-item), 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) {
  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-base) !important; /* Same as padding above minus existing Margin-bottom on heading */
}
/* Reset negative margin at top of hidden items */
h2.accordion-title,
h2.modal-title,
h2.tabs-title,
.visually-hidden {
  margin-top: 0 !important;
}
.webform-elements p {
  margin-top: 0 !important;
}
/* Add additional margin to <a.button> inside block items */
h2 a.button {
  margin-top: calc((((var(--d-line-height-h2) * var(--d-font-size-h2)) - var(--d-font-size-h2))) - 0.2rem);
}
h3 a.button {
  margin-top: calc((((var(--d-line-height-h3) * var(--d-font-size-h3)) - var(--d-font-size-h3))) - 0.2rem);
}
h4 a.button {
  margin-top: calc((((var(--d-line-height-h4) * var(--d-font-size-h4)) - var(--d-font-size-h4))) - 0.2rem);
}
h5 a.button {
  margin-top: calc((((var(--d-line-height-h5) * var(--d-font-size-h5)) - var(--d-font-size-h5))) - 0.2rem);
}
p a.button,
li a.button {
  margin-top: calc((((var(--d-line-height-base) * var(--d-font-size-base)) - var(--d-font-size-base))) - 0.2rem);
}
/* <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 {
  color:var(--d-color-link);
}
a:hover,
a:active,
a:focus,
.modal-open.link:hover,
.modal-open.link:active,
.modal-open.link:focus {
  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 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),
.form-managed-file .button, /* File Upload Button */
.link--previous,
a.link--previous,
.address-book-edit-button,
/*.cart-form #edit-submit,*/ /* Commerce Secondary Button */
.views-field-remove-button .form-submit, /* Commerce Secondary Button */
.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-weight:bolder;
  text-shadow: none;
  border-radius: var(--d-base-button-border-radius);
  cursor:pointer;
  text-decoration: none !important;
  display:inline-block;
  /* margin: 0; */ /* Removed from Pathway */
}
.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-base-border-radius);
}
.form-actions input.form-submit,
.form-actions .button,
.form-actions .link--previous {
  /*margin: 0 var(--d-space-m) var(--d-margin-bottom-base) 0;*/ /* Removed for Pathway */
  /*vertical-align: top;*/ /* Removed for Pathway */
  margin-right: var(--d-space-s);
}
.full-button {
  display: block;
  text-align: center;
}
.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,
.address-book-edit-button,
.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-color:var(--color-very-light-grey);
  border: 0.1rem solid var(--color-very-light-grey); /* 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-bg);
}
input.form-submit.webform-button--reset:hover,
input.form-submit.webform-button--reset:focus,
.button.secondary:hover,
.button.secondary:focus,
.form-managed-file .button:hover, /* File Upload Button */
.form-managed-file .button:focus, /* File Upload Button */
.link--previous:hover,
.link--previous:focus,
a.link--previous:hover, /* Commerce Secondary Button */
a.link--previous:focus,
.address-book-edit-button:hover,
.address-book-edit-button:focus,
.cart-form #edit-submit:hover, /* Commerce Secondary Button */
.cart-form #edit-submit:focus, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:hover, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:focus, /* Commerce Secondary Button */
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label, /*Unselected Webform Buttons */
.webform-options-display-buttons input:focus + label.webform-options-display-buttons-label, /*Unselected Webform Buttons */
.webform-button--previous.button:hover,
.webform-button--previous.button:focus,
#edit-preview:hover,
#edit-preview:focus {
  background-color:var(--color-very-light-grey-hover);
  border: 0.1rem solid var(--color-very-light-grey-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-bg-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), /* 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-color: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:hover,
input.form-submit:focus,
.button:hover,
.button:focus,
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):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):focus { /* 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),
.button:not(:focus),
.full-button:not(:focus),
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(:focus),
.link--previous:not(:focus),
a.link--previous:not(:focus),
.address-book-edit-button:not(:focus),
.cart-form #edit-submit:not(:focus), /* Commerce Secondary Button */
.views-field-remove-button .form-submit:not(:focus), /* Commerce Secondary Button */
.webform-options-display-buttons label.webform-options-display-buttons-label:not(:focus),
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label:not(:focus), /* Checked Webform Buttons */
.webform-button--previous.button:not(:focus) {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
input.form-submit:not(:focus):hover,
.button:not(:focus):hover,
.full-button:not(:focus):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(:focus):hover,
.link--previous:not(:focus):hover,
a.link--previous:not(:focus):hover,
.address-book-edit-button:not(:focus):hover,
.cart-form #edit-submit:not(:focus):hover, /* Commerce Secondary Button */
.views-field-remove-button .form-submit:not(:focus):hover, /* Commerce Secondary Button */
.webform-options-display-buttons label.webform-options-display-buttons-label:not(:focus):hover,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label:not(:focus):hover, /* Checked Webform Buttons */
.webform-button--previous.button:not(:focus):hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.button.small,
button.small:not(.media-library-item__edit):not(.trigger):not(.tabs__trigger):not(.dropdown-trigger):not(.toolbar-icon):not(.slick-arrow) {
  padding: calc(var(--d-button-padding-tb) * 0.66) calc(var(--d-button-padding-lr) * 0.5);
  font-size: var(--d-font-size-s);
}
/* 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(.tab-button-group),
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-base) * -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(.tab-button-group) > 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(.tab-button-group) > li::marker,
ol:not(.flex-control-nav):not(.breadcrumb-item) > li::marker {
  color: var(--li-marker-color);
  font-weight: bolder;
}
/* 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(.tab-button-group) 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(.tab-button-group) 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)
*/
/* 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;
}
/* Tables */
table tr th {
  background-color:var(--d-color-th-bg);
}
thead tr th:first-child {
  border-top-left-radius: var(--d-base-border-radius);
  border-bottom-left-radius: var(--d-base-border-radius);
}
thead tr th:last-child {
  border-top-right-radius: var(--d-base-border-radius);
  border-bottom-right-radius: var(--d-base-border-radius);
}
table tr th,
table tr th p,
table tr th a,
table tr th a:hover,
table tr th a:focus,
table tr th a:active {
  color:var(--d-color-th);
  font-weight:500;
}
table tr th,
table tr td {
  vertical-align:top;
  padding:var(--d-space-xs) var(--d-space-s);
  border-top:1px solid var(--d-color-th-border);
  border-bottom:1px solid var(--d-color-th-border);
}
table tr td {
  border-top:1px solid var(--d-color-td-border);
  border-bottom:1px solid var(--d-color-td-border);
}
table thead + tbody tr td {
  border-top:none;
}
table caption {
  margin-bottom: var(--d-space-xxs);
}
/* === PDF Upload icon === */
.file,
.pdf:before {
  display: inline-block;
  min-height: var(--d-font-size-base);
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  content: "";
}
.file--application-pdf,
.pdf:before {
  background-image: url(../images/acrobat.png);
}
.medium-icon .file,
.large-icon .file {
  display: inline;
  min-height: 1px;
  padding-left: 0;
  background:none;
}
.medium-icon .file a,
.large-icon .file a{
  display: inline-block;
  min-height: var(--d-font-size-base);
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center 10px;
  padding-top: 70px;
  background-size: 60px;
  border-radius: 3px;
  min-width: 6rem;
  text-align: center;
}
.large-icon .file a {
  padding: 15px;
  background-position: center 15px;
  padding-top: 145px;
  background-size: 120px;
  min-width: 10rem;
}
.medium-icon .file--application-pdf a,
.large-icon .file--application-pdf a{
  background-image: url(../images/pdf-icon.png);
  background-color: rgba(255,255,255,0.35);
}
.medium-icon .file a:hover,
.medium-icon .file a:focus,
.large-icon .file a:hover,
.large-icon .file a:focus {
  background-color: rgba(0, 0, 0, 0.08);
}