@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

/* Specify rules which will be limited to just IE11. */
/**
 * IE11 mixin to designate where to place rows and columns.
 *
 * IE11 by default places all grid items in the first row and first column of
 * the grid.  This allows for the grid to get manually set.
 *
 * @param $row
 *   Optionally indicate which row a grid item belongs in.
 * @param $column
 *   Optionally indicate which column a grid item belongs in.
 */
/**
 * Provides a grid template rule with grid gap for IE11.  Columns only.
 *
 * @param $numCols
 *   The number of columns to repeat in the template..
 * @param $colWidth
 *   The width of each column.
 * @param $gridGap
 *   The grid gap to add between each column.
 */
/**
 * Provides a grid template rule with grid gap for IE11.  Rows only.
 *
 * @param $numRows
 *   The number of rows to repeat in the template..
 * @param $rowHeight
 *   The width of each row.
 * @param $gridGap
 *   The grid gap to add between each row.
 */
/**
 * Calculates grid placement for items for IE11.
 *
 * @param $items
 *   The maximum number of items to set into the grid.  Exceeding the actual
 *   count is ok, but adds more CSS.
 * @param $wrap-on
 *   The number of items before wrapping to a new column.
 * @param $hasColGridGap
 *   Whether or not there is a grid gap associated with the columns.
 * @param $hasColGridGap
 *   Whether or not there is a grid gap associated with th rows.
 */
/**
 * IE11 grid alignment.  Applies to immediate children of grid container only!
 *
 * @param $row
 *   The alignment rule for the row.
 * @param $column
 *   The alignment rule for the column.
 */
/**
 * IE11 grid row.
 *
 * @param $row
 * The row number.
 */
.local-base {
  font-size: 1rem;
}

/*
 * Center Items with Flexbox
 *
 * @param $direction Optional.
 *   Pass 'flex-direction' values to center vertically or horizontally.
 *   For example: 'row', 'column', etc.
 */
/*
 * Round Images
 *
 * @param $size
 *   The image size in pixels. Apply to <img> tag.
 */
/**
 * Sets background image for icon based on file name and path.
 *
 * @param $path
 *   The partial path after images directory to find the desired image.
 * @param $name
 *   The name of the svg file.
 */
/**
 * Sets file path for worklet icons.
 *
 * @param $product
 *   The directory within product info to get worklet icons.
 * @param $category
 *   The name of the file.
 */
h1,
.title__h1,
.text-formatted .title__h1 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.29;
  margin-top: 0;
  margin-bottom: 16px;
}

h2,
.title__h2,
.text-formatted .title__h2 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
  margin-top: 0;
  margin-bottom: 16px;
}

h3,
.title__h3,
.text-formatted .title__h3 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 16px;
}

h4,
.title__h4,
.text-formatted .title__h4 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  margin-top: 0;
  margin-bottom: 16px;
}

h5,
.title__h5,
.text-formatted .title__h5 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-top: 0;
  margin-bottom: 8px;
}

h6,
.title__h6,
.text-formatted .title__h6 {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-top: 0;
  margin-bottom: 8px;
}

.title__h6--regular {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.31;
  margin-top: 0;
  margin-bottom: 8px;
}

.title--collapsible {
  padding-left: 24px;
}

.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

a,
.link {
  color: #005cb9;
  text-decoration: none;
  word-break: break-word;
  overflow-wrap: break-word;
}

a:hover,
.link:hover {
  text-decoration: underline;
}

a:visited,
.link:visited {
  color: #6345a1;
}

div.print__wrapper.print__wrapper--pdf {
  margin-bottom: 24px;
}

div.node-action-links {
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
}

div.node-action-links a {
  position: relative;
  float: left;
  margin-right: 30px;
}

div.node-action-links a.flag {
  display: initial;
}

div.node-action-links .bookmark-icon {
  height: 18px;
}

div.node-action-links .bookmark-icon-tooltip {
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-radius: 2px;
  background-color: #494949;
  color: #fff;
  z-index: 9999;
  text-align: center;
  width: 89px;
  height: 35px;
  padding: 7px 10px 7px 11px;
  margin-left: -35px;
  margin-top: 8px;
  position: absolute;
}

div.node-action-links div.ajax-progress-throbber {
  display: none;
}

.text-formatted h1, .text-formatted h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.17;
  margin-bottom: 8px;
}

.text-formatted h3 {
  font-size: 18px;
}

.text-formatted h4 {
  font-size: 16px;
}

.text-formatted h5 {
  font-size: 14px;
}

.text-formatted h6 {
  font-size: 13px;
}

.text-formatted p, .text-formatted ol, .text-formatted ul, .text-formatted table {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
}

.text-formatted li {
  line-height: 1.5;
}

input {
  line-height: 1.5;
}

body, p, .title__p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  word-wrap: break-word;
}

.title__p--bold {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
}

.title__caption {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
}

textarea {
  vertical-align: top;
}

textarea.resize-none {
  resize: none;
}

textarea.resize-vertical {
  resize: vertical;
  min-height: 2em;
}

textarea.resize-horizontal {
  resize: horizontal;
  max-width: 100%;
}

textarea.resize-both {
  resize: both;
  max-width: 100%;
  min-height: 2em;
}

blockquote {
  font-style: italic;
  border-left: solid 3px #ced3d9;
  margin-left: 24px;
  padding-left: 24px;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  border-style: solid;
  border-width: 1px 0 0;
  color: currentColor;
}

pre {
  white-space: pre-wrap;
  word-break: break-word;
}

label[for] {
  cursor: pointer;
}

code:before {
  content: '`';
}

code:after {
  content: '`';
}

pre code:after, pre code:before {
  content: '';
}

.capitalize {
  text-transform: capitalize;
}

/**
 * Breakpoint Configuration
 * @see https://github.com/Team-Sass/breakpoint/wiki
 *
 * Usage:
 * display: none; // hidden for mobile
 * @include breakpoint($bp-small-up) {
 *   display: block; // shown above 400
 * }
 */
.layout__container {
  display: -ms-grid;
  display: grid;
  min-width: 1025px;
  width: 100%;
  /* min-height is bugged in IE11, it has no effect which means content that
   does not fill the viewport will continue to not do so, which is not good.
   Assigning a height will fix layout for pages where content does not fill
   viewport, but break for content longer than viewport.  That leaves the column
   calculation as the final resort.  The current figure is arrived by this math:
   80px header + 57px breadcrumb + 150px footer + 24px grid gap = 311px.
   min-height works for other browsers, so this calculation is only really
   meaningful for IE11.  */
  -ms-grid-rows: auto auto auto auto auto auto minmax(calc(100vh - 345px), 1fr) auto;
      grid-template-rows: auto auto auto auto auto auto minmax(calc(100vh - 345px), 1fr) auto;
  -ms-grid-columns: 100%;
      grid-template-columns: 100%;
  min-height: 100vh;
  grid-template-areas: "header" "alert" "featured" "header-top" "breadcrumb" "header-bottom" "main-content" "footer";
}

.layout__container .site__header {
  grid-area: header;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  min-width: 1025px;
}

.layout__container .region-alert {
  grid-area: alert;
  -ms-grid-row: 2;
  /* stylelint-disable-line */
}

.layout__container .region-header-top {
  grid-area: header-top;
  -ms-grid-row: 4;
  /* stylelint-disable-line */
}

.layout__container .region-breadcrumb {
  grid-area: breadcrumb;
  -ms-grid-row: 5;
  /* stylelint-disable-line */
}

.layout__container .region-header-bottom {
  grid-area: header-bottom;
  -ms-grid-row: 6;
  /* stylelint-disable-line */
}

.layout__container .region-featured {
  grid-area: featured;
  -ms-grid-row: 3;
  /* stylelint-disable-line */
}

.layout__container .region-content,
.layout__container .layout__main {
  grid-area: main-content;
  -ms-grid-row: 7;
  /* stylelint-disable-line */
}

.layout__container .region-content--no-sidebar,
.layout__container .layout__main--no-sidebar {
  grid-gap: 0;
  margin-bottom: 40px;
  -ms-grid-columns: 100%;
      grid-template-columns: 100%;
}

.layout__container .site__footer {
  grid-area: footer;
  -ms-grid-row: 8;
  /* stylelint-disable-line */
}

.user-login-pages .layout__container {
  min-width: 0;
}

.layout__main {
  max-width: 1248px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
}

.layout__main .layout__content {
  -ms-grid-row: 1;
      grid-row: 1;
}

.block--wdc-archive-message {
  background-color: #494949;
}

.layout__main--sidebar-first--sidebar-second {
  grid-template-areas: "sidebar-first main sidebar-second";
  -ms-grid-columns: auto 1fr auto;
      grid-template-columns: auto 1fr auto;
}

.layout__main--sidebar-first--sidebar-second .layout__sidebar--first {
  grid-area: sidebar-first;
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.layout__main--sidebar-first--sidebar-second .layout__sidebar--second {
  grid-area: sidebar-second;
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.layout__main--sidebar-first--sidebar-second .layout__content {
  grid-area: main;
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__main--sidebar-first .layout__sidebar--first,
.layout__main--sidebar-first .layout__sidebar--second,
.layout__main--sidebar-second .layout__sidebar--first,
.layout__main--sidebar-second .layout__sidebar--second {
  grid-area: sidebar;
}

.layout__main--sidebar-first .layout__content,
.layout__main--sidebar-second .layout__content {
  grid-area: main;
  /* IE11 "grid gap". */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .layout__main--sidebar-first .layout__content,
  .layout__main--sidebar-second .layout__content {
    margin-bottom: 40px;
  }
}

.layout__main--sidebar-first .layout__sidebar--first {
  -ms-grid-column: 1;
  /* stylelint-disable-line */
  /* IE11 "grid gap". */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .layout__main--sidebar-first .layout__sidebar--first {
    margin-right: 40px;
    margin-bottom: 40px;
  }
}

.layout__main--sidebar-first .layout__content {
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__main--sidebar-second .layout__sidebar--second {
  -ms-grid-column: 2;
  /* stylelint-disable-line */
  /* IE11 "grid gap". */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .layout__main--sidebar-second .layout__sidebar--second {
    margin-left: 40px;
    margin-bottom: 40px;
  }
}

.layout__main--sidebar-second .layout__content {
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.layout__main--sidebar-first {
  grid-template-areas: "sidebar main";
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
}

.layout__main--sidebar-second {
  grid-template-areas: "main sidebar";
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
}

.layout__main--sidebar-second .region-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  -ms-grid-rows: auto auto auto auto auto;
      grid-template-rows: auto auto auto auto auto;
  grid-template-areas: ". message" "vote title" "vote tabs" "vote help" "vote content";
}

.layout__main--sidebar-second .region-content .messages {
  grid-area: message;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__main--sidebar-second .region-content .block--page-title-block {
  grid-area: title;
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
  padding: 0;
  margin: 0;
}

.layout__main--sidebar-second .region-content .block--local-tasks-block,
.layout__main--sidebar-second .region-content .block-local-tasks-block {
  grid-area: tabs;
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__main--sidebar-second .region-content .voting-widget-node-wrapper {
  grid-area: vote;
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
  -ms-grid-row-span: 2;
  /* stylelint-disable-line */
  margin-right: 24px;
  width: 40px;
}

.layout__main--sidebar-second .region-content .block--help-block {
  grid-area: help;
  -ms-grid-row: 4;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__main--sidebar-second .region-content .node-wrapper {
  grid-area: content;
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.layout__sidebar--first,
.layout__sidebar--second {
  width: 320px;
}

.content__row--front > * {
  max-width: 1248px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}

.content__row--border-bottom > * {
  border-bottom: 1px solid #ced3d9;
}

.content__row--homepage-card {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1248px;
}

.content__row--homepage-card .wdc-homepage-card:first-child {
  padding-right: 12px;
}

.content__row--homepage-card .wdc-homepage-card:last-child {
  padding-left: 12px;
}

.content__row--background {
  background-color: #f0f1f2;
}

.content__row--advanced-menu {
  padding-top: 40px;
  padding-bottom: 16px;
}

.content__row--advanced-menu .title__h3 {
  line-height: 1.3;
}

.layout__main--half .layout__content--half {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "left-column right-column";
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 40px 1fr;
  /* stylelint-disable-line */
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  grid-gap: 40px;
}

.layout__main--half .layout__content--half .column__left {
  grid-area: left-column;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.layout__main--half .layout__content--half .column__right {
  grid-area: right-column;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

/* @TODO Temp fix only.  Messages will be overhauled later. */
/**
 * @file
 * Styles for system messages.
 */
.messages {
  background: no-repeat 10px 17px;
  /* LTR */
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  /* LTR */
  border-radius: 2px;
  padding: 15px 20px;
  /* LTR */
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 16px;
  margin-left: 8px;
}

[dir="rtl"] .messages {
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
  padding-left: 20px;
  padding-right: 35px;
  text-align: right;
}

.messages + .messages {
  margin-top: 1.538em;
}

.messages__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.messages__item + .messages__item {
  margin-top: 0.769em;
}

/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  /* LTR */
  box-shadow: -8px 0 0 #77b259;
  /* LTR */
}

[dir="rtl"] .messages--status {
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
  margin-left: 0;
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
  background-color: #fdf8ed;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  /* LTR */
  color: #734c00;
  box-shadow: -8px 0 0 #e09600;
  /* LTR */
}

[dir="rtl"] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}

/* See .color-error in Seven's colors.css */
.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  /* LTR */
  box-shadow: -8px 0 0 #e62600;
  /* LTR */
}

[dir="rtl"] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
  color: #a51b00;
}

.user-login-pages .messages--error {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  color: #de2e21;
  margin-bottom: 24px;
  text-align: center;
}

@media screen and (min-width: 577px) {
  .user-login-pages .messages--error {
    text-align: left;
  }
}

.u-border {
  border: solid 1px #ced3d9;
}

.demo-transition.transition-opacity {
  transition: opacity 0.3s ease-in;
}

.demo-transition.transition-move:after {
  transition: left 0.3s ease-in;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

html {
  height: 100%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

main {
  display: block;
}

select {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* Opacity fade out animation */
@keyframes opacityFadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

/* Spinner animation styles */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.popup__popper .ajax-progress-throbber {
  animation: opacityFadeOut 500ms ease-out forwards;
  background: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
}

.popup__popper .ajax-progress-throbber .throbber {
  width: 5rem;
  height: 5rem;
  border-top-color: #0875e1;
  border-left-color: #0875e1;
  /* Additional spinner styles */
  animation: spinner 1s linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  background-image: none;
}

.popup__popper .ajax-progress-throbber .message {
  display: none;
}

.alert-bar {
  text-align: center;
  padding: 16px 0;
  margin: 0;
}

.alert-bar__icon {
  height: 24px;
  width: 18px;
  background: url("../images/alert-bell.svg") no-repeat center;
  display: inline-block;
  margin-right: 12px;
  vertical-align: bottom;
}

.archived-content-branding {
  height: 100px;
  background-color: #494949;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1248px;
  display: -ms-flexbox;
  display: flex;
}

.archived-content-branding__icon {
  height: 21px;
  width: 18px;
  background: url("../images/archive-icon.svg") no-repeat;
  background-size: cover;
  display: inline-block;
  float: left;
  margin: 40px 0;
}

.archived-content-branding__text {
  -ms-flex: 1;
      flex: 1;
}

.archived-content-branding__text_left {
  margin: 38px 0 38px 16px;
  font-size: 24px;
  font-weight: 300;
  height: 24px;
  vertical-align: top;
  color: #fff;
  display: inline-block;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 1.0px;
}

.archived-content-branding__text_right, .archived-content-branding__text_right p {
  float: right;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-align: right;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.6px;
  margin: 0;
}

.archived-content-branding__text_right {
  margin: 43px 0;
}

.archived-content-branding__text_right a, .archived-content-branding__text_right a:visited {
  color: #fff;
  text-decoration: underline;
}

.wdc-back-to-top-btn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  text-align: center;
  width: 38px;
}

.wdc-back-to-top-btn button {
  border-radius: 25px;
  height: 38px;
  width: 38px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #005cb9;
  border: 2px solid #005cb9;
}

.wdc-back-to-top-btn button:hover {
  background-color: #004387;
  border: 2px solid #004387;
}

.wdc-back-to-top-btn button:active {
  background-color: #004387;
  border: 2px solid #40A0FF;
}

.wdc-back-to-top-btn a {
  text-decoration: none;
}

.wdc-back-to-top-btn a:visited {
  color: #005cb9;
}

.wdc-back-to-top-btn-text {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #005cb9;
  max-width: 48px;
  margin-top: 8px;
}

.back-to-top-demo .wdc-back-to-top-btn {
  display: block;
}

.region-breadcrumb {
  padding-top: 16px;
  padding-bottom: 24px;
}

.breadcrumb {
  max-width: 1248px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 24px;
  font-size: 13px;
  line-height: 1.31;
}

.breadcrumb__list {
  margin: 0;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.breadcrumb__list li {
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb__list li:not(:first-child):before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #333d47;
  border-right: 1px solid #333d47;
  transform: rotate(45deg);
  margin-right: 8px;
  margin-left: 6px;
}

.breadcrumb__item {
  -ms-flex-align: center;
      align-items: center;
}

.breadcrumb__item a {
  font-weight: 300;
}

.breadcrumb__item a:link {
  color: #333d47;
  text-decoration: none;
}

.breadcrumb__item a:visited {
  color: #333d47;
  text-decoration: none;
}

.breadcrumb__item a:hover, .breadcrumb__item a:focus, .breadcrumb__item a:active {
  color: #005cb9;
  text-decoration: none;
}

/**
 * For use on dark backgrounds only.
 */
/* Set parent container to position: relative; for best effect. */
/* Style a button as if it were a link. */
.button {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 12px 33px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.button:link {
  color: #333d47;
  text-decoration: none;
}

.button:visited {
  color: #494949;
  text-decoration: none;
}

.button:hover, .button:focus, .button:active {
  color: #494949;
  text-decoration: none;
}

.button:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.button:focus {
  padding: 12px 33px;
}

.button.disabled, .button:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.button:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 12px 33px;
}

.button__primary {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 32px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
}

.button__primary:link {
  color: #fff;
  text-decoration: none;
}

.button__primary:visited {
  color: #fff;
  text-decoration: none;
}

.button__primary:hover, .button__primary:focus, .button__primary:active {
  color: #fff;
  text-decoration: none;
}

.button__primary:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

.button__primary.disabled, .button__primary:focus {
  border: solid 2px #005cb9;
  padding: 11px 32px;
  background-color: #0875e1;
}

.button__primary:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

.button__primary:active {
  background-color: #004387;
  border-color: #004387;
  padding: 11px 32px;
}

.button__primary--medium {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 13px;
  padding: 3px 24px 4px 24px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
}

.button__primary--medium:link {
  color: #fff;
  text-decoration: none;
}

.button__primary--medium:visited {
  color: #fff;
  text-decoration: none;
}

.button__primary--medium:hover, .button__primary--medium:focus, .button__primary--medium:active {
  color: #fff;
  text-decoration: none;
}

.button__primary--medium:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

.button__primary--medium.disabled, .button__primary--medium:focus {
  border: solid 2px #005cb9;
  padding: 3px 24px 4px 24px;
  background-color: #0875e1;
}

.button__primary--medium:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

.button__primary--medium:active {
  background-color: #004387;
  border-color: #004387;
  padding: 3px 24px 4px 24px;
}

.button__secondary {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 12px 33px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.button__secondary:link {
  color: #333d47;
  text-decoration: none;
}

.button__secondary:visited {
  color: #494949;
  text-decoration: none;
}

.button__secondary:hover, .button__secondary:focus, .button__secondary:active {
  color: #494949;
  text-decoration: none;
}

.button__secondary:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.button__secondary:focus {
  padding: 12px 33px;
}

.button__secondary.disabled, .button__secondary:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.button__secondary:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 12px 33px;
}

.button__secondary--medium {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 13px;
  padding: 4px 25px 5px 25px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.button__secondary--medium:link {
  color: #333d47;
  text-decoration: none;
}

.button__secondary--medium:visited {
  color: #494949;
  text-decoration: none;
}

.button__secondary--medium:hover, .button__secondary--medium:focus, .button__secondary--medium:active {
  color: #494949;
  text-decoration: none;
}

.button__secondary--medium:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.button__secondary--medium:focus {
  padding: 4px 25px 5px 25px;
}

.button__secondary--medium.disabled, .button__secondary--medium:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.button__secondary--medium:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 4px 25px 5px 25px;
}

.button__transparent {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 32px;
  border: solid 2px #fff;
  background-color: transparent;
}

.button__transparent:link {
  color: #fff;
  text-decoration: none;
}

.button__transparent:visited {
  color: #fff;
  text-decoration: none;
}

.button__transparent:hover, .button__transparent:focus, .button__transparent:active {
  color: #0875e1;
  text-decoration: none;
}

.button__transparent:hover {
  background-color: #fff;
  border: solid 2px #fff;
}

.button__transparent:focus {
  background-color: #fff;
  border: solid 2px #004387;
  color: #0875e1;
  padding: 11px 32px;
}

.button__transparent.disabled, .button__transparent:disabled {
  background-color: #40a0ff;
  border: solid 2px #40a0ff;
  color: #a6d2ff;
  pointer-events: none;
}

.button__transparent:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 11px 32px;
}

.button__apply {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 24px;
  border: solid 2px #0875e1;
  background-color: #fff;
}

.button__apply:link {
  color: #0875e1;
  text-decoration: none;
}

.button__apply:visited {
  color: #0875e1;
  text-decoration: none;
}

.button__apply:hover, .button__apply:focus, .button__apply:active {
  color: #0875e1;
  text-decoration: none;
}

.button__apply:hover {
  background-color: #0875e1;
  border: solid 2px #0875e1;
  color: #fff;
}

.button__apply:focus {
  background-color: #0875e1;
  border: solid 2px #0875e1;
  color: #fff;
  padding: 11px 24px;
}

.button__apply.disabled, .button__apply:disabled {
  border: solid 2px #ced3d9;
  color: #ced3d9;
  cursor: default;
  pointer-events: none;
}

.button__apply:active {
  background-color: #005cb9;
  border-color: #005cb9;
  color: #fff;
  padding: 11px 24px;
}

.button__apply--disabled {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 24px;
  border: solid 2px #0875e1;
  background-color: #fff;
  border: solid 2px #ced3d9;
  color: #ced3d9;
  cursor: default;
  pointer-events: none;
}

.button__apply--disabled:link {
  color: #0875e1;
  text-decoration: none;
}

.button__apply--disabled:visited {
  color: #0875e1;
  text-decoration: none;
}

.button__apply--disabled:hover, .button__apply--disabled:focus, .button__apply--disabled:active {
  color: #0875e1;
  text-decoration: none;
}

.button__apply--disabled:hover {
  background-color: #0875e1;
  border: solid 2px #0875e1;
  color: #fff;
}

.button__apply--disabled:focus {
  background-color: #0875e1;
  border: solid 2px #0875e1;
  color: #fff;
  padding: 11px 24px;
}

.button__apply--disabled.disabled, .button__apply--disabled:disabled {
  border: solid 2px #ced3d9;
  color: #ced3d9;
  cursor: default;
  pointer-events: none;
}

.button__apply--disabled:active {
  background-color: #005cb9;
  border-color: #005cb9;
  color: #fff;
  padding: 11px 24px;
}

.button__apply--disabled:link, .button__apply--disabled:visited, .button__apply--disabled:hover, .button__apply--disabled:active {
  color: #ced3d9;
}

.button__product-group {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #40b4e5;
  border-radius: 0;
  background-color: #40b4e5;
}

.button__product-group:link {
  color: #fff;
  text-decoration: none;
}

.button__product-group:visited {
  color: #fff;
  text-decoration: none;
}

.button__product-group:hover, .button__product-group:focus, .button__product-group:active {
  color: #fff;
  text-decoration: none;
}

.button__product-group.disabled, .button__product-group:disabled {
  opacity: .3;
  pointer-events: none;
}

.button__special-group {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #43c463;
  border-radius: 0;
  background-color: #43c463;
}

.button__special-group:link {
  color: #fff;
  text-decoration: none;
}

.button__special-group:visited {
  color: #fff;
  text-decoration: none;
}

.button__special-group:hover, .button__special-group:focus, .button__special-group:active {
  color: #fff;
  text-decoration: none;
}

.button__special-group.disabled, .button__special-group:disabled {
  opacity: .3;
  pointer-events: none;
}

.button__regional-group {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #f38b00;
  border-radius: 0;
  background-color: #f38b00;
}

.button__regional-group:link {
  color: #fff;
  text-decoration: none;
}

.button__regional-group:visited {
  color: #fff;
  text-decoration: none;
}

.button__regional-group:hover, .button__regional-group:focus, .button__regional-group:active {
  color: #fff;
  text-decoration: none;
}

.button__regional-group.disabled, .button__regional-group:disabled {
  opacity: .3;
  pointer-events: none;
}

.button__professional-group {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #44c8d7;
  border-radius: 0;
  background-color: #44c8d7;
}

.button__professional-group:link {
  color: #fff;
  text-decoration: none;
}

.button__professional-group:visited {
  color: #fff;
  text-decoration: none;
}

.button__professional-group:hover, .button__professional-group:focus, .button__professional-group:active {
  color: #fff;
  text-decoration: none;
}

.button__professional-group.disabled, .button__professional-group:disabled {
  opacity: .3;
  pointer-events: none;
}

.button__collapsing {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #494949;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #ced3d9;
  border-radius: 0;
  background-color: #ced3d9;
}

.button__collapsing:link {
  color: #494949;
  text-decoration: none;
}

.button__collapsing:visited {
  color: #494949;
  text-decoration: none;
}

.button__collapsing:hover, .button__collapsing:focus, .button__collapsing:active {
  color: #494949;
  text-decoration: none;
}

.button__collapsing.disabled, .button__collapsing:disabled {
  opacity: .3;
  pointer-events: none;
}

.button__today {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #494949;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  padding: 12px 33px;
  border: 1px solid #ced3d9;
  border-radius: 0;
  background-color: #ced3d9;
}

.button__today:link {
  color: #494949;
  text-decoration: none;
}

.button__today:visited {
  color: #494949;
  text-decoration: none;
}

.button__today:hover, .button__today:focus, .button__today:active {
  color: #494949;
  text-decoration: none;
}

.button__today.disabled, .button__today:disabled {
  opacity: .3;
  pointer-events: none;
}

.file-upload-button-container {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 12px 33px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.file-upload-button-container:link {
  color: #333d47;
  text-decoration: none;
}

.file-upload-button-container:visited {
  color: #494949;
  text-decoration: none;
}

.file-upload-button-container:hover, .file-upload-button-container:focus, .file-upload-button-container:active {
  color: #494949;
  text-decoration: none;
}

.file-upload-button-container:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.file-upload-button-container:focus {
  padding: 12px 33px;
}

.file-upload-button-container.disabled, .file-upload-button-container:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.file-upload-button-container:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 12px 33px;
}

.file-upload-button-description {
  margin-left: 16px;
}

.input__file-attachment {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

a.button {
  -webkit-appearance: none;
  appearance: none;
}

a.button--disabled {
  color: #cad4d9;
  cursor: none;
  filter: alpha(opacity=40);
  opacity: 0.4;
  pointer-events: none;
}

.user-login-form__input-submit {
  width: 100%;
}

.user-pass__input-submit {
  width: 100%;
}

.account-request-form__input-submit {
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (min-width: 577px) {
  .account-request-form__input-submit {
    width: 100%;
    margin-bottom: 24px;
  }
}

.account-request-form .button--cancel {
  width: 50%;
  margin-left: 1em;
}

.block--local-actions-block {
  list-style-type: none;
}

/* Ellipsis Dropdown Button */
.dropbtn {
  color: #7b858f;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 3px;
  width: 35px;
  background: none;
  padding: 4px 4px 6px 6px;
  line-height: 4px;
  outline: none;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 20px;
  background: #fff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.dropdown-content a {
  color: #494949;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

.dropdown-content a:hover {
  background-color: #f0f1f2;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  border: 1px solid #005cb9;
}

.dropdown:hover .dot {
  background-color: #005cb9;
}

/* Align right */
.operations {
  position: relative;
}

.dot {
  content: ' ';
  height: 4px;
  width: 4px;
  background-color: #7b858f;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.dropdown.right .dropbtn,
.dropdown.right .dropdown-content {
  position: absolute;
  right: 0;
}

.upcoming-calendar-event {
  min-width: 250px;
}

.calendar {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 39px;
  margin-right: 16px;
  border-radius: 3px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.calendar * {
  position: absolute;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.month {
  font-size: 10px;
  color: #fff;
  background-color: #005cb9;
  border-radius: 3px 3px 0px 0px;
  position: absolute;
  padding: 0.2em 0;
}

.day {
  font-size: 13px;
  color: #494949;
  background-color: #fff;
  border: 1px solid #ced3d9;
  border-top: 0px none;
  border-radius: 0px 0px 3px 3px;
  position: absolute;
  bottom: 0;
}

.views-table__field .calendar {
  display: inline-block;
  float: left;
  margin-top: 2px;
  margin-right: 16px;
}

.views-table__field .calendar ~ a,
.views-table__field .calendar ~ div {
  display: block;
  padding-left: 55px;
}

.views-table__field .calendar ~ a time,
.views-table__field .calendar ~ div time {
  font-size: 14px;
  line-height: 16px;
}

.views-table__field-label--wdc-upcoming-calendar-event {
  width: 30%;
}

.views-table__field--wdc-upcoming-calendar-event .upcoming-calendar-event {
  display: -ms-flexbox;
  display: flex;
}

.views-table__field--wdc-upcoming-calendar-event .calendar-info {
  display: inline-block;
  max-width: 230px;
}

.card-item {
  padding: 24px;
  margin-bottom: 24px;
  width: 100%;
  display: inline-block;
  box-shadow: 0 2px 3px 0 #a1aab3, inset 0 0.2px 0 0 #a1aab3;
  position: relative;
}

.card-item__title {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.5px;
}

.card-item__title a {
  color: #005cb9;
}

.card-item__title a:hover {
  text-decoration: none;
}

.card-item__tags ul {
  position: relative;
  float: left;
  margin-top: 16px;
  margin-bottom: 0px;
}

.card-item__tags li {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #494949;
  background: #f0f1f2;
  margin: 0;
  position: relative;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 6px;
}

.card-item__close {
  position: relative;
  float: right;
  top: -18px;
  right: -18px;
}

.card-item__cancel {
  display: none;
  text-align: center;
  margin-top: 24px;
}

.card-item__cancel .link--bookmark-cancel {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #7b858f;
  text-decoration: none;
}

.card-item__cancel .link--bookmark-cancel:hover {
  color: #005cb9;
}

.wdc-container {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  margin-bottom: 24px;
  width: auto;
}

.wdc-container__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.wdc-container__content {
  border-top: 1px solid #ced3d9;
  padding: 24px;
}

.wdc-container__toggle,
.wdc-container .drag-handle {
  width: 64px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
}

.wdc-container__label-area {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 20px 0;
}

.wdc-container__panel-type-label {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 16px;
}

.wdc-container__panel-title-label {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 16px;
}

.wdc-container__toggle {
  display: none;
  background-image: url("../images/chevron-up-active.svg");
}

.wdc-container__toggle.js-open {
  background-image: url("../images/chevron-down-active.svg");
}

.wdc-container__toggle:hover {
  background-image: url("../images/chevron-up-hover.svg");
}

.wdc-container__toggle:hover.js-open {
  background-image: url("../images/chevron-down-hover.svg");
}

.wdc-container .drag-handle {
  display: none;
  background-image: url("../images/reorder-drag-handle.svg");
  cursor: move;
  cursor: grab;
}

.wdc-container.ui-sortable-helper {
  border-color: #005cb9;
}

.wdc-container.ui-sortable-helper .drag-handle {
  cursor: grabbing;
}

.wdc-container .paragraphs-dropbutton-wrapper {
  position: relative;
}

.wdc-container .ajax-progress {
  display: none;
}

.wdc-container__remove-link {
  position: absolute;
  right: 0;
}

.wdc-container__remove-link:visited {
  color: #005cb9;
}

.wdc-container-list.single .wdc-container__content {
  border-top: none;
  padding-top: 0;
}

.wdc-container-list.single .wdc-container__label-area {
  padding: 16px 24px;
}

.wdc-container-list.collapsible .wdc-container__header {
  cursor: pointer;
}

.details-item {
  display: block;
}

.details-item summary {
  display: block;
  outline: none;
  list-style: none;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.31;
  margin-top: 0;
  /* Chrome does not recognize list-style: none.  */
}

.details-item summary::-webkit-details-marker {
  display: none;
}

.details-item summary:before {
  vertical-align: middle;
  content: url("../images/details-chevron-right.svg");
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.details-item summary .details-title {
  color: #494949;
  text-decoration: none;
}

.vertical-tabs__pane > summary {
  display: none;
}

details[open] summary:before {
  vertical-align: middle;
  content: url("../images/details-chevron-down.svg");
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.ui-dialog.retired-content-feedback {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}

.ui-dialog.retired-content-feedback .ui-dialog-titlebar {
  margin-bottom: 0;
}

.ui-dialog.retired-content-feedback .ui-dialog-title {
  margin-bottom: 0;
  height: 0;
}

.ui-dialog.retired-content-feedback legend {
  margin-bottom: 12px;
}

.ui-dialog.retired-content-feedback legend .fieldset-legend {
  font-size: 16px;
  font-weight: 700;
}

.ui-dialog.retired-content-feedback .form-type-radio {
  margin-bottom: 12px;
}

.ui-dialog.retired-content-feedback .form-type-radio label {
  margin-bottom: 0;
}

.ui-dialog.retired-content-feedback .form-actions {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.ui-dialog.retired-content-feedback textarea {
  outline: 0;
  margin-bottom: 16px;
  resize: none;
}

.ui-dialog.retired-content-feedback textarea::-webkit-resizer {
  display: none;
}

.ui-dialog.retired-content-feedback .input-textarea__resizable:after {
  content: none;
}

.ui-dialog.retired-content-feedback .ui-dialog-buttonpane {
  border-width: 0;
  padding-left: 0;
  float: left;
  margin-top: 0;
  padding-top: 0;
}

.ui-dialog.retired-content-feedback button:not(.ui-dialog-titlebar-close) {
  margin: 0 16px 0 0;
}

.ui-dialog.retired-content-feedback .close-modal__text {
  text-align: center;
  margin-bottom: 18px;
  margin-top: 85px;
}

.ui-dialog.retired-content-feedback .close-modal__img {
  text-align: center;
}

.ui-dialog.retired-content-feedback .close-modal__img img {
  width: 48px;
  height: 48px;
}

.ui-dialog.retired-content-feedback .field--name-field-additional-information--extension label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.ui-dialog {
  padding: 24px;
  z-index: 2001;
  border-radius: 4px;
}

.ui-dialog.ui-widget {
  border: none;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding: 0;
  margin-bottom: 32px;
  border: none;
  background: none;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
  margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  margin: 0;
  padding: 0;
  right: -8px;
  top: -8px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-icon {
  display: inline-block;
  background: url("../images/dialog-close.svg") no-repeat;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  margin: 0;
}

.ui-dialog .ui-button {
  cursor: pointer;
  display: inline-block;
}

.ui-dialog .ui-dialog-title {
  margin: 0;
}

.ui-dialog .ui-dialog-content {
  padding: 0;
}

.ui-dialog__video-modal {
  padding: 16px;
}

.ui-dialog__video-modal .simple-field {
  margin-bottom: 0;
}

.ui-dialog__video-modal .ui-dialog-titlebar {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 16px;
}

.ui-dialog .wdc-modal-success-message {
  width: 500px;
  height: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.ui-dialog.add-members-modal .ui-dialog-titlebar {
  margin-bottom: 16px;
}

.ui-dialog.add-members-modal .button__primary, .ui-dialog.add-members-modal .button__secondary {
  margin: 0 8px 0 0;
  padding: 10px 24px;
}

.ui-dialog.add-members-modal .ui-dialog-content {
  overflow: visible;
}

.ui-dialog.add-members-modal .ui-dialog-buttonpane {
  border: none;
  margin-top: 0;
  padding: 0;
}

.ui-dialog.add-members-modal .ui-dialog-buttonset {
  float: left;
}

.ui-dialog.add-members-modal .user-list {
  padding: 0px;
  margin-block-start: 8px;
  margin-block-end: 16px;
  display: table;
}

.ui-dialog.add-members-modal .wdc-auto-complete-users {
  width: 100%;
}

.ui-dialog.add-members-modal li.selected-users {
  display: inline-block;
  margin: 8px 8px 0 0;
  background: #e8ebed;
  border-radius: 4px;
  height: 24px;
  font-size: 13px;
  font-weight: normal;
  padding: 2px 10px;
}

.ui-dialog.add-members-modal a.ui-state-active {
  border: none;
  background: none;
  text-decoration: none;
  background: #f0f1f2;
  color: #494949;
}

.ui-dialog.add-members-modal ul.ui-menu {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ui-dialog.add-members-modal .ui-menu-item-wrapper {
  min-height: 71px;
  padding: 16px 8px;
  display: block;
}

.ui-dialog.add-members-modal .user-profile__display-name, .ui-dialog.add-members-modal .user-profile__item {
  font-size: 12px;
  color: #494949;
  display: inline;
}

.ui-dialog.add-members-modal .ajax-progress {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.ui-dialog .remove-selected-user {
  font-size: 17px;
  color: #86959E;
  cursor: pointer;
  vertical-align: unset;
  line-height: 0px;
}

.ui-dialog .remove-selected-user:hover {
  color: #005cb9;
}

.ui-dialog .remove-selected-user:before {
  content: "\00D7";
  line-height: 0.5;
}

.ui-dialog .ui-menu-item {
  list-style-image: none;
}

.ui-widget-overlay {
  z-index: 2000;
  background-color: #000000;
}

.mini-confirm-modal {
  width: 432px;
  padding: 48px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
}

.mini-confirm-modal .ajax-progress {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.mini-confirm-modal .ui-dialog-titlebar-close {
  right: -32px;
  top: -32px;
}

.mini-confirm-modal .ui-dialog-title {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.mini-confirm-modal .ui-dialog-titlebar {
  margin-bottom: 0;
}

.mini-confirm-modal .ui-dialog-description {
  margin-bottom: 24px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  margin-top: 0;
}

.mini-confirm-modal .ui-dialog-buttonpane {
  border: none;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 0;
}

.mini-confirm-modal .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}

.mini-confirm-modal .ui-dialog-buttonset {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.mini-confirm-modal .ui-dialog-buttonset .button {
  margin: 0;
  font-size: 14px;
  width: 114px;
  padding-left: 0;
  padding-right: 0;
}

.mini-confirm-modal .ui-dialog-buttonset .button__primary {
  margin-right: 8px;
}

.mini-confirm-modal .ui-dialog-buttonset .dialog-cancel {
  margin-left: 8px;
}

.user-list li.selected-users:last-child {
  margin-bottom: 8px;
}

.item-list ul {
  list-style-type: none;
  padding: 0;
}

.block-facets {
  margin: 20px 0;
}

.block-facets__facet-title-container {
  margin-top: 0;
  position: relative;
  font-weight: 300;
  border-bottom: 1px solid #ced3d9;
  margin-bottom: 10px;
}

.block-facets__facet-collapsible-title {
  margin-top: 0;
  position: relative;
}

.block-facets .item-list__checkbox {
  margin: 0 0 0.25em 0;
  padding: 0;
  list-style-type: none;
}

.block-facets .facet-clear {
  height: initial;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  color: #005cb9;
  border: none;
  background: none;
}

.block-facets .details-wrapper {
  margin-top: 12px;
}

.block-facets .facet-item {
  margin-left: 0;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "decorator gap facet" ". gap child";
  -ms-grid-columns: 20px 8px 1fr;
      grid-template-columns: 20px 8px 1fr;
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  line-height: 1.5;
}

.block-facets .facet-item .facets-collapse-expand-decorator,
.block-facets .facet-item .collapse-expand-decorator {
  grid-area: decorator;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.block-facets .facet-item .checkbox-container {
  grid-area: facet;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.block-facets .facet-item .item-list {
  grid-area: child;
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.block-facets .facet-item__value {
  font-size: 13px;
  font-weight: 500;
}

.block-facets .facet-item__count {
  padding-left: 5px;
  font-size: 13px;
  color: #7b858f;
}

.block-facets .wdc-checkbox-form .item-list {
  margin-left: 24px;
}

.block-facets .wdc-checkbox-form .facet-item {
  display: list-item;
  padding: 0;
}

.block-facets .wdc-checkbox-form .facet-item-count {
  color: #a1aab3;
}

.block-facets .wdc-checkbox-form label.input-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.block-facets .facet-item--expanded {
  /* stylelint-disable */
  /* stylelint-enable */
}

.block-facets .facet-item--expanded .item-list {
  list-style: none;
}

.block-facets .facet-item--expanded .facets-collapse-expand-decorator,
.block-facets .facet-item--expanded .collapse-expand-decorator {
  background: url("../images/chevron-small-closed.svg") no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  float: left;
  margin: 0 0 0 -24px;
  width: 16px;
  vertical-align: middle;
}

.block-facets .facet-item--expanded.expanded > .facets-collapse-expand-decorator,
.block-facets .facet-item--expanded.expanded > .collapse-expand-decorator {
  background: url("../images/chevron-small-down.svg") no-repeat;
}

.block-facets .facets-soft-limit-link {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  margin-left: 24px;
}

.block-facets .facets-soft-limit-link:hover, .block-facets .facets-soft-limit-link:active, .block-facets .facets-soft-limit-link:focus {
  text-decoration: none;
}

.block-facets .facets-soft-limit-link:before {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  top: 4px;
  left: 0;
  margin-right: 8px;
  content: '';
  background: url("../images/plus-icon.svg") no-repeat center center;
}

.block-facets .contextual {
  display: none;
}

details.details-item--facet summary.block-facets__facet-collapsible-title {
  margin-top: 0;
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}

details.details-item--facet summary.block-facets__facet-collapsible-title::before {
  content: url("../images/chevron-large-closed.svg");
  position: absolute;
  text-align: center;
}

details.details-item--facet summary.block-facets__facet-collapsible-title h5,
details.details-item--facet summary.block-facets__facet-collapsible-title .title__h5 {
  display: inline-block;
  margin: 0;
}

details.details-item--facet summary.block-facets__facet-collapsible-title .clear-filters-link {
  float: right;
}

details.details-item--facet[open] summary.block-facets__facet-collapsible-title::before {
  content: url("../images/chevron-large-down.svg");
}

details.details-item--facet ul {
  margin: 0;
}

.bef-exposed-form .form--inline .form-item {
  float: none;
}

.form-composite > legend {
  display: block;
  width: 100%;
}

.views-exposed-form:nth-child(n+2) {
  margin: 0;
  padding: 0;
}

.views-exposed-form details {
  padding: 0;
}

.views-exposed-form details summary {
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-top: 0;
  cursor: pointer;
}

.views-exposed-form details summary::before {
  content: url("../images/chevron-large-closed.svg");
  margin-right: 15px;
}

.views-exposed-form details[open] summary::before {
  content: url("../images/chevron-large-down.svg");
  margin-right: 8px;
}

.views-exposed-form .views-filter-clear {
  float: right;
}

.views-exposed-form .views-filter-clear a {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  color: #005cb9;
  border: none;
  background: none;
}

.views-exposed-form .details-wrapper {
  margin-top: 12px;
  margin-left: 24px;
}

.wdc-facet-callout {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #7b858f;
}

.wdc-checkbox-form .wdc-facet-callout {
  display: none;
}

.simple-field {
  margin-bottom: 16px;
  word-break: break-word;
}

.simple-field__label {
  font-weight: 700;
}

.simple-field:last-child {
  margin-bottom: 0;
}

.multi-column-field-container .multi-value-field__column > div:not(:first-child) {
  border-top: 1px solid #ced3d9;
  margin-top: 40px;
  padding-top: 32px;
}

.file-attachment a {
  display: block;
  background-repeat: no-repeat;
  background-size: auto;
  /* File icons are currently 25px wide by 34px high. */
  background-position: 16px center;
  /* Vertically align the icon with 16px of space to the left. */
  padding: 15px 16px 14px;
  /* Vertically center the 21px line-height text in the 50px tall div. */
  padding-left: 53px;
  /* Accommodate the margin, icon, and the space between the icon and text. */
  color: #494949;
  background-color: #f6f7f8;
  margin-bottom: 8px;
  max-width: 840px;
}

.file-attachment a:hover {
  background-color: #f0f1f2;
  text-decoration: none;
}

.file-attachment .file-attachment__link {
  display: -ms-flexbox;
  display: flex;
}

.file-attachment__file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.file-attachment__file-ext {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.file--audio a {
  background-image: url("../images/file-attachments/attachments-MOV.svg");
}

.file--image a {
  background-image: url("../images/file-attachments/attachments-IMG.svg");
}

.file--text a {
  background-image: url("../images/file-attachments/attachments-TXT.svg");
}

.file--text-x-script a {
  background-image: url("../images/file-attachments/attachments-TXT.svg");
}

.file--video a {
  background-image: url("../images/file-attachments/attachments-MOV.svg");
}

.file--x-office-document a {
  background-image: url("../images/file-attachments/attachments-DOC.svg");
}

.file--x-office-presentation a {
  background-image: url("../images/file-attachments/attachments-PPT.svg");
}

.file--x-office-spreadsheet a {
  background-image: url("../images/file-attachments/attachments-XLS.svg");
}

.file--mime-application-pdf a {
  background-image: url("../images/file-attachments/attachments-PDF.svg");
}

.file--mime-application-xml a {
  background-image: url("../images/file-attachments/attachments-XML.svg");
}

.file--mime-application-zip a {
  background-image: url("../images/file-attachments/attachments-ZIP.svg");
}

.file--mime-text-x-script a {
  background-image: url("../images/file-attachments/attachments-TXT.svg");
}

.file--mime-text-plain a {
  background-image: url("../images/file-attachments/attachments-TXT.svg");
}

.file--mime-image-jpeg a {
  background-image: url("../images/file-attachments/attachments-JPG.svg");
}

.file--mime-image-png a {
  background-image: url("../images/file-attachments/attachments-PNG.svg");
}

.file--mime-image-gif a {
  background-image: url("../images/file-attachments/attachments-GIF.svg");
}

.file--mime-image-svg\+xml a {
  background-image: url("../images/file-attachments/attachments-IMG.svg");
}

.file--mime-text-calendar a {
  background-image: url("../images/file-attachments/attachments-ICS.svg");
}

.file--mime-application-octet-stream.file--ext-mez a {
  background-image: url("../images/file-attachments/attachments-MEZ.svg");
}

.form-item-field-file-attachment-media .input-label {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-top: 0;
  margin-bottom: 8px;
  cursor: text;
  display: block;
}

.form-item-field-file-attachment-media .input-label:after {
  content: url("../images/attach.svg");
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  vertical-align: middle;
  cursor: default;
}

.entity-browser-iframe {
  width: 100%;
  /* Iframe status/error messages need space below them. */
}

.entity-browser-iframe .messages {
  margin-bottom: 16px;
}

.entity-browser-iframe-container {
  margin-bottom: 16px;
}

.entity-browser-iframe .field--name-field-attachment-file .form-item {
  margin-bottom: 0;
}

.entity-browser-iframe .field--name-field-attachment-file .file-upload-button-container {
  margin-bottom: 0;
}

.entities-list .file-attachment {
  background-color: #f6f7f8;
}

.entities-list .file-attachment:hover {
  background-color: #f0f1f2;
  text-decoration: none;
}

.entities-list .file-attachment a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  background-color: inherit;
}

.entities-list .file-attachment a:hover {
  background-color: inherit;
}

.entities-list .button {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/trash.svg") no-repeat;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-right: 16px;
  margin-top: 12px;
  font-size: 0;
}

.entities-list .button:hover {
  background-image: url("../images/trash-hover.svg");
}

.entities-list .button[disabled] {
  display: none;
}

.entities-list .ajax-progress {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 16px;
  margin-top: 16px;
}

.entities-list .rendered-entity {
  position: relative;
  margin-bottom: 24px;
}

.field--name-field-video-file.form-wrapper .file-attachment {
  background-color: #f6f7f8;
}

.field--name-field-video-file.form-wrapper .file-attachment:hover {
  background-color: #f0f1f2;
  text-decoration: none;
}

.field--name-field-video-file.form-wrapper .file-attachment a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  background-color: inherit;
}

.field--name-field-video-file.form-wrapper .file-attachment a:hover {
  background-color: inherit;
}

.field--name-field-video-file.form-wrapper .button {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/trash.svg") no-repeat;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-right: 16px;
  margin-top: 12px;
  font-size: 0;
}

.field--name-field-video-file.form-wrapper .button:hover {
  background-image: url("../images/trash-hover.svg");
}

.field--name-field-video-file.form-wrapper .button[disabled] {
  display: none;
}

.field--name-field-video-file.form-wrapper .ajax-progress {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 16px;
  margin-top: 16px;
}

.field--name-field-video-file.form-wrapper .form-managed-file {
  position: relative;
}

/* Trashcan for embed picture in RTE. */
.editor-image-dialog .form-managed-file {
  position: relative;
  margin-bottom: 16px;
}

.editor-image-dialog .form-managed-file .button {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/trash.svg") no-repeat;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-right: 16px;
  margin-top: 12px;
  font-size: 0;
}

.editor-image-dialog .form-managed-file .button:hover {
  background-image: url("../images/trash-hover.svg");
}

.field--widget-wdc-entity-browser-entity-reference .form-submit {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 12px 33px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:link {
  color: #333d47;
  text-decoration: none;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:visited {
  color: #494949;
  text-decoration: none;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:hover, .field--widget-wdc-entity-browser-entity-reference .form-submit:focus, .field--widget-wdc-entity-browser-entity-reference .form-submit:active {
  color: #494949;
  text-decoration: none;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:focus {
  padding: 12px 33px;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit.disabled, .field--widget-wdc-entity-browser-entity-reference .form-submit:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.field--widget-wdc-entity-browser-entity-reference .form-submit:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 12px 33px;
}

/**
 * @file
 * Visual styles for progress bar.
 *
 * @see progress.js
 */
.entity-browser-attachments-entity-browser-form .ajax-progress-bar {
  width: initial;
}

.entity-browser-attachments-entity-browser-form .progress {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.entity-browser-attachments-entity-browser-form .progress__label {
  display: none;
}

.entity-browser-attachments-entity-browser-form .progress__description {
  display: none;
}

.entity-browser-attachments-entity-browser-form .progress__percentage {
  display: none;
}

.entity-browser-attachments-entity-browser-form .progress__track {
  border: solid 1px #e8ebed;
  border-radius: 4px;
  margin-top: 0;
  height: 10px;
  width: 216px;
  background-color: #fff;
}

.entity-browser-attachments-entity-browser-form .progress__bar {
  background: #43c463;
  margin: 1px;
  height: 6px;
  border-radius: 4px;
  transition: width 0.1s ease-out;
}

.form-element__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.container-inline .label::after,
.container-inline label::after {
  content: ':';
}

.form-select {
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.form-select__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.form-select__select.error + span.form-select-list {
  border-color: #de2e21;
}

.form-select__select.error + span.form-select-list:hover {
  border-color: #de2e21;
}

.form-select-list {
  height: 32px;
  width: auto;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #494949;
  background-color: #fff;
  border: solid 1px #ced3d9;
  outline: none;
  border-radius: 2px;
  padding: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  white-space: nowrap;
  margin: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.form-select-list:hover {
  background-color: #fff;
  border-color: #a1aab3;
}

.form-select-list:hover .form-select-list__triangle {
  background-image: url("../images/caret-bottom.svg");
}

.form-select-list:focus {
  background-color: #fff;
  border-color: #005cb9;
}

.form-select-list:focus .form-select-list__triangle {
  background-image: url("../images/caret-bottom.svg");
}

.form-select-list:active {
  border-color: #005cb9;
  color: #494949;
}

.form-select-list__text {
  display: block;
  margin-right: 4px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-order: 1;
      order: 1;
}

.form-select-list__triangle.ui-icon {
  margin-top: 0;
  margin-right: 4px;
  -ms-flex-order: 2;
      order: 2;
  width: 24px;
  height: 24px;
  background: url("../images/caret-bottom.svg") no-repeat center #fff;
}

.form-select-list__menu {
  padding-top: 4px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 50;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
  /* --Start-- jQuery provided selectmenu classes */
  /* --End-- jQuery provided selectmenu classes */
}

.form-select-list__menu .ui-widget-content {
  border: none;
  background: #fff;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.form-select-list__menu .ui-corner-bottom {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.form-select-list__menu .ui-state-active {
  border: none;
  background: #f0f1f2;
  margin: 0;
}

.form-select-list__menu .ui-menu-item-wrapper {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  margin-top: 0;
  border: none;
  color: #494949;
  padding: 11px 12px;
  outline: none;
}

.form-select-list__menu .ui-menu-item-wrapper:hover {
  background: #f0f1f2;
}

.form-select-list__menu--open {
  display: block;
}

.block--search-api-sorts {
  margin-bottom: 24px;
}

.block--search-api-sorts .item-list > div {
  display: inline-block;
  font-style: normal;
  font-weight: 500;
}

.block--search-api-sorts .wdc-search-api-sorts {
  -webkit-appearance: none;
  appearance: none;
  height: 32px;
  width: auto;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #494949;
  background-color: #fff;
  border: solid 1px #ced3d9;
  outline: none;
  border-radius: 2px;
  padding: 4px;
  margin-left: 4px;
  background: url("../images/caret-bottom.svg") no-repeat right 12px;
  background-position: right 5px top 13px;
  width: 280px;
}

.group-header-banner {
  height: 200px;
  background: linear-gradient(90deg, #005dba -1.62%, #118ce3 83.34%);
  color: #fff;
}

.group-header-banner h2 {
  color: #fff;
}

.group-header-banner .group-info-wrapper {
  border-right: solid #40a0ff 1px;
  height: 200px;
}

.group-header-banner .group-info {
  padding-right: 24px;
}

.group-header-banner .group-info .group-title {
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 6px;
}

.group-header-banner .group-info .group-metadata {
  margin-bottom: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
}

.group-header-banner .group-info .group-metadata span {
  margin-right: 12px;
}

.group-header-banner .group-info .group-description {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}

.group-header-banner .group-info, .group-header-banner .group-action-links {
  display: table;
  height: 200px;
}

.group-header-banner .group-info form, .group-header-banner .group-action-links form {
  display: inline-block;
  margin-right: 8px;
}

.group-header-banner .group-info .wdc-group-subscribe-form, .group-header-banner .group-action-links .wdc-group-subscribe-form {
  margin-right: 0px;
}

.group-header-banner .group-info .ajax-progress, .group-header-banner .group-action-links .ajax-progress {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.group-header-banner .group-info-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.group-header-banner .group-info-table-cell .button {
  text-transform: capitalize;
}

.group-header-banner .group-info-table-cell a.button {
  margin-right: 20px;
}

.group-header-banner .group-info-table-cell .subscription-button {
  background: none;
  border: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  padding: 0px;
  margin-right: 0px;
}

.group-header-banner .group-info-table-cell img {
  height: 16px;
  margin-left: 4px;
}

.group-header-banner .subscription-link {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
}

.join-leave-group-dialog .ui-dialog-titlebar {
  margin-bottom: 12px;
  font-size: 16px;
  white-space: normal;
}

.join-leave-group-dialog .ui-dialog-title {
  white-space: normal;
}

.join-leave-group-dialog .ui-dialog-buttonpane {
  border: none;
}

.join-leave-group-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left;
}

.join-leave-group-dialog .ui-dialog-buttonpane {
  padding: unset;
}

.join-leave-group-dialog .button--primary {
  text-transform: capitalize;
}

.icon-wrapper {
  display: block;
  border-radius: 50%;
  background-color: rgba(8, 117, 225, 0.2);
  width: 56px;
  height: 56px;
  margin: 8px 8px 16px;
}

.icon-title {
  max-width: 100px;
  display: block;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  line-height: 1.4;
}

.icon-link:hover .icon-title {
  color: #005cb9;
}

.icon-link__image {
  height: 18px;
}

.icon-link__image--pdf {
  height: 18px;
}

.icon-link__image--email-preferences {
  height: 18px;
}

.icon-link__tooltip {
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-radius: 2px;
  background-color: #494949;
  color: #fff;
  z-index: 9999;
  text-align: center;
  margin-top: 8px;
  position: absolute;
}

.icon-link__tooltip--pdf {
  width: 89px;
  height: 55px;
  padding: 7px 11px 6px 11px;
  margin-left: -35px;
}

.icon-link__tooltip--email-preferences {
  width: 105px;
  height: 55px;
  margin-left: -35px;
  padding: 7px 10px 7px 10px;
}

@font-face {
  font-family: "icons";
  src: url("icons.eot?cachebust=83332");
  src: url("icons.eot?cachebust=75570#iefix") format("eot"), url("icons.woff?cachebust=99583") format("woff"), url("icons.ttf?cachebust=18707") format("truetype"), url("icons.svg?cachebust=60734#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**
 * Font application to generic DOM
 */
[class*="icon--"] {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
}

.icon--back-arrow::before {
  content: "";
}

.icon--close::before {
  content: "";
}

.icon--closed-triangle::before {
  content: "";
}

.icon--facebook::before {
  content: "";
}

.icon--file-attachment::before {
  content: "";
}

.icon--googleplus::before {
  content: "";
}

.icon--leaf::before {
  content: "";
}

.icon--linkedin::before {
  content: "";
}

.icon--lock::before {
  content: "";
}

.icon--menu::before {
  content: "";
}

.icon--search::before {
  content: "";
}

.icon--twitter::before {
  content: "";
}

.icon--video-attachment::before {
  content: "";
}

.checkbox-container {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "box gap text";
  -ms-grid-columns: auto 8px 1fr;
      grid-template-columns: auto 8px 1fr;
  -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
  line-height: 1.5;
}

.checkbox-container .input-checkbox__checkbox {
  grid-area: box;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
  -ms-grid-column-span: 1;
  /* stylelint-disable-line */
  -ms-grid-row-span: 1;
  /* stylelint-disable-line */
}

.checkbox-container .input-label {
  display: block;
  grid-area: text;
  grid-row: auto;
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
  -ms-grid-column-span: 1;
  /* stylelint-disable-line */
  -ms-grid-row-span: 1;
  /* stylelint-disable-line */
}

.checkbox-container .description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
  grid-area: text;
  grid-row: auto;
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.checkbox-container__chosen {
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  grid-template-areas: "dashes box text";
  -ms-grid-columns: auto auto 1fr;
      grid-template-columns: auto auto 1fr;
  line-height: 1.5;
}

.checkbox-container__chosen .chosen-dashes {
  grid-area: dashes;
}

.checkbox-container__chosen .input-checkbox__checkbox {
  grid-area: box;
}

.checkbox-container__chosen .description, .checkbox-container__chosen .input-label {
  grid-area: text;
  -ms-grid-row: auto;
      grid-row: auto;
}

.input-checkbox ~ .input-label {
  font-size: 14px;
  margin-left: 0.5em;
  vertical-align: top;
  color: #494949;
  font-weight: 400;
  text-align: left;
  overflow: auto;
  margin-left: 0;
}

.input-checkbox__checkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #ced3d9;
  cursor: pointer;
}

.input-checkbox__checkbox:hover {
  background-color: #fff;
  border: solid 1px #a1aab3;
}

.input-checkbox__input {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.input-checkbox__input:checked + label,
.input-checkbox__input:checked + span {
  background: #005cb9 url("../images/sprite.svg") no-repeat -8px -497px;
  border-color: #005cb9;
}

.input-checkbox__input:disabled + label,
.input-checkbox__input:disabled + span {
  background-color: #f0f1f2;
  pointer-events: none;
  cursor: none;
}

.input-checkbox__input:checked:disabled + label,
.input-checkbox__input:checked:disabled + span {
  background: #ced3d9 url("../images/sprite.svg") no-repeat -8px -526px;
  border-color: #ced3d9;
  pointer-events: none;
  cursor: none;
}

.input-checkbox__input:focus + label,
.input-checkbox__input:focus + span {
  border-color: #005cb9;
}

.input-checkbox__input:focus:checked + label,
.input-checkbox__input:focus:checked + span {
  box-shadow: 0 0 0 1px #005cb9;
}

div.form-checkboxes--horizontal {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

div.form-checkboxes--horizontal .checkbox-container {
  margin-right: 24px;
  -ms-grid-columns: auto 12px 1fr;
      grid-template-columns: auto 12px 1fr;
}

.input-date {
  margin-bottom: 16px;
}

.input-date__input {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
}

.input-date__input:hover {
  border: 1px solid #a1aab3;
}

.input-date__input:focus {
  border: 1px solid #005cb9;
}

.input-date__input--error {
  border: 1px solid #de2e21;
}

.input-date__input--error:hover {
  border: 1px solid #de2e21;
}

.input-date__input.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.input-date__input.error:hover {
  border: 1px solid #de2e21;
}

.input-date__input.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.input-date__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.input-email {
  margin-bottom: 16px;
}

.input-email__input {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
}

.input-email__input:hover {
  border: 1px solid #a1aab3;
}

.input-email__input:focus {
  border: 1px solid #005cb9;
}

.input-email__input--error {
  border: 1px solid #de2e21;
}

.input-email__input--error:hover {
  border: 1px solid #de2e21;
}

.input-email__input.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.input-email__input.error:hover {
  border: 1px solid #de2e21;
}

.input-email__input.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.input-email__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.input-label {
  display: block;
  font-weight: 500;
  margin-bottom: 4px;
}

.input-label--required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(../images/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}

.input-label--complex-field {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  margin-top: 0;
}

.input-password {
  margin-bottom: 16px;
}

.input-password__input {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
}

.input-password__input:hover {
  border: 1px solid #a1aab3;
}

.input-password__input:focus {
  border: 1px solid #005cb9;
}

.input-password__input--error {
  border: 1px solid #de2e21;
}

.input-password__input--error:hover {
  border: 1px solid #de2e21;
}

.input-password__input.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.input-password__input.error:hover {
  border: 1px solid #de2e21;
}

.input-password__input.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.input-password__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.input-radio {
  display: inline-block;
}

.input-radio__input {
  display: none;
}

.input-radio__display {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 80px;
  background-color: #fff;
  border: solid 1px #ced3d9;
  cursor: default;
}

.input-radio__display:hover {
  background-color: #f6f7f8;
  border: solid 1px #a1aab3;
}

.form-type-radio {
  display: -ms-flexbox;
  display: flex;
}

.form-type-radio .option {
  display: inline-block;
  font-size: 14px;
  margin-left: 0.5em;
  vertical-align: top;
  color: #494949;
  font-weight: 400;
  text-align: left;
  overflow: auto;
  margin-left: 8px;
  margin-bottom: 8px;
}

.form-type-radio:last-child .option {
  margin-bottom: 0;
}

.input-radio__input:checked + label {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 80px;
  background-color: #005cb9;
  border: solid 1px #ced3d9;
  position: relative;
}

.input-radio__input:checked + label .input-radio__display {
  width: 7.8px;
  height: 7.8px;
  border-radius: 100px;
  background-color: #f6f7f8;
  box-sizing: border-box;
  position: absolute;
  top: 25%;
  left: 25%;
}

.input-radio__input:disabled + label .input-radio__display {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 80px;
  background-color: #f0f1f2;
  border: solid 1px #ced3d9;
}

.input-radio__input:checked:disabled + label {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 80px;
  background-color: #ced3d9;
  border: solid 1px #ced3d9;
  position: relative;
  /* stylelint-disable-next-line selector-max-specificity */
}

.input-radio__input:checked:disabled + label .input-radio__display {
  width: 7.8px;
  height: 7.8px;
  border-radius: 100px;
  background-color: #f0f1f2;
  box-sizing: border-box;
  position: absolute;
  top: 25%;
  left: 25%;
  border: none;
}

.input-search {
  margin-bottom: 16px;
  position: relative;
}

.input-search__input {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
}

.input-search__input:hover {
  border: 1px solid #a1aab3;
}

.input-search__input:focus {
  border: 1px solid #005cb9;
}

.input-search__input--error {
  border: 1px solid #de2e21;
}

.input-search__input--error:hover {
  border: 1px solid #de2e21;
}

.input-search__input.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.input-search__input.error:hover {
  border: 1px solid #de2e21;
}

.input-search__input.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.input-search__input--legacy {
  border: solid 1px #ced3d9;
  border-radius: 40px;
  font-size: 14px;
  height: 40px;
  /* Search bar height breaks on IE11 without a minimum height established. */
  min-height: 40px;
  padding: 8px 0 8px 40px;
  width: 100%;
  /* Safari is new IE11.  Need to overwrite webkit useragent styling. */
  -webkit-appearance: none;
  appearance: none;
}

.input-search__input--legacy:hover, .input-search__input--legacy:focus {
  background-color: #f6f7f8;
  border: solid 1px #ced3d9;
  outline: none;
}

.input-search__input--legacy:focus {
  background-color: #fff;
}

.input-search__input--legacy::-webkit-search-cancel-button {
  margin-right: 14px;
}

.input-search__input--legacy::-ms-clear {
  margin-right: 14px;
}

.input-search__input--legacy.form-autocomplete {
  padding-right: 30px;
}

.input-search__input--legacy.form-autocomplete::-webkit-search-cancel-button {
  /* stylelint-disable-line */
  margin-right: 0;
}

.input-search__input--legacy.form-autocomplete::-ms-clear {
  /* stylelint-disable-line */
  margin-right: 0;
}

.input-search__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.search__icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 12px;
  left: 14px;
  font-size: 20px;
  color: #7b858f;
  background: url("../images/icons/src/search.svg") no-repeat;
}

.search__icon--main-search {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  left: 12px;
  font-size: 20px;
  color: #7b858f;
  background: url("../images/search.svg") no-repeat;
}

.input-textfield {
  margin-bottom: 16px;
}

.input-textfield__input {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
}

.input-textfield__input:hover {
  border: 1px solid #a1aab3;
}

.input-textfield__input:focus {
  border: 1px solid #005cb9;
}

.input-textfield__input--error {
  border: 1px solid #de2e21;
}

.input-textfield__input--error:hover {
  border: 1px solid #de2e21;
}

.input-textfield__input.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.input-textfield__input.error:hover {
  border: 1px solid #de2e21;
}

.input-textfield__input.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.input-textfield__input.form-autocomplete:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}

.input-textfield__input.form-autocomplete::placeholder {
  font-style: italic;
  font-weight: 300;
}

.input-textfield__description {
  font-size: 13px;
  font-weight: 400;
  color: #7b858f;
  line-height: 1.5;
}

.ui-autocomplete a.ui-menu-item-wrapper {
  display: block;
  padding: 12px 16px;
}

.ui-autocomplete .autocomplete-header .ui-menu-item-wrapper {
  font-weight: 500;
}

.autocomplete-toggle {
  display: block;
  text-align: right;
}

/* stylelint-disable */
.ui-widget-content .ui-state-active,
.search-api-autocomplete-search .ui-menu-item .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion,
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover .search-api-autocomplete-suggestion {
  background-color: #e8ebed;
  color: #494949;
}

/* stylelint-enable */
.list-view-list {
  list-style: none;
}

.list-view-list > li {
  padding-top: 24px;
  padding-bottom: 19px;
  border-top: 1px solid #b9c0c7;
}

.list-view-list > li:last-child {
  border-bottom: 1px solid #b9c0c7;
}

.list-view-list .collapse-expand-toggle {
  display: inline-block;
  height: 20px;
  margin-right: 9px;
  position: relative;
  top: -22px;
  width: 20px;
  background: url("../images/field-set-expand.svg") no-repeat center;
}

.list-view-list .expanded .collapse-expand-toggle {
  background: url("../images/field-set-collapse.svg") no-repeat center;
}

.list-view-list .view-header {
  margin-bottom: 30px;
}

.list-view-list .view-header h2 {
  color: #7b858f;
}

.list-view-list .view-header b {
  font-weight: 500;
}

.list-view-list .views-field-metadata {
  margin-top: 12px;
  line-height: 1;
}

.list-view-list .views-field-metadata .views-field-title a {
  font-size: 13px;
}

.list-view-list .views-field {
  color: #333333;
  margin-bottom: 12px;
  line-height: 1;
}

.list-view-list .views-field:last-child {
  margin-bottom: 0;
}

.list-view-list .views-field-title, .list-view-list .views-field-title-string {
  display: inline-block;
}

.list-view-list .views-field-title a, .list-view-list .views-field-title-string a {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.list-view-list .views-field-title a:hover, .list-view-list .views-field-title-string a:hover {
  text-decoration: none;
}

.list-view-list .views-field-field-tenant-type {
  float: right;
  font-size: 14px;
  font-weight: 400;
}

.list-view-list .views-field-field-description {
  padding: 11px 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.46;
}

.list-view-list .views-field-field-brainstorm-status {
  display: table;
  padding: 2px 3px;
  border: 1px solid #b9c0c7;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.list-view-list .views-field-vote-sum {
  font-size: 14px;
  font-weight: 300;
}

.list-view-list .views-field-field-product li {
  display: inline-block;
  padding: 4px 5px;
  margin-bottom: 5px;
  margin-right: 8px;
  background: #e8ebed;
  font-size: 13px;
  font-weight: 300;
}

.unordered-list {
  margin-left: 20px;
  padding: 0;
}

.unordered-list__list-item-child {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  line-height: 1.31;
}

.long-text__label {
  font-weight: bold;
}

.marker {
  font-size: 12px;
  font-weight: 700;
  color: #43c463;
  text-transform: uppercase;
}

.wdc-member-callout {
  text-transform: uppercase;
  font-weight: bold;
  color: #7b858f;
  font-size: 11px;
  line-height: 15px;
  vertical-align: middle;
  margin-left: 13px;
}

.wdc-member-callout img {
  height: 13px;
}

.metadata-container {
  overflow: hidden;
}

.node__metadata {
  font-size: 13px;
  font-weight: 400;
  color: #5e6a75;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
  margin-left: -12px;
}

.node__metadata > span:before {
  content: "•";
  padding: 0 4px;
}

.node__lock-icon {
  margin-left: 8px;
}

.organizations-i-manage {
  margin-bottom: 30px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.organizations-i-manage__label {
  padding: 0 0 0 20px;
  font-weight: 700;
  line-height: 50px;
  background-color: #f6f7f8;
  border-radius: 2px;
}

.organizations-i-manage__links {
  padding: 20px;
  overflow: hidden;
}

.organizations-i-manage__links ul {
  font-size: 14px;
  line-height: 1.87;
  list-style: none;
}

.pager {
  margin-bottom: 40px;
}

.pager__items {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  list-style: none;
}

.pager__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 5px;
  border: 1px solid transparent;
  border-radius: 17px;
}

.pager__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 10px;
  font-size: 14px;
  color: #494949;
  line-height: 1.21;
}

.pager__item a:hover {
  text-decoration: none;
}

.pager__item:hover {
  border: 1px solid #005cb9;
}

.pager__item--active {
  background: #005cb9;
}

.pager__item--active a {
  color: #fff;
}

.pager__item--first, .pager__item--previous, .pager__item--last, .pager__item--next, .pager__item--ellipsis {
  border: none;
}

.pager__item--first:hover, .pager__item--previous:hover, .pager__item--last:hover, .pager__item--next:hover, .pager__item--ellipsis:hover {
  border: none;
}

.pager__item--first a, .pager__item--previous a, .pager__item--last a, .pager__item--next a, .pager__item--ellipsis a {
  padding: 5px 7px;
}

.pager__item--first > span, .pager__item--previous > span, .pager__item--last > span, .pager__item--next > span, .pager__item--ellipsis > span {
  padding: 15px;
}

.pager__item--ellipsis {
  padding: 0;
}

.pager .pager__icon-first {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-first.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-first:hover {
  background-image: url("../images/pager-first-hover.svg");
}

.pager .pager__icon-first--disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-first-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-previous {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-previous.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-previous:hover {
  background-image: url("../images/pager-previous-hover.svg");
}

.pager .pager__icon-previous--disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-previous-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-next {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-next.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-next:hover {
  background-image: url("../images/pager-next-hover.svg");
}

.pager .pager__icon-next--disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-next-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-last {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-last.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.pager .pager__icon-last:hover {
  background-image: url("../images/pager-last-hover.svg");
}

.pager .pager__icon-last--disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/pager-last-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.book-pager {
  padding: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.book-pager__item a:hover {
  text-decoration: none;
}

.book-pager__item a:visited {
  color: #494949;
}

.book-pager__item--previous {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
  border-right: 1px solid #ced3d9;
}

.book-pager__item--next {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
}

.book-pager__item--active {
  color: #494949;
}

.book-pager__item--active:hover {
  color: #333333;
}

.book-pager__item--active:visited:hover {
  color: #333333;
}

.book-pager__item--disabled {
  color: #a1aab3;
}

.book-pager .pager__icon-previous {
  display: inline-block;
  width: 10px;
  height: 18px;
  background-image: url("../images/pager-previous.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.book-pager .pager__icon-previous:hover {
  background-image: url("../images/pager-previous-hover.svg");
}

.book-pager .pager__icon-previous--disabled {
  display: inline-block;
  width: 10px;
  height: 18px;
  background-image: url("../images/pager-previous-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.book-pager .pager__icon-next {
  display: inline-block;
  width: 10px;
  height: 18px;
  background-image: url("../images/pager-next.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.book-pager .pager__icon-next:hover {
  background-image: url("../images/pager-next-hover.svg");
}

.book-pager .pager__icon-next--disabled {
  display: inline-block;
  width: 10px;
  height: 18px;
  background-image: url("../images/pager-next-disabled.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.paragraph__title {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 24px;
}

.paragraph__content .simple_field__link-text {
  display: block;
}

.paragraph--icons-with-links .paragraph__content .simple-field__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (251px)[2];
      grid-template-columns: repeat(2, 251px);
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  -ms-grid-columns: 251px 54px 251px;
  /* stylelint-disable-line */
  -ms-grid-rows: 100% 16px 100% 16px 100%;
  /* stylelint-disable-line */
  grid-gap: 16px 54px;
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(3) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(4) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(5) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__items > *:nth-child(6) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__item a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 32px 1fr;
      grid-template-columns: 32px 1fr;
  -ms-grid-rows: 41px;
      grid-template-rows: 41px;
  -ms-grid-columns: 32px 16px 1fr;
  /* stylelint-disable-line */
  grid-gap: 16px;
}

.paragraph--icons-with-links .paragraph__content .simple-field__item a > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__item a > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--icons-with-links .paragraph__content .simple-field__item a img {
  height: 32px;
}

.paragraph--icons-with-links .paragraph__content .caret-right-icon {
  height: 9px;
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items,
.paragraph--featured-videos-links .paragraph__content .simple-field__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (262px)[2];
      grid-template-columns: repeat(2, 262px);
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  -ms-grid-columns: 262px 44px 262px;
  /* stylelint-disable-line */
  -ms-grid-rows: 100% 16px 100% 16px 100%;
  /* stylelint-disable-line */
  grid-gap: 16px 44px;
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(1),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(2),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(3),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(3) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(4),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(4) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(5),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(5) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__items > *:nth-child(6),
.paragraph--featured-videos-links .paragraph__content .simple-field__items > *:nth-child(6) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .video_modal__duration,
.paragraph--featured-videos-links .paragraph__content .video_modal__duration {
  position: absolute;
  width: 65px;
  height: 16px;
  opacity: 0.9;
  bottom: 0;
  right: 0;
  padding: 1px;
  text-align: right;
  background-color: #000000;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  color: #fff;
}

.paragraph--featured-videos-modal- .paragraph__content .video_modal__duration_icon,
.paragraph--featured-videos-links .paragraph__content .video_modal__duration_icon {
  padding-right: 14px;
  height: 9px;
  background-image: url("../images/caret-right.svg");
  background-repeat: no-repeat;
  background-position-y: 1px;
}

.paragraph--featured-videos-modal- .paragraph__content .video_modal__thumbnail,
.paragraph--featured-videos-links .paragraph__content .video_modal__thumbnail {
  position: relative;
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__item a,
.paragraph--featured-videos-links .paragraph__content .simple-field__item a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 156px;
      grid-template-columns: 90px 156px;
  -ms-grid-rows: 54px;
      grid-template-rows: 54px;
  -ms-grid-columns: 90px 16px 156px;
  /* stylelint-disable-line */
  grid-gap: 16px;
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__item a > *:nth-child(1),
.paragraph--featured-videos-links .paragraph__content .simple-field__item a > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__item a > *:nth-child(2),
.paragraph--featured-videos-links .paragraph__content .simple-field__item a > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.paragraph--featured-videos-modal- .paragraph__content .simple-field__item a img,
.paragraph--featured-videos-links .paragraph__content .simple-field__item a img {
  height: 54px;
}

.paragraph--featured-videos-modal- .paragraph__content .caret-bottom-icon,
.paragraph--featured-videos-links .paragraph__content .caret-bottom-icon {
  height: 9px;
}

.paragraph--featured-videos-modal- .ajax-progress,
.paragraph--featured-videos-links .ajax-progress {
  display: none;
}

.paragraph--links-with-descriptions .simple-field__item {
  margin-bottom: 16px;
}

.paragraph--links-with-descriptions .simple-field__item a {
  font-weight: 500;
}

.product-areas-i-support {
  margin-bottom: 30px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.product-areas-i-support__label {
  padding: 0 0 0 20px;
  font-weight: 700;
  line-height: 50px;
  background-color: #f6f7f8;
  border-radius: 2px;
}

.product-areas-i-support__content {
  padding: 20px;
  overflow: hidden;
}

.product-areas-i-support__item {
  font-size: 14px;
  line-height: 1.87;
}

.view-display-id-group_members .product-areas-i-support__content {
  padding: 0 16px 0 16px;
}

.related-content-field-wrapper {
  background-color: #d7eafc;
  min-height: 53px;
  margin-bottom: 32px;
  width: 100%;
}

.related-content-item {
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
  width: 100%;
}

.related-content-item:first-child {
  padding-top: 16px;
}

.related-content-item:last-child {
  padding-bottom: 16px;
}

.related-content-item:not(:last-child) {
  padding-bottom: 8px;
}

.related-content-item .related-content-item__label {
  white-space: nowrap;
}

.related-content-item .related-content-item__inner-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.related-content-item .related-content-item__inner-wrapper .related-content-item__title {
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0;
}

/* All of these overrides are needed since the CSS comes from third party
   library called minimalist rte skin. */
.cke_reset {
  width: 100% !important;
  /* stylelint-disable-line declaration-no-important */
}

.cke {
  border-left: 1px solid #ced3d9 !important;
  /* stylelint-disable-line declaration-no-important */
  border-right: 1px solid #ced3d9 !important;
  /* stylelint-disable-line declaration-no-important */
}

.cke_top {
  border-bottom: 1px solid #ced3d9 !important;
  /* stylelint-disable-line declaration-no-important */
}

.cke_toolgroup {
  border-right: 1px solid #ced3d9 !important;
  /* stylelint-disable-line declaration-no-important */
  border-radius: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}

/* Restore the 8px margin from ckeditor-iframe.css.  A body rule is resetting
   this to zero margin, but this is not wanted for RTE. */
body.cke_editable {
  margin: 8px;
}

/* RTE filter helper has a few odd combinations.  If there is help text but
   no choices for switching RTE filters, make sure the box containing the help
   text is big enough.  */
.filter-wrapper {
  min-height: 35px;
}

.filter-help a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
}

.filter-help a:after {
  position: relative;
  top: auto;
  right: auto;
  background: transparent url(../images/question-outline.svg);
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.status-flag__wrapper {
  margin-bottom: 16px;
}

.status-flag__wrapper .status-flag--open {
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 16px 5px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  background-color: #ffa126;
}

.status-flag__wrapper .status-flag--resolved {
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 16px 5px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  background-color: #43c463;
}

table, .related-questions-table, .transposed-table, .views-table, .views-tree-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  margin: 0 0 32px 0;
}

table th {
  border: solid 1px #ced3d9;
  text-align: left;
  padding: 9px 12px;
  vertical-align: top;
}

table td {
  border: solid 1px #ced3d9;
  padding: 9px 12px;
  vertical-align: top;
}

table td p:last-child {
  margin-bottom: 0;
}

.multivalue-field-table__field-clear {
  background: url("../images/close-x.svg") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
}

.multivalue-field-table__field-clear:hover {
  background-image: url("../images/close-x-hover.svg");
}

.multivalue-field-table__field-clear.form-submit {
  background-color: transparent;
}

.multivalue-field-table__field-clear.form-submit:hover {
  background-image: url("../images/close-x-hover.svg");
  border: none;
}

.multivalue-field-table__field-clear.form-submit:active {
  background-color: transparent;
  border: none;
  padding: 0;
}

.multivalue-field-table__field-clear.form-submit:focus {
  background-color: transparent;
  border: none;
  padding: 0;
}

.multivalue-field-table__one-col-layout {
  width: auto;
  max-width: 1136px;
}

.multivalue-field-table__one-col-layout th, .multivalue-field-table__one-col-layout td {
  border: none;
  padding: 0;
}

.multivalue-field-table__one-col-layout input.form-autocomplete {
  background-image: none;
}

.multivalue-field-table__one-col-layout .multivalue-field-container .input-textfield {
  margin-bottom: 0;
}

.multivalue-field-table__one-col-layout input[type="text"] {
  width: 100%;
}

.multivalue-field-table__one-col-layout .field-multiple-drag {
  visibility: hidden;
  background: url("../images/reorder-drag-handle.svg") no-repeat;
  margin-right: 8px;
  padding: 32px 0 32px 40px;
  background-position: center;
  background-size: 14px 18px;
  width: 24px;
  height: 24px;
  cursor: move;
  cursor: grab;
  justify-self: end;
}

.multivalue-field-table__one-col-layout .field-multiple-drag:active {
  cursor: grabbing;
}

.multivalue-field-table__one-col-layout .field-multiple-drag:hover {
  background-image: url("../images/reorder-drag-handle-hover.svg");
}

.multivalue-field-table__one-col-layout .field-multiple-drag.drag-handler-visible {
  visibility: visible;
}

.multivalue-field-table__one-col-layout .header-title__drag {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-layout .header-title__clear {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-layout .header-title__order {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-layout thead tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1040px 48px;
      grid-template-columns: 48px 1040px 48px;
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__one-col-layout thead tr > * {
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__one-col-layout thead tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout thead tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout thead tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout .multivalue-field-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(1, 1040px);
  -ms-grid-columns: 1040px;
  /* stylelint-disable-line */
  -ms-grid-rows: 16px 1fr 16px;
      grid-template-rows: 16px 1fr 16px;
  grid-gap: 0 16px;
  -ms-flex-align: center;
      align-items: center;
}

.multivalue-field-table__one-col-layout .multivalue-field-container > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: stretch;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
  -ms-grid-row: 2;
      grid-row: 2;
}

.multivalue-field-table__one-col-layout .multivalue-field-container > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout .multivalue-field-container > *:nth-child(-n +3) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout .multi-column-display {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1040px)[1];
      grid-template-columns: repeat(1, 1040px);
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  -ms-grid-columns: 1040px;
  /* stylelint-disable-line */
  grid-gap: 16px;
}

.multivalue-field-table__one-col-layout .multi-column-display > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout .multi-column-display p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 4px;
}

.multivalue-field-table__one-col-layout tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr 48px;
      grid-template-columns: 48px 1fr 48px;
  -ms-flex-align: center;
      align-items: center;
  -ms-grid-column-align: center;
      justify-items: center;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__one-col-layout tbody tr > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: center;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__one-col-layout tbody tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout tbody tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout tbody tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-layout tbody tr.ui-sortable-helper {
  border: 2px solid #005cb9;
  background-color: #fff;
  opacity: .8;
}

.multivalue-field-table__two-col-layout {
  width: auto;
  max-width: 1136px;
}

.multivalue-field-table__two-col-layout th, .multivalue-field-table__two-col-layout td {
  border: none;
  padding: 0;
}

.multivalue-field-table__two-col-layout input.form-autocomplete {
  background-image: none;
}

.multivalue-field-table__two-col-layout .multivalue-field-container .input-textfield {
  margin-bottom: 0;
}

.multivalue-field-table__two-col-layout input[type="text"] {
  width: 100%;
}

.multivalue-field-table__two-col-layout .field-multiple-drag {
  visibility: hidden;
  background: url("../images/reorder-drag-handle.svg") no-repeat;
  margin-right: 8px;
  padding: 32px 0 32px 40px;
  background-position: center;
  background-size: 14px 18px;
  width: 24px;
  height: 24px;
  cursor: move;
  cursor: grab;
  justify-self: end;
}

.multivalue-field-table__two-col-layout .field-multiple-drag:active {
  cursor: grabbing;
}

.multivalue-field-table__two-col-layout .field-multiple-drag:hover {
  background-image: url("../images/reorder-drag-handle-hover.svg");
}

.multivalue-field-table__two-col-layout .field-multiple-drag.drag-handler-visible {
  visibility: visible;
}

.multivalue-field-table__two-col-layout .header-title__drag {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__two-col-layout .header-title__clear {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__two-col-layout .header-title__order {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__two-col-layout thead tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1040px 48px;
      grid-template-columns: 48px 1040px 48px;
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__two-col-layout thead tr > * {
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__two-col-layout thead tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout thead tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout thead tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multivalue-field-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 512px);
  -ms-grid-columns: 512px 16px 512px;
  /* stylelint-disable-line */
  -ms-grid-rows: 16px 1fr 16px;
      grid-template-rows: 16px 1fr 16px;
  grid-gap: 0 16px;
  -ms-flex-align: center;
      align-items: center;
}

.multivalue-field-table__two-col-layout .multivalue-field-container > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: start;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
  -ms-grid-row: 2;
      grid-row: 2;
}

.multivalue-field-table__two-col-layout .multivalue-field-container > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multivalue-field-container > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multivalue-field-container > *:nth-child(-n +3) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multi-column-display {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (512px)[2];
      grid-template-columns: repeat(2, 512px);
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  -ms-grid-columns: 512px 16px 512px;
  /* stylelint-disable-line */
  grid-gap: 16px;
}

.multivalue-field-table__two-col-layout .multi-column-display > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multi-column-display > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout .multi-column-display p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 4px;
}

.multivalue-field-table__two-col-layout tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr 48px;
      grid-template-columns: 48px 1fr 48px;
  -ms-flex-align: center;
      align-items: center;
  -ms-grid-column-align: center;
      justify-items: center;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__two-col-layout tbody tr > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: center;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__two-col-layout tbody tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout tbody tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout tbody tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__two-col-layout tbody tr.ui-sortable-helper {
  border: 2px solid #005cb9;
  background-color: #fff;
  opacity: .8;
}

.multivalue-field-table__three-col-layout {
  width: auto;
  max-width: 1136px;
}

.multivalue-field-table__three-col-layout th, .multivalue-field-table__three-col-layout td {
  border: none;
  padding: 0;
}

.multivalue-field-table__three-col-layout input.form-autocomplete {
  background-image: none;
}

.multivalue-field-table__three-col-layout .multivalue-field-container .input-textfield {
  margin-bottom: 0;
}

.multivalue-field-table__three-col-layout input[type="text"] {
  width: 100%;
}

.multivalue-field-table__three-col-layout .field-multiple-drag {
  visibility: hidden;
  background: url("../images/reorder-drag-handle.svg") no-repeat;
  margin-right: 8px;
  padding: 32px 0 32px 40px;
  background-position: center;
  background-size: 14px 18px;
  width: 24px;
  height: 24px;
  cursor: move;
  cursor: grab;
  justify-self: end;
}

.multivalue-field-table__three-col-layout .field-multiple-drag:active {
  cursor: grabbing;
}

.multivalue-field-table__three-col-layout .field-multiple-drag:hover {
  background-image: url("../images/reorder-drag-handle-hover.svg");
}

.multivalue-field-table__three-col-layout .field-multiple-drag.drag-handler-visible {
  visibility: visible;
}

.multivalue-field-table__three-col-layout .header-title__drag {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__three-col-layout .header-title__clear {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__three-col-layout .header-title__order {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__three-col-layout thead tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1040px 48px;
      grid-template-columns: 48px 1040px 48px;
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__three-col-layout thead tr > * {
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__three-col-layout thead tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout thead tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout thead tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multivalue-field-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 336px);
  -ms-grid-columns: 336px 16px 336px 16px 336px;
  /* stylelint-disable-line */
  -ms-grid-rows: 16px 1fr 16px;
      grid-template-rows: 16px 1fr 16px;
  grid-gap: 0 16px;
  -ms-flex-align: center;
      align-items: center;
}

.multivalue-field-table__three-col-layout .multivalue-field-container > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: start;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
  -ms-grid-row: 2;
      grid-row: 2;
}

.multivalue-field-table__three-col-layout .multivalue-field-container > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multivalue-field-container > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multivalue-field-container > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 5;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multivalue-field-container > *:nth-child(-n +3) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multi-column-display {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (336px)[3];
      grid-template-columns: repeat(3, 336px);
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  -ms-grid-columns: 336px 16px 336px 16px 336px;
  /* stylelint-disable-line */
  grid-gap: 16px;
}

.multivalue-field-table__three-col-layout .multi-column-display > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multi-column-display > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multi-column-display > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 5;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout .multi-column-display p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 4px;
}

.multivalue-field-table__three-col-layout tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr 48px;
      grid-template-columns: 48px 1fr 48px;
  -ms-flex-align: center;
      align-items: center;
  -ms-grid-column-align: center;
      justify-items: center;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__three-col-layout tbody tr > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: center;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__three-col-layout tbody tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout tbody tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout tbody tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__three-col-layout tbody tr.ui-sortable-helper {
  border: 2px solid #005cb9;
  background-color: #fff;
  opacity: .8;
}

.multivalue-field-table__one-col-delete-button {
  width: auto;
  max-width: 1136px;
  margin-top: 24px;
}

.multivalue-field-table__one-col-delete-button th, .multivalue-field-table__one-col-delete-button td {
  border: none;
  padding: 0;
}

.multivalue-field-table__one-col-delete-button input.form-autocomplete {
  background-image: none;
}

.multivalue-field-table__one-col-delete-button .multivalue-field-container .input-textfield {
  margin-bottom: 0;
}

.multivalue-field-table__one-col-delete-button input[type="text"] {
  width: 100%;
}

.multivalue-field-table__one-col-delete-button .field-multiple-drag {
  visibility: hidden;
  background: url("../images/reorder-drag-handle.svg") no-repeat;
  margin-right: 8px;
  padding: 32px 0 32px 40px;
  background-position: center;
  background-size: 14px 18px;
  width: 24px;
  height: 24px;
  cursor: move;
  cursor: grab;
  justify-self: end;
}

.multivalue-field-table__one-col-delete-button .field-multiple-drag:active {
  cursor: grabbing;
}

.multivalue-field-table__one-col-delete-button .field-multiple-drag:hover {
  background-image: url("../images/reorder-drag-handle-hover.svg");
}

.multivalue-field-table__one-col-delete-button .field-multiple-drag.drag-handler-visible {
  visibility: visible;
}

.multivalue-field-table__one-col-delete-button .header-title__drag {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-delete-button .header-title__clear {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-delete-button .header-title__order {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.multivalue-field-table__one-col-delete-button thead tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 488px 64px;
      grid-template-columns: 48px 488px 64px;
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__one-col-delete-button thead tr > * {
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__one-col-delete-button thead tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button thead tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button thead tr > *:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button .multivalue-field-table__field-clear {
  border: none;
  padding: 0;
  font-size: 0;
  margin-left: 32px;
}

.multivalue-field-table__one-col-delete-button .multivalue-field-table__field-clear:hover {
  background-color: transparent;
}

.multivalue-field-table__one-col-delete-button .multivalue-field-label {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.31;
  margin-top: 0;
}

.multivalue-field-table__one-col-delete-button .multi-column-display {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (488px)[1];
      grid-template-columns: repeat(1, 488px);
  -ms-grid-rows: 100%;
      grid-template-rows: 100%;
}

.multivalue-field-table__one-col-delete-button .multi-column-display > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button .multi-column-display p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 4px;
}

.multivalue-field-table__one-col-delete-button tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr 0;
      grid-template-columns: 48px 1fr 0;
  -ms-grid-rows: 65px;
      grid-template-rows: 65px;
  border-bottom: 1px solid #ced3d9;
}

.multivalue-field-table__one-col-delete-button tbody tr > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button tbody tr > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button .multivalue-field-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 488px 64px;
      grid-template-columns: 488px 64px;
  -ms-grid-rows: 65px;
      grid-template-rows: 65px;
  -ms-flex-align: center;
      align-items: center;
}

.multivalue-field-table__one-col-delete-button .multivalue-field-container > * {
  -ms-grid-row-align: center;
  /* stylelint-disable-line */
  -ms-grid-column-align: stretch;
  /* stylelint-disable-line */
  display: -ms-flexbox;
  display: flex;
}

.multivalue-field-table__one-col-delete-button .multivalue-field-container > *:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.multivalue-field-table__one-col-delete-button .multivalue-field-container > *:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.field--name-field-panels .tabledrag-toggle-weight-wrapper {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.related-questions-table {
  margin-bottom: 32px;
}

.related-questions-table__table-header {
  border: none;
}

.related-questions-table__table-header:not(:nth-child(1)) {
  width: 115px;
}

.related-questions-table__table-header:first-child {
  padding-left: 0;
}

.related-questions-table__table-data {
  border-width: 1px 0;
  padding: 16px 12px;
  vertical-align: middle;
}

.related-questions-table__table-data:first-child {
  padding-left: 0;
  font-size: 16px;
}

.transposed-table__cell {
  border-width: 1px 0;
  vertical-align: top;
  color: #494949;
}

.transposed-table__cell--label {
  width: 200px;
  font-weight: 700;
  text-transform: capitalize;
}

.transposed-table__cell .simple-field {
  margin-bottom: 0;
}

.transposed-table__resolution {
  background-color: #f6f7f8;
  border-right: solid 1px #ced3d9;
}

.transposed-table__resolution--open {
  box-shadow: inset 6px 0 0 0 #ffa126;
}

.transposed-table__resolution--resolved {
  box-shadow: inset 6px 0 0 0 #43c463;
}

.transposed-table__target-date-label, .transposed-table__resolved-date-label {
  font-weight: 500;
}

.vertical-rule-table {
  width: auto;
  margin-bottom: 24px;
}

.vertical-rule-table__header {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.62;
  border: none;
  border-left: 1px solid #ced3d9;
  padding: 0 16px 4px 16px;
}

.vertical-rule-table__header:first-child {
  padding: 0 16px 4px 0;
  border: none;
}

.vertical-rule-table__row {
  font-size: 14px;
  border: none;
  border-left: 1px solid #ced3d9;
  padding: 0 16px;
}

.vertical-rule-table__row:first-child {
  padding: 0 16px 0 0;
  border: none;
}

.views-table {
  font-size: 14px;
  margin: 0 0 24px 0;
}

.views-table__field-label {
  border: none;
  padding: 0 8px 4px 8px;
}

.views-table__field-label--small {
  width: 100px;
}

.views-table__field-label.select-all {
  width: 34px;
}

.views-table__field {
  border-width: 1px 0;
  padding: 16px 8px;
  vertical-align: top;
}

.views-table .form-item {
  margin-bottom: 0;
}

.view-groups-solr .views-table {
  table-layout: auto;
  width: 100%;
}

.view-groups-solr .views-table__field-label, .view-groups-solr .views-table__field {
  padding: 16px 24px;
}

.view-groups-solr .views-table__field-label:first-child, .view-groups-solr .views-table__field:first-child {
  padding-left: 0px;
}

.view-groups-solr .views-table__field-label:last-child, .view-groups-solr .views-table__field:last-child {
  padding-right: 0px;
}

.view-groups-solr .views-table__field-label {
  padding: 8px 24px;
  white-space: nowrap;
}

.view-group-members-solr .group-leader-indicator {
  border-left: 4px solid #ffa126;
}

.views-tree-table th {
  border: none;
  padding: 9px 8px;
}

.views-tree-table th.select-all {
  width: 34px;
}

.views-tree-table tr.has-children td {
  border-bottom: none;
}

.views-tree-table tr.expanded td {
  padding-bottom: 4px;
}

.views-tree-table tr[data-hierarchy-level="2"] td {
  padding: 5px 8px;
}

.views-tree-table tr[data-hierarchy-level="2"] .views-tree-hierarchy-cell {
  padding-left: 61px;
}

.views-tree-table td {
  border-width: 1px 0;
  padding: 16px 8px;
}

.views-tree-table .form-item {
  margin-bottom: 0;
}

.views-tree-table tr.spacer {
  display: none;
  height: 15px;
}

.views-tree-hierarchy-cell ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tabs {
  padding: 0;
}

.tabs__primary {
  margin: 0 0 16px;
}

.tabs__item {
  display: inline-block;
  border-right: 1px solid #ced3d9;
  line-height: .8;
}

.tabs__item:first-child a {
  margin-left: 0;
}

.tabs__item:last-child {
  border-right: none;
}

.tabs__item a {
  padding-bottom: 3px;
  margin: 0 10px 0 6px;
  color: #787878;
  text-transform: uppercase;
}

.tabs__item a:hover, .tabs__item a:focus {
  text-decoration: none;
  background: none;
  color: #616161;
}

.tabs__item--is-active a {
  border-bottom: 2px solid #005cb9;
  color: #616161;
  font-weight: 500;
}

.views_page_primary_tab {
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  color: #616161;
  letter-spacing: 0;
  margin-top: 24px;
  margin-bottom: 8px;
}

.views_page_primary_tab .tabs__primary {
  margin: 0 0 6px;
}

.block--subnav-reborn {
  border-bottom: 1px solid #B9C0C7;
  font-size: 15px;
}

.block--subnav-reborn .tabs-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.block--subnav-reborn .tabs__primary {
  margin-bottom: 0;
  padding: 0;
}

.block--subnav-reborn .tabs__item {
  border-color: #7b858f;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1;
}

.block--subnav-reborn .tabs__item:first-child a {
  margin-left: -5px;
}

.block--subnav-reborn .tabs__item a {
  color: #333333;
  text-transform: none;
  border: 2px solid transparent;
  padding: 0 3px;
  margin-right: 11px;
  margin-left: 11px;
}

.block--subnav-reborn .tabs__item a:focus {
  border: 2px solid #0875e1;
}

.block--subnav-reborn .tabs__item--is-active a,
.block--subnav-reborn .tabs__item a:hover {
  border: 2px solid transparent;
  color: #005cb9;
  font-weight: 400;
}

.block--subnav-reborn .tabs__item--is-active a:focus {
  border: 2px solid #0875e1;
}

.tabs--vertical {
  padding: 0;
  margin: 16px 40px 0 0;
  width: 264px;
  list-style: none;
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__trigger {
  display: block;
  margin: 0;
  padding: 10px 0 10px 20px;
  font-weight: 300;
}

.tabs__trigger:hover {
  background-color: #f0f1f2;
  text-decoration: none;
}

.tabs__trigger.selected {
  border-left: 4px solid #005cb9;
  background-color: #f0f1f2;
  padding-left: 16px;
  font-weight: 500;
}

.vertical-tabs__panes {
  padding: 24px;
}

.wdc-small-box-tags {
  display: inline-block;
  background: #f0f1f2;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  padding: 2px 7px;
  margin: 5px 5px 5px 0;
  font-family: Roboto, sans-serif;
  color: #494949;
}

.input-textarea__textarea {
  width: 100%;
  border-radius: 1px;
  border: solid 1px #ced3d9;
  position: relative;
  padding: 8px 8px 0 8px;
  font-size: 14px;
  color: #494949;
  overflow: auto;
}

::-webkit-input-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  color: #7b858f;
}

:-moz-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  color: #7b858f;
}

::-moz-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  color: #7b858f;
  opacity: 1;
}

:-ms-input-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  color: #7b858f;
}

.input-textarea__textarea .resize-vertical {
  resize: vertical;
}

.input-textarea__textarea .resize-none {
  resize: none;
}

.input-textarea__textarea .resize-horizontal {
  resize: horizontal;
}

.input-textarea__textarea .resize-both {
  resize: both;
}

.input-textarea__resizable {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.input-textarea__resizable:after {
  content: "";
  display: block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #7b858f transparent;
  margin-left: -10px;
  margin-right: 2px;
  margin-bottom: 2px;
  z-index: 1;
  pointer-events: none;
}

.input-textarea .link-edit-summary {
  border: 0;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  color: #494949;
  font-weight: 700;
}

.input-textarea .input-label {
  width: -webkit-max-content;
  width: max-content;
  height: 21px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.4px;
  text-align: left;
  color: #494949;
  font-weight: 700;
  display: block;
}

.input-textarea__description {
  width: 100%;
  height: 21px;
  font-size: 13px;
  line-height: 1.62;
  letter-spacing: 0.5px;
  text-align: left;
  color: #7b858f;
  margin-top: 0.5em;
  white-space: nowrap;
}

.region-header-bottom .block--page-title-block {
  max-width: 1248px;
  width: 100%;
  margin: 0 auto 24px auto;
  padding: 0 24px;
}

.region-header-bottom .block--page-description {
  max-width: 1248px;
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 0 24px;
}

.user-profile::after {
  display: block;
  content: "";
  clear: both;
}

.user-profile__user-badge {
  padding-right: 15px;
  width: -webkit-fit-content;
  width: fit-content;
  float: left;
}

.user-profile__user-badge img {
  border-radius: 50%;
}

.user-profile__profile-pic {
  border-radius: 50%;
  display: block;
  text-align: center;
}

.user-profile__reputation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 8px;
}

.user-profile__reputation-count {
  padding: 0 10px;
  color: #005cb9;
  background-color: #d7eafc;
  font-weight: 400;
}

.user-profile__user-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.user-profile__member-leadership {
  display: inline-block;
  text-transform: uppercase;
  color: #ffa126;
  font-size: 11px;
  font-weight: 700;
}

.user-profile__member-leadership::before {
  display: inline-block;
  color: #ffa126;
  content: ' ';
  background-image: url("../images/group-leader-cantaloupe--400.svg");
  background-size: cover;
  width: 9px;
  height: 9px;
  margin-right: 4px;
}

.user-profile__user-name {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  font-weight: 700;
  font-size: 16px;
}

.user-profile__display-name {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  font-weight: 400;
}

.user-profile__created {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  margin: 8px 0 0;
}

.user-profile__label {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  font-size: 13px;
}

.user-profile__item {
  font-size: 13px;
  color: #7b858f;
}

.user-profile .user-name__spacer {
  margin-top: 8px;
}

.user-profile__user-autocomplete .user-profile__user-name {
  font-size: 14px;
}

.user-profile__user-autocomplete .user-profile__display-name {
  font-size: 13px;
  color: #7b858f;
  -ms-flex: none;
      flex: none;
}

.user-profile__user-autocomplete .user-profile__item {
  font-size: 13px;
  color: #7b858f;
  display: inline;
}

.user-profile__user-autocomplete .user-profile__display-name + .user-profile__item:before {
  content: '-';
  padding: 0 2px 0 4px;
}

.user-profile__picture-only {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.user-profile__picture-only .user-profile__user-badge {
  -ms-flex-order: 2;
      order: 2;
  /* Profile picture is on right, remove padding that is otherwise needed
         for other user profile patterns. */
  padding: 0;
}

.user-profile__picture-only .user-profile__user-info {
  -ms-flex-order: 1;
      order: 1;
  margin-right: 8px;
}

.user-profile__picture-only .user-profile__user-name {
  margin: auto 0;
  /* IE11 fix: stops username from turning into a column of letters. */
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  color: #616161;
  font-size: 14px;
  font-weight: 400;
}

.user-profile__picture-only .user-profile__user-name:hover {
  color: #333333;
}

.user-profile__extras {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.user-profile__extras ul {
  padding: 19px 22px;
  list-style: none;
  overflow: hidden;
}

.user-profile__extras ul li {
  font-size: 14px;
  line-height: 1.87;
}

.user-profile__extras ul li .field__label {
  font-size: 14px;
  display: inline-block;
}

.user-profile__extras ul li .field__item {
  display: inline-block;
  margin-bottom: 0;
}

.views-field-metadata {
  font-size: 13px;
  font-weight: 400;
  color: #5e6a75;
  line-height: 1.5;
  font-size: 12px;
}

.views-field-metadata-item a {
  font-size: 13px;
  font-weight: 400;
  color: #5e6a75;
  line-height: 1.5;
  font-size: 12px;
}

.views-field-metadata-item a:hover {
  text-decoration: none;
}

.views-field-metadata-separator {
  margin: 0 8px;
}

.views-field-metadata .icon--video-attachment {
  font-size: 16px;
}

.rate-widget-number-up-down {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.rate-number-up-down-rating {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  color: #494949;
  margin-bottom: 3px;
  max-width: 64px;
  overflow-wrap: break-word;
}

.rate-number-up-down-btn-up,
.rate-number-up-down-btn-down {
  width: 24px;
  height: 16px;
  margin-top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}

.rate-number-up-down-btn-up {
  margin-bottom: 3px;
}

.rate-number-up-down-btn-up.active {
  background-image: url("../images/chevron-up-active.svg");
}

.rate-number-up-down-btn-up.active:hover {
  background-image: url("../images/chevron-up-hover.svg");
}

.rate-number-up-down-btn-up.disabled {
  background-image: url("../images/chevron-up-disabled.svg");
}

.rate-number-up-down-btn-up.my-vote {
  background-image: url("../images/chevron-up-myvote.svg");
}

.rate-number-up-down-btn-down.active {
  background-image: url("../images/chevron-down-active.svg");
}

.rate-number-up-down-btn-down.active:hover {
  background-image: url("../images/chevron-down-hover.svg");
}

.rate-number-up-down-btn-down.disabled {
  background-image: url("../images/chevron-down-disabled.svg");
}

.rate-number-up-down-btn-down.my-vote {
  background-image: url("../images/chevron-down-myvote.svg");
}

.rate-undo {
  font-size: 13px;
}

.warning-blurb__content {
  color: #de2e21;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.wdc-dropbutton__button .button:after {
  /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "";
  font-size: 6px;
  color: inherit;
  margin-left: 8px;
}

.wdc-dropbutton__container {
  padding: 24px 16px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
  position: absolute;
  background: white;
}

.wdc-dropbutton__container .button {
  margin-right: 8px;
}

.workflow-state-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fff9e6 url("../images/document.svg") no-repeat;
  background-position: 14px center;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}

.workflow-state {
  font-size: 16px;
  font-weight: 700;
  margin-left: 48px;
  margin-bottom: 0;
}

.simple-block .title__h4 {
  margin-bottom: 16px;
}

.simple-block .feedback-block__icon {
  margin-right: 6px;
}

.group-about-pages .block--group-featured-links, .group-about-pages .block--wdc-group-related-questions-block {
  border: 1px solid #ced3d9;
  box-sizing: border-box;
  padding: 24px;
  margin-bottom: 24px;
}

.group-about-pages .block--group-featured-links h4, .group-about-pages .block--wdc-group-related-questions-block h4 {
  margin-bottom: 24px;
}

.group-about-pages .block--group-featured-links .simple-field__item, .group-about-pages .block--wdc-group-related-questions-block .simple-field__item {
  margin-bottom: 24px;
}

.block--wdc-group-related-questions-block .question_metadata {
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color: #7b858f;
}

.block--wdc-group-related-questions-block p:last-of-type {
  margin-bottom: 0;
}

.menu--products {
  padding-bottom: 48px;
}

.menu--products .title__h2 {
  margin-bottom: 24px;
}

.menu--products .menu {
  list-style: none;
  padding: 0;
}

.menu--base-camp-and-resources {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding: 0 0 40px 0;
  min-height: 344px;
  -ms-flex: 0 0 284px;
      flex: 0 0 284px;
}

.menu--base-camp-and-resources:before {
  display: block;
  content: '';
  border-right: 1px solid #ced3d9;
}

.menu--base-camp-and-resources .unordered-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu--base-camp-and-resources .unordered-list__list-item span {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
}

.menu__base-camp-and-resources {
  padding: 24px 32px 12px 32px;
}

.calendar-event-wrapper {
  position: relative;
  display: block;
  padding: 16px;
}

.calendar-event-icon {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 39px;
  margin-right: 16px;
  border-radius: 3px;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calendar-event-icon span {
  text-align: center;
  display: block;
  font-weight: bold;
}

.calendar-event-icon .date-month {
  font-size: 10px;
  color: #fff;
  background-color: #005cb9;
  border-radius: 3px 3px 0px 0px;
}

.calendar-event-icon .date-day {
  font-size: 13px;
  color: #494949;
  background-color: #fff;
  border: 1px solid #ced3d9;
  border-top: 0px none;
  border-radius: 0px 0px 3px 3px;
}

.calendar-event-details {
  display: inline-block;
  vertical-align: top;
}

.calendar-event-details-row {
  font-size: 12px;
  line-height: 16px;
  color: #7b858f;
  display: block;
  position: relative;
}

.calendar-event-details-row .title {
  color: #005cb9;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
}

.calendar-event-details-row .title:link {
  color: #005cb9;
  text-decoration: none;
}

.calendar-event-details-row .title:visited {
  color: #005cb9;
  text-decoration: none;
}

.calendar-event-details-row .title:hover, .calendar-event-details-row .title:focus, .calendar-event-details-row .title:active {
  color: none;
  text-decoration: none;
}

.calendar-event-details-row .dateline {
  font-size: 14px;
  line-height: 22px;
}

.calendar-event-details-row .status {
  font-size: 11px;
  color: #43c463;
  text-transform: uppercase;
}

.calendar-event-details-row .dot {
  bottom: 1px;
  margin: 0px 5px 0px 3px;
  position: relative;
  vertical-align: middle;
}

.grid {
  background-color: rgba(215, 234, 252, 0.5);
  min-height: 133px;
  padding: 24px;
  margin-bottom: 8px;
}

.grid .block_title {
  color: #494949;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.grid .views-row,
.grid .calendar-event-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  white-space: normal;
}

.grid .calendar-event-wrapper {
  padding: 16px 24px 0 0;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: -ms-flexbox;
  display: flex;
  direction: ltr;
}

.grid .calendar-event-wrapper .calendar-event-details {
  max-width: 295px;
}

.block--views-block-upcoming-group-events-upcoming-group-events-block,
.block--views-block-block-upcoming-events-groups-contextual-upcoming-events-group {
  max-width: 1248px;
  width: 100%;
  margin: 28px auto;
  padding: 0 24px;
}

.block--views-block-upcoming-group-events-upcoming-group-events-block .view-content,
.block--views-block-block-upcoming-events-groups-contextual-upcoming-events-group .view-content {
  white-space: nowrap;
}

.content__row--featured-background {
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);
  height: 280px;
  margin-bottom: 32px;
  position: relative;
  background: linear-gradient(90deg, #fff 50%, #ffc629 50%);
}

.block--views-block-carousel-block-1 {
  width: 1248px;
}

.carousel-container {
  background: url("../images/home_banner.svg") no-repeat right, linear-gradient(90deg, #fff 90%, #ffc629 10%);
  background-size: auto 284px;
  height: 280px;
  position: relative;
}

.carousel-slide {
  display: none;
  height: 250px;
  cursor: pointer;
  outline: none;
  position: absolute;
}

.carousel-slide:first-child {
  display: block;
}

.carousel-slide .views-field-title,
.carousel-slide .views-field-field-marquee-headline {
  max-width: 735px;
  margin-top: 48px;
  margin-bottom: 16px;
}

.carousel-slide .views-field-title a,
.carousel-slide .views-field-field-marquee-headline a {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 16px;
  text-decoration: none;
  color: #0875e1;
  font-style: normal;
  outline: none;
}

.carousel-slide .views-field-body,
.carousel-slide .views-field-field-marquee-summary {
  max-width: 735px;
}

.carousel-slide .views-field-body p,
.carousel-slide .views-field-field-marquee-summary p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 16px;
  color: #333333;
  line-height: 1.5;
}

.slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  position: absolute;
  height: 56px;
  bottom: 0;
}

.slick-dots li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 24px;
  height: 24px;
  margin: 0;
}

.slick-dots li:hover button {
  opacity: 1;
}

.slick-dots li button {
  background: transparent;
  border: 1px solid #a6a6a6;
  opacity: .4;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  padding: 4px;
}

.slick-dots li button:before {
  content: '';
}

.slick-dots .slick-active button {
  background: #a6a6a6;
  opacity: 1;
}

.wdc-404-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: auto;
  height: 60vh;
  text-align: center;
  width: 325px;
}

.wdc-404-page--image {
  margin-bottom: 32px;
}

.wdc-404-page p {
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: 32px;
}

.tabs__container {
  margin: 0;
  -ms-grid-column: 2;
  /* stylelint-disable-line */
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(160px, 1fr))[4];
      grid-template-columns: repeat(4, minmax(160px, 1fr));
}

@media screen and (min-width: 1152px) {
  .tabs__container {
    -ms-grid-columns: (minmax(160px, 1fr))[5];
        grid-template-columns: repeat(5, minmax(160px, 1fr));
  }
}

.tabs__container .menu-item {
  min-height: 120px;
  min-width: 160px;
  margin-bottom: 16px;
  padding: 0 24px;
  text-align: center;
}

.tabs__container .menu-item:nth-child(1) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(2) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(3) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(4) {
  -ms-grid-row: 1;
  /* stylelint-disable-line */
  -ms-grid-column: 4;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(5) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(6) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(7) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(8) {
  -ms-grid-row: 2;
  /* stylelint-disable-line */
  -ms-grid-column: 4;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(9) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(10) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(11) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(12) {
  -ms-grid-row: 3;
  /* stylelint-disable-line */
  -ms-grid-column: 4;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(13) {
  -ms-grid-row: 4;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(14) {
  -ms-grid-row: 4;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(15) {
  -ms-grid-row: 4;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(16) {
  -ms-grid-row: 4;
  /* stylelint-disable-line */
  -ms-grid-column: 4;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(17) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 1;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(18) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 2;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(19) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 3;
  /* stylelint-disable-line */
}

.tabs__container .menu-item:nth-child(20) {
  -ms-grid-row: 5;
  /* stylelint-disable-line */
  -ms-grid-column: 4;
  /* stylelint-disable-line */
}

@media screen and (min-width: 1152px) {
  .tabs__container .menu-item:nth-child(1) {
    -ms-grid-row: 1;
    /* stylelint-disable-line */
    -ms-grid-column: 1;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(2) {
    -ms-grid-row: 1;
    /* stylelint-disable-line */
    -ms-grid-column: 2;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(3) {
    -ms-grid-row: 1;
    /* stylelint-disable-line */
    -ms-grid-column: 3;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(4) {
    -ms-grid-row: 1;
    /* stylelint-disable-line */
    -ms-grid-column: 4;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(5) {
    -ms-grid-row: 1;
    /* stylelint-disable-line */
    -ms-grid-column: 5;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(6) {
    -ms-grid-row: 2;
    /* stylelint-disable-line */
    -ms-grid-column: 1;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(7) {
    -ms-grid-row: 2;
    /* stylelint-disable-line */
    -ms-grid-column: 2;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(8) {
    -ms-grid-row: 2;
    /* stylelint-disable-line */
    -ms-grid-column: 3;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(9) {
    -ms-grid-row: 2;
    /* stylelint-disable-line */
    -ms-grid-column: 4;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(10) {
    -ms-grid-row: 2;
    /* stylelint-disable-line */
    -ms-grid-column: 5;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(11) {
    -ms-grid-row: 3;
    /* stylelint-disable-line */
    -ms-grid-column: 1;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(12) {
    -ms-grid-row: 3;
    /* stylelint-disable-line */
    -ms-grid-column: 2;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(13) {
    -ms-grid-row: 3;
    /* stylelint-disable-line */
    -ms-grid-column: 3;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(14) {
    -ms-grid-row: 3;
    /* stylelint-disable-line */
    -ms-grid-column: 4;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(15) {
    -ms-grid-row: 3;
    /* stylelint-disable-line */
    -ms-grid-column: 5;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(16) {
    -ms-grid-row: 4;
    /* stylelint-disable-line */
    -ms-grid-column: 1;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(17) {
    -ms-grid-row: 4;
    /* stylelint-disable-line */
    -ms-grid-column: 2;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(18) {
    -ms-grid-row: 4;
    /* stylelint-disable-line */
    -ms-grid-column: 3;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(19) {
    -ms-grid-row: 4;
    /* stylelint-disable-line */
    -ms-grid-column: 4;
    /* stylelint-disable-line */
  }
  .tabs__container .menu-item:nth-child(20) {
    -ms-grid-row: 4;
    /* stylelint-disable-line */
    -ms-grid-column: 5;
    /* stylelint-disable-line */
  }
}

.tabs__container .menu-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
}

.tabs__container .absence-management .icon {
  background: url("../images/product-info-icons/hcm/absence-management.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .benefits .icon {
  background: url("../images/product-info-icons/hcm/benefits.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .compensation .icon {
  background: url("../images/product-info-icons/hcm/compensation.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .learning .icon {
  background: url("../images/product-info-icons/hcm/learning.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .recruiting .icon {
  background: url("../images/product-info-icons/hcm/recruiting.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .staffing .icon {
  background: url("../images/product-info-icons/hcm/staffing.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .talent .icon {
  background: url("../images/product-info-icons/hcm/talent.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .time-tracking .icon {
  background: url("../images/product-info-icons/hcm/time-tracking.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .workday-payroll .icon {
  background: url("../images/product-info-icons/hcm/workday-payroll.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .worker-info .icon {
  background: url("../images/product-info-icons/hcm/worker-info.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .workforce-planning .icon {
  background: url("../images/product-info-icons/hcm/workforce-planning.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .budgets .icon {
  background: url("../images/product-info-icons/financial/budgets.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .business-assets .icon {
  background: url("../images/product-info-icons/financial/business-assets.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .cash-management .icon {
  background: url("../images/product-info-icons/financial/cash-management.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .customer-accounts .icon {
  background: url("../images/product-info-icons/financial/customer-accounts.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .expenses .icon {
  background: url("../images/product-info-icons/financial/expenses.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .financial-accounting .icon {
  background: url("../images/product-info-icons/financial/financial-accounting.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .inventory .icon {
  background: url("../images/product-info-icons/financial/inventory.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .planning .icon {
  background: url("../images/product-info-icons/financial/planning.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .procurement .icon {
  background: url("../images/product-info-icons/financial/procurement.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .projects .icon {
  background: url("../images/product-info-icons/financial/projects.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .revenue-management .icon {
  background: url("../images/product-info-icons/financial/revenue-management.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .supplier-management .icon {
  background: url("../images/product-info-icons/financial/supplier-management.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .transaction-tax .icon {
  background: url("../images/product-info-icons/financial/transaction-tax.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .authentication .icon {
  background: url("../images/product-info-icons/cross-application/authentication.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .big-data-analytics .icon {
  background: url("../images/product-info-icons/cross-application/big-data-analytics.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .business-process-framework .icon {
  background: url("../images/product-info-icons/cross-application/business-process-framework.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .compliance .icon {
  background: url("../images/product-info-icons/cross-application/compliance.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .configurable-security .icon {
  background: url("../images/product-info-icons/cross-application/configurable-security.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .mobile .icon {
  background: url("../images/product-info-icons/cross-application/mobile.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .organizations-hierarchies .icon {
  background: url("../images/product-info-icons/cross-application/organizations-hierarchies.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .reporting-analytics .icon {
  background: url("../images/product-info-icons/cross-application/reporting-analytics.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .user-experience .icon {
  background: url("../images/product-info-icons/cross-application/user-experience.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .enterprise-interface-builder .icon {
  background: url("../images/product-info-icons/integrations/enterprise-interface-builder.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .workday-studio .icon {
  background: url("../images/product-info-icons/integrations/workday-studio.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .workday-web-services .icon {
  background: url("../images/product-info-icons/integrations/workday-web-services.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .education-government .icon {
  background: url("../images/product-info-icons/industry/education-government.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .academic-advising .icon {
  background: url("../images/product-info-icons/student/academic-advising.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .academic-foundation .icon {
  background: url("../images/product-info-icons/student/academic-foundation.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .admissions .icon {
  background: url("../images/product-info-icons/student/admissions.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .campus-engagement .icon {
  background: url("../images/product-info-icons/student/campus-engagement.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .curriculum-management .icon {
  background: url("../images/product-info-icons/student/curriculum-management.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .financial-aid .icon {
  background: url("../images/product-info-icons/student/financial-aid.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .student-financials .icon {
  background: url("../images/product-info-icons/student/student-financials.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .student-records .icon {
  background: url("../images/product-info-icons/student/student-records.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.tabs__container .student-recruiting .icon {
  background: url("../images/product-info-icons/student/student-recruiting.svg") no-repeat center center;
  display: block;
  width: 72px;
  height: 72px;
  margin-left: -8px;
  margin-top: -8px;
}

.simple-block--file-attachment {
  margin-bottom: 32px;
}

.filter-cta-box-pl-wrapper {
  margin: 24px auto;
  width: 350px;
}

.filter-cta-box {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #0875e1;
  box-shadow: 0 1px 5px rgba(134, 149, 158, 0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px;
}

.filter-cta-box__clear {
  font-size: 14px;
}

.filter-cta-box__clear:hover {
  text-decoration: none;
}

.footer__logo {
  margin-bottom: 12px;
}

.footer__slogan {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  margin-bottom: 0;
}

.wdc-groups-404-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: auto;
  height: 60vh;
  text-align: center;
  width: 325px;
}

.wdc-groups-404-page--image {
  margin-bottom: 32px;
}

.wdc-groups-404-page p {
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: 32px;
}

.block--contextual-group-operations {
  display: block;
  position: relative;
  padding: 24px 16px;
}

.block--contextual-group-operations .dropbutton-wrapper {
  position: absolute;
  top: 0;
  padding: 0;
}

.block--contextual-group-operations .dropbutton-widget {
  background-image: none;
  width: 100%;
}

.block--contextual-group-operations .dropbutton-action-label {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 32px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
  white-space: nowrap;
}

.block--contextual-group-operations .dropbutton-action-label:after {
  /* stylelint-disable-line */
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "";
  font-size: 6px;
  color: inherit;
  margin-left: 8px;
}

.block--contextual-group-operations .dropbutton-action-label:link {
  color: #fff;
  text-decoration: none;
}

.block--contextual-group-operations .dropbutton-action-label:visited {
  color: #fff;
  text-decoration: none;
}

.block--contextual-group-operations .dropbutton-action-label:hover, .block--contextual-group-operations .dropbutton-action-label:focus, .block--contextual-group-operations .dropbutton-action-label:active {
  color: #fff;
  text-decoration: none;
}

.block--contextual-group-operations .dropbutton-action-label:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

.block--contextual-group-operations .dropbutton-action-label.disabled, .block--contextual-group-operations .dropbutton-action-label:focus {
  border: solid 2px #005cb9;
  padding: 11px 32px;
  background-color: #0875e1;
}

.block--contextual-group-operations .dropbutton-action-label:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

.block--contextual-group-operations .dropbutton-action-label:active {
  background-color: #004387;
  border-color: #004387;
  padding: 11px 32px;
}

.block--contextual-group-operations .dropbutton-toggle,
.block--contextual-group-operations .dropbutton-toggle * {
  display: none;
}

.block--contextual-group-operations .dropbutton .secondary-action-wrapper {
  overflow: visible;
}

.block--contextual-group-operations .dropbutton .dropshadow {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -5px;
  margin: 1em;
}

.block--contextual-group-operations .dropbutton .secondary-action {
  white-space: nowrap;
  background: #fff;
}

.block--contextual-group-operations .dropbutton .secondary-action-wrapper ul {
  padding: 0;
  margin: 0;
}

.block--contextual-group-operations .dropbutton .secondary-action a {
  padding: 7px 16px;
}

.block--contextual-group-operations .dropbutton .secondary-action a:link {
  color: #494949;
  text-decoration: none;
}

.block--contextual-group-operations .dropbutton .secondary-action a:visited {
  color: #494949;
  text-decoration: none;
}

.block--contextual-group-operations .dropbutton .secondary-action a:hover, .block--contextual-group-operations .dropbutton .secondary-action a:focus, .block--contextual-group-operations .dropbutton .secondary-action a:active {
  color: #494949;
  text-decoration: none;
}

.block--contextual-group-operations a .secondary-action:hover {
  background: #f0f1f2;
}

.block--contextual-group-operations .open .dropbutton-action-label::after {
  transform: rotate(180deg);
}

.right .dropbutton-wrapper {
  right: 0;
  padding-left: 32px;
}

.right .dropbutton-wrapper .dropbutton-action-label {
  float: right;
  clear: both;
}

.right .dropbutton-wrapper .secondary-action-wrapper {
  float: left;
  clear: both;
}

.left .dropbutton-wrapper {
  left: 0;
  padding-right: 32px;
}

.left .dropbutton-wrapper .secondary-action-wrapper {
  right: 0;
}

.block--contextual-group-operations .dropbutton-toggle {
  display: none;
}

.block--contextual-group-operations .dropbutton-multiple .dropbutton-widget {
  padding: 0;
}

a .block--contextual-group-operations:hover .secondary-action {
  background: #f0f1f2;
}

.hero-container {
  background-color: #005cb9;
  height: 185px;
  padding-top: 40px;
}

.hero {
  color: #fff;
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
}

.hero .hero__title {
  color: #fff;
  margin-bottom: 8px;
}

.hero .hero__tagline {
  color: #fff;
  font-weight: 300;
}

.mega-menu-feature {
  max-width: 230px;
  text-align: center;
  padding: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(-25%);
}

.mega-menu-feature img {
  max-height: 60px;
}

.feature-box__img {
  margin-bottom: 16px;
  max-height: 60px;
}

.feature-box__title {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 16px;
  color: #005cb9;
}

.feature-box__blurb {
  font-size: 14px;
  margin-bottom: 24px;
}

.brainstorm-pm-response .user-profile__content-author {
  margin-bottom: 16px;
}

.brainstorm-pm-response__response-meta {
  font-size: 13px;
  margin-bottom: 24px;
}

.brainstorm-pm-response__last-updated {
  color: #7b858f;
  float: left;
}

.brainstorm-pm-response__edit-link {
  float: right;
}

.brainstorm-pm-response__text p:last-child {
  margin-bottom: 0;
}

.region--sidebar-sticky .block.block-quick-save-and-list-searches {
  border-bottom: 1px solid #ced3d9;
  padding: 0 0 16px 0;
  margin: 16px 16px 24px 16px;
}

.popup__popper .saved-search-spinner-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 5px 0;
}

.popup__popper .field--name-field-search-parameters {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 5px 5px 20px;
}

.popup__popper .field--name-field-search-parameters > a {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.popup__popper .field--name-field-search-parameters .logo-trashcan a {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../images/trash.svg");
  background-repeat: no-repeat;
}

.popup__popper .field--name-field-search-parameters .logo-trashcan a:hover {
  /* stylelint-disable-line */
  background-image: url("../images/trash-hover.svg");
}

.popup__popper .field--name-field-search-parameters:hover {
  background-color: #e8ebed;
}

.button--popper-ref {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
  white-space: normal;
  width: 100%;
}

.button--popper-ref:link {
  color: #333d47;
  text-decoration: none;
}

.button--popper-ref:visited {
  color: #494949;
  text-decoration: none;
}

.button--popper-ref:hover, .button--popper-ref:focus, .button--popper-ref:active {
  color: #494949;
  text-decoration: none;
}

.button--popper-ref:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.button--popper-ref:focus {
  padding: 11px;
}

.button--popper-ref.disabled, .button--popper-ref:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.button--popper-ref:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 11px;
}

.button--my-searches {
  padding-right: 25px;
  position: relative;
}

.button--my-searches:active {
  padding-right: 25px;
}

.button--my-searches::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #494949;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: 45%;
  width: 0;
}

.button--my-searches.disabled::after {
  border-top: 5px solid #a1aab3;
}

input[type="submit"].button--saved-search-submit {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 32px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
}

input[type="submit"].button--saved-search-submit:link {
  color: #fff;
  text-decoration: none;
}

input[type="submit"].button--saved-search-submit:visited {
  color: #fff;
  text-decoration: none;
}

input[type="submit"].button--saved-search-submit:hover, input[type="submit"].button--saved-search-submit:focus, input[type="submit"].button--saved-search-submit:active {
  color: #fff;
  text-decoration: none;
}

input[type="submit"].button--saved-search-submit:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

input[type="submit"].button--saved-search-submit.disabled, input[type="submit"].button--saved-search-submit:focus {
  border: solid 2px #005cb9;
  padding: 11px 32px;
  background-color: #0875e1;
}

input[type="submit"].button--saved-search-submit:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

input[type="submit"].button--saved-search-submit:active {
  background-color: #004387;
  border-color: #004387;
  padding: 11px 32px;
}

input[type="submit"].button--saved-search-submit:before {
  content: '';
  font-weight: inherit;
}

.book-navigation__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #ced3d9;
  padding-top: 8px;
  margin-bottom: 40px;
  /* This edge case of margin-top is needed.  Because of the need to shift up
     book links to make the links appear to straddle the horizontal rule, this
     spacing balances out the space it would have otherwise taken if it were
     possible to order the markup differently without JS.  Here is the math:
     8px padding-top + 24px margin-top = 32px.  This protects the vertical
     height gained from the margin-top: -32px rule for .book-add-child. */
  margin-top: 24px;
}

.book-navigation__links ul {
  padding: 0;
  margin: 0;
}

.book-navigation__links .links {
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.book-navigation__links .book-add-child {
  margin-top: -32px;
  margin-bottom: 8px;
}

.book-navigation__links .book-printer {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.book-navigation__links .book-printer a {
  background: url("../images/printer.svg") no-repeat top right;
  width: 24px;
  height: 24px;
  overflow: hidden;
  color: transparent;
  display: block;
}

.book-navigation__links .book-printer a:hover {
  background: url("../images/printer-hover.svg") no-repeat top right;
}

.book-navigation__pager ul {
  padding: 0;
  margin: 0;
}

.comments {
  /* Do not display ajax spinner for comments. */
}

.comments .plain-text-box {
  height: 40px;
  width: 100%;
  max-width: 100%;
  padding: 8px 0 8px 16px;
  border-radius: 2px;
  border: solid 1px #ced3d9;
  font-size: 14px;
  margin-bottom: 32px;
}

.comments > *:last-child .comment {
  border-bottom: none;
}

.comments .ajax-progress-throbber {
  display: none;
}

.comment-wrapper .messages {
  margin-bottom: 32px;
}

.comment {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ced3d9;
}

.comment-form .field--name-comment-body {
  margin-bottom: 16px;
}

.comment-form .field--name-field-file-attachment-media {
  margin-bottom: 16px;
}

.comment-form .form-item-subscribe {
  margin-bottom: 16px;
}

.comment-form .field--name-skip-notifications {
  margin-bottom: 24px;
}

.comment-form .form-actions {
  padding-bottom: 32px;
  border-bottom: 1px solid #ced3d9;
  margin-bottom: 40px;
}

.comment-form .form-actions .button {
  margin-right: 12px;
}

.comment-form__title {
  margin-bottom: 24px;
}

.comment__section {
  margin-left: 80px;
}

.comment__header {
  margin-bottom: 16px;
}

.comment__metadata {
  font-size: 13px;
  color: #7b858f;
}

.comment__content p {
  margin-bottom: 8px;
}

.comment__content .flag-select-as-best-answer {
  position: absolute;
  top: 32px;
  right: 24px;
}

.comment__content .flag a.button__primary--medium {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 13px;
  padding: 3px 24px 4px 24px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
}

.comment__content .flag a.button__primary--medium:link {
  color: #fff;
  text-decoration: none;
}

.comment__content .flag a.button__primary--medium:visited {
  color: #fff;
  text-decoration: none;
}

.comment__content .flag a.button__primary--medium:hover, .comment__content .flag a.button__primary--medium:focus, .comment__content .flag a.button__primary--medium:active {
  color: #fff;
  text-decoration: none;
}

.comment__content .flag a.button__primary--medium:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

.comment__content .flag a.button__primary--medium.disabled, .comment__content .flag a.button__primary--medium:focus {
  border: solid 2px #005cb9;
  padding: 3px 24px 4px 24px;
  background-color: #0875e1;
}

.comment__content .flag a.button__primary--medium:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

.comment__content .flag a.button__primary--medium:active {
  background-color: #004387;
  border-color: #004387;
  padding: 3px 24px 4px 24px;
}

.comment__content .flag a.button__secondary--medium {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 13px;
  padding: 4px 25px 5px 25px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.comment__content .flag a.button__secondary--medium:link {
  color: #333d47;
  text-decoration: none;
}

.comment__content .flag a.button__secondary--medium:visited {
  color: #494949;
  text-decoration: none;
}

.comment__content .flag a.button__secondary--medium:hover, .comment__content .flag a.button__secondary--medium:focus, .comment__content .flag a.button__secondary--medium:active {
  color: #494949;
  text-decoration: none;
}

.comment__content .flag a.button__secondary--medium:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.comment__content .flag a.button__secondary--medium:focus {
  padding: 4px 25px 5px 25px;
}

.comment__content .flag a.button__secondary--medium.disabled, .comment__content .flag a.button__secondary--medium:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.comment__content .flag a.button__secondary--medium:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 4px 25px 5px 25px;
}

.comment__action-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.comment .reply-button {
  margin-right: 16px;
}

.comment .options__toggle {
  padding-right: 24px;
  cursor: pointer;
  background: #fff url("../images/details-chevron-down.svg") no-repeat right center;
  background-size: 16px;
}

.comment .options__dropdown {
  display: block;
  position: absolute;
  margin: 0;
  padding: 8px 24px;
  list-style: none;
  border: 1px solid #ced3d9;
  background: #fff;
  z-index: 50;
  border-radius: 1px;
}

.comment .options__dropdown li {
  padding: 4px;
  font-size: 14px;
}

.comment .user-profile {
  height: 74px;
}

.comment .user-profile__label {
  color: #7b858f;
}

.comment__with-vote-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Deal with error messages on answers nicely. */
  /* Error messages dumped above comment by ajax comments module.  This puts
       it right between the vote ticker and the comment, ruining the layout.
       Change element order to force messages to the top. */
  /* Fill remaining content space with comment stream after voting widget. */
}

.comment__with-vote-widget > * {
  width: 100%;
}

.comment__with-vote-widget .voting-widget-comment-wrapper {
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 40px;
      flex-basis: 40px;
  -ms-flex-order: 2;
      order: 2;
}

.comment__with-vote-widget .comment {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-order: 3;
      order: 3;
}

.indented {
  margin-left: 40px;
}

.indented .user-profile__comment-author {
  position: relative;
}

.indented .user-profile__comment-author::after {
  content: url("../images/comment-reply.svg");
  width: 24px;
  height: 19px;
  display: block;
  position: absolute;
  top: 21px;
  left: -40px;
}

.indented .comment__section {
  margin-top: 8px;
}

@media (min-width: 769px) {
  .indented .comment__section {
    margin-top: 0;
  }
}

/* Start: Questions and Answers specific theming. */
/* Answers and answer comments are architecturally different from other comment
   types.  Answers are single threaded comments, and answer comments are a
   comment field attached to answers, which are also single threaded.  */
.qna-comment {
  /* For answers, cancel out bottom spacing.  Instead, let answer comments
     provide spacing. */
  /* Shift answer comments to the left as a whole. */
  /* Let the options link push down comment box/reply in comment stream. */
}

.qna-comment input.plain-text-box:first-of-type {
  margin-bottom: 0;
}

.qna-comment .indented {
  margin-left: -40px;
}

.qna-comment .comment__action-links {
  margin-bottom: 24px;
}

/* Rules just for answer comments. */
.field--name-field-answer-comment {
  /* Since answers are not threaded, remove horizontal rule beneath each answer
     form. */
}

.field--name-field-answer-comment .comment--answer-comment {
  /* Due to answer comment architecture, let each comment supply the
       horizontal rule between each answer comment. */
  /* Answer comments are not threaded: cancel out margin that answers require
       but answer comments do not need or want. */
}

.field--name-field-answer-comment .comment--answer-comment-separator:before {
  content: "";
  display: block;
  margin-top: 32px;
  border-bottom: 1px solid #ced3d9;
  margin-bottom: 32px;
  margin-left: -40px;
}

.field--name-field-answer-comment .comment--answer-comment .comment__action-links {
  margin-bottom: 0;
}

.field--name-field-answer-comment .form-actions {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

/* Puts unselected best answer button at height relative to user profile. */
.select-best-answer-relative {
  position: relative;
}

.select-best-answer-relative .flag-select-as-best-answer {
  position: absolute;
  top: 0;
  right: 24px;
}

/* Due to architecture difference compared to threaded and unthreaded comments,
   allow the comment block separator to control the horizontal rule between
   each group of answers. */
.comment-block-separator {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ced3d9;
  /* Puts selected best answer button at height relative to best answer
     heading, and highlights best answer. */
  /* Cancel out standard comment spacing, let the comment block separator work
     it out.  Useful since horizontal rule should span including vote widget. */
}

.comment-block-separator--best-answer {
  position: relative;
  background-color: #f6f7f8;
  border-left: 4px solid #43c463;
  padding: 32px 24px;
  margin-bottom: 32px;
  border-bottom: none;
  /* Blend options toggle in with best answer background. */
  /* Remove separator for best answer parent comment. */
}

.comment-block-separator--best-answer .options__toggle {
  background-color: #f6f7f8;
}

.comment-block-separator--best-answer > *:last-child .qna-comment {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.comment-block-separator .comment {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.comment-block-separator .best-answer-title-container {
  margin-bottom: 32px;
}

/* Add separation between comment drawer and answer list. */
.details__field-question-comments {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ced3d9;
}

/* Manage the separators and spacing between the forms, articles and ajax divs*/
.field--name-field-question-comments {
  /* Indent question comments in comment drawer. */
  margin-left: 24px;
  /* Spacing between the last child and section border is 40px.
     Adding 16px to the 24px from details__field-question-comments. */
}

.field--name-field-question-comments .plain-text-box {
  margin-bottom: 16px;
}

.field--name-field-question-comments > article {
  margin-top: 16px;
}

.field--name-field-question-comments > :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  /* If the form is the last child, then don't display the separator. */
}

.field--name-field-question-comments > :last-child .form-actions {
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: none;
}

.field--name-field-question-comments > article:last-of-type {
  padding-bottom: 0;
  margin-bottom: 12px;
  border-bottom: none;
}

.field--name-field-question-comments .comment-question-comment-form {
  margin-bottom: 0;
}

/* End: Questions and Answers specific theming. */
.chosen-container-multi .chosen-drop, .manage-subscription__dropdown {
  background-color: #fff;
  border: none;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
  padding-bottom: 24px;
  position: absolute;
  width: 100%;
}

.chosen-container-multi .chosen-drop .checkbox-container, .manage-subscription .checkbox-container {
  padding: 11px 0 11px 12px;
}

.chosen-container-multi .chosen-drop .checkbox-container .input-label, .manage-subscription .checkbox-container .input-label {
  margin-bottom: 0;
  line-height: 1.29;
  margin-right: 16px;
}

.chosen-container-multi .chosen-drop .checkbox-container:hover, .manage-subscription .checkbox-container:hover {
  background-color: #f0f1f2;
}

/**
 * Chosen module's CSS override for "multi select"
 *
 * @see build/html/libraries/chosen/chosen.css
 * @see build/html/modules/contrib/chosen/css/chosen-drupal.css
 */
.chosen-container-multi {
  display: block !important;
  /* stylelint-disable-line declaration-no-important */
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 400px;
}

.chosen-container-multi .wdc-chosen-select-link-container {
  display: -ms-flexbox;
  display: flex;
  padding: 11px 12px;
}

.chosen-container-multi .wdc-chosen-select-link-container a:not(:first-child) {
  border-left: 1px solid #005cb9;
  padding-left: 8px;
  margin-left: 8px;
}

.chosen-container-multi .wdc-chosen-select-all,
.chosen-container-multi .wdc-chosen-select-none {
  display: inline-block;
  font-size: 13px;
  line-height: 1.29;
  color: #005cb9;
}

.chosen-container-multi .chosen-choices {
  min-height: 40px;
  border: solid 1px #ced3d9;
  border-radius: 2px;
  box-shadow: none;
  color: #494949;
  cursor: text;
  padding: 8px 32px 0 8px;
  overflow: hidden;
  margin: 0;
  background: #fff url(../images/list.svg) no-repeat;
  background-position: right 12px center;
}

.chosen-container-multi .chosen-choices:hover {
  border-color: #a1aab3;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #dfe2e6;
  background-image: none;
  background-size: initial;
  background-repeat: initial;
  background-clip: initial;
  border: none;
  border-radius: 12.5px;
  box-shadow: none;
  min-height: 24px;
  padding: 8px 32px 8px 8px;
  margin: 0 8px 7px 0;
  word-wrap: break-word;
  font-size: 13px;
  letter-spacing: .46px;
  color: #494949;
  font-weight: 400;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  /* stylelint-disable-line selector-max-specificity */
  width: 16px;
  height: 16px;
  background: url("../images/close-light.svg") no-repeat;
  background-size: 16px;
  right: 8px;
  top: 6px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  /* stylelint-disable-line selector-max-specificity */
  background-position: 0;
  background-size: 16px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  /* stylelint-disable-line selector-max-specificity */
  color: #7b858f;
  font-size: 14px;
  height: auto;
  margin: 2px 0;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 21px;
  letter-spacing: 0.5px;
}

.chosen-container-multi .chosen-choices:hover {
  background: #fff url(../images/list-active.svg) no-repeat;
  background-position: right center;
  background-position: right 12px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    /* stylelint-disable-line selector-max-specificity */
    background-image: url("../images/close-light.svg") !important;
    /* stylelint-disable-line declaration-no-important */
    background-size: 16px !important;
    /* stylelint-disable-line declaration-no-important */
  }
}

.chosen-container-multi .chosen-drop {
  left: -9999px;
  z-index: 50;
  padding-bottom: 0;
}

.chosen-container-multi .chosen-drop ul.chosen-results {
  list-style: none;
}

.chosen-container-multi .chosen-drop ul.chosen-results li {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  word-wrap: break-word;
}

.chosen-container-multi .chosen-drop ul.chosen-results li.highlighted {
  /* stylelint-disable-line selector-max-specificity */
  background-image: none;
  background-color: transparent;
  color: inherit;
}

.chosen-container-multi .chosen-drop .checkbox-container {
  -ms-grid-columns: auto 12px 1fr;
      grid-template-columns: auto 12px 1fr;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container.error .chosen-choices {
  border: 1px solid #de2e21;
}

.chosen-container.error .chosen-choices:hover {
  /* stylelint-disable-line selector-max-specificity */
  border: 1px solid #de2e21;
}

.chosen-results .input-checkbox__input:checked + label, .chosen-results .input-checkbox__input:checked + span {
  background: #005cb9 url(../images/sprite.svg) no-repeat -8px -497px;
  border-color: #005cb9;
}

.chosen-results .input-checkbox__checkbox {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: solid 1px #c9d4d9;
}

.manage-subscription {
  font-size: 14px;
  position: relative;
}

.manage-subscription__dropdown {
  display: none;
  position: relative;
}

.manage-subscription__subscribe {
  height: 40px;
  border: solid 1px #ced3d9;
  border-radius: 2px;
  margin-top: 16px;
  color: #494949;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 9px 0px 9px 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.manage-subscription__subscribe:after {
  content: "";
  border-top: 6px solid #7b858f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 17px;
}

.manage-subscription__subscribe--subscribed {
  padding-left: 48px;
}

.manage-subscription__subscribe--subscribed:before {
  background: #43c463 url("../images/sprite.svg") no-repeat -4px -493px;
  border-radius: 50px;
  content: "";
  display: inline-block;
  height: 24px;
  left: 16px;
  position: absolute;
  width: 24px;
  bottom: 7px;
}

.manage-subscription .button__primary {
  margin-top: 16px;
  margin-left: 16px;
}

/* User Login Form*/
.user-login-form .input-password {
  margin-bottom: 24px;
}

/* Forgot Password Form */
.user-pass .input-email {
  margin-bottom: 24px;
}

/* Reset Password Form*/
.wdc-login-user-pass-reset .form-item-pass-pass2 {
  margin-bottom: 24px;
}

.user-pass__suggestions {
  margin-left: 0;
  margin-bottom: 16px;
  margin-top: 8px;
}

.user-pass__suggestions li {
  list-style: none;
  font-size: 13px;
  margin-bottom: 8px;
}

.user-pass__suggestions li:before {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 15px;
  left: 0;
  margin-right: 8px;
  content: '';
  background: url("../images/check-grey.svg") no-repeat center center;
  background-size: 16px 15px;
}

.user-pass__suggestions .checked:before {
  background-image: url("../images/check-green.svg");
}

/* Request Account Page */
.account-request-page-wrapper .layout__container--login {
  padding-top: 56px;
}

.account-request-page-wrapper .account-request-form__form-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.account-request-page-wrapper .account-request-form__input-submit {
  width: 100%;
  margin: 8px 0 24px 0;
}

.account-request-page-wrapper .account-request-form .input-label {
  font-weight: 500;
}

.account-request-page-wrapper .account-request-form .form-select__select {
  color: #787878;
  width: 100%;
}

.account-request-page-wrapper .account-request-form .form-date {
  border: 1px solid #ced3d9;
  border-radius: 2px;
  color: #494949;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  height: 32px;
  max-width: 100%;
  padding: 4px 12px;
  outline: none;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  color: #7b858f;
  width: 100%;
}

.account-request-page-wrapper .account-request-form .form-date:hover {
  border: 1px solid #a1aab3;
}

.account-request-page-wrapper .account-request-form .form-date:focus {
  border: 1px solid #005cb9;
}

.account-request-page-wrapper .account-request-form .form-date--error {
  border: 1px solid #de2e21;
}

.account-request-page-wrapper .account-request-form .form-date--error:hover {
  border: 1px solid #de2e21;
}

.account-request-page-wrapper .account-request-form .form-date.error {
  border: 1px solid #de2e21;
  margin-bottom: 4px;
}

.account-request-page-wrapper .account-request-form .form-date.error:hover {
  border: 1px solid #de2e21;
}

.account-request-page-wrapper .account-request-form .form-date.error + label.error {
  color: #de2e21;
  font-size: 13px;
  line-height: 1.31;
}

.account-request-page-wrapper .account-request-form .form-item-bypass-approval-workflow,
.account-request-page-wrapper .account-request-form .field--name-reason {
  margin-bottom: 16px;
}

.account-request-page-wrapper .account-request-form .field--name-scheduled-creation {
  font-size: 14px;
  margin-bottom: 16px;
}

.add-more-container {
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 16px;
  margin-bottom: 24px;
  /* Fallback border.  Looks different on every browser.  Yuck. */
  border: 1.5px dashed #ced3d9;
  /* Cross-browser dashed border via border image.  Yay. */
  border-image-source: url("../images/dashed-border.png");
  border-image-slice: 1;
  border-image-repeat: round;
}

.add-more-container .form-select {
  margin-bottom: 0;
}

.add-more-container .field-add-more-submit {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 12px 33px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
  margin-left: 24px;
}

.add-more-container .field-add-more-submit:link {
  color: #333d47;
  text-decoration: none;
}

.add-more-container .field-add-more-submit:visited {
  color: #494949;
  text-decoration: none;
}

.add-more-container .field-add-more-submit:hover, .add-more-container .field-add-more-submit:focus, .add-more-container .field-add-more-submit:active {
  color: #494949;
  text-decoration: none;
}

.add-more-container .field-add-more-submit:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.add-more-container .field-add-more-submit:focus {
  padding: 12px 33px;
}

.add-more-container .field-add-more-submit.disabled, .add-more-container .field-add-more-submit:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.add-more-container .field-add-more-submit:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 12px 33px;
}

.add-more-container .ajax-progress {
  display: none;
}

.entity-moderation-form {
  border: 1px dashed #ced3d9;
  margin-bottom: 32px;
  margin-top: 0;
  background: #fff;
  padding: 16px;
}

.entity-moderation-form .form-item {
  margin: 0;
}

.entity-moderation-form .form-item .input-label {
  padding-bottom: 0;
  display: block;
}

.entity-moderation-form .entity-moderation-form-ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-left: 0;
  margin: 0;
}

.entity-moderation-form .entity-moderation-form-ul li {
  margin-right: 32px;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
}

.entity-moderation-form .entity-moderation-form-ul li:last-child {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 0;
}

.entity-moderation-form .entity-moderation-form-ul input[type=submit] {
  margin-bottom: 8px;
}

.entity-moderation-form .checkbox-container {
  width: 100%;
}

.user-login-messages.messages {
  border: 0;
}

.user-login-messages .title__p {
  margin-bottom: 0;
}

.menu__book-tree {
  /* Due to hierarchy, make sure only first descendant gets this styling. */
}

.menu__book-tree .active > a {
  color: #494949;
  font-weight: 700;
}

.menu__book-tree .active > a:visited {
  color: #494949;
}

.menu__book-tree .menu-item {
  /* Shift left to account for triangle width in the :before styles.  Triangle
       width is determined by the direction the triangle faces. */
}

.menu__book-tree .menu-item--collapsed {
  margin-left: -6px;
}

.menu__book-tree .menu-item--expanded {
  margin-left: -8px;
}

.menu__book-tree .unordered-list {
  list-style: none;
}

.menu__book-tree .list-item-child--collapsed:before {
  width: 0;
  height: 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  content: '';
  left: -8px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #7b858f;
  top: 4px;
}

.menu__book-tree .list-item-child--expanded:before {
  width: 0;
  height: 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  content: '';
  left: -8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #7b858f;
  top: 6px;
}

.menu__footer {
  background-color: transparent;
  font-size: 13px;
  list-style-type: none;
  text-align: center;
}

.menu__footer a {
  color: #ced3d9;
}

.menu__footer a:hover {
  color: #fff;
}

.menu__footer .unordered-list {
  margin: 0;
  padding: 0;
}

.menu__footer .menu-item {
  display: inline-block;
  margin: 0 16px 16px;
  line-height: 1;
}

.menu__footer .unordered-list__list-item-child {
  display: inherit;
  margin-bottom: inherit;
}

@media (min-width: 577px) {
  .menu__footer .menu-item {
    margin: 0;
    padding: 2px 16px 3px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
  }
  .menu__footer .menu-item:last-child {
    border-right: none;
    padding-right: 0;
  }
}

.site-footer--login .menu__footer a {
  color: #7b858f;
}

@media (min-width: 577px) {
  .site-footer--login .menu__footer a {
    color: #7b858f;
  }
}

.menu--social .title__h6--regular {
  margin-bottom: 16px;
  color: #fff;
  text-transform: uppercase;
}

.menu__social {
  background-color: transparent;
  font-size: 13px;
  list-style-type: none;
  text-align: center;
}

.menu__social .unordered-list {
  margin: 0;
  padding: 0;
}

.menu__social .menu-item {
  display: inline-block;
  margin: 0 0 0 12px;
}

.menu__social .menu-item:first-child {
  margin: 0;
}

.menu__social .unordered-list__list-item-child {
  display: inherit;
  margin-bottom: inherit;
}

.menu__social a {
  text-indent: -9999px;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
  transition: .25s;
  position: relative;
}

.menu__social a:before {
  height: 36px;
  width: 36px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.social_link--twitter:before {
  background: url("../images/social/twitter.svg") no-repeat center center;
}

.social_link--twitter:hover {
  background: #1da1f2;
}

.social_link--linkedin:before {
  background: url("../images/social/linkedin.svg") no-repeat center center;
}

.social_link--linkedin:hover {
  background: #0077b5;
}

.social_link--facebook:before {
  background: url("../images/social/facebook.svg") no-repeat center center;
}

.social_link--facebook:hover {
  background: #3b5998;
}

.social_link--youtube:before {
  background: url("../images/social/youtube.svg") no-repeat center center;
}

.social_link--youtube:hover {
  background: #ff0000;
}

.social_link--instagram:before {
  background: url("../images/social/instagram.svg") no-repeat center center;
}

.social_link--instagram:hover {
  background: #e0114e;
}

.menu__login-links,
.menu__back-to-login,
.menu__back-to-home-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.menu__login-links .unordered-list,
.menu__back-to-login .unordered-list,
.menu__back-to-home-page .unordered-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu__login-links .unordered-list__list-item-child,
.menu__back-to-login .unordered-list__list-item-child,
.menu__back-to-home-page .unordered-list__list-item-child {
  margin-bottom: 24px;
  line-height: 1.5;
}

.menu__login-links .unordered-list__list-item-child:link,
.menu__back-to-login .unordered-list__list-item-child:link,
.menu__back-to-home-page .unordered-list__list-item-child:link {
  color: #0875e1;
  text-decoration: none;
}

.menu__login-links .unordered-list__list-item-child:visited,
.menu__back-to-login .unordered-list__list-item-child:visited,
.menu__back-to-home-page .unordered-list__list-item-child:visited {
  color: #0875e1;
  text-decoration: none;
}

.menu__login-links .unordered-list__list-item-child:hover, .menu__login-links .unordered-list__list-item-child:focus, .menu__login-links .unordered-list__list-item-child:active,
.menu__back-to-login .unordered-list__list-item-child:hover,
.menu__back-to-login .unordered-list__list-item-child:focus,
.menu__back-to-login .unordered-list__list-item-child:active,
.menu__back-to-home-page .unordered-list__list-item-child:hover,
.menu__back-to-home-page .unordered-list__list-item-child:focus,
.menu__back-to-home-page .unordered-list__list-item-child:active {
  color: #0875e1;
  text-decoration: none;
}

@media screen and (min-width: 577px) {
  .menu__login-links .unordered-list__list-item-child:link,
  .menu__back-to-login .unordered-list__list-item-child:link,
  .menu__back-to-home-page .unordered-list__list-item-child:link {
    color: #0875e1;
    text-decoration: none;
  }
  .menu__login-links .unordered-list__list-item-child:visited,
  .menu__back-to-login .unordered-list__list-item-child:visited,
  .menu__back-to-home-page .unordered-list__list-item-child:visited {
    color: #0875e1;
    text-decoration: none;
  }
  .menu__login-links .unordered-list__list-item-child:hover, .menu__login-links .unordered-list__list-item-child:focus, .menu__login-links .unordered-list__list-item-child:active,
  .menu__back-to-login .unordered-list__list-item-child:hover,
  .menu__back-to-login .unordered-list__list-item-child:focus,
  .menu__back-to-login .unordered-list__list-item-child:active,
  .menu__back-to-home-page .unordered-list__list-item-child:hover,
  .menu__back-to-home-page .unordered-list__list-item-child:focus,
  .menu__back-to-home-page .unordered-list__list-item-child:active {
    color: #0875e1;
    text-decoration: none;
  }
}

.main-megamenu-demo-wrapper {
  position: relative;
}

.main-megamenu {
  margin-left: 24px;
  margin-right: 32px;
  -ms-flex-order: 2;
      order: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 350px;
  max-width: 550px;
  /* Main menu override: to get the menu flyout to open correctly for the last
     menu, it needs to be offset by 24px to the right.  This is because main
     menu items are required to have flexible distance between menu items, but
     since margins are not intrinsically flexible, they are removed and a flex
     rule is employed to give the effect of flexible margins.  The original 24px
     margins is what caused the flyouts to have the proper offset.  This rule
     corrects the offset for those now absent margins. */
  position: static;
}

.main-megamenu .content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.main-megamenu li.sf-depth-1:last-of-type {
  /* stylelint-disable-next-line selector-max-specificity */
}

.main-megamenu li.sf-depth-1:last-of-type .sf-menu__list {
  margin-right: -24px;
}

.main-megamenu__menu-heading {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.43;
  margin-top: 0;
  margin-bottom: 40px;
  background-position: left;
  background-repeat: no-repeat;
  min-height: 40px;
  padding-left: 64px;
}

.main-megamenu__subheading {
  color: #ffa126;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.85;
  text-transform: uppercase;
}

.main-megamenu .wdc-megamenu-menu__link-description {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
}

.wdc-megamenu-multicolumn--basics .main-megamenu__menu-heading {
  background-image: url("../images/megamenu/mmenu_icon_basics.svg");
}

.wdc-megamenu-multicolumn--release .main-megamenu__menu-heading {
  background-image: url("../images/megamenu/mmenu_icon_releases.svg");
}

.wdc-megamenu-multicolumn--products .main-megamenu__menu-heading {
  background-image: url("../images/megamenu/mmenu_icon_prod.svg");
}

.wdc-megamenu-multicolumn--collaborate .main-megamenu__menu-heading {
  background-image: url("../images/megamenu/mmenu_icon_collab.svg");
}

.wdc-megamenu-multicolumn--services .main-megamenu__menu-heading {
  background-image: url("../images/megamenu/mmenu_icon_service.svg");
}

.main-navigation {
  margin-left: 24px;
  margin-right: 32px;
  -ms-flex-order: 2;
      order: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 350px;
  max-width: 550px;
  /* Main menu override: to get the menu flyout to open correctly for the last
     menu, it needs to be offset by 24px to the right.  This is because main
     menu items are required to have flexible distance between menu items, but
     since margins are not intrinsically flexible, they are removed and a flex
     rule is employed to give the effect of flexible margins.  The original 24px
     margins is what caused the flyouts to have the proper offset.  This rule
     corrects the offset for those now absent margins. */
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.main-navigation .content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.main-navigation li.sf-depth-1:last-of-type {
  /* stylelint-disable-next-line selector-max-specificity */
}

.main-navigation li.sf-depth-1:last-of-type .sf-menu__list {
  margin-right: -24px;
}

.main-navigation .sf-menu a, .main-navigation .sf-menu span {
  display: block;
  position: relative;
  color: #494949;
  padding-left: 24px;
}

.main-navigation .sf-menu__list-item {
  /* stylelint-disable-next-line selector-max-specificity */
  /* stylelint-disable-next-line selector-max-specificity */
}

.main-navigation .sf-menu__list-item:hover > .sf-menu__list {
  display: block;
}

.main-navigation .sf-menu__list-item.sf-depth-2 a {
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  margin-top: 0;
}

.main-navigation .sf-menu__list-item.sf-depth-2:last-child a {
  margin-bottom: 24px;
}

.main-navigation .sf-menu a:hover {
  background: none;
  color: #005cb9;
  text-decoration: none;
}

.main-navigation .sf-menu a:focus {
  background: #fff;
}

.tabs__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 304px 1fr;
      grid-template-columns: 304px 1fr;
}

.tabs__wrapper a {
  color: #494949;
}

.tabs__wrapper a:focus {
  outline: none;
}

.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu .main-megamenu__menu-heading {
  margin-bottom: 40px;
  padding-left: 64px;
}

.sf-menu .sf-hidden {
  background: transparent;
  border: 0 none;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

.sf-menu__list-item {
  position: relative;
  background: #fff;
  cursor: pointer;
}

.sf-menu__list {
  position: absolute;
  display: none;
  top: 100%;
  left: -24px;
  z-index: 50;
  width: 248px;
  padding-top: 16px;
  background: #fff;
}

.sf-menu > .sf-menu__list-item {
  cursor: default;
  display: -ms-flexbox;
  display: flex;
}

.sf-menu__list .sf-menu__list {
  top: 0;
  left: 100%;
}

.sf-menu .sf-menu__list {
  border-top: solid 1px #f0f1f2;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.18);
}

.sf-menu li.sf-depth-1:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 16px;
  height: 80px;
  left: -16px;
}

.sf-menu li.sf-depth-1:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 16px;
  height: 80px;
  right: -16px;
}

.sf-menu > .sf-menu__list-item > a:hover,
.sf-menu > .sf-menu__list-item > span:hover,
.sf-menu > .sf-menu__list-item:hover > span,
.sf-menu > .sf-menu__list-item:hover > a {
  border-bottom: solid 4px #005cb9;
}

.sf-menu > .sf-menu__list-item > span,
.sf-menu > .sf-menu__list-item > a {
  border-bottom: solid 4px transparent;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.31;
  margin-top: 0;
  padding: 32px 0 23px 0;
  white-space: nowrap;
}

.user-account-menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-order: 3;
      order: 3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable selector-max-specificity */
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable selector-max-specificity */
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable selector-max-specificity */
}

.user-account-menu--pl {
  position: absolute;
  right: 0;
}

.user-account-menu--with-hover__list-item:hover > .sf-menu__list {
  display: block;
}

.user-account-menu .content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user-account-menu .account-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.user-account-menu .account-menu__list {
  border-top: solid 1px #f0f1f2;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.18);
  position: absolute;
  display: none;
  top: 100%;
  left: -24px;
  z-index: 50;
  width: 248px;
  padding-top: 16px;
  background: #fff;
}

.user-account-menu .account-menu__menu-item {
  position: relative;
  background: #fff;
  cursor: pointer;
}

.user-account-menu .account-menu a, .user-account-menu .account-menu span, .user-account-menu .sf-menu a, .user-account-menu .sf-menu span {
  display: block;
  position: relative;
  color: #494949;
  padding-left: 24px;
}

.user-account-menu .account-menu__menu-item.menu-depth-2 a,
.user-account-menu .account-menu__list-item.sf-depth-2 a, .user-account-menu .sf-menu__menu-item.menu-depth-2 a,
.user-account-menu .sf-menu__list-item.sf-depth-2 a {
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  margin-top: 0;
}

.user-account-menu .account-menu a, .user-account-menu .sf-menu a {
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable selector-max-specificity */
}

.user-account-menu .account-menu a:hover, .user-account-menu .sf-menu a:hover {
  background: none;
  color: #005cb9;
  text-decoration: none;
}

.user-account-menu .account-menu a:focus, .user-account-menu .sf-menu a:focus {
  background: #fff;
}

.user-account-menu .account-menu a__menu-item.menu-depth-2:last-child, .user-account-menu .account-menu a__list-item.sf-depth-2:last-child, .user-account-menu .sf-menu a__menu-item.menu-depth-2:last-child, .user-account-menu .sf-menu a__list-item.sf-depth-2:last-child {
  margin-bottom: 24px;
}

.user-account-menu .account-menu__menu-item > .account-menu__list,
.user-account-menu .account-menu__list-item > .sf-menu__list, .user-account-menu .sf-menu__menu-item > .account-menu__list,
.user-account-menu .sf-menu__list-item > .sf-menu__list {
  left: auto;
  right: 0px;
}

.user-account-menu .account-menu__list .account-menu__menu-item:first-child,
.user-account-menu .sf-menu__list .sf-menu__list-item:first-child {
  cursor: default;
}

.user-account-menu__username {
  font-size: 16px;
  font-weight: 500;
  padding-left: 20px;
}

.user-account-menu .account-menu > .account-menu__menu-item,
.user-account-menu .sf-menu > .sf-menu__list-item {
  cursor: default;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.user-account-menu .account-menu > .account-menu__menu-item:after,
.user-account-menu .sf-menu > .sf-menu__list-item:after {
  width: 0;
  height: 0;
}

.user-account-menu .account-menu__menu-item:nth-child(3),
.user-account-menu .sf-menu__list-item:nth-child(3) {
  padding-top: 8px;
}

.user-account-menu .user-profile__picture-only {
  border-bottom: solid 4px transparent;
  margin-right: 32px;
  padding: 22px 0;
  display: initial;
  -ms-flex-align: initial;
      align-items: initial;
  -ms-flex-pack: initial;
      justify-content: initial;
}

.user-account-menu .user-profile__user-badge {
  float: initial;
}

.user-account-menu .account-menu__menu-item ~ .account-menu__menu-item:last-child,
.user-account-menu .sf-menu__list-item ~ .sf-menu__list-item:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.user-account-menu .account-menu__menu-item > .user-profile__picture-only:hover,
.user-account-menu .account-menu__menu-item:hover > .user-profile__picture-only,
.user-account-menu .sf-menu__list-item > .user-profile__picture-only:hover,
.user-account-menu .sf-menu__list-item:hover > .user-profile__picture-only {
  border-bottom: solid 4px #005cb9;
}

.user-account-menu .account-menu__menu-item > a[href*="user?int=main-profile"],
.user-account-menu .sf-menu__list-item > a[href*="user?int=main-profile"] {
  border-bottom: solid 1px #ced3d9;
  padding-top: 0;
  padding-bottom: 16px;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"],
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"] {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 14px;
  padding: 11px 32px;
  border: solid 2px #0875e1;
  background-color: #0875e1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-top: 16px;
  margin-bottom: 32px;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:link,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:link {
  color: #fff;
  text-decoration: none;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:visited,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:visited {
  color: #fff;
  text-decoration: none;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:hover, .user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:focus, .user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:active,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:hover,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:focus,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:active {
  color: #fff;
  text-decoration: none;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:hover,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"].disabled, .user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:focus,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"].disabled,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:focus {
  border: solid 2px #005cb9;
  padding: 11px 32px;
  background-color: #0875e1;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:disabled,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:disabled {
  background-color: #a6d2ff;
  border-color: #a6d2ff;
  color: #fff;
  pointer-events: none;
}

.user-account-menu .account-menu__menu-item:last-child a[href*="user/logout"]:active,
.user-account-menu .sf-menu__list-item:last-child a[href*="user/logout"]:active {
  background-color: #004387;
  border-color: #004387;
  padding: 11px 32px;
}

.wdc-megamenu-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wdc-megamenu-menu__menu-item {
  cursor: default;
  position: static;
}

.wdc-megamenu-menu__menu-item:hover > span.wdc-megamenu-depth-1,
.wdc-megamenu-menu__menu-item:hover > a.wdc-megamenu-depth-1 {
  border-bottom: solid 4px #005cb9;
}

.wdc-megamenu-menu__menu-item > span.wdc-megamenu-depth-1,
.wdc-megamenu-menu__menu-item > a.wdc-megamenu-depth-1 {
  border-bottom: solid 4px transparent;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.31;
  margin-top: 0;
  padding: 32px 0 23px 0;
  white-space: nowrap;
}

.wdc-megamenu-menu__menu-item > span.wdc-megamenu-depth-1:hover,
.wdc-megamenu-menu__menu-item > a.wdc-megamenu-depth-1:hover {
  border-bottom: solid 4px #005cb9;
}

.wdc-megamenu-menu__menu-item--subheading {
  margin: 0;
}

.wdc-megamenu-menu > .wdc-megamenu-menu__menu-item {
  display: -ms-flexbox;
  display: flex;
}

.wdc-megamenu-menu__separator {
  content: ' ';
  position: absolute;
  height: 100%;
  background: #ced3d9;
  width: 1px;
  top: 0;
}

.wdc-megamenu-menu__close-dd {
  color: #7b858f;
  background-image: url("../images/megamenu/close_icon.svg");
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 17px;
  position: absolute;
  right: 40px;
  top: 40px;
  width: 17px;
}

.wdc-megamenu-menu a.wdc-megamenu-external::after {
  background-image: url("../images/megamenu/newpage_icon.svg");
  background-position: center right;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 12px;
  margin: -2px 0 0 8px;
  vertical-align: middle;
  width: 12px;
}

.wdc-megamenu-multicolumn {
  background: #fff;
  border-top: solid 1px #f0f1f2;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.18);
  display: none;
  left: 0;
  padding: 40px 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 50;
}

.wdc-megamenu-multicolumn__panel {
  margin: auto;
  max-width: 1200px;
  padding: 0 24px;
  position: relative;
}

.wdc-megamenu-multicolumn-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.wdc-megamenu-multicolumn-column {
  -ms-flex: 25%;
      flex: 25%;
  margin-right: 28px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 0;
  margin-bottom: 12px;
}

.wdc-megamenu-multicolumn-column:last-child {
  margin-bottom: 0;
  margin-right: 0;
  min-height: 215px;
  min-width: 280px;
}

.wdc-megamenu-multicolumn-column .wdc-megamenu-menu__menu-item {
  margin-bottom: 40px;
}

.wdc-megamenu-multicolumn-column .wdc-megamenu-menu__menu-item:last-child {
  margin-bottom: 0;
}

.wdc-megamenu-multicolumn-column a {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 0;
  margin-bottom: 12px;
}

.wdc-megamenu-multicolumn-column a:hover, .wdc-megamenu-multicolumn-column a:active {
  color: #005cb9;
  text-decoration: none;
}

.wdc-megamenu-multicolumn .button {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 0;
  margin-bottom: 12px;
  margin-right: 0;
}

.ask-related-question-wrapper {
  margin-bottom: 40px;
}

.site-footer__green-powered {
  color: #fff;
  font-weight: 300;
}

.site-footer__incorporated {
  color: #fff;
  font-weight: 300;
}

.site-footer .icon--leaf {
  margin-right: 4px;
  font-size: 13px;
}

.site-footer__links {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}

.site-footer__links a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  line-height: 1.75;
}

.site-footer__links a:hover {
  text-decoration: none;
}

.site-footer__icons {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 1.5;
}

.site-footer__icons a {
  color: #fff;
}

.site-footer__icons a:hover, .site-footer__icons a:focus {
  text-decoration: none;
}

.site-footer__icons a:nth-child(n + 2) {
  margin-left: 4px;
}

@media (min-width: 1025px) {
  .site-footer__icons {
    margin-bottom: 0;
  }
}

.site-footer__links-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.site-footer__links-container:after {
  content: "|";
  margin-left: 8px;
  margin-right: 4px;
}

.site-footer__links-container:last-child:after {
  content: "";
  margin: 0;
}

.wdc-homepage-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0;
}

.wdc-homepage-card__content {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.wdc-homepage-card__image {
  background-position: center;
  background-repeat: no-repeat;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.wdc-homepage-card--services-basecamp .wdc-homepage-card__image {
  background-image: url("../images/hp-card-services-basecamp.svg");
  background-size: auto;
}

.wdc-homepage-card--services-basecamp .wdc-homepage-card__image {
  background-position-y: 24px;
}

.wdc-homepage-card--collaborate .wdc-homepage-card__image {
  background-image: url("../images/hp-card-collaborate.svg");
  background-size: auto;
}

.wdc-homepage-card--learn .wdc-homepage-card__image {
  background-image: url("../images/hp-card-learn.svg");
  background-size: auto;
}

.wdc-homepage-card--upcoming-events .wdc-homepage-card__image {
  background-image: url("../images/hp-card-upcoming-events.svg");
  background-size: auto;
}

.wdc-homepage-card--upcoming-events .wdc-homepage-card__image {
  background-position-x: 0;
  background-position-y: 32px;
}

.wdc-homepage-card--production-status .wdc-homepage-card__image {
  background-image: url("../images/hp-card-production-status.svg");
  background-size: auto;
}

.wdc-homepage-card--production-status .wdc-homepage-card__image {
  background-position-x: 0;
  background-position-y: 32px;
}

.wdc-homepage-card ul {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 0;
  list-style-type: none;
  margin: 0;
}

.wdc-homepage-card li a {
  margin-bottom: 16px;
}

.wdc-homepage-card li:last-child a {
  margin-bottom: 0;
}

.wdc-homepage-card p {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
}

.wdc-homepage-card--large {
  min-height: 344px;
  max-width: 916px;
}

.wdc-homepage-card--large.wdc-homepage-card:first-child {
  padding-right: 0;
}

.wdc-homepage-card--large .wdc-homepage-card__image {
  min-height: 209px;
  max-height: 344px;
  min-width: 280px;
  max-width: 460px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdc-homepage-card--large .wdc-homepage-card__image-link {
  min-height: 209px;
  max-height: 344px;
  min-width: 280px;
  max-width: 460px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdc-homepage-card--large .wdc-homepage-card__content {
  margin-left: 24px;
  margin-right: 64px;
  margin-top: 88px;
  max-width: 368px;
}

.wdc-homepage-card--large .wdc-homepage-card__content p:last-of-type {
  font-size: 18px;
  margin-bottom: 24px;
}

.wdc-homepage-card--large .wdc-homepage-card__content .button {
  font-weight: 400;
}

.wdc-homepage-card--medium {
  max-width: 624px;
  min-width: 512px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.wdc-homepage-card--medium .wdc-homepage-card__content {
  min-height: 192px;
  width: 240px;
}

.wdc-homepage-card--medium .wdc-homepage-card__image {
  min-width: 200px;
  min-height: 112px;
  max-width: 344px;
  max-height: 192px;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdc-homepage-card--medium .wdc-homepage-card__image-link {
  min-width: 200px;
  min-height: 112px;
  max-width: 344px;
  max-height: 192px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdc-homepage-card--small {
  min-width: 512px;
  max-width: 624px;
}

.wdc-homepage-card--small .wdc-homepage-card__image {
  min-width: 180px;
  min-height: 105px;
  max-width: 240px;
  max-height: 140px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdc-homepage-card--small .wdc-homepage-card__image-link {
  min-width: 180px;
  min-height: 105px;
  max-width: 240px;
  max-height: 140px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
}

.wdc-homepage-card--small .wdc-homepage-card__content {
  padding-top: 32px;
  padding-bottom: 40px;
  max-width: 320px;
  min-height: 105px;
  margin-right: 24px;
}

.wdc-homepage-card--small .title__h3 {
  margin-bottom: 8px;
  line-height: 1.3;
}

.workbench-block__tags .simple-field {
  margin-bottom: 24px;
}

.workbench-block__buttons {
  display: -ms-flexbox;
  display: flex;
}

.workbench-block__buttons-priority {
  margin-left: 16px;
}

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(../images/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}

.hide-apply-button-views-exposed-form div[data-drupal-selector=edit-actions] {
  /**
   * This is needed instead of `display: none`. Otherwise, IE11 will not submit
   * forms with more than one input using the enter key.
   */
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.form-wrapper__node-form .input-textfield {
  margin-bottom: 24px;
}

.form-wrapper__node-form .input-textfield__input {
  width: 336px;
}

.form-wrapper__node-form .form-select__select {
  width: 336px !important;
  /* stylelint-disable-line declaration-no-important */
}

.form-wrapper__node-form .form-select-list {
  width: 336px;
}

.form-wrapper__node-form .chosen-container-multi {
  min-width: 336px;
  width: 336px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container {
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #333d47;
  border-radius: 24px;
  line-height: 1;
  margin-right: 12px;
  font-size: 13px;
  padding: 4px 25px 5px 25px;
  border: solid 2px #0875e1;
  background-color: #e8ebed;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:link {
  color: #333d47;
  text-decoration: none;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:visited {
  color: #494949;
  text-decoration: none;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:hover, .form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:focus, .form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:active {
  color: #494949;
  text-decoration: none;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:hover {
  background-color: #005cb9;
  border: solid 2px #005cb9;
  color: #fff;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:focus {
  padding: 4px 25px 5px 25px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container.disabled, .form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:disabled {
  background-color: #f0f1f2;
  border: solid 2px #ced3d9;
  color: #a1aab3;
  pointer-events: none;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-upload-button-container:active {
  background-color: #004387;
  border: solid 2px #004387;
  color: #fff;
  padding: 4px 25px 5px 25px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .form-managed-file--has-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  background-color: #dfe2e6;
  padding: 4px 16px;
  margin-right: 16px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .form-managed-file .button {
  border: none;
  border-radius: 0;
  line-height: normal;
  background: url("../images/close-x.svg") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  padding: 0 0 0 16px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .form-managed-file .button[disabled] {
  display: none;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-attachment {
  display: inline-block;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .file-attachment__link {
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: none;
  margin: 0 4px 0 0;
  padding: 0;
  max-width: 268px;
}

.form-wrapper__node-form .field--widget-wdc-icon-with-links-widget .ajax-progress {
  position: relative;
  right: 0;
  padding: 0;
}

.form-wrapper__node-form .field--name-skip-notifications {
  margin-bottom: 24px;
}

.form-wrapper__node-form .form-actions a.button {
  margin-right: 4px;
}

/* Ported and modified from node-preview.css in Phoenix theme. */
.node-preview-container {
  background: #d7eafc;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 40px;
}

.node-preview-page .form-select-list__menu {
  z-index: 90;
}

.node-preview-form-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.node-preview-form-select .form-select {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
}

.node-preview-form-select .form-select .input-label {
  display: block;
}

.node-preview-form-select .form-select .input-label:after {
  content: ':';
}

.node-preview-form-select .form-select__select {
  width: auto;
  margin-bottom: 0;
}

.node-preview-form-select .button__primary {
  display: block;
  visibility: hidden;
}

.node-preview-form-select .chosen-container-single.form-select__select {
  height: auto;
  padding: 0;
  border: none;
}

.node-preview-form-select .node-preview-backlink {
  background-color: #0875e1;
  border: 1px solid #005cb9;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #fff;
  padding: 4px 12px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin-left: 16px;
}

.node-preview-form-select .node-preview-backlink:visited {
  color: #fff;
}

.node-preview-form-select .node-preview-backlink:focus, .node-preview-form-select .node-preview-backlink:hover {
  background-color: #005cb9;
  text-decoration: none;
  color: #fff;
}

.node-preview-form-select .node-preview-backlink:active {
  background-color: #005cb9;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.menu-sections__wrapper a:link {
  color: #494949;
  text-decoration: none;
}

.menu-sections__wrapper a:visited {
  color: #494949;
  text-decoration: none;
}

.menu-sections__wrapper a:hover, .menu-sections__wrapper a:focus, .menu-sections__wrapper a:active {
  color: #005cb9;
  text-decoration: none;
}

.menu-sections__wrapper .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-sections__section {
  margin-top: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ced3d9;
}

.menu-sections__section:last-child {
  border-bottom: none;
}

.menu-sections__column-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.menu-sections__column {
  width: 300px;
  margin-right: 32px;
  float: left;
}

.region--sidebar {
  /* Add a bottom border with margins below each block other than the last. */
}

.region--sidebar > *:not(:last-child)::after {
  content: "";
  display: block;
  margin-top: 32px;
  border-bottom: 1px solid #ced3d9;
  margin-bottom: 24px;
}

.node-details-block-wrapper .simple-field:last-child {
  margin-bottom: 16px;
}

.region--sidebar-sticky {
  border: 0 none;
  box-shadow: 0 1px 5px rgba(134, 149, 158, 0.3);
  padding: 0 0 73px 0;
  position: relative;
  min-height: 140px;
}

.region--sidebar-sticky > *:not(:last-child)::after {
  border: none;
  display: none;
  margin: 0;
}

.region--sidebar-sticky .block {
  margin: 0;
  padding: 16px;
}

.region--sidebar-sticky .block.views-exposed-form {
  padding: 0;
}

.region--sidebar-sticky .input-search {
  margin: 0;
}

.region--sidebar-sticky fieldset {
  margin-top: 16px;
}

.region--sidebar-sticky fieldset .fieldset-legend {
  display: block;
  font-weight: 700;
}

.region--sidebar-sticky fieldset .fieldset-wrapper {
  margin-top: 16px;
}

.region--sidebar-sticky .block--blockgroup {
  overflow: auto;
  padding: 0;
}

.region--sidebar-sticky .block-facets,
.region--sidebar-sticky .views-exposed-form form > * {
  border-bottom: 1px solid #ced3d9;
  margin: 24px 16px;
  padding: 0 0 24px 0;
}

.region--sidebar-sticky .block-facets:last-child,
.region--sidebar-sticky .views-exposed-form form > *:last-child {
  border-bottom: 0 none;
  padding: 0;
}

.region--sidebar-sticky .views-exposed-form form > .form-type-search {
  margin: 16px;
  padding: 0 0 16px 0;
}

.region--sidebar-sticky .filter-cta-box {
  border-top: 1px solid #ced3d9;
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0;
  box-shadow: none;
  margin: 0;
  position: absolute;
  width: 100%;
}

.group-about-pages .region--sidebar {
  margin-top: -110px;
}

.group-about-pages .region--sidebar > *:not(:last-child)::after {
  display: none;
}

.site-footer {
  background: #1f2623;
  letter-spacing: 0;
  color: #ced3d9;
  font-weight: 300;
  position: relative;
  z-index: 2;
}

.site-footer__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 40px 24px;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
}

.site-footer__first, .site-footer__second {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.site-footer--login {
  color: #7b858f;
  font-size: 13px;
  padding-bottom: 40px;
}

.site-footer--login .site-footer__second {
  border-top: none;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (min-width: 577px) {
  .site-footer__first {
    padding-bottom: 40px;
  }
  .site-footer__second {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 32px;
  }
  .site-footer--login {
    color: #7b858f;
  }
}

.site-header {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  min-width: 1025px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 80;
}

.site-header .form-submit {
  display: none;
}

.site-header .branding {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-order: 0;
      order: 0;
  padding: 17px 28px 26px 24px;
}

.site-header form {
  /* Min width spec is 200px, but padding shrinks it by 32px.  Compensate for
       the spacing lost to padding to achieve true min width of 200px. */
  -ms-flex: 1 0 232px;
      flex: 1 0 232px;
  -ms-flex-order: 1;
      order: 1;
}

.site-header .main-search-wrapper {
  position: relative;
  width: 100%;
}

.site-header .input-search {
  position: relative;
  border-left: 1px solid #ced3d9;
  margin: 0;
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.site-header .input-search__input {
  border: none;
  height: 48px;
  padding: 15px 24px 12px 48px;
}

.site-header .input-search__input:-ms-input-placeholder {
  color: #a1aab3;
}

.site-header .input-search__input::placeholder {
  color: #a1aab3;
}

.site-header .input-search__input:focus {
  border: none;
  background-color: #f0f1f2;
  outline: none;
}

.site-header div[data-drupal-selector=edit-actions] {
  position: absolute !important;
  /* stylelint-disable-line declaration-no-important */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.toolbar-fixed .site__header {
  top: 39px;
}

.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .site__header {
  /* stylelint-disable-line selector-max-specificity */
  top: 79px;
}

.page {
  display: block;
}

.country-config__flag-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.country-config__local-capabilities-wrapper {
  margin-bottom: 24px;
}

.country-config__pre-conf-values-wrapper {
  padding: 24px;
  background: #f0f1f2;
}

.layout__container--login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  padding: 48px 32px 0 32px;
}

.layout__container--login .layout__content {
  max-width: 368px;
  margin: 0 auto;
}

.layout__logo--login {
  background-image: url("../logo.svg");
  height: 48px;
  width: 192px;
  background-size: 192px 48px;
  margin: 0 auto 40px auto;
}

.content__container--login {
  margin-bottom: 40px;
}

@media screen and (min-width: 577px) {
  .layout__container--login {
    padding-top: 168px;
    background: rgba(0, 92, 185, 0.97);
    background: #fff;
    padding-top: 168px;
  }
  .layout__logo--login {
    background-image: url("../logo.svg");
    height: 50px;
    width: 309px;
    background-size: 309px 50px;
    background-repeat: no-repeat;
    margin: 0 auto 32px auto;
  }
  .content__container--login {
    background: #fff;
    border-radius: 4px;
    padding: 32px;
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 769px) {
  .user-login-pages {
    background-image: url("../images/login-bg.svg");
    background-size: 50%;
    background-position-x: right;
    background-position-y: 167px;
    background-color: #005cb9;
    background-repeat: no-repeat;
  }
  .layout__container--login {
    width: 50%;
  }
}

.card-item .views-field-metadata {
  margin-top: 8px;
}

.card-item .views-field-metadata .icon--file-attachment, .card-item .views-field-metadata .icon--video-attachment {
  background-repeat: no-repeat;
  background-size: 15px;
  width: 15px;
  height: 15px;
}

.card-item .views-field-metadata .icon--file-attachment {
  background-image: url(../images/pin-indicator.svg);
}

.card-item .views-field-metadata .icon--file-attachment::before {
  content: none;
}

.card-item .views-field-metadata .icon--video-attachment {
  background-image: url(../images/video-indicator.svg);
}

.card-item .views-field-metadata .icon--video-attachment::before {
  content: none;
}

.card-item .icon--bookmark-remove {
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/close-x.svg") no-repeat center center;
}

.card-item .icon--bookmark-remove:hover {
  background: url("../images/close-x-click.svg") no-repeat center center;
}

.view-flag-bookmark {
  margin-top: 8px;
}

.view-flag-bookmark .view-filters {
  display: none;
}

.view-flag-bookmark .bookmark-toggle {
  position: relative;
  float: right;
  margin-top: 30px;
}

.view-flag-bookmark .bookmark-toggle .bookmark-toggle__icon {
  margin-left: 16px;
}

.view-flag-bookmark .bookmark-toggle img {
  width: 21px;
  height: 16px;
}

.view-flag-bookmark .views-col {
  width: 32%;
}

.view-flag-bookmark .views-col.col-2 {
  margin-left: 24px;
  margin-right: 24px;
}

.view-flag-bookmark .form-item-sort-by {
  margin-bottom: 40px;
}

.view-flag-bookmark .views-field-link-flag {
  display: none;
  text-align: center;
  position: relative;
  clear: both;
}

.view-flag-bookmark.view-display-id-page_1 .card-item {
  min-height: 128px;
}

.view-flag-bookmark.view-display-id-page_2 .card-item__close {
  position: absolute;
  right: 24px;
  top: calc(50% - 9px);
}

.view-flag-bookmark.view-display-id-page_2 .icon--bookmark-remove {
  width: 18px;
  height: 18px;
}

.view-flag-bookmark.view-display-id-page_2 .card-item__cancel {
  margin-top: 16px;
}

.view-flag-bookmark .bookmarks-view .bookmark-icon {
  display: none;
}

.view-flag-bookmark .bookmarks-view .bookmark-icon-tooltip::after {
  content: ' Bookmark';
}

.eb-tabs ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 32px;
}

.eb-tabs li {
  display: inline-block;
  border-right: 1px solid #ced3d9;
  line-height: .8;
}

.eb-tabs li:first-child a {
  margin-left: 0;
}

.eb-tabs li:last-child {
  border-right: none;
}

.eb-tabs li a {
  padding-bottom: 3px;
  margin: 0 10px 0 6px;
  color: #787878;
  text-transform: uppercase;
}

.eb-tabs li a:hover, .eb-tabs li a:focus {
  text-decoration: none;
  background: none;
  color: #616161;
}

.eb-tabs li.is-active a {
  border-bottom: 2px solid #005cb9;
  color: #616161;
  font-weight: 500;
}

.entity-browser-form input.tab {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.entity-browser-form .form-item {
  margin-bottom: 24px;
}

.entity-browser-form .form-item.checkbox-container {
  margin-bottom: 0;
}

.entity-browser-form .input-textfield__input {
  width: 336px;
  margin-bottom: 8px;
}

.entity-browser-form .input-search__input {
  width: 336px;
}

.entity-browser-form .field-multiple-table {
  margin-bottom: 24px;
}

.entity-browser-form .field-multiple-table .input-textfield__input {
  width: 100%;
  margin-bottom: 0;
}

.entity-browser-form .field-multiple-table .form-item {
  margin-bottom: 0;
}

.entity-browser-form .field-multiple-table .multivalue-field-container,
.entity-browser-form .field-multiple-table .multi-column-display {
  grid-template-columns: 1fr 128px;
  -ms-grid-columns: 1fr 16px 128px;
  /* stylelint-disable-line */
}

.entity-browser-form .field-multiple-table thead tr,
.entity-browser-form .field-multiple-table tbody tr {
  -ms-grid-columns: 48px 1fr;
      grid-template-columns: 48px 1fr;
}

.entity-browser-form .field-multiple-table thead tr > *,
.entity-browser-form .field-multiple-table tbody tr > * {
  display: block;
}

.entity-browser-form .field--type-field-video-thumbnail-time .input-textfield__input {
  width: 128px;
}

.entity-browser-form .file-upload-button-container {
  margin-bottom: 8px;
}

.entity-browser-form .views-exposed-form .form-actions {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.wdc-add-users-to-group .form-item-uid .input-label {
  font-weight: normal;
  margin-bottom: 16px;
}

.wdc-add-users-to-group .form-item-admin .input-label {
  font-weight: normal;
  margin-bottom: 24px;
}

.block--wdc-group-add-members-block {
  float: right;
  padding-bottom: 10px;
  z-index: 70;
}

.block--wdc-group-add-members-block .ajax-progress {
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.block--search-api-sorts {
  display: inline-block;
}

.page-node-type-information-page .breadcrumb {
  margin-bottom: 24px;
}

.list-pages--with-sticky-sidebar .layout__content {
  border-left: none;
}

.list-pages .block--page-title-block {
  margin-top: 16px;
}

.list-pages .block--search-api-sorts {
  float: left;
}

.list-pages .block--local-actions-block {
  float: right;
}

.list-pages .block--local-actions-block li:last-child a {
  margin-right: 0;
}

.list-pages .messages,
.list-pages .block--main-content {
  clear: both;
}

.list-pages .wdc-search-spelling-suggestions {
  font-size: 15px;
}

.list-pages .wdc-search-spelling-suggestions__original-query-terms {
  font-weight: 700;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .form-wrapper,
.block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .js-complex-form-item,
.block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .form-item:not(.form-item-search-brainstorm) {
  display: none;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .form-item-search-brainstorm {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
  position: relative;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-1:nth-child(n+2) .form-item-search-brainstorm {
  display: none;
}

/* stylelint-disable */
.js .block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .form-item-search-brainstorm input.form-autocomplete {
  background-position-x: 97%;
}

.js .block--views-exposed-filter-block-brainstorm-search-page-page-1:first-child .form-item-search-brainstorm input.form-autocomplete.ui-autocomplete-loading {
  background-position-x: 97%;
}

/* stylelint-enable */
.block--views-exposed-filter-block-brainstorm-search-page-page-2:first-child form > *:not(.form-item-text):not(.form-wrapper-type) {
  /* stylelint-disable-line */
  display: none;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-2:nth-child(n+2) .form-item-text,
.block--views-exposed-filter-block-brainstorm-search-page-page-2:nth-child(n+2) .form-wrapper-type {
  display: none;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-2 .form-wrapper-created .details-wrapper > *:first-child {
  /* stylelint-disable-line */
  margin-bottom: 16px;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-2 .input-date__input {
  width: 100%;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-2 .form-wrapper-votes .details-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.block--views-exposed-filter-block-brainstorm-search-page-page-2 .form-wrapper-votes .details-wrapper .form-item {
  /* stylelint-disable-line */
  width: 100px;
  margin-right: 12px;
  margin-bottom: 0;
}

.profile-page .layout__content {
  background-color: #f0f1f2;
}

.profile-page .layout__main {
  max-width: initial;
  padding: 0;
}

.profile-page .block-local-tasks-block {
  padding-top: 25px;
}

.profile-page .user-profile__head {
  background-color: #f0f1f2;
}

.profile-page .user-profile__body {
  background-color: #fff;
  padding-top: 30px;
}

.subscription-filters {
  background: #f6f7f8;
  padding: 24px;
}

.subscription-filters__separator {
  border-top: 1px solid #ced3d9;
  margin-bottom: 24px;
}

.subscription-filters .tabs {
  display: inline-block;
}

.subscription-filters .tabs__label {
  display: inline-block;
  margin-right: 40px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
}

.subscription-filters .tabs__item {
  border: none;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0;
}

.subscription-filters .tabs__item a {
  margin-right: 24px;
  margin-left: 0;
  text-transform: none;
}

.subscription-filters .tabs__item--is-active a {
  border: 2px solid #005cb9;
  border-radius: 4px;
  padding: 10px;
}

.subscription-view .view-filters {
  background: #f6f7f8;
  padding: 0 24px 24px 24px;
  margin-bottom: 40px;
}

.subscription-view .view-filters .form-type-select > label, .subscription-view .view-filters .fieldset-legend {
  border: none;
  margin-bottom: 16px;
  font-family: "Roboto", sans-serif;
  color: #494949;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  display: inline-block;
}

.subscription-view--no-filters {
  margin-top: 40px;
}

.subscription-view .wdc-dropbutton, .subscription-view--no-filters .wdc-dropbutton {
  margin-bottom: 40px;
  width: 50%;
  display: inline-block;
}

.subscription-view .wdc-dropbutton .fieldgroup, .subscription-view--no-filters .wdc-dropbutton .fieldgroup {
  margin-bottom: 16px;
}

.subscription-view .chosen-container-multi {
  width: 400px !important;
  /* stylelint-disable-line */
}

.subscription-view .input-search__input--legacy {
  border-radius: 20px;
  float: right;
  padding: 8px 10px 8px 40px;
  width: 250px;
}

.subscription-view .input-search.form-element {
  float: right;
}

.subscription-view .user-profile__display-name {
  font-weight: normal;
  font-size: 14px;
}

.subscription-view .user-profile__user-name {
  font-weight: normal;
  letter-spacing: 0.5px;
}

.subscription-view .user-profile__item {
  font-size: 12px;
}

.subscription-view .form-checkboxes--horizontal {
  margin-left: 0;
}

.subscription-view .form-checkboxes--horizontal legend {
  padding-inline-start: 0;
}

.view-add-subscription-user .views-table__field--user-bulk-form,
.view-subscribe-user-email .views-table__field--user-bulk-form {
  padding-top: 40px;
}

.view-add-subscription-user {
  margin-top: 40px;
}

.view-add-subscription-user .view-filters {
  display: none;
}

.block--page-title-block.subscription_page_title {
  display: block;
  margin-bottom: 24px;
}

.block--wdc-subscription-unsubscribe-link {
  display: block;
  margin-bottom: 24px;
}

.view-add-subscription-taxonomy-term tr.has-children td {
  border-bottom: none;
}

.view-add-subscription-taxonomy-term tr.expanded td {
  padding-bottom: 4px;
}

.view-add-subscription-taxonomy-term [data-hierarchy-level="2"] td {
  border-bottom: none;
  border-top: none;
  padding: 5px 8px;
}

.view-add-subscription-taxonomy-term [data-hierarchy-level="2"] td.views-tree-hierarchy-cell {
  padding-left: 61px;
}

.view-add-subscription-taxonomy-term [data-hierarchy-level="3"] td {
  border-bottom: none;
  border-top: none;
  padding: 5px 8px;
}

.view-add-subscription-taxonomy-term [data-hierarchy-level="3"] td.views-tree-hierarchy-cell {
  padding-left: 87px;
}

.level-1-has-children .views-tree-hierarchy-cell {
  background: url("../images/chevron-right-active.svg") no-repeat scroll 9px 16px;
  background-size: auto 18px;
  padding-left: 35px;
}

.level-1-has-children .views-tree-hierarchy-cell:hover {
  cursor: pointer;
}

.level-1-has-children.expanded .views-tree-hierarchy-cell {
  background: url("../images/chevron-down-active.svg") no-repeat scroll 5px 13px;
  background-size: 24px auto;
}

.level-1-has-children.expanded td {
  border-bottom: none;
}

.level-2-has-children .views-tree-hierarchy-cell {
  background: url("../images/chevron-right-active.svg") no-repeat scroll 36px 5px;
  background-size: auto 18px;
}

.level-2-has-children .views-tree-hierarchy-cell.expanded {
  background: url("../images/chevron-down-active.svg") no-repeat scroll 30px 3px;
  background-size: 24px auto;
}

.level-2-has-children .views-tree-hierarchy-cell:hover {
  cursor: pointer;
}

tr.level-2-no-children .views-tree-hierarchy-cell {
  padding-left: 61px;
}

.view-add-subscription-taxonomy-term .child .views-field-vid {
  display: none;
}

.view-subscribe-taxonomy-term-email th.views-field-name {
  width: 450px;
}

.view-subscribe-taxonomy-term-email .views-tree-table td.views-tree-hierarchy-cell {
  background: none;
  padding-left: 7px;
}

.view-subscribe-taxonomy-term-email tr.level-2 td,
.view-subscribe-taxonomy-term-email tr.level-3 td {
  border-width: 1px 0;
  padding: 16px 8px;
}

ul.wdc-message-term-hierarchy > li.has-children > span {
  background: url("../images/chevron-right-active.svg") no-repeat scroll 0 -2px;
  background-size: auto 18px;
  padding-left: 28px;
}

ul.wdc-message-term-hierarchy > li.has-children > span.expanded {
  background: url("../images/chevron-down-active.svg") no-repeat scroll -2px -4px;
  background-size: 24px auto;
}

ul.wdc-message-term-hierarchy > li.has-children > span:hover {
  cursor: pointer;
}

ul.wdc-message-term-hierarchy ul {
  padding-bottom: 8px;
  padding-left: 28px;
  padding-top: 12px;
}

ul.wdc-message-term-hierarchy ul li {
  margin-bottom: 13px;
}

ul.wdc-message-term-hierarchy li.has-children > span {
  background: url("../images/chevron-right-active.svg") no-repeat scroll 0 -2px;
  background-size: auto 18px;
  padding-left: 28px;
}

ul.wdc-message-term-hierarchy li.has-children > span.expanded {
  background: url("../images/chevron-down-active.svg") no-repeat scroll -2px -4px;
  background-size: 24px auto;
}

ul.wdc-message-term-hierarchy li.has-children > span:hover {
  cursor: pointer;
}

li.wdc-message-has-child-terms ul {
  padding-bottom: 0;
}

li.wdc-message-has-child-terms ul li:last-child {
  margin-bottom: 0;
}

li.wdc-message-has-child-terms > span {
  background: url("../images/chevron-right-active.svg") no-repeat scroll 0 -2px;
  background-size: auto 18px;
}

li.wdc-message-has-child-terms > span.expanded {
  background: url("../images/chevron-down-active.svg") no-repeat scroll -2px -4px;
  background-size: 24px auto;
}

li.wdc-message-has-child-terms > span:hover {
  cursor: pointer;
}

span.wdc-message-term-item:not(.wdc-message-top-level) {
  padding-left: 28px;
}

.user-subscription-settings-form > fieldset {
  border: 0px;
  padding: 12px 0px 8px 0px;
}

.user-subscription-settings-form .description {
  display: none;
}

.user-subscription-settings-form .fieldset-legend {
  font-weight: bold;
}

.user-subscription-settings-form legend {
  padding: 0px;
}

.user-subscription-settings-form .subscription-preferences-fields .my_subscription_link {
  margin-top: -24px;
  margin-left: 25px;
  margin-bottom: 24px;
}

.user-subscription-settings-form .subscription-preferences-fields .field--name-message-subscribe-email,
.user-subscription-settings-form .subscription-preferences-fields .field--name-message-digest {
  display: inline-block;
}

.user-subscription-settings-form .form-actions {
  margin-top: 24px;
}

.user-subscription-settings-form .form-element {
  margin-bottom: 20px;
}

.user-subscription-settings-form .form_title {
  margin-bottom: 32px;
}

.page-node-type-idea .idea-area .field--name-field-description {
  padding: 0 0 12px;
}

/* Sass Variables to Map to JSON */
/*------------------------------------*    $PATTERN LAB-SPECIFIC STYLES
\*------------------------------------*/
/**
 * This stylesheet is for styles you want to include only when the interface is being viewed within Pattern Lab.
 * This is helpful for displaying demo styles for grids, animations, color swatches, etc
 * It's also helpful for overriding context-specific styles like fixed or absolutely positioned elements
 * These styles will not be your production CSS.
 */
pre {
  margin-top: 0;
}

.u-demo-bg {
  background-color: #cccccc;
}

.sg-spacer {
  margin-bottom: 24px;
}

.sg-colors {
  overflow: hidden;
  margin: 5px;
  padding: 0;
}

.sg-colors > li {
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 0.8em;
  margin: 0 0 10px;
  box-sizing: border-box;
  font-size: 12px;
}

.sg-colors > li .sg-swatch {
  display: block;
  height: 85px;
  margin: 0 0 10px 0;
  border: solid 1px #ced3d9;
}

.sg-colors > li .sg-info {
  line-height: 1;
  font-weight: 500;
}

@media all and (min-width: 400px) {
  .sg-colors > li {
    float: left;
    width: 39%;
    margin: 1%;
  }
}

@media all and (min-width: 700px) {
  .sg-colors > li {
    width: 20%;
  }
  .sg-colors > li:nth-child(4n+1) {
    clear: both;
  }
}

.sg-breakpoints {
  overflow: hidden;
  position: relative;
}

.sg-breakpoints ul {
  margin: 0;
  padding: 0;
}

.sg-breakpoints li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sg-breakpoints .breakpoints > li {
  position: absolute;
  border-left: solid 3px #595959;
  height: 100%;
}

.sg-breakpoints .breakpoints > li > .label {
  display: block;
  background: #595959;
  padding: 3px;
  color: white;
}

.sg-breakpoints .breakpoints > li:hover {
  border-left-color: rgba(89, 89, 89, 0.3);
}

.sg-breakpoints .breakpoints > li:hover > .label {
  opacity: 0;
}

.sg-breakpoints .device_widths {
  padding-top: 20px;
}

.sg-breakpoints .device_widths > li {
  border-bottom: solid 3px #cccccc;
  text-align: right;
  margin-bottom: 15px;
  padding-right: 15px;
  border-right: solid 3px #cccccc;
}

.sg-font-sizes thead {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid black;
}

.sg-font-sizes th,
.sg-font-sizes td {
  text-align: left;
  white-space: nowrap;
  line-height: 1.5em;
}

.sg-font-sizes th:first-child,
.sg-font-sizes td:first-child {
  padding-right: 12px;
}

.sg-container {
  margin: 16px;
}

.sg-container .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.sg-select-list .sg-select-list-header {
  position: absolute;
  top: 0;
  left: 500px;
}

.sg-sidebar {
  min-width: 320px;
  display: inline-block;
  margin-right: 100px;
}

.sg-card {
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 #ced3d9, inset 0 1px 0 0 #ced3d9;
  padding: 16px;
  width: -webkit-fit-content;
  width: fit-content;
}

.sg-dashed-spacer {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 2px dashed #005cb9;
}

.sg-dashed-spacer:last-child {
  padding-bottom: 0;
  border: none;
}

.demo__block {
  height: 200px;
  background-color: rgba(123, 133, 143, 0.5);
}

.icons-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 25px;
}

.icons-demo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.icons__item {
  -ms-flex: auto;
      flex: auto;
  padding: 0.3em;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #ddd;
  border-radius: 8px;
  line-height: 2em;
  overflow: hidden;
}

.icons__item:last-child {
  margin-bottom: 0.5em;
}

.icons__item i {
  display: inline-block;
  width: 32px;
  text-align: center;
}

.demo .g .gi {
  text-align: center;
  outline: dotted 1px #ccc;
}

.links-demo {
  border-collapse: collapse;
}

.links-demo td {
  padding: 24px;
}

.links-demo td:not(:first-child) {
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  border-left: 0;
  border-right: 0;
}

.links-demo-colorbox {
  border: solid 1px #ccc;
}

.links-demo-colorbox:after {
  content: ' ';
  padding: 10px;
}

.links-demo--normal .links-demo-colorbox {
  background-color: #005cb9;
}

.links-demo--hover a {
  text-decoration: underline;
}

.links-demo--visited a {
  color: #6345a1;
}

.links-demo--visited .links-demo-colorbox {
  background-color: #6345a1;
}

.sg-grid__mock-page {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
  -ms-grid-rows: (minmax(150px, auto))[4];
      grid-template-rows: repeat(4, minmax(150px, auto));
  grid-template-areas: "header" "featured" "main-content" "footer";
}

.sg-grid__mock-page .mock-page__header {
  grid-area: header;
}

.sg-grid__mock-page .mock-page__featured {
  grid-area: featured;
}

.sg-grid__mock-page .mock-page__footer {
  grid-area: footer;
}

.sg-grid__mock-page .mock-page__footer .site-footer__container {
  -ms-flex-direction: column;
      flex-direction: column;
}

.sg-grid__mock-page .mock-page__main-fourth {
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: minmax(150px, auto);
      grid-template-rows: minmax(150px, auto);
}

.sg-grid__mock-page .mock-page__main-third {
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: minmax(150px, auto);
      grid-template-rows: minmax(150px, auto);
}

.sg-grid__mock-page .mock-page__main-half {
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: minmax(150px, auto);
      grid-template-rows: minmax(150px, auto);
}

.sg-grid__mock-page .mock-page__main-full {
  display: -ms-grid;
  display: grid;
  grid-gap: 40px;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: minmax(150px, auto);
      grid-template-rows: minmax(150px, auto);
}

.sg-grid__mock-page .layout__main {
  margin-bottom: 40px;
}

.sg-grid__mock-page .layout__main:last-child {
  margin-bottom: 0;
}

.sg-grid__mock-page .sidebar {
  width: 320px;
}

.sg-grid__mock-page .content {
  background-color: rgba(64, 180, 229, 0.95);
  border: 1px solid #40b4e5;
  color: #fff;
  padding: 12px;
  min-height: 150px;
}

.sg-grid__mock-page .content .title__h2 {
  color: #fff;
}

.user-profile__list-item {
  padding: 24px 0;
}

.sg__blocks {
  padding: 16px;
}

.sg__blocks .simple-block {
  margin-bottom: 32px;
}

.sg-login__container {
  background: #fff;
}

@media (min-width: 577px) {
  .sg-login__container {
    background: linear-gradient(90deg, rgba(0, 93, 186, 0.97), rgba(11, 119, 227, 0.97));
  }
}

.sg-dark-bg {
  background: #005cb9;
}

.sg-buttons .sg-dark-bg {
  padding: 15px 5px;
}

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