.region-content > #block-rinnai-theme-page-title,
.region-content > #block-rinnai-theme-local-tasks {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .region-content > #block-rinnai-theme-page-title,
    .region-content > #block-rinnai-theme-local-tasks {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .region-content > #block-rinnai-theme-page-title,
    .region-content > #block-rinnai-theme-local-tasks {
      padding-left: 40px;
      padding-right: 40px; } }

.region-content > #block-rinnai-theme-local-tasks {
  margin-top: 120px; }

.region-content > #block-rinnai-theme-content .views-element-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .region-content > #block-rinnai-theme-content .views-element-container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .region-content > #block-rinnai-theme-content .views-element-container {
      padding-left: 40px;
      padding-right: 40px; } }

.region-content > #block-rinnai-theme-content > form,
.region-content > #block-rinnai-theme-content > #layout-builder {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .region-content > #block-rinnai-theme-content > form,
    .region-content > #block-rinnai-theme-content > #layout-builder {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .region-content > #block-rinnai-theme-content > form,
    .region-content > #block-rinnai-theme-content > #layout-builder {
      padding-left: 40px;
      padding-right: 40px; } }

.region-breadcrumb,
.region-highlighted {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .region-breadcrumb,
    .region-highlighted {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .region-breadcrumb,
    .region-highlighted {
      padding-left: 40px;
      padding-right: 40px; } }

.layout--top-margin {
  margin-top: 3rem; }
  @media screen and (min-width: 64rem) {
    .layout--top-margin {
      margin-top: 5rem; } }

.layout--bottom-margin {
  margin-bottom: 3rem; }
  @media screen and (min-width: 64rem) {
    .layout--bottom-margin {
      margin-bottom: 5rem; } }

.layout--gray-bg {
  background-color: #f1f1f1;
  /* Collapse padding on sequential gray sections, except where margins area applied */
  /* Collapse top padding on adjacent shadow box */
  /* Case study (narrower column) */ }
  .layout--gray-bg .block:first-child {
    padding-top: 3rem; }
    @media screen and (min-width: 64rem) {
      .layout--gray-bg .block:first-child {
        padding-top: 5rem; } }
  .layout--gray-bg .block:last-child {
    padding-bottom: 3rem; }
    @media screen and (min-width: 64rem) {
      .layout--gray-bg .block:last-child {
        padding-bottom: 5rem; } }
  .layout--gray-bg.layout--shadow-box {
    padding: 3rem 0; }
    @media screen and (min-width: 64rem) {
      .layout--gray-bg.layout--shadow-box {
        padding: 5rem 0; } }
    .layout--gray-bg.layout--shadow-box .block:first-child {
      padding: 0; }
    .layout--gray-bg.layout--shadow-box .block:last-child {
      padding: 0; }
  .layout--gray-bg:not(.layout--bottom-margin) + .layout--gray-bg:not(.layout--top-margin) .block:first-child {
    padding-top: 0; }
    @media screen and (min-width: 64rem) {
      .layout--gray-bg:not(.layout--bottom-margin) + .layout--gray-bg:not(.layout--top-margin) .block:first-child {
        padding-top: 0; } }
  .layout--gray-bg:not(.layout--bottom-margin) + .layout--gray-bg.layout--shadow-box:not(.layout--top-margin) {
    padding-top: 0; }

@media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
  .layout--shadow-box {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (min-width: 80rem) {
  .layout--shadow-box {
    padding-left: 40px;
    padding-right: 40px; } }

.layout--shadow-box .layout__region {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0 auto;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.14); }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .layout--shadow-box .layout__region {
      padding: 3rem 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .layout--shadow-box .layout__region {
      padding: 5rem; } }

@media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
  .layout--gray-box {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (min-width: 80rem) {
  .layout--gray-box {
    padding-left: 40px;
    padding-right: 40px; } }

.layout--gray-box .layout__region {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box;
  max-width: 1080px;
  background-color: #f1f1f1;
  margin: 0 auto; }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .layout--gray-box .layout__region {
      padding: 3rem 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .layout--gray-box .layout__region {
      padding: 5rem; } }

.layout--case-study {
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem; }

.spacer--small {
  height: 1rem; }

@media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
  .spacer--medium {
    height: 2rem; } }

@media screen and (min-width: 64rem) {
  .spacer--medium {
    height: 3rem; } }

@media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
  .spacer--large {
    height: 3rem; } }

@media screen and (min-width: 64rem) {
  .spacer--large {
    height: 5rem; } }

.block-help {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box;
  margin-bottom: 1em;
  padding: 0 1.26em 1.26em;
  word-wrap: break-word;
  color: inherit;
  border: 1px solid #b3daf0;
  background-color: #eef5f9;
  overflow-wrap: break-word; }

.block-help__container {
  padding-left: 24px;
  background-image: url(../img/drupal/help.svg);
  background-repeat: no-repeat;
  background-position: left 4px; }
  .block-help__container > *:last-child {
    margin-bottom: 0; }

/**
 * @file
 * Admin styling for the Filter module.
 */
/**
 * Filter information under field.
 */
.text-format-wrapper > .form-item {
  margin-bottom: 0; }

.filter-wrapper {
  overflow: hidden;
  margin: 0;
  padding: 0.5em 0.666em;
  border: 1px solid #ccc;
  border-top: 0; }
  .filter-wrapper .form-item {
    margin: 0; }
    .filter-wrapper .form-item label {
      display: inline; }

.filter-help {
  float: right;
  font-size: .75rem; }
  .filter-help p {
    margin: 0; }
  .filter-help a {
    position: relative;
    margin: 0 20px 0 0; }
    .filter-help a:after {
      position: absolute;
      top: 0;
      right: -20px;
      /* LTR */
      display: block;
      width: 16px;
      height: 16px;
      content: "";
      background: transparent url(../../../../core/misc/help.png); }

.text-format-wrapper .description {
  margin-top: 0.5em; }

.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em; }

/**
 * Improve filter tips position.
 */
.tips {
  padding-left: 0;
  /* LTR */ }

.form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0; }
  .form-actions .button {
    display: inline-block;
    margin-right: 0.5rem; }

form .field-multiple-table {
  margin: 0; }
  form .field-multiple-table th {
    text-align: left; }
  form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0; }
    form .field-multiple-table .field-multiple-drag .tabledrag-handle {
      padding-right: 0.5em; }

form .field-add-more-submit {
  margin: 0.5em 0 0; }

.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em; }

tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0; }

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 0.85em; }

label {
  font-weight: bold;
  font-size: 90%;
  display: block;
  margin: 0 0 0.1em; }
  label.option {
    display: inline;
    font-weight: normal;
    font-size: 100%;
    margin: 0; }

.form-composite > legend,
.label {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: bold; }

.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em; }

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
  /* LTR */ }

.marker {
  color: #e00; }

.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px; }

abbr.tabledrag-changed,
abbr.ajax-changed {
  border-bottom: none; }

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red; }

/* Filter */
ul.tips,
div.description,
.form-item .description {
  margin: 0.2em 0 0 0;
  color: #595959;
  font-size: 0.75em; }

.form-item .description.error {
  margin-top: 0;
  color: #a51b00; }

ul.tips li {
  margin: 0.25em 0 0.25em 1.5em;
  font-size: .75rem; }

/* Inline error messages. */
.form-item--error-message:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  content: "";
  vertical-align: sub;
  background: url(../../../../core/misc/icons/e32700/error.svg) no-repeat;
  background-size: contain; }

.form-text,
.form-textarea {
  border-radius: 2px;
  font-size: 1em;
  line-height: normal; }

.form-item {
  /**
   * Select elements - Webkit only
   */ }
  .form-item input.form-autocomplete,
  .form-item input.form-text,
  .form-item input.form-tel,
  .form-item input.form-email,
  .form-item input.form-url,
  .form-item input.form-search,
  .form-item input.form-number,
  .form-item input.form-color,
  .form-item input.form-file,
  .form-item input.form-date,
  .form-item input.form-time,
  .form-item textarea.form-textarea {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0.3em 0.4em 0.3em 0.5em;
    /* LTR */
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    color: #595959;
    border: 1px solid #b8b8b8;
    border-top-color: #999;
    border-radius: 2px;
    background: #fcfcfa;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    font-size: 1em; }
    .form-item input.form-autocomplete:focus,
    .form-item input.form-text:focus,
    .form-item input.form-tel:focus,
    .form-item input.form-email:focus,
    .form-item input.form-url:focus,
    .form-item input.form-search:focus,
    .form-item input.form-number:focus,
    .form-item input.form-color:focus,
    .form-item input.form-file:focus,
    .form-item input.form-date:focus,
    .form-item input.form-time:focus,
    .form-item textarea.form-textarea:focus {
      border-color: #40b6ff;
      outline: 0;
      background-color: #fff;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; }
  .form-item input.form-autocomplete {
    background-image: url(../../../../core/misc/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .form-item select {
      padding: 1px 1.571em 1px 0.5em;
      /* LTR */
      cursor: pointer;
      -webkit-transition: all 0.1s;
      transition: all 0.1s;
      border: 1px solid #a6a6a6;
      border-radius: 0.143em;
      background: url(../../../../core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
      /* LTR */
      text-shadow: 0 1px rgba(255, 255, 255, 0.6);
      font-size: 0.875rem;
      -webkit-appearance: none;
      -webkit-font-smoothing: antialiased; }
    .form-item select:focus,
    .form-item select:hover {
      color: #1a1a1a;
      background-image: url(../../../../core/misc/icons/333333/caret-down.svg), -webkit-linear-gradient(top, #fcfcfa, #e9e9dd); }
    .form-item select:hover {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125); } }

input.form-submit {
  border: 2px solid #cf000d;
  padding: 10px;
  margin: 16px 0;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  transition: background-color 200ms linear, border-color 200ms linear;
  background-color: #cf000d;
  color: #fff; }
  input.form-submit:hover, input.form-submit:active {
    background-color: #7f7f7f;
    border-color: #7f7f7f; }
  input.form-submit.field-add-more-submit,
  .fieldset-wrapper input.form-submit,
  .paragraphs-dropbutton-wrapper input.form-submit {
    color: #000;
    background-color: #eee;
    border-color: #555;
    padding: 5px;
    font-weight: normal;
    border-radius: 5px; }
    input.form-submit.field-add-more-submit:hover, input.form-submit.field-add-more-submit:active,
    .fieldset-wrapper input.form-submit:hover,
    .fieldset-wrapper input.form-submit:active,
    .paragraphs-dropbutton-wrapper input.form-submit:hover,
    .paragraphs-dropbutton-wrapper input.form-submit:active {
      background-color: #aaa; }

.form--inline .form-item {
  float: left;
  margin-right: 0.5em; }

.form--inline .form-item-separator {
  margin-top: 2.3em;
  margin-right: 1em;
  margin-left: 0.5em; }

.form--inline .form-actions {
  clear: left; }

.ui-dialog-content form {
  /* 1. Must match negative bottom padding of the parent <th> */
  /* This is required to win over specificity of [dir="rtl"] .item-list ul */
  /* Force browsers to calculate the width of a 'select all' <th> element. */
  /**
   * Captions.
   */
  /**
   * Responsive tables.
   */ }
  .ui-dialog-content form table {
    width: 100%;
    margin: 0 0 10px;
    border-collapse: collapse; }
  .ui-dialog-content form caption {
    text-align: left;
    /* LTR */ }
  .ui-dialog-content form th {
    padding: 10px 12px;
    text-align: left;
    /* LTR */ }
  .ui-dialog-content form thead th {
    text-transform: uppercase;
    color: #333;
    border: solid #bfbfba;
    border-width: 1px 0;
    background: #f5f5f2; }
  .ui-dialog-content form tr {
    padding: 0.1em 0.6em;
    border-bottom: 1px solid #e6e4df; }
  .ui-dialog-content form thead > tr {
    border-bottom: 1px solid #000; }
  .ui-dialog-content form tbody tr:hover,
  .ui-dialog-content form tbody tr:focus {
    background: #f7fcff; }
  .ui-dialog-content form tbody tr.color-warning:hover,
  .ui-dialog-content form tbody tr.color-warning:focus {
    background: #fdf8ed; }
  .ui-dialog-content form tbody tr.color-error:hover,
  .ui-dialog-content form tbody tr.color-error:focus {
    background: #fcf4f2; }
  .ui-dialog-content form table.no-highlight tr.selected td {
    background: transparent; }
  .ui-dialog-content form td,
  .ui-dialog-content form th {
    vertical-align: middle; }
  .ui-dialog-content form td {
    padding: 10px 12px;
    text-align: left;
    /* LTR */ }
  .ui-dialog-content form [dir="rtl"] td {
    text-align: right; }
  .ui-dialog-content form th > a {
    position: relative;
    display: block; }
  .ui-dialog-content form th > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -10px;
    /* 1. */
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    border-bottom: 2px solid transparent; }
  .ui-dialog-content form th.is-active > a {
    color: #004875; }
  .ui-dialog-content form th.is-active img {
    position: absolute;
    top: 50%;
    right: 0;
    /* LTR */ }
  .ui-dialog-content form [dir="rtl"] th.is-active img {
    right: auto;
    left: 0; }
  .ui-dialog-content form th.is-active > a:after {
    border-bottom-color: #004875; }
  .ui-dialog-content form th > a:hover,
  .ui-dialog-content form th > a:focus,
  .ui-dialog-content form th.is-active > a:hover,
  .ui-dialog-content form th.is-active > a:focus {
    text-decoration: none;
    color: #008ee6; }
  .ui-dialog-content form th > a:hover:after,
  .ui-dialog-content form th > a:focus:after,
  .ui-dialog-content form th.is-active > a:hover:after,
  .ui-dialog-content form th.is-active > a:focus:after {
    border-bottom-color: #008ee6; }
  .ui-dialog-content form td .item-list ul {
    margin: 0; }
  .ui-dialog-content form [dir="rtl"] td .item-list ul {
    margin: 0; }
  .ui-dialog-content form td.is-active {
    background: none; }
  .ui-dialog-content form th.select-all {
    width: 1px; }
  .ui-dialog-content form .caption {
    margin-bottom: 1.2em; }
  @media screen and (max-width: 37.5em) {
    .ui-dialog-content form {
      /* 600px */ }
      .ui-dialog-content form th.priority-low,
      .ui-dialog-content form td.priority-low,
      .ui-dialog-content form th.priority-medium,
      .ui-dialog-content form td.priority-medium {
        display: none; } }
  @media screen and (max-width: 60em) {
    .ui-dialog-content form {
      /* 920px */ }
      .ui-dialog-content form th.priority-low,
      .ui-dialog-content form td.priority-low {
        display: none; } }

.home-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box;
  padding: 10px 40px 80px 40px; }

/**
 * Styling for Media Library.
 */
.media-library-wrapper {
  display: flex;
  margin: -1em; }

.media-library-menu {
  display: block;
  width: 600px;
  max-width: 10%;
  margin: 0;
  /* LTR */
  padding: 2rem 0.5rem;
  border-bottom: 1px solid #ccc;
  background-color: #e6e5e1;
  line-height: 1; }
  .media-library-menu li {
    display: block;
    padding: 3px 0;
    list-style: none; }
    .media-library-menu li:before {
      display: none; }

.media-library-menu__link {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 15px;
  text-decoration: none;
  border-bottom: 1px solid #b3b2ad;
  background-color: #f2f2f0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6); }
  .media-library-menu__link:active, .media-library-menu__link:hover, .media-library-menu__link:focus {
    background: #fcfcfa;
    text-shadow: none; }
  .media-library-menu__link:focus, .media-library-menu__link:active {
    outline: none; }
  .media-library-menu__link.active {
    z-index: 1;
    margin-right: -1px;
    /* LTR */
    color: #000;
    border-right: 1px solid #fcfcfa;
    /* LTR */
    border-bottom: 1px solid #b3b2ad;
    background-color: #fff;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3); }

.media-library-content {
  width: 100%;
  padding: 1em;
  border-left: 1px solid #b3b2ad;
  /* LTR */
  outline: none; }

/* Generic media add form styles. */
.media-library-add-form--without-input .form-item {
  margin: 0 0 1em; }

/**
 * Remove outline from added media list.
 *
 * The added media list receives focus after adding new media, but since it is
 * not an interactive element, it does not need an outline.
 */
.media-library-add-form__added-media {
  margin: 0;
  padding: 0;
  outline: none; }

.media-library-add-form__input-wrapper {
  padding: 16px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  background: #fcfcfa; }

/* Style the media add upload form. */
.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
  margin-bottom: 0; }

.media-library-add-form .file-upload-help {
  margin: 8px 0 0; }

/* Style the media add oEmbed form. */
.media-library-add-form--oembed .media-library-add-form__input-wrapper {
  display: flex; }

@media screen and (max-width: 37.5em) {
  .media-library-add-form--oembed .media-library-add-form__input-wrapper {
    display: block; } }

.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
  margin-bottom: 0; }

.media-library-add-form-oembed-url {
  width: 100%; }

.button.media-library-add-form-oembed-submit {
  align-self: center; }

.media-library-add-form__selected-media {
  margin-top: 1em;
  /* Change to padding to account for the negative margin for flex grid. */ }
  .media-library-add-form__selected-media .details-wrapper {
    padding: 0 10px 1em 10px; }
  .media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
    height: 100px; }

/* Generic media library view styles. */
.media-library-select-all {
  flex-basis: 100%;
  width: 100%;
  margin: 10px 8px; }
  .media-library-select-all input {
    margin-right: 10px; }

.media-library-views-form,
.media-library-selection,
.media-library-add-form__selected-media .details-wrapper,
.media-library-views-form__bulk_form,
.media-library-view .form--inline {
  display: flex;
  flex-wrap: wrap; }

.media-library-views-form > .form-actions {
  flex-basis: 100%; }

.media-library-views-form__header {
  flex-basis: 100%; }

.media-library-views-form__header .form-item {
  margin-right: 8px; }

.media-library-views-form__rows {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 0 -8px; }

.media-library-view .form-actions {
  align-self: flex-end;
  margin: 0.75em 0; }

@media screen and (max-width: 600px) {
  .media-library-view .form-actions {
    flex-basis: 100%; } }

.media-library-view .media-library-view--form-actions {
  clear: left;
  align-self: flex-end;
  margin: 0.75em 0; }

/**
 * Override the table display of the visually hidden labels.
 *
 * The width, height and overflow properties in the styles for the
 * .visually-hidden class do not work correctly if the element has a table
 * display.
 */
.media-library-item label {
  display: inline-block; }

/* Media library widget view styles. */
.media-library-wrapper .media-library-view {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.media-library-wrapper .view-header {
  align-self: flex-end;
  margin: 1em 0;
  text-align: right;
  /* LTR */ }

[dir="rtl"] .media-library-wrapper .view-header {
  text-align: left; }

.media-library-wrapper .media-library-view .view-content {
  flex: 0 0 100%; }

.media-library-wrapper .views-display-link {
  margin: 0;
  padding-left: 22px;
  /* LTR */
  color: #333;
  font-size: 15px;
  line-height: 16px; }

[dir="rtl"] .media-library-wrapper .views-display-link {
  padding-right: 22px;
  padding-left: 0; }

.media-library-wrapper .views-display-link.is-active {
  font-weight: bold; }

.media-library-wrapper .views-display-link-widget {
  margin-right: 15px;
  background: url(../../../../core/misc/icons/333333/grid.svg) left 0 no-repeat;
  /* LTR */ }

[dir="rtl"] .media-library-wrapper .views-display-link-widget {
  background-position: right 0; }

.media-library-wrapper .views-display-link-widget_table {
  background: url(../../../../core/misc/icons/333333/table.svg) left 0 no-repeat;
  /* LTR */ }

[dir="rtl"] .media-library-wrapper .views-display-link-widget_table {
  background-position: right 0; }

/**
 * Style the media library grid items.
 */
.media-library-item {
  position: relative; }

/**
* The media library item container receives screen reader focus when items are
* removed. Since it is not an interactive element, it does not need an
* outline.
*/
.media-library-item--grid {
  justify-content: center;
  box-sizing: border-box;
  width: 50%;
  padding: 8px;
  vertical-align: top;
  outline: none;
  background: #fff; }

.media-library-item--grid:before {
  position: absolute;
  top: 7px;
  left: 7px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  content: "";
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  pointer-events: none;
  border: 1px solid #dbdbdb; }

/* Media library widget weight field styles. */
.media-library-item--grid .form-item {
  margin: 0.75em; }

/* The selected items in the add form should be shown a bit smaller. */
.media-library-add-form__selected-media .media-library-item--small {
  width: 33.3%; }

.media-library-widget-modal .ui-dialog-buttonpane {
  display: flex;
  align-items: center; }

.media-library-widget-modal .ui-dialog-buttonpane .form-actions {
  flex: 1; }

/**
 * By default, the dialog is too narrow to be usable.
 * @see Drupal.ckeditor.openDialog()
 */
.ui-dialog--narrow.media-library-widget-modal {
  max-width: 75%; }

@media screen and (min-width: 45em) {
  .media-library-item--grid {
    width: 33.3%; }
  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 50%; }
  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 25%; } }

@media screen and (min-width: 60em) {
  .media-library-item--grid {
    width: 25%; }
  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 33.3%; }
  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 16.6%; } }

@media screen and (min-width: 77em) {
  .media-library-item--grid {
    width: 16.6%; }
  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 25%; }
  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 16.6%; } }

.media-library-item--grid .field--name-thumbnail {
  overflow: hidden;
  text-align: center;
  background-color: #ebebeb; }

.media-library-item--grid .field--name-thumbnail img {
  height: 180px;
  object-fit: contain;
  object-position: center center; }

.media-library-item--grid.is-hover:before,
.media-library-item--grid.checked:before,
.media-library-item--grid.is-focus:before {
  top: 5px;
  left: 5px;
  border-width: 3px;
  border-color: #40b6ff;
  border-radius: 3px; }

.media-library-item--grid.checked:before {
  border-color: #0076c0; }

.media-library-item__click-to-select-checkbox {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
  /* LTR */
  display: block; }

[dir="rtl"] .media-library-item__click-to-select-checkbox {
  right: 16px;
  left: auto; }

.media-library-item__click-to-select-checkbox input {
  width: 20px;
  height: 20px; }

.media-library-item__click-to-select-checkbox .form-item {
  margin: 0; }

.media-library-item__click-to-select-trigger {
  overflow: hidden;
  height: 100%;
  cursor: pointer; }

/* Media library item table styles. */
.media-library-item--table img {
  max-width: 100px;
  height: auto; }

/* Media library entity view display styles. */
.media-library-item__preview {
  padding-bottom: 34px; }

.field--widget-media-library-widget .media-library-item__preview {
  cursor: move; }

.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview {
  cursor: inherit; }

.media-library-item__status {
  position: absolute;
  top: 40px;
  left: 5px;
  /* LTR */
  padding: 5px 10px;
  pointer-events: none;
  color: #e4e4e4;
  background: #666;
  font-size: 12px;
  font-style: italic; }

[dir="rtl"] .media-library-item__status {
  right: 5px;
  left: auto; }

.media-library-item__attributes {
  position: absolute;
  bottom: 0;
  display: block;
  overflow: hidden;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 50px);
  padding: 5px;
  background: white; }

.media-library-item__name {
  font-size: 14px; }

.media-library-item__name {
  display: block;
  overflow: hidden;
  margin: 2px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.media-library-item__attributes:hover .media-library-item__name,
.media-library-item--grid.is-focus .media-library-item__name,
.media-library-item--grid.checked .media-library-item__name {
  white-space: normal; }

.media-library-item__type {
  color: #696969;
  font-size: 12px; }

.media-library-item--disabled {
  pointer-events: none;
  opacity: 0.5; }

/* Media library widget styles. */
.media-library-widget {
  position: relative; }

/**
 * @todo Change to .media-library-open-button when styles are moved to the
 *   seven theme in https://www.drupal.org/project/drupal/issues/2980769
 */
.button.media-library-open-button {
  margin-bottom: 1em;
  margin-left: 0;
  /* LTR */ }

[dir="rtl"] .button.media-library-open-button {
  margin-right: 0;
  margin-left: 1em; }

.media-library-widget__toggle-weight {
  position: absolute;
  top: 5px;
  right: 5px;
  /* LTR */ }

[dir="rtl"] .media-library-widget__toggle-weight {
  right: auto;
  left: 5px; }

/* Add negative margin for flex grid. */
.media-library-selection {
  margin: 1em -8px; }

/**
 * Media library widget edit and delete button styles.
 *
 * We have to override the .button styles since buttons make heavy use of
 * background and border property changes.
 */
.media-library-item__edit,
.media-library-item__edit:hover,
.media-library-item__edit:focus,
.media-library-item__remove,
.media-library-item__remove:hover,
.media-library-item__remove:focus,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
  position: absolute;
  z-index: 1;
  top: 10px;
  overflow: hidden;
  width: 21px;
  height: 21px;
  margin: 5px;
  padding: 0;
  transition: 0.2s border-color;
  color: transparent;
  border: 2px solid #ccc;
  border-radius: 20px;
  background-size: 13px;
  text-shadow: none;
  font-size: 0; }

.media-library-item__edit {
  right: 40px;
  /* LTR */ }

[dir="rtl"] .media-library-item__edit {
  right: auto;
  left: 40px; }

.media-library-item__remove {
  right: 10px;
  /* LTR */ }

[dir="rtl"] .media-library-item__remove {
  right: auto;
  left: 10px; }

.media-library-item__edit {
  background: url("../../../../core/misc/icons/787878/pencil.svg") #fff center no-repeat;
  background-size: 13px; }

.media-library-item__remove,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
  background: url("../../../../core/misc/icons/787878/ex.svg") #fff center no-repeat;
  background-size: 13px; }

.media-library-item__edit:hover,
.media-library-item__edit:focus,
.media-library-item__remove:hover,
.media-library-item__remove:focus,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus,
.media-library-item__remove.button:disabled:active {
  border-color: #40b6ff; }

/**
 * Style the added media item container.
 *
 * The added media container receives screen reader focus since it has the role
 * 'listitem'. Since it is not an interactive element, it does not need an
 * outline.
 */
.media-library-add-form__media {
  position: relative;
  display: flex;
  padding: 1em 0;
  border-bottom: 1px solid #c0c0c0;
  outline: none; }
  .media-library-add-form__media:before {
    display: none; }

/* Do not show the top padding for the first item. */
.media-library-add-form__media:first-child {
  padding-top: 0; }

/**
 * Change the position of the remove button for the first item.
 *
 * The first item doesn't have a top padding, change the location of the remove
 * button as well.
 */
.media-library-add-form__media:first-child .media-library-add-form__remove-button[type="submit"] {
  top: 5px; }

/* Do not show the bottom border and padding for the last item. */
.media-library-add-form__media:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.media-library-add-form__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  margin-right: 20px;
  /* LTR */
  background: #ebebeb; }

[dir="rtl"] .media-library-add-form__preview {
  margin-right: 0;
  margin-left: 20px; }

/**
 * @todo Remove [type="submit"] when styles are moved to the seven theme in
 *   https://www.drupal.org/project/drupal/issues/2980769
 */
.media-library-add-form__remove-button[type="submit"] {
  position: absolute;
  top: 25px;
  right: 6px;
  /* LTR */
  width: auto;
  margin: 0;
  padding: 2px 20px 2px 2px;
  /* LTR */
  text-transform: lowercase;
  color: transparent;
  border: 0;
  border-radius: 0;
  background: transparent url(../../../../core/misc/icons/787878/ex.svg) right 2px no-repeat;
  /* LTR */
  font-weight: normal;
  line-height: 16px; }

[dir="rtl"] .media-library-add-form__remove-button[type="submit"] {
  right: auto;
  left: 13px;
  padding: 2px 2px 2px 20px;
  background-position: left 2px; }

.media-library-add-form__remove-button:focus,
.media-library-add-form__remove-button.button:disabled,
.media-library-add-form__remove-button.button:disabled:active,
.media-library-add-form__remove-button.button:focus {
  color: #787878;
  border: 0;
  background: transparent url(../../../../core/misc/icons/787878/ex.svg) right 2px no-repeat;
  /* LTR */ }

[dir="rtl"] .media-library-add-form__remove-button:focus,
[dir="rtl"] .media-library-add-form__remove-button.button:disabled,
[dir="rtl"] .media-library-add-form__remove-button.button:disabled:active,
[dir="rtl"] .media-library-add-form__remove-button.button:focus {
  background-position: left 2px; }

.media-library-add-form__remove-button:hover,
.media-library-add-form__remove-button.button:hover {
  color: #e00;
  border: 0;
  background: transparent url(../../../../core/misc/icons/ee0000/ex.svg) right 2px no-repeat;
  /* LTR */
  box-shadow: none; }

[dir="rtl"] .media-library-add-form__remove-button:hover,
[dir="rtl"] .media-library-add-form__remove-button.button:hover {
  background-position: left 2px; }

/* @todo Remove in https://www.drupal.org/project/drupal/issues/3064914 */
.views-live-preview .media-library-view div.views-row + div.views-row {
  margin-top: 0; }

.messages {
  padding: 15px 20px 15px 35px;
  /* LTR */
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  /* LTR */
  border-radius: 2px;
  background: no-repeat 10px 17px;
  /* LTR */
  overflow-wrap: break-word;
  margin-top: 120px;
  margin-bottom: -100px; }

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

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

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

.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  /* LTR */
  background-color: #f3faef;
  background-image: url(../../../../core/misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259;
  /* LTR */ }

.messages--warning {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  /* LTR */
  background-color: #fdf8ed;
  background-image: url(../../../../core/misc/icons/e29700/warning.svg);
  box-shadow: -8px 0 0 #e09600;
  /* LTR */ }

.messages--error {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  /* LTR */
  background-color: #fcf4f2;
  background-image: url(../../../../core/misc/icons/e32700/error.svg);
  box-shadow: -8px 0 0 #e62600;
  /* LTR */ }

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

#toolbar-administration li {
  font-size: 0.8125rem; }

#block-rinnai-theme-local-tasks {
  z-index: 10; }

.breadcrumbs ~ div#block-rinnai-theme-local-tasks {
  margin-top: 8rem; }

.pager {
  margin-bottom: 2rem; }

.pager__items {
  clear: both;
  text-align: center; }

.pager__item {
  display: inline;
  padding: 0.5em;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 0.18px; }
  .pager__item > a {
    text-decoration: none;
    color: inherit; }
  .pager__item:before {
    display: none; }

.pager__item.is-active {
  color: #cf000e; }

div.tabs {
  margin: 1em 0; }

ul.tabs {
  margin: 0 0 0.5em;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid #cf000d; }

.tabs > li {
  display: inline-block;
  margin-right: 0.3em;
  padding: 0; }
  .tabs > li:before {
    display: none; }

.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
  color: #262626; }
  .tabs a:visited {
    color: #262626; }
  .tabs a.is-active {
    background-color: #eee;
    border: 2px solid #cf000d;
    border-bottom: none; }
  .tabs a:focus, .tabs a:hover {
    background-color: #f5f5f5; }

.vertical-tabs {
  position: relative;
  margin: 10px 0;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  background: #e6e5e1; }

.vertical-tabs__menu {
  float: left;
  width: 240px;
  margin: 0 -100% -1px 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  line-height: 1; }

.vertical-tabs__menu-item {
  position: relative; }
  .vertical-tabs__menu-item:before {
    display: none; }
  .vertical-tabs__menu-item.is-selected {
    z-index: 1;
    overflow-x: hidden;
    width: 100%;
    border-right: 1px solid #fcfcfa;
    border-bottom: 1px solid #b3b2ad;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3); }
  .vertical-tabs__menu-item.last {
    border-bottom: none; }
  .vertical-tabs__menu-item.first a {
    border-top-left-radius: 4px; }
  .vertical-tabs__menu-item:focus, .vertical-tabs__menu-item:active {
    z-index: 2; }
  .vertical-tabs__menu-item a {
    display: block;
    padding: 10px 15px 15px;
    text-decoration: none;
    border-bottom: 1px solid #b3b2ad;
    background-color: #f2f2f0;
    text-shadow: 0 1px rgba(255, 255, 255, 0.6); }
  .vertical-tabs__menu-item:last-child a {
    border-bottom: 0; }
  .vertical-tabs__menu-item.is-selected a,
  .vertical-tabs__menu-item a:hover,
  .vertical-tabs__menu-item a:focus {
    background: #fcfcfa;
    text-shadow: none; }
  .vertical-tabs__menu-item a:focus {
    outline: none; }
    .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
      text-decoration: underline; }
  .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title {
    text-decoration: none; }
  .vertical-tabs__menu-item.is-selected a {
    padding-left: 11px;
    text-decoration: none;
    color: #004f80;
    border-bottom: none; }
    .vertical-tabs__menu-item.is-selected a:focus {
      color: #007ecc; }
      .vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
        text-decoration: none; }
    .vertical-tabs__menu-item.is-selected a:hover {
      color: #007ecc; }

[data-vertical-tabs-panes] {
  background-color: #fcfcfa; }

.vertical-tabs__panes {
  margin: 0 0 0 240px;
  padding: 10px 15px 10px 15px;
  border-left: 1px solid #a6a5a1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .vertical-tabs__panes:after {
    display: table;
    clear: both;
    content: ""; }

.vertical-tabs__pane {
  margin: 0;
  padding: 0;
  color: #595959;
  border: 0; }
  .vertical-tabs__pane > summary {
    display: none; }

.vertical-tabs__menu-item-summary {
  display: block;
  padding-top: 0.4em;
  color: #666; }

.toolbar-fixed .top-nav {
  top: 40px; }

.toolbar-fixed.toolbar-tray-open .top-nav {
  top: 80px;
  background-color: #dedddd; }

.region-highlighted {
  margin-top: 55px; }

li.menu-item:before {
  display: none; }

.toolbar-menu li:before {
  display: none; }

.contextual-links li:before {
  display: none; }

.tips li:before {
  display: none; }

li.dropbutton-action:before {
  display: none; }

li.dropbutton-toggle:before {
  display: none; }

.layout-selection li:before {
  display: none; }

/*# sourceMappingURL=drupal-tweaks.css.map */