@import url(https://use.typekit.net/yst0ihn.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap);
:root {
  --scrollbar-width: 15px; }

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #696969;
  --gray-dark: #4a4a4a;
  --primary: #F4736E;
  --secondary: #9578D3;
  --success: #57af47;
  --info: #5A5A5A;
  --warning: #F4736E;
  --danger: #D92944;
  --light: #f8f9fa;
  --dark: #373535;
  --tertiary: #57af47;
  --deep-red: #D92944;
  --dark-purple: #45146F;
  --peach: #F2F2F2;
  --tan: #E5E5E7;
  --accent: #303030;
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f8f9fa;
  --gray-200: #efeff0;
  --gray-300: #D9D9D9;
  --gray-400: #949598;
  --gray-500: #7f7f7f;
  --gray-600: #696969;
  --gray-700: #5A5A5A;
  --gray-800: #4a4a4a;
  --gray-900: #373535;
  --secondary-dark: #685698;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/** Import everything from autoload */
/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
/** Import theme styles */
.imp-link-btn {
  position: relative;
  padding-right: calc(60px + 0.5rem);
  margin-bottom: 1rem; }
  .imp-link-btn:hover .imp-link-text, .imp-link-btn:focus .imp-link-text {
    background-color: #bdbdc2; }
  .imp-link-btn:hover .imp-link-signal .double-arrow, .imp-link-btn:focus .imp-link-signal .double-arrow {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  .imp-link-btn .imp-link-text {
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #E5E5E7;
    color: #9578D3;
    font-weight: 400;
    text-align: left;
    padding: 1rem;
    width: 100%; }
    @media (min-width: 1200px) {
      .imp-link-btn .imp-link-text {
        width: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1; }
        .imp-link-btn .imp-link-text:first-child:last-child {
          min-width: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
        .imp-link-btn .imp-link-text-secondary {
          text-align: right;
          font-size: 80%; } }
  .imp-link-btn .imp-link-signal {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #9578D3;
    color: #fff; }
    .imp-link-btn .imp-link-signal .double-arrow {
      -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      font-size: 2rem; }
      .imp-link-btn .imp-link-signal .double-arrow.has-icon {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1); }
    .imp-link-btn .imp-link-signal svg {
      width: 100%;
      height: 100%;
      vertical-align: top; }
      .imp-link-btn .imp-link-signal svg path {
        max-width: 100%;
        max-height: 100%; }
  .imp-link-btn.imp-link-white .imp-link-text {
    background-color: #fff;
    color: #9578D3; }
  .imp-link-btn.imp-link-white:hover .imp-link-text, .imp-link-btn.imp-link-white:focus .imp-link-text {
    background-color: #9578D3;
    color: #fff; }
  .imp-link-btn.imp-link-white:hover .imp-link-signal .double-arrow, .imp-link-btn.imp-link-white:focus .imp-link-signal .double-arrow {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
    .imp-link-btn.imp-link-white:hover .imp-link-signal .double-arrow.has-icon, .imp-link-btn.imp-link-white:focus .imp-link-signal .double-arrow.has-icon {
      -webkit-transform: scale3d(1, 1, 1.1);
              transform: scale3d(1, 1, 1.1); }
  .imp-link-btn.is-style-imp-link-btn-secondary .imp-link-text {
    color: #9578D3; }
  .imp-link-btn.is-style-imp-link-btn-secondary .imp-link-signal {
    background-color: #9578D3; }
  .imp-link-btn.is-style-imp-link-btn-secondary:hover .imp-link-text, .imp-link-btn.is-style-imp-link-btn-secondary:focus .imp-link-text {
    color: #683fc0; }
  .imp-link-btn.is-style-imp-link-btn-primary .imp-link-text {
    color: #F4736E; }
  .imp-link-btn.is-style-imp-link-btn-primary .imp-link-signal {
    background-color: #F4736E; }
  .imp-link-btn.is-style-imp-link-btn-primary:hover .imp-link-text, .imp-link-btn.is-style-imp-link-btn-primary:focus .imp-link-text {
    color: #ef2e27; }
  .imp-link-btn.is-style-imp-link-btn-deep-red .imp-link-text {
    color: #D92944; }
  .imp-link-btn.is-style-imp-link-btn-deep-red .imp-link-signal {
    background-color: #D92944; }
  .imp-link-btn.is-style-imp-link-btn-deep-red:hover .imp-link-text, .imp-link-btn.is-style-imp-link-btn-deep-red:focus .imp-link-text {
    color: #9a1b2f; }
  .imp-link-btn.is-style-imp-link-btn-white .imp-link-text {
    background-color: #fff;
    color: #9578D3; }
  .imp-link-btn.is-style-imp-link-btn-white .imp-link-signal {
    background-color: #9578D3; }
  .imp-link-btn.is-style-imp-link-btn-white:hover .imp-link-text, .imp-link-btn.is-style-imp-link-btn-white:focus .imp-link-text {
    background-color: #d9d9d9;
    color: #683fc0; }

.imp-links-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media (min-width: 768px) {
    .imp-links-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .imp-links-list .imp-link-wrap {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    margin-bottom: 15px; }
    .imp-links-list .imp-link-wrap:last-child {
      margin-bottom: 0; }
    @media (min-width: 1200px) {
      .imp-links-list .imp-link-wrap {
        min-width: calc(50% - 15px);
        -ms-flex-preferred-size: calc(50% - 15px);
            flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-right: 15px; }
        .imp-links-list .imp-link-wrap:nth-child(2n) {
          margin-right: 0;
          margin-left: 15px; }
        .imp-links-list .imp-link-wrap:last-child, .imp-links-list .imp-link-wrap:nth-last-child(2) {
          margin-bottom: 0; } }


/*# sourceMappingURL=important-link.css.map*/