/*
Modal

Modal component.<br>

Markup:
  <div style="position: static; height: auto; width: auto; top: 424px; left: 333px;" tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front vacancy-overlay" aria-describedby="drupal-modal" aria-labelledby="ui-id-1">
    <div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title">Vacancy: Expired vacancy (published) External
        </span><button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button>
    </div>
    <div id="drupal-modal" class="ui-front ui-dialog-content ui-widget-content" style="width: auto; min-height: 40px; max-height: 1149px; height: auto;">
        <article role="article" about="/node/720" class="node node--type-vacancy node--view-mode-full full">
          <header class="node__header">
              <h2><span class="field field--name-title field--type-string field--label-hidden">Vacancy: Expired vacancy (published) External</span></h2>
          </header>
          <div class="node__content">
              <div class="field field--name-field-url field--type-link field--label-hidden field__item"><a href="https://www.uct.ac.za/" rel="nofollow" target="_blank">https://www.uct.ac.za/</a></div>
              <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                <p>Duis leo. Aenean viverra rhoncus pede. Aliquam lobortis. Nam commodo suscipit quam. Phasellus accumsan cursus velit.</p>
                <p>In ac felis quis tortor malesuada pretium. Curabitur nisi. In ac felis quis tortor malesuada pretium. Donec sodales sagittis magna. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum.</p>
              </div>
              <div class="field field--name-field-department-ref field--type-entity-reference field--label-above">
                <div class="field__label">Department/School</div>
                <div class="field__item">Human Biology</div>
              </div>
              <div class="field field--name-field-date-allday field--type-datetime field--label-above">
                <div class="field__label">Closing date</div>
                <div class="field__item"><time datetime="2020-12-03T12:00:00Z" class="datetime">3 December 2020</time></div>
              </div>
          </div>
        </article>
    </div>
  </div>

Styleguide Molecules.21
*/
.vacancy-overlay.ui-dialog { max-width: 60rem; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }

.vacancy-overlay.ui-dialog .ui-dialog-title { display: none; }

.vacancy-overlay.ui-dialog .ui-dialog-titlebar { background: none; border: none; height: 4rem; padding: 0; }

.vacancy-overlay.ui-dialog .ui-dialog-content { padding: 0 2rem 3.375rem; }

.vacancy-overlay.ui-dialog .ui-icon-closethick { display: none; }

.vacancy-overlay.ui-dialog .ui-dialog-titlebar-close { width: 2rem; height: 2rem; right: 2rem; top: auto; bottom: 0; position: absolute; }

.vacancy-overlay.ui-dialog .ui-dialog-titlebar-close:before { content: ""; position: absolute; top: 0; display: block; background-color: #1e1e1e; -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-5x'%3E%3Cpath fill='currentColor' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-5x'%3E%3Cpath fill='currentColor' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: 1; width: 2rem; height: 2rem; text-indent: 0; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }

.vacancy-overlay.ui-dialog .ui-dialog-titlebar-close:hover:before { background-color: var(--uct-color--link, var(--rw-link-color, #0076d1)); }

.contact-overlay.ui-dialog { max-width: 60rem; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); background: #f7f8fb; }

.contact-overlay.ui-dialog .ui-dialog-title { display: none; }

.contact-overlay.ui-dialog .ui-dialog-titlebar { background: none; border: none; height: 3.375rem; padding: 0; }

.contact-overlay.ui-dialog .ui-dialog-content { padding: 0 2rem 3.375rem; border-bottom: 3px solid #0098db; }

.contact-overlay.ui-dialog .ui-icon-closethick { display: none; }

.contact-overlay.ui-dialog .ui-dialog-titlebar-close { width: 2rem; height: 2rem; right: 2rem; top: auto; bottom: 0; position: absolute; line-height: 2rem; }

.contact-overlay.ui-dialog .ui-dialog-titlebar-close:before { content: ""; position: absolute; top: 0; display: block; background-color: #1e1e1e; -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-5x'%3E%3Cpath fill='currentColor' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-5x'%3E%3Cpath fill='currentColor' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: 1; width: 2rem; height: 2rem; text-indent: 0; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }

.contact-overlay.ui-dialog .ui-dialog-titlebar-close:hover:before { background-color: var(--uct-color--link, var(--rw-link-color, #0076d1)); }

/*# sourceMappingURL=../../../maps/modal/modal.css.map */