/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
:root {
  --accordion-trigger-font-size: 2.2rem;
  --accordion-trigger-font-weight: 700;
  --accordion-trigger-line-height: 64px;
  --accordion-trigger-bottom-border: unset;
  --accordion-trigger-desktop-offset: 40px;
  --accordion-trigger-icon-top-offset: 4px;
  --accordion-trigger-border-radius: 4px;
  --short-border-float: right;
  --panel-content-padding: 16px 16px 16px 40px;
  --accordion-compact-panel-short-border-width: 0;
}
:root [icon-right] {
  --accordion-trigger-desktop-offset: 0;
  --accordion-trigger-icon-top-offset: 16px;
  --panel-content-padding: 16px 16px 16px 0px;
  --short-border-float: none;
  --accordion-compact-panel-short-border-width: 100%;
}

[compact] {
  --accordion-trigger-font-size: 1.8rem;
  --accordion-trigger-font-weight: 700;
  --accordion-trigger-line-height: 40px;
  --accordion-trigger-bottom-border: 1px solid #d9dce1;
  --accordion-trigger-desktop-offset: 0;
  --accordion-trigger-icon-top-offset: 2px;
  --panel-padding: 2px;
  --panel-content-padding: 0 16px 8px 0px;
}
[compact] .icon.pull-right {
  --accordion-trigger-icon-top-offset: 16px;
}

.bmo-accordion {
  box-sizing: border-box;
  overflow: visible;
  position: relative;
  width: calc(100% + var(--accordion-trigger-desktop-offset));
  right: var(--accordion-trigger-desktop-offset);
  display: block;
}
.bmo-accordion .accordion-trigger {
  display: block;
  cursor: pointer;
  border-bottom: var(--accordion-trigger-bottom-border);
  border-radius: var(--accordion-trigger-border-radius);
  text-align: left;
  background-color: transparent;
  border: unset;
  width: 100%;
  padding: 0px;
}
.bmo-accordion .accordion-trigger .icon {
  margin-right: 16px;
  position: relative;
  top: var(--accordion-trigger-icon-top-offset);
  transition: transform 0.2s ease;
  /* &.expanded {
      transform: rotate(180deg);
  }*/
}
.bmo-accordion .accordion-trigger:hover > .icon, .bmo-accordion .accordion-trigger:focus > .icon {
  filter: var(--brand-pri-filter-over);
}
.bmo-accordion .accordion-trigger .short-border {
  border-bottom: 1px solid var(--bmo-light-grey);
  position: relative;
  display: block;
  width: calc(100% - var(--accordion-trigger-desktop-offset));
  float: var(--short-border-float);
  top: -1px;
  margin-left: var(--accordion-trigger-desktop-offset);
}
.bmo-accordion .accordion-trigger.expanded .short-border {
  display: none;
}
.bmo-accordion .accordion-trigger.expanded > .icon {
  transform: rotate(180deg);
}
.bmo-accordion .accordion-trigger[aria-expanded=true] > .icon {
  transform: rotate(180deg);
}
.bmo-accordion .accordion-trigger[aria-expanded=true] .short-border {
  display: none;
}
.bmo-accordion .accordion-trigger:hover .icon, .bmo-accordion .accordion-trigger:focus .icon {
  filter: var(--brand-pri-filter-over);
}
.bmo-accordion .accordion-panel {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  display: block;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow-y: hidden;
  width: 100%;
}
.bmo-accordion .accordion-panel.expanded {
  height: 600px;
  opacity: 1;
  visibility: visible;
  overflow-y: hidden;
}
.bmo-accordion .accordion-panel .panel-content {
  padding: var(--panel-content-padding);
}
.bmo-accordion .accordion-panel .panel-content:after {
  display: block;
  clear: both;
  content: "";
}
.bmo-accordion .accordion-panel .short-border {
  border-bottom: 1px solid var(--bmo-light-grey);
  position: relative;
  display: block;
  width: calc(100% - var(--accordion-trigger-desktop-offset));
  float: var(--short-border-float);
  top: -1px;
}

@media only screen and (max-width: 1279px) {
  .bmo-accordion {
    width: 100%;
    left: 0;
    margin-left: unset;
  }
}
@media only screen and (max-width: 599px) {
  .bmo-accordion {
    width: 100%;
    right: 0;
  }
  .bmo-accordion .accordion-trigger .short-border {
    width: 100%;
    margin-left: 0px;
  }
  .bmo-accordion .accordion-trigger .icon.medium.chevron-down {
    margin-right: 16px;
    top: 16px !important;
    transition: transform 0.2s ease;
    float: right !important;
  }
  .bmo-accordion .accordion-trigger .icon.medium.chevron-down.expanded {
    transform: rotate(180deg);
  }
  .bmo-accordion .accordion-panel .panel-content {
    padding: var(--panel-content-padding);
  }
  .bmo-accordion .accordion-panel .short-border {
    width: 100%;
    margin-left: 0px;
  }
  .bmo-accordion .accordion-trigger.trigger-compact .short-border {
    width: var(--accordion-compact-panel-short-border-width);
  }
  .bmo-accordion .accordion-trigger.trigger-compact + .accordion-panel .short-border {
    width: var(--accordion-compact-panel-short-border-width);
  }
}/*# sourceMappingURL=accordian.css.map */