/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * STRUCTURE
      : XXX

   * ELEMENTS
      : XXX

   * COMPONENTS
      : Signature box (New)
      : Signature widget/iframe (New)

   * MODULES
      : Main (Override/complement)

   * PAGETYPES
      : XXX

   * UTILITIES
      : XXX

   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */

/*
.tabs__list__item:not(.tabs__list__item--active),
.tabs__list__item:not(.tabs__list__item--active):link,
.tabs__list__item:not(.tabs__list__item--active):visited {
    color: inherit;
}

.tabs__list__item:not(.tabs__list__item--active):hover,
.tabs__list__item:not(.tabs__list__item--active):focus,
.tabs__list__item:not(.tabs__list__item--active):active {
    color: var(--color--clickeable);
}

.tabs__list__item--active,
.tabs__list__item--active:link,
.tabs__list__item--active:visited,
.tabs__list__item--active:hover,
.tabs__list__item--active:focus,
.tabs__list__item--active:active {
    color: var(--color--clickeable);
}

+TBD+
*/

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

/*
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]),
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):link,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):visited {
    color: inherit;
}

.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):hover,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):focus,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):active {
    color: var(--color--clickeable);
}

.switcher--as-icons [class*="__option--active"],
.switcher--as-icons [class*="__option--active"]:link,
.switcher--as-icons [class*="__option--active"]:visited,
.switcher--as-icons [class*="__option--active"]:hover,
.switcher--as-icons [class*="__option--active"]:focus,
.switcher--as-icons [class*="__option--active"]:active {
    color: var(--color--clickeable);
}

+TBD+
*/

/* STRUCTURE: XXX
   -------------------------------------------------------------------------- */

/* ELEMENTS: XXX
   -------------------------------------------------------------------------- */

/* COMPONENTS: Signature box (New)
   -------------------------------------------------------------------------- */

.section--signature,
.section--signature .section__content,
.section--signature .article,
.section--signature .article__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

.section--signature {
    box-shadow: 0 0 1.2rem 0 var(--color--shadow);
    background-color: var(--color--background);
    padding-top: var(--boxes--padding--inners);
    padding-right: var(--boxes--padding--inners);
    padding-bottom: var(--boxes--padding--inners);
    padding-left: var(--boxes--padding--inners);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--signature {
        max-width: calc(.625 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.625 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

}

/* COMPONENTS: Signature widget/iframe (New)
   -------------------------------------------------------------------------- */

#adobeSignWidget,
#adobeSignWidget iframe {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

#adobeSignWidget iframe {
    min-width: auto !important;
    min-height: calc(100vh - 22.7rem) !important;
}

/* MODULES: Main (Override/complement)
   -------------------------------------------------------------------------- */

.main {
    background-color: var(--color--white);
}

/* MODULES: header
   -------------------------------------------------------------------------- */
.header__logo {
   min-height: var(--header--height);
   display: flex;
   align-items: center;
   justify-content: center;
}

/* MODULES: footer
   -------------------------------------------------------------------------- */
.footer {
   border-top: none;
}

.footer__rights__copy,
.footer__links__item.link {
   font-size: 1.4rem;
}

.footer__links__divider {
   margin-left: var(--spacer--l);
   margin-right: var(--spacer--l);
}

.footer__social__item {
   height: 3.5rem;
   max-width: 3.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.footer__social__item__icon {
   height: auto;
}

@media all and (max-width:480px){
   .footer__rights__copy {
      text-align: center;
   }
   .footer__content>*+* {
      margin-top: var(--spacer--m2);
  }
}

/* PAGETYPES: Success
   -------------------------------------------------------------------------- */
.article--success {
   margin-top: 0.8rem;
}

.article__header__text__title {
   font-family: var(--font);
   font-size: 5rem;
   color: var(--color--black);
}

@media all and (max-width:480px){
   .article--success {
      margin-top: 0;
   }
}

/* UTILITIES:
   -------------------------------------------------------------------------- */
.article__header+* {
   margin-top: var(--spacer--l);
}

.article__footer {
   margin-top: var(--spacer--m);
}

@media all and (max-width:480px){
   .article__footer {
      margin-top: var(--spacer--l);
   }
}

/* COMPONENTS: Session Expired Dialog
   -------------------------------------------------------------------------- */
.ui-dialog {
   max-width: 59.2rem;
   padding: 3.6rem 3.2rem;
}

.ui-widget-header {
   border: none;
   background: var(--color--white);
}

.ui-dialog .ui-dialog-titlebar {
   border-bottom: none;
   padding: 1.6rem 0 2.4rem;
   align-items: flex-start;
}

.ui-dialog .ui-dialog-title {
   font-family: 'IndustryBlack';
   font-size: 2.5rem;
   color: var(--color--grey--darkest);
   margin: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
   color: var(--color--buttons--sub-3);
}

.ui-dialog .ui-dialog-content {
   padding: 1.6rem 0;
   line-height: 2.4rem;
}

.ui-dialog .ui-dialog-buttonpane {
   margin-top: 2.4em;
   padding: 0;
}

.ui-button:not(.ui-button-icon-only) {
   border: 0.1rem solid var(--color--buttons);
   background: var(--color--buttons);
   color: var(--color--white);
   border-radius: 4.8rem;
   height: 4rem;
}

.ui-button:not(.ui-button-icon-only):hover,
.ui-button:not(.ui-button-icon-only):focus {
   border: 0.1rem solid var(--color--buttons--sub-1);
   background: var(--color--buttons--sub-1);
}

.ui-dialog .ui-dialog-buttonset .ui-button::after {
   content: "Back to home page";
   display: block;
   font-weight: 700;
}

@media all and (max-width:480px){
   .ui-dialog .ui-dialog-title {
      font-size: 2.5rem;
      white-space: normal;
   }
   .ui-dialog .ui-dialog-buttonpane {
      margin-top: 1em;
   }
}

.article--details .article__content__view__field__value iframe,
.article--details .view-document_viewer {
   min-height: 52rem;
}